Dropdown Multi Calendar

import { DropdownMultiCalendar } from "@/components/ruixen/dropdown-multi-calendar";
import { useState } from "react";
 
export default function App() {
  const [dates, setDates] = useState<Date[]>([]);
 
  return (
    <DropdownMultiCalendar
      selectedDates={dates}
      onChange={(newDates) => setDates(newDates)}
      minYear={2000}
      maxYear={2030}
      maxSelectable={10}
      label="Select your important dates"
      monthFormat="MMM"
      className="max-w-md"
    />
  );
}

// Full month name
monthFormat = "MMMM"; // January
 
// Short month name
monthFormat = "MMM"; // Jan
 
// Numeric month
monthFormat = "M"; // 1