Components / Date & time
DateTimeRangePicker
A date-time range chosen in a single popover: presets, range calendar, two time lists and Apply/Cancel.
@ruckc/truss-ui Date & time
Import
import { DateTimeRangePicker } from '@ruckc/truss-ui';Playground
step
value
API
| Prop | Type | Default | Description |
|---|---|---|---|
value bindable | { start?: string; end?: string } | {} | Local date-times "YYYY-MM-DDTHH:MM". |
label | string | — | Visible label shown above the control. |
min | string | — | Date bounds "YYYY-MM-DD". |
max | string | — | Maximum number to show before collapsing the rest. |
presets | boolean | true | Quick ranges (last hour, today, last 7 days…) in the popover. |
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. |
weekStart | number | 0 | First day of the week: 0 = Sunday … 6 = Saturday. |
locale | string | 'en-US' | BCP-47 locale used for month and weekday names. |