Date Picker

A popover calendar with a Cancel/Apply footer for picking a single date or a date range, with a presets rail.

$bunx shadcn@latest add @nx-ui/date-picker
Registry item
Installs withbuttoncalendarpopoverutils

Single date

A secondary trigger opens the calendar; the choice is only committed on Apply.

Date range with presets

A left rail of presets — Today, This week, Last 7/30 days, This month, Custom… — beside a dual-month range calendar.

Soil sampling window

Realistic Nexus usage: choosing the window a soil sample was collected in.

Disabled

API reference

Exported parts and their props, extracted from the component source.