Date Picker

Calendar inside a Popover, triggered by a Button. Composable and accessible.

Start date

Installation

$npx particleui-cli add date-picker

TSX

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

export default function Example() {
  return <DatePicker />
}

Prop	Type	Default	Required
date	Date	—	no
onDateChange	(date: Date \| undefined) => void	—	no
placeholder	string	`"Pick a date"`	no
className	string	—	no
disabled	boolean	—	no

Source filecomponents/ui/date-picker.tsx

Typeui

Categoriesforms, core

npm dependenciesdate-fns, lucide-react

Registry deps

Claude skill—