Calender

A comprehensive calendar component for date selection with support for single dates, date ranges, and multiple date selection

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Calender to your project and fits it to your theme.

import { Calendar } from "@/components/ui/calender";
import React from 'react';

export default function DemoOne() { 
  const [date, setDate] = React.useState<Date>()

  return(
    <div>
      <Calendar selected={date} onSelect={setDate} />
    </div>
  );
}