@fullcalendar/mui 7.0.0-beta.6 → 7.0.0-beta.8

package/README.md

@@ -5,17 +5,8 @@ Display an event calendar that inherits from your [@mui/material](https://www.np
 
 ## Installation
 
-First, ensure you have all React and MUI-related packages already installed.
-Then install FullCalendar and a select set of plugins:
-
 ```sh
-npm install \
-  @fullcalendar/core \
-  @fullcalendar/mui \
-  @fullcalendar/daygrid \
-  @fullcalendar/timegrid \
-  @fullcalendar/interaction \
-  @fullcalendar/multimonth
+npm install @fullcalendar/react @fullcalendar/mui
 ```
 
 ## Usage
@@ -29,8 +20,8 @@ Next, decide whether you're using FullCalendar "standard" (aka "EventCalendar")
 ```jsx
 import EventCalendar from '@fullcalendar/mui/monarch/EventCalendar'
 
-import '@fullcalendar/core/skeleton.css'
-import '@fullcalendar/mui/monarch/global.css'
+import '@fullcalendar/react/skeleton.css'
+import '@fullcalendar/mui/monarch/theme.css'
 
 <EventCalendar
   addButton={{
@@ -61,8 +52,8 @@ Then write your component code:
 ```jsx
 import Scheduler from '@fullcalendar/mui/monarch/Scheduler'
 
-import '@fullcalendar/core/skeleton.css'
-import '@fullcalendar/mui/monarch/global.css'
+import '@fullcalendar/react/skeleton.css'
+import '@fullcalendar/mui/monarch/theme.css'
 
 <EventCalendar
   addButton={{

package/{esm/forma → breezy}/EventCalendar.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CalendarOptions } from '@fullcalendar/core';
+import { CalendarOptions } from '@fullcalendar/react';
 
 interface EventCalendarProps extends Omit<CalendarOptions, 'class'> {
     availableViews?: string[];

package/{esm/breezy → breezy}/EventCalendar.js

@@ -1,26 +1,13 @@
 import React from 'react';
 import { useCalendarController } from '@fullcalendar/react';
-import dayGridPlugin from '@fullcalendar/daygrid';
-import timeGridPlugin from '@fullcalendar/timegrid';
-import listPlugin from '@fullcalendar/list';
-import interactionPlugin from '@fullcalendar/interaction';
-import multiMonthPlugin from '@fullcalendar/multimonth';
+import dayGridPlugin from '@fullcalendar/react/daygrid';
+import timeGridPlugin from '@fullcalendar/react/timegrid';
+import listPlugin from '@fullcalendar/react/list';
+import interactionPlugin from '@fullcalendar/react/interaction';
+import multiMonthPlugin from '@fullcalendar/react/multimonth';
 import EventCalendarToolbar from './EventCalendarToolbar.js';
 import EventCalendarViews from './EventCalendarViews.js';
 import EventCalendarContainer from './EventCalendarContainer.js';
-import '@mui/material/Box';
-import '@mui/material/Button';
-import '@mui/material/IconButton';
-import '@mui/material/Typography';
-import '@mui/material/ToggleButtonGroup';
-import '@mui/material/ToggleButton';
-import './icons.js';
-import '@fullcalendar/core';
-import '@mui/icons-material/ChevronLeft';
-import '@mui/icons-material/ChevronRight';
-import '@mui/icons-material/Close';
-import '@mui/icons-material/ExpandMore';
-import '@mui/material';
 
 const plugins = [
     dayGridPlugin,

package/{esm/breezy → breezy}/EventCalendarToolbar.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CalendarController } from '@fullcalendar/core';
+import { CalendarController } from '@fullcalendar/react';
 
 interface EventCalendarToolbarProps {
     controller: CalendarController;

package/{esm/monarch → breezy}/EventCalendarToolbar.js

@@ -6,11 +6,6 @@ import Typography from '@mui/material/Typography';
 import ToggleButtonGroup from '@mui/material/ToggleButtonGroup';
 import ToggleButton from '@mui/material/ToggleButton';
 import { EventCalendarPrevIcon, EventCalendarNextIcon } from './icons.js';
-import '@fullcalendar/core';
-import '@mui/icons-material/ChevronLeft';
-import '@mui/icons-material/ChevronRight';
-import '@mui/icons-material/Close';
-import '@mui/icons-material/ExpandMore';
 
 function EventCalendarToolbar({ controller, availableViews, addButton, }) {
     const buttons = controller.getButtonState();
@@ -21,6 +16,9 @@ function EventCalendarToolbar({ controller, availableViews, addButton, }) {
             justifyContent: 'space-between',
             gap: 1,
             padding: 2,
+            bgcolor: 'action.hover', // low-contrast grey
+            borderBottom: '1px solid',
+            borderColor: 'divider',
         } },
         React.createElement(Box, { sx: {
                 display: 'flex',

package/{esm/breezy → breezy}/EventCalendarViews.d.ts

@@ -1,23 +1,23 @@
 import React from 'react';
-import { DayHeaderData, DayCellData, CalendarOptions } from '@fullcalendar/core';
+import { DayHeaderData, DayCellData, CalendarOptions } from '@fullcalendar/react';
 
 declare const outlineWidthClass = "outline-3";
 declare const outlineWidthFocusClass = "focus-visible:outline-3";
 declare const outlineWidthGroupFocusClass = "group-focus-visible:outline-3";
 declare const outlineOffsetClass = "outline-offset-1";
 declare const primaryOutlineColorClass = "outline-(--mui-palette-primary-main)";
-declare const strongSolidPressableClass: string;
+declare const strongSolidPressableClass = "bg-[color-mix(in_oklab,var(--mui-palette-text-primary)_16%,var(--mui-palette-background-paper))] hover:bg-[color-mix(in_oklab,var(--mui-palette-text-primary)_20%,var(--mui-palette-background-paper))] active:bg-[color-mix(in_oklab,var(--mui-palette-text-primary)_25%,var(--mui-palette-background-paper))]";
 declare const mutedBgClass = "bg-[rgba(var(--mui-palette-text-primaryChannel)_/_0.08)]";
-declare const mutedHoverPressableClass: string;
+declare const mutedHoverPressableClass = "hover:bg-[rgba(var(--mui-palette-text-primaryChannel)_/_0.08)] focus-visible:bg-[rgba(var(--mui-palette-text-primaryChannel)_/_0.16)] active:bg-[rgba(var(--mui-palette-text-primaryChannel)_/_0.16)]";
 declare const faintBgClass = "bg-[rgba(var(--mui-palette-text-primaryChannel)_/_0.04)]";
 declare const primaryClass = "bg-(--mui-palette-primary-main) text-(--mui-palette-primary-contrastText)";
-declare const primaryPressableClass: string;
-declare const primaryPressableGroupClass: string;
+declare const primaryPressableClass = "bg-(--mui-palette-primary-main) text-(--mui-palette-primary-contrastText) hover:bg-[rgba(var(--mui-palette-primary-mainChannel)_/_0.9)] active:bg-[rgba(var(--mui-palette-primary-mainChannel)_/_0.8)]";
+declare const primaryPressableGroupClass = "bg-(--mui-palette-primary-main) text-(--mui-palette-primary-contrastText) group-hover:bg-[rgba(var(--mui-palette-primary-mainChannel)_/_0.9)] group-active:bg-[rgba(var(--mui-palette-primary-mainChannel)_/_0.8)]";
 declare const eventMutedFgClass = "text-[color-mix(in_oklab,var(--fc-event-color)_50%,var(--mui-palette-text-primary))]";
 declare const eventFaintBgClass = "bg-[color-mix(in_oklab,var(--fc-event-color)_20%,var(--mui-palette-background-paper))]";
 declare const eventFaintPressableClass: string;
-declare const rowPointerResizerClass: string;
-declare const rowTouchResizerClass: string;
+declare const rowPointerResizerClass = "absolute hidden group-hover:block inset-y-0 w-2";
+declare const rowTouchResizerClass = "absolute size-2 border border-(--fc-event-color) bg-(--mui-palette-background-paper) rounded-full top-1/2 -mt-1";
 declare const getNormalDayHeaderBorderClass: (data: DayHeaderData) => string;
 declare const getMutedDayHeaderBorderClass: (data: DayHeaderData) => string;
 declare const getNormalDayCellBorderColorClass: (data: DayCellData) => "border-[rgba(var(--mui-palette-text-primaryChannel)_/_0.2)]" | "border-(--mui-palette-divider)";

package/{esm/breezy → breezy}/EventCalendarViews.js

@@ -1,12 +1,7 @@
 import React from 'react';
-import { joinClassNames } from '@fullcalendar/core';
-import FullCalendar from '@fullcalendar/react';
+import FullCalendar, { joinClassNames } from '@fullcalendar/react';
 import { Box } from '@mui/material';
 import { EventCalendarCloseIcon } from './icons.js';
-import '@mui/icons-material/ChevronLeft';
-import '@mui/icons-material/ChevronRight';
-import '@mui/icons-material/Close';
-import '@mui/icons-material/ExpandMore';
 
 // outline
 const outlineWidthClass = "fc-breezy-bAU";

package/{esm/forma → breezy}/ResourceTimeGrid.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CalendarOptions } from '@fullcalendar/core';
+import { CalendarOptions } from '@fullcalendar/react';
 
 interface ResourceTimeGridProps extends Omit<CalendarOptions, 'class'> {
     availableViews?: string[];

package/{esm/forma → breezy}/ResourceTimeGrid.js

@@ -1,26 +1,12 @@
 import React from 'react';
 import { useCalendarController } from '@fullcalendar/react';
-import adaptivePlugin from '@fullcalendar/adaptive';
-import interactionPlugin from '@fullcalendar/interaction';
-import scrollGridPlugin from '@fullcalendar/scrollgrid';
-import resourceTimeGridPlugin from '@fullcalendar/resource-timegrid';
+import adaptivePlugin from '@fullcalendar/react-scheduler/adaptive';
+import interactionPlugin from '@fullcalendar/react/interaction';
+import scrollGridPlugin from '@fullcalendar/react-scheduler/scrollgrid';
+import resourceTimeGridPlugin from '@fullcalendar/react-scheduler/resource-timegrid';
 import EventCalendarToolbar from './EventCalendarToolbar.js';
 import SchedulerViews from './SchedulerViews.js';
 import EventCalendarContainer from './EventCalendarContainer.js';
-import '@mui/material/Box';
-import '@mui/material/Button';
-import '@mui/material/IconButton';
-import '@mui/material/Typography';
-import '@mui/material/ToggleButtonGroup';
-import '@mui/material/ToggleButton';
-import './icons.js';
-import '@fullcalendar/core';
-import '@mui/icons-material/ChevronLeft';
-import '@mui/icons-material/ChevronRight';
-import '@mui/icons-material/Close';
-import '@mui/icons-material/ExpandMore';
-import './EventCalendarViews.js';
-import '@mui/material';
 
 const plugins = [
     adaptivePlugin,

package/{esm/breezy → breezy}/ResourceTimeline.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CalendarOptions } from '@fullcalendar/core';
+import { CalendarOptions } from '@fullcalendar/react';
 
 interface ResourceTimelineProps extends Omit<CalendarOptions, 'class'> {
     availableViews?: string[];

package/{esm/forma → breezy}/ResourceTimeline.js

@@ -1,25 +1,11 @@
 import React from 'react';
 import { useCalendarController } from '@fullcalendar/react';
-import adaptivePlugin from '@fullcalendar/adaptive';
-import resourceTimelinePlugin from '@fullcalendar/resource-timeline';
-import interactionPlugin from '@fullcalendar/interaction';
+import adaptivePlugin from '@fullcalendar/react-scheduler/adaptive';
+import resourceTimelinePlugin from '@fullcalendar/react-scheduler/resource-timeline';
+import interactionPlugin from '@fullcalendar/react/interaction';
 import EventCalendarToolbar from './EventCalendarToolbar.js';
 import SchedulerViews from './SchedulerViews.js';
 import EventCalendarContainer from './EventCalendarContainer.js';
-import '@mui/material/Box';
-import '@mui/material/Button';
-import '@mui/material/IconButton';
-import '@mui/material/Typography';
-import '@mui/material/ToggleButtonGroup';
-import '@mui/material/ToggleButton';
-import './icons.js';
-import '@fullcalendar/core';
-import '@mui/icons-material/ChevronLeft';
-import '@mui/icons-material/ChevronRight';
-import '@mui/icons-material/Close';
-import '@mui/icons-material/ExpandMore';
-import './EventCalendarViews.js';
-import '@mui/material';
 
 const plugins = [
     adaptivePlugin,

package/{esm/breezy → breezy}/SchedulerViews.js

@@ -1,13 +1,7 @@
 import React from 'react';
-import { joinClassNames } from '@fullcalendar/core';
+import { joinClassNames } from '@fullcalendar/react';
 import EventCalendarViews, { mutedBgClass, mutedHoverPressableClass, outlineWidthFocusClass, primaryOutlineColorClass, strongSolidPressableClass } from './EventCalendarViews.js';
 import { EventCalendarExpanderIcon } from './icons.js';
-import '@fullcalendar/react';
-import '@mui/material';
-import '@mui/icons-material/ChevronLeft';
-import '@mui/icons-material/ChevronRight';
-import '@mui/icons-material/Close';
-import '@mui/icons-material/ExpandMore';
 
 function SchedulerViews({ views: userViews, ...restOptions }) {
     return (React.createElement(EventCalendarViews

package/{esm/breezy → breezy}/icons.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { joinClassNames } from '@fullcalendar/core';
+import { joinClassNames } from '@fullcalendar/react';
 import ChevronLeftIcon from '@mui/icons-material/ChevronLeft';
 import ChevronRightIcon from '@mui/icons-material/ChevronRight';
 import CloseIcon from '@mui/icons-material/Close';

package/breezy/theme.css

@@ -1,19 +1,11 @@
 
-/*
-NOTE: apply this to calendar root AND popover
-*/
 .fc-breezy-ND7 {
   line-height: 1.5;
   --fc-breezy-border-style: solid;
 }
 
-/*
-NOTE: apply this to buttonClass and popoverCloseClass
-*/
 .fc-breezy-om0 {
-  -webkit-appearance: button;
-     -moz-appearance: button;
-          appearance: button;
+  appearance: button;
   font: inherit;
   font-feature-settings: inherit;
   font-variation-settings: inherit;
@@ -22,7 +14,6 @@ NOTE: apply this to buttonClass and popoverCloseClass
   opacity: 1;
   background-color: #0000;
   border-radius: 0;
-  /* originally provided on border-box reset */
   margin: 0;
   border: 0;
   padding: 0
@@ -858,8 +849,7 @@ NOTE: apply this to buttonClass and popoverCloseClass
   }
 
   .fc-breezy-YdZ:is(:where(.fc-breezy-ytQ):hover *) {
-    -webkit-text-decoration-line: underline;
-            text-decoration-line: underline
+    text-decoration-line: underline
   }
 }
 
@@ -914,8 +904,7 @@ NOTE: apply this to buttonClass and popoverCloseClass
   }
 
   .fc-breezy-jaW:hover {
-    -webkit-text-decoration-line: underline;
-            text-decoration-line: underline
+    text-decoration-line: underline
   }
 }
 

package/{esm/classic → classic}/EventCalendar.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CalendarOptions } from '@fullcalendar/core';
+import { CalendarOptions } from '@fullcalendar/react';
 
 interface EventCalendarProps extends Omit<CalendarOptions, 'class'> {
     availableViews?: string[];

package/{esm/pulse → classic}/EventCalendar.js

@@ -1,26 +1,13 @@
 import React from 'react';
 import { useCalendarController } from '@fullcalendar/react';
-import dayGridPlugin from '@fullcalendar/daygrid';
-import timeGridPlugin from '@fullcalendar/timegrid';
-import listPlugin from '@fullcalendar/list';
-import interactionPlugin from '@fullcalendar/interaction';
-import multiMonthPlugin from '@fullcalendar/multimonth';
+import dayGridPlugin from '@fullcalendar/react/daygrid';
+import timeGridPlugin from '@fullcalendar/react/timegrid';
+import listPlugin from '@fullcalendar/react/list';
+import interactionPlugin from '@fullcalendar/react/interaction';
+import multiMonthPlugin from '@fullcalendar/react/multimonth';
 import EventCalendarToolbar from './EventCalendarToolbar.js';
 import EventCalendarViews from './EventCalendarViews.js';
 import EventCalendarContainer from './EventCalendarContainer.js';
-import '@mui/material/Box';
-import '@mui/material/Button';
-import '@mui/material/IconButton';
-import '@mui/material/Typography';
-import '@mui/material/ToggleButtonGroup';
-import '@mui/material/ToggleButton';
-import './icons.js';
-import '@fullcalendar/core';
-import '@mui/icons-material/ChevronLeft';
-import '@mui/icons-material/ChevronRight';
-import '@mui/icons-material/Close';
-import '@mui/icons-material/ExpandMore';
-import '@mui/material';
 
 const plugins = [
     dayGridPlugin,

package/{esm/pulse → classic}/EventCalendarToolbar.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CalendarController } from '@fullcalendar/core';
+import { CalendarController } from '@fullcalendar/react';
 
 interface EventCalendarToolbarProps {
     controller: CalendarController;

package/{esm/pulse → classic}/EventCalendarToolbar.js

@@ -6,11 +6,6 @@ import Typography from '@mui/material/Typography';
 import ToggleButtonGroup from '@mui/material/ToggleButtonGroup';
 import ToggleButton from '@mui/material/ToggleButton';
 import { EventCalendarPrevIcon, EventCalendarNextIcon } from './icons.js';
-import '@fullcalendar/core';
-import '@mui/icons-material/ChevronLeft';
-import '@mui/icons-material/ChevronRight';
-import '@mui/icons-material/Close';
-import '@mui/icons-material/ExpandMore';
 
 function EventCalendarToolbar({ controller, availableViews, addButton, borderlessX, }) {
     const buttons = controller.getButtonState();

package/{esm/classic → classic}/EventCalendarViews.d.ts

@@ -1,19 +1,19 @@
 import React from 'react';
-import { CalendarOptions } from '@fullcalendar/core';
+import { CalendarOptions } from '@fullcalendar/react';
 
 declare const outlineWidthClass = "outline-3";
 declare const outlineWidthFocusClass = "focus-visible:outline-3";
 declare const outlineOffsetClass = "outline-offset-1";
 declare const outlineInsetClass = "-outline-offset-3";
 declare const primaryOutlineColorClass = "outline-[rgba(var(--mui-palette-primary-mainChannel)_/_0.5)]";
-declare const strongSolidPressableClass: string;
+declare const strongSolidPressableClass = "bg-[color-mix(in_oklab,var(--mui-palette-text-primary)_16%,var(--mui-palette-background-paper))] hover:bg-[color-mix(in_oklab,var(--mui-palette-text-primary)_20%,var(--mui-palette-background-paper))] active:bg-[color-mix(in_oklab,var(--mui-palette-text-primary)_25%,var(--mui-palette-background-paper))]";
 declare const mutedBgClass = "bg-[rgba(var(--mui-palette-text-primaryChannel)_/_0.08)]";
 declare const mutedSolidBgClass = "[background:linear-gradient(rgba(var(--mui-palette-text-primaryChannel)_/_0.08),rgba(var(--mui-palette-text-primaryChannel)_/_0.08))_var(--mui-palette-background-paper)]";
-declare const mutedHoverPressableClass: string;
+declare const mutedHoverPressableClass = "hover:bg-[rgba(var(--mui-palette-text-primaryChannel)_/_0.08)] focus-visible:bg-[rgba(var(--mui-palette-text-primaryChannel)_/_0.08)] active:bg-[rgba(var(--mui-palette-text-primaryChannel)_/_0.08)]";
 declare const faintBgClass = "bg-[rgba(var(--mui-palette-text-primaryChannel)_/_0.04)]";
-declare const faintHoverPressableClass: string;
-declare const rowPointerResizerClass: string;
-declare const rowTouchResizerClass: string;
+declare const faintHoverPressableClass = "hover:bg-[rgba(var(--mui-palette-text-primaryChannel)_/_0.04)] focus-visible:bg-[rgba(var(--mui-palette-text-primaryChannel)_/_0.04)] active:bg-[rgba(var(--mui-palette-text-primaryChannel)_/_0.08)]";
+declare const rowPointerResizerClass = "absolute hidden group-hover:block inset-y-0 w-2";
+declare const rowTouchResizerClass = "absolute size-2 border border-(--fc-event-color) bg-(--mui-palette-background-paper) rounded-full top-1/2 -mt-1";
 declare const getDayClass: (data: {
     isMajor: boolean;
     isToday: boolean;

package/{esm/classic → classic}/EventCalendarViews.js

@@ -1,12 +1,7 @@
 import React from 'react';
-import FullCalendar from '@fullcalendar/react';
-import { joinClassNames } from '@fullcalendar/core';
+import FullCalendar, { joinClassNames } from '@fullcalendar/react';
 import { Box } from '@mui/material';
 import { EventCalendarCloseIcon } from './icons.js';
-import '@mui/icons-material/ChevronLeft';
-import '@mui/icons-material/ChevronRight';
-import '@mui/icons-material/Close';
-import '@mui/icons-material/ExpandMore';
 
 // outline
 const outlineWidthClass = "fc-classic-bAU";

package/{esm/classic → classic}/ResourceTimeGrid.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CalendarOptions } from '@fullcalendar/core';
+import { CalendarOptions } from '@fullcalendar/react';
 
 interface ResourceTimeGridProps extends Omit<CalendarOptions, 'class'> {
     availableViews?: string[];

package/{esm/pulse → classic}/ResourceTimeGrid.js

@@ -1,26 +1,12 @@
 import React from 'react';
 import { useCalendarController } from '@fullcalendar/react';
-import adaptivePlugin from '@fullcalendar/adaptive';
-import interactionPlugin from '@fullcalendar/interaction';
-import scrollGridPlugin from '@fullcalendar/scrollgrid';
-import resourceTimeGridPlugin from '@fullcalendar/resource-timegrid';
+import adaptivePlugin from '@fullcalendar/react-scheduler/adaptive';
+import interactionPlugin from '@fullcalendar/react/interaction';
+import scrollGridPlugin from '@fullcalendar/react-scheduler/scrollgrid';
+import resourceTimeGridPlugin from '@fullcalendar/react-scheduler/resource-timegrid';
 import EventCalendarToolbar from './EventCalendarToolbar.js';
 import SchedulerViews from './SchedulerViews.js';
 import EventCalendarContainer from './EventCalendarContainer.js';
-import '@mui/material/Box';
-import '@mui/material/Button';
-import '@mui/material/IconButton';
-import '@mui/material/Typography';
-import '@mui/material/ToggleButtonGroup';
-import '@mui/material/ToggleButton';
-import './icons.js';
-import '@fullcalendar/core';
-import '@mui/icons-material/ChevronLeft';
-import '@mui/icons-material/ChevronRight';
-import '@mui/icons-material/Close';
-import '@mui/icons-material/ExpandMore';
-import './EventCalendarViews.js';
-import '@mui/material';
 
 const plugins = [
     adaptivePlugin,

package/{esm/forma → classic}/ResourceTimeline.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CalendarOptions } from '@fullcalendar/core';
+import { CalendarOptions } from '@fullcalendar/react';
 
 interface ResourceTimelineProps extends Omit<CalendarOptions, 'class'> {
     availableViews?: string[];

package/{esm/classic → classic}/ResourceTimeline.js

@@ -1,25 +1,11 @@
 import React from 'react';
 import { useCalendarController } from '@fullcalendar/react';
-import adaptivePlugin from '@fullcalendar/adaptive';
-import resourceTimelinePlugin from '@fullcalendar/resource-timeline';
-import interactionPlugin from '@fullcalendar/interaction';
+import adaptivePlugin from '@fullcalendar/react-scheduler/adaptive';
+import resourceTimelinePlugin from '@fullcalendar/react-scheduler/resource-timeline';
+import interactionPlugin from '@fullcalendar/react/interaction';
 import EventCalendarToolbar from './EventCalendarToolbar.js';
 import SchedulerViews from './SchedulerViews.js';
 import EventCalendarContainer from './EventCalendarContainer.js';
-import '@mui/material/Box';
-import '@mui/material/Button';
-import '@mui/material/IconButton';
-import '@mui/material/Typography';
-import '@mui/material/ToggleButtonGroup';
-import '@mui/material/ToggleButton';
-import './icons.js';
-import '@fullcalendar/core';
-import '@mui/icons-material/ChevronLeft';
-import '@mui/icons-material/ChevronRight';
-import '@mui/icons-material/Close';
-import '@mui/icons-material/ExpandMore';
-import './EventCalendarViews.js';
-import '@mui/material';
 
 const plugins = [
     adaptivePlugin,

package/{esm/classic → classic}/SchedulerViews.js

@@ -1,13 +1,7 @@
 import React from 'react';
-import { joinClassNames } from '@fullcalendar/core';
+import { joinClassNames } from '@fullcalendar/react';
 import EventCalendarViews, { mutedBgClass, outlineWidthFocusClass, primaryOutlineColorClass, rowTouchResizerClass, rowPointerResizerClass, strongSolidPressableClass } from './EventCalendarViews.js';
 import { EventCalendarExpanderIcon } from './icons.js';
-import '@fullcalendar/react';
-import '@mui/material';
-import '@mui/icons-material/ChevronLeft';
-import '@mui/icons-material/ChevronRight';
-import '@mui/icons-material/Close';
-import '@mui/icons-material/ExpandMore';
 
 const xxsTextClass = "fc-classic-HRt";
 const continuationArrowClass = "fc-classic-MOr fc-classic-ARL fc-classic-DGs fc-classic-F6C";

package/{esm/classic → classic}/icons.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { joinClassNames } from '@fullcalendar/core';
+import { joinClassNames } from '@fullcalendar/react';
 import ChevronLeftIcon from '@mui/icons-material/ChevronLeft';
 import ChevronRightIcon from '@mui/icons-material/ChevronRight';
 import CloseIcon from '@mui/icons-material/Close';

package/classic/theme.css

@@ -1,19 +1,11 @@
 
-/*
-NOTE: apply this to calendar root AND popover
-*/
 .fc-classic-ND7 {
   line-height: 1.5;
   --fc-classic-border-style: solid;
 }
 
-/*
-NOTE: apply this to buttonClass and popoverCloseClass
-*/
 .fc-classic-om0 {
-  -webkit-appearance: button;
-     -moz-appearance: button;
-          appearance: button;
+  appearance: button;
   font: inherit;
   font-feature-settings: inherit;
   font-variation-settings: inherit;
@@ -22,7 +14,6 @@ NOTE: apply this to buttonClass and popoverCloseClass
   opacity: 1;
   background-color: #0000;
   border-radius: 0;
-  /* originally provided on border-box reset */
   margin: 0;
   border: 0;
   padding: 0
@@ -723,8 +714,7 @@ NOTE: apply this to buttonClass and popoverCloseClass
   }
 
   .fc-classic-YdZ:is(:where(.fc-classic-ytQ):hover *) {
-    -webkit-text-decoration-line: underline;
-            text-decoration-line: underline
+    text-decoration-line: underline
   }
 }
 
@@ -752,8 +742,7 @@ NOTE: apply this to buttonClass and popoverCloseClass
   }
 
   .fc-classic-jaW:hover {
-    -webkit-text-decoration-line: underline;
-            text-decoration-line: underline
+    text-decoration-line: underline
   }
 }
 

package/{esm/breezy → forma}/EventCalendar.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CalendarOptions } from '@fullcalendar/core';
+import { CalendarOptions } from '@fullcalendar/react';
 
 interface EventCalendarProps extends Omit<CalendarOptions, 'class'> {
     availableViews?: string[];

package/{esm/monarch → forma}/EventCalendar.js

@@ -1,26 +1,13 @@
 import React from 'react';
 import { useCalendarController } from '@fullcalendar/react';
-import dayGridPlugin from '@fullcalendar/daygrid';
-import timeGridPlugin from '@fullcalendar/timegrid';
-import listPlugin from '@fullcalendar/list';
-import interactionPlugin from '@fullcalendar/interaction';
-import multiMonthPlugin from '@fullcalendar/multimonth';
+import dayGridPlugin from '@fullcalendar/react/daygrid';
+import timeGridPlugin from '@fullcalendar/react/timegrid';
+import listPlugin from '@fullcalendar/react/list';
+import interactionPlugin from '@fullcalendar/react/interaction';
+import multiMonthPlugin from '@fullcalendar/react/multimonth';
 import EventCalendarToolbar from './EventCalendarToolbar.js';
 import EventCalendarViews from './EventCalendarViews.js';
 import EventCalendarContainer from './EventCalendarContainer.js';
-import '@mui/material/Box';
-import '@mui/material/Button';
-import '@mui/material/IconButton';
-import '@mui/material/Typography';
-import '@mui/material/ToggleButtonGroup';
-import '@mui/material/ToggleButton';
-import './icons.js';
-import '@fullcalendar/core';
-import '@mui/icons-material/ChevronLeft';
-import '@mui/icons-material/ChevronRight';
-import '@mui/icons-material/Close';
-import '@mui/icons-material/ExpandMore';
-import '@mui/material';
 
 const plugins = [
     dayGridPlugin,

package/{esm/forma → forma}/EventCalendarToolbar.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CalendarController } from '@fullcalendar/core';
+import { CalendarController } from '@fullcalendar/react';
 
 interface EventCalendarToolbarProps {
     controller: CalendarController;

package/{esm/forma → forma}/EventCalendarToolbar.js

@@ -6,11 +6,6 @@ import Typography from '@mui/material/Typography';
 import ToggleButtonGroup from '@mui/material/ToggleButtonGroup';
 import ToggleButton from '@mui/material/ToggleButton';
 import { EventCalendarPrevIcon, EventCalendarNextIcon } from './icons.js';
-import '@fullcalendar/core';
-import '@mui/icons-material/ChevronLeft';
-import '@mui/icons-material/ChevronRight';
-import '@mui/icons-material/Close';
-import '@mui/icons-material/ExpandMore';
 
 function EventCalendarToolbar({ controller, availableViews, addButton, }) {
     const buttons = controller.getButtonState();