API and Development
TimeInput from @prepared911/ui/time-input collects a wall-clock time. A range is the same component with range, not a second picker. The value is an HH:mm string (or HH:mm:ss). Segments follow Intl, and a popover lists times every step minutes.
| Name | Type | Description |
|---|---|---|
value | string | HH:mm wall-clock value. A range uses the start and end values together. |
onValueChange | (value, details) => void | Next value. A range reports when both ends are set, unless allowPartialRange is set. |
range | boolean | One field, one popover, two lists. There is no maxRange hour clamp. |
min / max | string | Bounds for each end. An end before the start crosses midnight. |
step | number | Minutes between list rows. |
hourCycle | 24-hour by default. Opt into 12-hour or 11-hour. | |
timeZone | string | Zone name. Convert instants with timeOfInstant and instantOfTime. |
label | LocalizedMessage | Accessible name. There is no hidden-label flag that drops the name. |