premiumcalendar/PremiumCalendarUI.jsx

A lightweight and customizable JavaScript + CSS calendar library for modern web applications.

import { useEffect, useId } from "react";
import MMKPremiumCalendar from "./dist/premiumcalendar.min";
import "./dist/premiumcalendar.min.css";

function PremiumCalendarUI({config}) {
  const id = useId();

  useEffect(() => {
    const calendar = new MMKPremiumCalendar(`#${id}`, config);

    return () => {
      if (calendar.destroy) {
        calendar.destroy();
      }
    };
  }, [id]);

  return <div id={id}></div>;
}

export default PremiumCalendarUI;