radkradk

Calendar

A date picker calendar built on react-day-picker.

April 2026

Selected: April 26th, 2026

Installation

npx radk-cli@latest add calendar

Usage

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} />