A date field component that allows users to enter and edit date.
The <Calendar /> component is built on top of React Day Picker library.
<Calendar />
Run the following command:
npx ever-ui-clx@0.2.1 add demo-calendar
import { Calendar } from "@/components/ui/calendar";
const [date, setDate] = useState<Date | undefined>(new Date()); return ( <Calendar mode="single" selected={date} onSelect={setDate} className="rounded-md border" /> );