Timepicker

Timepicker is used to select a time in specific hours and minutes.

Edit the code below to see your changes live!

function Example() {
  const [time, setTime] = useState<string>();

  return (
    <Form>
      <FormGroup>
        <Timepicker locale="en-US" value={time} onTimeChange={(value) => setTime(value)} />
      </FormGroup>
    </Form>
  );
}

function Example() {
  const [time, setTime] = useState<string>();
  return (
    <Form>
      <FormGroup>
        <Timepicker locale="en-US" value={time} onTimeChange={(value) => setTime(value)} />
      </FormGroup>
    </Form>
  );
}

Timepicker

Prop Name	Type	Default	Description
`onTimeChange` *	`(value: string) => void`		Callback called with value of selected time.
`label`	`string` \| `FormControlLabel`		Adds a label to the field.
`locale`	`string`	`en-US`	Locale used to format the the date and calendar. See DateTimeFormat
`value`	`string`		The time that should be used as the input value.

Props ending with * are required

Beta