TimePicker

Form

Time selection input supporting 12/24 hour formats, optional seconds, range mode, shortcuts, and keyboard interaction

Select a single time or a time range with 12h/24h support, optional seconds, shortcuts, and keyboard-friendly controls.

Basic usage

Use TimePicker for selecting one time value with clear and helper affordances.

Start time

Value: None

Toggle between 12h and 24h modes and enable seconds for higher precision.

Meeting time

Mode: 12h | Value: None

Enable useRange for selecting start and end times, with shortcuts and footer actions for quicker workflows.

Working hours

Range: None -> None

See the full source code on GitHub

Asynchronous search input with debounced queries, virtual scrolling for large datasets, and keyboard-driven selection

Accessible checkbox input with indeterminate state support and form integration

Accessible CheckboxGroup for multi-selection, and form integration

Color selection component with preset colors, HEX/RGB/HSL input, and visual picker interface