Calendar

Full-featured calendar picker built on react-day-picker with ParticleUI styling.

May 2026

Installation

Run the CLI

$npx particleui-cli add calendar

Usage

TSX

import { Calendar } from "@/components/ui/calendar"
import { useState } from "react"

export default function Example() {
  const [date, setDate] = useState<Date | undefined>(new Date())
  return <Calendar mode="single" selected={date} onSelect={setDate} />
}

Details

Source filecomponents/ui/calendar.tsx

Typeui

Categoriesforms, core

npm dependenciesreact-day-picker, lucide-react

Registry deps

Claude skill—

Su	Mo	Tu	We	Th	Fr	Sa