Merge pull request #331 from VanillaViking/master

Default input type for time picker
web-ridge · Sep 13, 2023 · d62a2e0 · d62a2e0
2 parents 9063fea + b173506
commit d62a2e0
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/docusaurus/docs/time-picker.md b/docusaurus/docs/time-picker.md
@@ -113,3 +113,7 @@ Flag indicating if the time input should use the 24 hours clock. Defaults to the
 **inputFontSize**
 `Type: number | undefined`
 Font size of the time input. Defaults to 57. Useful when using a custom font.
+
+**defaultInputType**
+`Type: 'picker' | 'keyboard'`
+Which input type to use by default. Defaults to the clock-face picker.
diff --git a/src/Time/TimePickerModal.tsx b/src/Time/TimePickerModal.tsx
@@ -57,6 +57,7 @@ export function TimePickerModal({
   clockIcon = 'clock-outline',
   use24HourClock,
   inputFontSize,
+  defaultInputType,
 }: {
   locale?: undefined | string
   label?: string
@@ -73,6 +74,7 @@ export function TimePickerModal({
   clockIcon?: string
   use24HourClock?: boolean
   inputFontSize?: number
+  defaultInputType?: PossibleInputTypes
 }) {
   const theme = useTheme()
 
@@ -86,7 +88,7 @@ export function TimePickerModal({
   }
 
   const [inputType, setInputType] = React.useState<PossibleInputTypes>(
-    inputTypes.picker
+    defaultInputType || inputTypes.picker
   )
   const [focused, setFocused] = React.useState<PossibleClockTypes>(
     clockTypes.hours