Date Picker

Calendar date picker primitive.

Use this when a user needs to enter, review, or correct structured data.

Preview and code

Loading preview...

If this is your first Circle install, start with Get started.

pnpm dlx shadcn@latest add @circle-ui/date-picker

This is a lower-level building block. Reach for it when you need direct control over layout, behavior, or styling in a larger surface.

Registry

@circle-ui/utils

npm

react-day-picker

The raw JSON payload powering this entry — useful when debugging registry output.

registry/berlin/circle-ui/date-picker.tsx

pnpm dlx shadcn@latest add https://registry.circle.health/circle-ui/date-picker.json