Date Picker

A calendar popover for selecting a single date.

Install

npx shadcn add @clearly/date-picker

Live Date Picker component — see usage below.

import { DatePicker } from "@/components/ui/date-picker"

<DatePicker />

Every Clearly component also accepts glass (subtle·medium·strong), specular and className.

Prop	Type	Default	Description
`value`	`Date \| undefined`	`—`	Selected date (controlled).
`onChange`	`(date?: Date) => void`	`—`	Selection callback.
`placeholder`	`string`	`"Pick a date"`	Trigger button placeholder text.