Date Picker
A date picker component with range and presets.
June 2026
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|
// src/components/ui/date-picker.tsx — a Popover wrapping the Calendar. Uses data-ui="toggle-pop".Installation
$ bext ui add date-pickerCopy and paste the following into src/components/ui/date-picker.tsx.
// src/components/ui/date-picker.tsx — a Popover wrapping the Calendar. Uses data-ui="toggle-pop".This component is interactive — make sure the shared island is loaded (see Islands). It reacts to data-ui="date-picker" hooks.
On This Page