Components / Date & time
DateTimePicker
A date and a time bound to one YYYY-MM-DDTHH:MM value.
@ruckc/truss-ui Date & time
Import
import { DateTimePicker } from '@ruckc/truss-ui';Playground
step
value
API
| Prop | Type | Default | Description |
|---|---|---|---|
value bindable | string | — | Local date-time "YYYY-MM-DDTHH:MM". |
label | string | — | Visible label shown above the control. |
ariaLabelPrefix | string | — | Accessible name prefix for the inner date/time fields (defaults to `label`). |
min | string | — | Date bounds "YYYY-MM-DD". |
max | string | — | Maximum number to show before collapsing the rest. |
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. |