Time Picker

Loading
API

Examples

Timepicker

API

Timepicker props

NameTypeDescription
creatable
boolean
Set to true to allow times that aren't displayed in the options list to be entered manually. Defaults to false.
disabled
boolean
Renders component in disabled state.
error
boolean
Renders component in error state.
format
string
12 or 24. Render options in AM/PM format or 24 hour format. Defaults to 12 hour.
nullable
boolean
Set to true to allow the timepicker to have an undefined value. Defaults to false.
onChange
function
Callback for when time selection changes.
overrides
custom
Lets you customize all aspects of the component.
placeholder
string
If the value is undefined, the placeholder is shown. Defaults to HH:mm.
positive
boolean
Renders component in positive state.
size
enum
Renders component in provided size.
step
number
Amount of seconds between each option time. Defaults to 900 (15 minutes).
value
date
Optional value that can be provided to fully control the component. If not provided, TimePicker will manage state internally and default to the closest step to new Date().

Timepicker exports

You can import this module like so:

import {TimePicker} from 'baseui/timepicker'

It exports the following components or utility functions: