Time picker

The time picker component allows the user to select a time, with formatting and validation. It also permits the selection of times using a set of buttons. It supports a similar set of options as DatePicker and Input.

React
HTML

<TimePicker />

<TimePicker />

React
HTML

<TimePicker defaultValue="12:00" />

<TimePicker defaultValue="12:00" />

React
HTML

<TimePicker error="This is an invalid time." help="Help is one of The Beatles' greatest albums." />

<TimePicker error="This is an invalid time." help="Help is one of The Beatles' greatest albums." />

React
HTML

<TimePicker isOpen />

<TimePicker isOpen />

React
HTML

<TimePicker disabled />

<TimePicker disabled />

React
HTML

<TimePicker use24hr />

<TimePicker use24hr />

React
HTML

<TimePicker showSeconds />

<TimePicker showSeconds />

React
HTML

<TimePicker overlay/>

<TimePicker overlay/>