Components
Loading preview...
A date field component that allows users to enter and edit date.
npx shadcn@latest add https://21st.dev/r/shadcn/calendar"use client"
import * as React from "react"
import { Calendar } from "@/components/ui/calendar"
export function CalendarDemo() {
const [date, setDate] = React.useState<Date | undefined>(new Date())
return (
<Calendar
mode="single"
selected={date}
onSelect={setDate}
className="rounded-md border"
/>
)
}