Calendar
A date picker calendar built on react-day-picker.
April 2026
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|
Selected: April 26th, 2026
Installation
npx radk-cli@latest add calendarUsage
import { Calendar } from "@/components/ui/calendar"const [date, setDate] = React.useState<Date | undefined>(new Date())
<Calendar mode="single" selected={date} onSelect={setDate} />Examples
Single Date
<Calendar mode="single" selected={date} onSelect={setDate} />Date Range
<Calendar
mode="range"
selected={range}
onSelect={setRange}
numberOfMonths={2}
/>Multiple Dates
<Calendar mode="multiple" selected={dates} onSelect={setDates} />