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
Component Source
<TimePicker value={time} onChange={setTime} intervalMinutes={30} />TimePickerInput — Direct HH:MM Input
:
Component Source
<TimePickerInput value={time} onChange={setTime} />TimePickerClock — Analog Dial
Component Source
<TimePickerClock value={time} onChange={setTime} />Props Specification
| Prop | Type | Default | Description |
|---|---|---|---|
| value* | Date | — | Currently selected Date object. |
| onChange* | (d: Date) => void | — | Callback fired when selected time changes. |
| ariaLabel | string | — | Screen reader label for accessibility. |
| intervalMinutes | number | 30 | Minutes between each option in select dropdown — 15, 30, 60, etc. Default 30. |
* required