‘use client’
Calendar
A date field component that allows users to enter and edit dates.
Installation
npx shadcn@latest add @uipath/calendarUsage
import { Calendar } from "@/components/ui/calendar"const [date, setDate] = React.useState<Date | undefined>(new Date())
return (
<Calendar
mode="single"
selected={date}
onSelect={setDate}
className="rounded-md border"
/>
)Examples
Date Range
<Calendar
mode="range"
selected={dateRange}
onSelect={setDateRange}
numberOfMonths={2}
/>