⚠️ Mobile is not supported yet.

Command Palette

Search for a command to run...

[Explore]
[Search]
[Saved]

Terms of Service Privacy Policy

Date Picker – shadcn/ui Component by ai2 | shadcnregistry

Registries
ai2
Date Picker

Date Picker

ui

Date field that opens a Calendar in a Popover. Controlled or uncontrolled via value/defaultValue and onValueChange; formats the selected date with date-fns and shows a placeholder when empty.

Provided by ai2

Open in https://v0.dev/Open in

date-fns@^4.4.0
lucide-react@^1.23.0

Installation

Install directly from the provider.

pnpm dlx shadcn@latest add "https://ai2.design/r/date-picker.json"

Files

Styles

Light Mode

No variables found.

Dark Mode

No variables found.

Theme

No variables found.

CSS

No CSS found.