Calendar

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

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

October 2026
tsx
"use client"
import { useState } from "react"import { Calendar } from "@celestia-project/ui/primitive/calendar"
const [date, setDate] = useState<Date | undefined>(new Date())
<Calendar mode="single" selected={date} onSelect={setDate} className="rounded-md border" />

Combine it with a Popover to build a full date picker. Supports all react-day-picker props (mode, numberOfMonths, disabled, ...).

PreviousButton Group
NextCard