Components

Time Picker

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.

Edit this page
Last updated: Jul 19, 2026, 4:42 PM