Calendar

A month grid with event dots, disabled days and full keyboard navigation.

Installation

npx plankui@latest add calendar

import { Calendar } from "@/components/ui/calendar";

<Calendar value={date} onValueChange={setDate} events={[new Date()]} />

Prop	Type	Default	Description
value / onValueChange	Date / (date) => void		Selected day.
events	Date[]	[]	Days that show a dot.
isDisabled	(date) => boolean		Days that cannot be picked.
weekStartsOn	0 \| 1	1	Sunday or Monday first.