DatePicker

Installation

import { DatePicker } from "@o/pipeline/components/date-picker";

Usage

March 2026

Su	Mo	Tu	We	Th	Fr	Sa
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30	31	1	2	3	4

Range

March 2026

Su	Mo	Tu	We	Th	Fr	Sa
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30	31	1	2	3	4

Composition

Popover

import { DatePickerPopover } from "@o/pipeline/components/date-picker/precomposed";

Use the precomposed DatePickerPopover to combine a DatePicker with a Popover.

Mar 20

DropdownMenu

DatePicker can be used within DropdownMenu.SubContent to allow for date selection within a dropdown menu

See DropdownMenu documentation for more information.