TimePicker

Time pickers provide a compact controlled input for choosing one time value.

Basic Usage

Use a controlled value when the selected time needs to stay in sync with broader form state.

Empty State

An empty placeholder is useful when the time should be chosen explicitly rather than prefilled.

States

Show invalid and disabled states when the picker is used inside forms.

API reference

TimePicker uses this package's Select, which wraps Base UI Select. Use the Base UI API reference for item behavior, controlled state, keyboard behavior, and popup positioning details.