Components / Date & time
DateRangePicker
Start and end dates in one control, with presets and a range calendar.
@ruckc/truss-ui Date & time
Import
import { DateRangePicker } from '@ruckc/truss-ui';Playground
value
API
| Prop | Type | Default | Description |
|---|---|---|---|
value bindable | DateRange | {} | The current value. Bind it with `bind:value`. |
label | string | — | Visible label shown above the control. |
min | string | — | Minimum allowed value. |
max | string | — | Maximum number to show before collapsing the rest. |
presets | boolean | true | Offer quick-pick ranges. |
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. |