Time Picker

Time selection primitive supporting interval dropdown (TimePicker), segmented inputs (TimePickerInput), and analog clock face popover (TimePickerClock).

// Plain markup
import { TimePicker, TimePickerClock, TimePickerInput } from "@shavin/ui";

TimePicker — Dropdown

<TimePicker value={time} onChange={setTime} intervalMinutes={30} />

TimePickerInput — Direct HH:MM Input

:
<TimePickerInput value={time} onChange={setTime} />

TimePickerClock — Analog Dial

<TimePickerClock value={time} onChange={setTime} />

Props Specification

PropTypeDefault
value*Date
onChange*(d: Date) => void
ariaLabelstring
intervalMinutesnumber

* required

Configure Theme
Theme
Accent Color
Custom
Gray Family
Appearance
Radius
Scaling
Panel Style
Heading Font
Body Font