Calendar
A date field component that lets users enter and edit dates.
Installation
pnpm dlx shadcn@latest add https://8bit.cnlibs.com/r/calendar.jsonUsage
"use client";
import { useState } from "react";
import { Calendar } from "@/components/ui/calendar";
const [date, setDate] = useState<Date | undefined>(new Date());<Calendar
className="px-border-md px-rounded-md"
mode="single"
onSelect={setDate}
selected={date}
/>