Calendar
Accessible date grid built on react-day-picker v9.
Calendar
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|
Installation
1pnpm dlx shadcn@latest add @glasswave/calendarUsage
1import { Calendar } from "glasswave";2import { useState } from "react";3 4export function DatePicker() {5 const [date, setDate] = useState<Date | undefined>(new Date());6 7 return <Calendar mode="single" selected={date} onSelect={setDate} />;8}Calendar wraps react-day-picker v9, so every DayPicker prop is supported (mode, selected, disabled, modifiers, numberOfMonths, …).
API Reference
See the React DayPicker documentation.