Merge pull request #331 from VanillaViking/master

Default input type for time picker

Author: iM-GeeKy

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.

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