Calendar

A date field component that allows users to enter and edit date.

utils
Description of the SVG image Loading...

About

The <Calendar /> component is built on top of React Day Picker library.

Installation

Run the following command:

npx ever-ui-clx@0.2.1 add demo-calendar

Usage

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"
  />
);