Calendar

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

1function CalendarExample() {
2  const [date, setDate] = useState<Date | undefined>(new Date());
3 
4  return (
5    <Calendar
6      mode="single"
7      selected={date}
8      onSelect={setDate}
9      className="rounded-md border"
10    />
11  );
12}
13 
14{/* Multiple date selection */}
15function MultiCalendar() {
16  const [dates, setDates] = useState<Date[]>([]);
17 
18  return (
19    <Calendar
20      mode="multiple"
21      selected={dates}
22      onSelect={setDates}
23    />
24  );
25}