Time Components

Our own column time picker on the Time class — the standalone TimeColumns and the InputTimePicker (masked field + popover). No analog clock.

TimeColumns — column picker

A column / list time picker on the Time class — not the analog clock. Scroll a column or click a value; the selected value centers when off-screen. "Now" jumps to the current time.

24h · minuteStep 5

Min

09:30

12h · AM/PM · seconds

Min

Sec

02:15

Bounds 09:00 → 17:30

Min

Out-of-range hours / minutes disabled

InputTimePicker — field + popover

The masked InputTime + the column picker in a popover : a dropdown on desktop, a centered modal on mobile — force either with display="dropdown" | "modal". Type or pick; the popover stays open and closes on outside-click / Esc — or via the optional Apply / Cancel footer (deferred commit).

Time (responsive)

Type or pick; × to clear.

12h with AM/PM

Forced dropdown

Forced modal

With seconds

With Apply / Cancel footer

Picks are deferred until Apply

Selected (responsive) : —