DatePicker
A calendar for selecting a single date or a date range, built on react-day-picker.
Installation
import { DatePicker } from "@o/pipeline/experimental/components/date-picker";Usage
August 2026
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|
Range
August 2026
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|
Composition
Popover
import { DatePickerPopover } from "@o/pipeline/experimental/components/date-picker/precomposed";Use the precomposed DatePickerPopover to combine a DatePicker with a Popover.
Menu
Use DatePicker within Menu.SubContent to select a date inside a dropdown menu
See Menu documentation for more information.