DatePicker

Installation

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

Usage

July 2026

Su	Mo	Tu	We	Th	Fr	Sa
28	29	30	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

Range

July 2026

Su	Mo	Tu	We	Th	Fr	Sa
28	29	30	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

Composition

Popover

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

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

Jul 10

Menu

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

See Menu documentation for more information.