Calendar

import { Calendar } from "passport-ui";
import { useState } from "react";

function CalendarExample() {
  const [date, setDate] = useState<Date | undefined>(new Date());
 
  return (
    <Calendar
      mode="single"
      selected={date}
      onSelect={setDate}
      className="rounded-md border"
    />
  );
}
 
{/* Multiple date selection */}
function MultiCalendar() {
  const [dates, setDates] = useState<Date[]>([]);
 
  return (
    <Calendar
      mode="multiple"
      selected={dates}
      onSelect={setDates}
    />
  );
}