Components / Date & time
TimePicker
Typed time entry (2:30 pm, 1430) plus hour/minute columns; 24h or 12h.
@ruckc/truss-ui Date & time
Import
import { TimePicker } from '@ruckc/truss-ui';Playground
step
value
API
| Prop | Type | Default | Description |
|---|---|---|---|
value bindable | string | — | 24h "HH:MM" |
label | string | — | Visible label shown above the control. |
ariaLabel | string | — | Accessible name, for use when there is no visible `label`. |
hour12 | boolean | false | Use a 12-hour clock with AM/PM. |
step | number | 5 | Minute increment shown in the list (typed entry accepts any minute). |
disabled | boolean | false | Disables the control: it cannot be focused, changed or activated. |
error | string | — | Error message. Marks the control invalid, replaces the hint, and is announced to assistive technology. |
placeholder | string | — | Hint shown while the field is empty. |