Calendar

A date field component to select a single date.

Preview

bash

npx auralix-ui add calendar

tsx

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

<Calendar mode="single" className="rounded-md border" />

Name	Type	Default	Description
`mode`	`"single" \| "range" \| "multiple"`	`"single"`	Selection mode.
`selected`	`Date \| Date[] \| DateRange`	`-`	Selected date(s).

Single Date

Multiple Selection

Range Selection

On this page