Components / Date & time
TimeRangePicker
Start and end times, with overnight-range handling.
@ruckc/truss-ui Date & time
Import
import { TimeRangePicker } from '@ruckc/truss-ui';Playground
step
value
API
| Prop | Type | Default | Description |
|---|---|---|---|
value bindable | { start?: string; end?: string } | {} | 24h "HH:MM" strings. |
label | string | — | Visible label shown above the control. |
hour12 | boolean | false | Use a 12-hour clock with AM/PM. |
step | number | 5 | Increment between values. |
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. |
allowOvernight | boolean | false | Permit end earlier than start (spans midnight). |