@fullcalendar/multimonth 6.1.0

package/LICENSE.md

@@ -0,0 +1,22 @@
+MIT License
+
+Copyright (c) 2021 Adam Shaw
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -0,0 +1,32 @@
+
+# FullCalendar Multi-Month Plugin
+
+Display a sequence or grid of multiple months
+
+## Installation
+
+Install the necessary packages:
+
+```sh
+npm install @fullcalendar/core @fullcalendar/multimonth
+```
+
+## Usage
+
+Instantiate a Calendar with the necessary plugin:
+
+```js
+import { Calendar } from '@fullcalendar/core'
+import multiMonthPlugin from '@fullcalendar/multimonth'
+
+const calendarEl = document.getElementById('calendar')
+const calendar = new Calendar(calendarEl, {
+  plugins: [multiMonthPlugin],
+  initialView: 'multiMonthYear',
+  events: [
+    { title: 'Meeting', start: new Date() }
+  ]
+})
+
+calendar.render()
+```

package/index.d.ts

@@ -0,0 +1,20 @@
+import { PluginDef } from '@fullcalendar/core';
+import { createFormatter } from '@fullcalendar/core/internal';
+
+declare const OPTION_REFINERS: {
+    multiMonthTitleFormat: typeof createFormatter;
+    multiMonthMaxColumns: NumberConstructor;
+    multiMonthMinWidth: NumberConstructor;
+};
+
+type ExtraOptionRefiners = typeof OPTION_REFINERS;
+declare module '@fullcalendar/core/internal' {
+    interface BaseOptionRefiners extends ExtraOptionRefiners {
+    }
+}
+//# sourceMappingURL=ambient.d.ts.map
+
+declare const _default: PluginDef;
+//# sourceMappingURL=index.d.ts.map
+
+export { _default as default };

package/index.esm.js

@@ -0,0 +1,238 @@
+import { createPlugin } from '@fullcalendar/core';
+import { buildDayTableModel, DayTableSlicer, TableRows, buildDayTableRenderRange, TableDateProfileGenerator } from '@fullcalendar/daygrid/internal';
+import { DateComponent, memoize, getUniqueDomId, DayHeader, ViewContainer, formatIsoMonthStr, isPropsEqual, createDuration, intersectRanges, createFormatter, injectStyles } from '@fullcalendar/core/internal';
+import { createElement, createRef } from '@fullcalendar/core/preact';
+
+class SingleMonth extends DateComponent {
+    constructor() {
+        super(...arguments);
+        this.buildDayTableModel = memoize(buildDayTableModel);
+        this.slicer = new DayTableSlicer();
+        this.state = {
+            labelId: getUniqueDomId(),
+        };
+    }
+    render() {
+        const { props, state, context } = this;
+        const { dateProfile, forPrint } = props;
+        const { options } = context;
+        const dayTableModel = this.buildDayTableModel(dateProfile, context.dateProfileGenerator);
+        const slicedProps = this.slicer.sliceProps(props, dateProfile, options.nextDayThreshold, context, dayTableModel);
+        // ensure single-month has aspect ratio
+        const tableHeight = props.tableWidth != null ? props.tableWidth / options.aspectRatio : null;
+        const rowCnt = dayTableModel.cells.length;
+        const rowHeight = tableHeight != null ? tableHeight / rowCnt : null;
+        return (createElement("div", { ref: props.elRef, "data-date": props.isoDateStr, className: "fc-multimonth-month", style: { width: props.width }, role: "grid", "aria-labelledby": state.labelId },
+            createElement("div", { className: "fc-multimonth-header", style: { marginBottom: rowHeight }, role: "presentation" },
+                createElement("div", { className: "fc-multimonth-title", id: state.labelId }, context.dateEnv.format(props.dateProfile.currentRange.start, props.titleFormat)),
+                createElement("table", { className: [
+                        'fc-multimonth-header-table',
+                        context.theme.getClass('table'),
+                    ].join(' '), role: "presentation" },
+                    createElement("thead", { role: "rowgroup" },
+                        createElement(DayHeader, { dateProfile: props.dateProfile, dates: dayTableModel.headerDates, datesRepDistinctDays: false })))),
+            createElement("div", { className: [
+                    'fc-multimonth-daygrid',
+                    'fc-daygrid',
+                    'fc-daygrid-body',
+                    !forPrint && 'fc-daygrid-body-balanced',
+                    forPrint && 'fc-daygrid-body-unbalanced',
+                    forPrint && 'fc-daygrid-body-natural',
+                ].join(' '), style: { marginTop: -rowHeight } },
+                createElement("table", { className: [
+                        'fc-multimonth-daygrid-table',
+                        context.theme.getClass('table'),
+                    ].join(' '), style: { height: forPrint ? '' : tableHeight }, role: "presentation" },
+                    createElement("tbody", { role: "rowgroup" },
+                        createElement(TableRows, Object.assign({}, slicedProps, { dateProfile: dateProfile, cells: dayTableModel.cells, eventSelection: props.eventSelection, dayMaxEvents: !forPrint, dayMaxEventRows: !forPrint, showWeekNumbers: options.weekNumbers, clientWidth: props.clientWidth, clientHeight: props.clientHeight, forPrint: forPrint })))))));
+    }
+}
+
+class MultiMonthView extends DateComponent {
+    constructor() {
+        super(...arguments);
+        this.splitDateProfileByMonth = memoize(splitDateProfileByMonth);
+        this.buildMonthFormat = memoize(buildMonthFormat);
+        this.scrollElRef = createRef();
+        this.firstMonthElRef = createRef();
+        this.needsScrollReset = false;
+        this.handleSizing = (isForced) => {
+            if (isForced) {
+                this.updateSize();
+            }
+        };
+    }
+    render() {
+        const { context, props, state } = this;
+        const { options } = context;
+        const { clientWidth, clientHeight } = state;
+        const monthHPadding = state.monthHPadding || 0;
+        const colCount = Math.min(clientWidth != null ?
+            Math.floor(clientWidth / (options.multiMonthMinWidth + monthHPadding)) :
+            1, options.multiMonthMaxColumns) || 1;
+        const monthWidthPct = (100 / colCount) + '%';
+        const monthTableWidth = clientWidth == null ? null :
+            (clientWidth / colCount) - monthHPadding;
+        const isLegitSingleCol = clientWidth != null && colCount === 1;
+        const monthDateProfiles = this.splitDateProfileByMonth(context.dateProfileGenerator, props.dateProfile, context.dateEnv, isLegitSingleCol ? false : options.fixedWeekCount, options.showNonCurrentDates);
+        const monthTitleFormat = this.buildMonthFormat(options.multiMonthTitleFormat, monthDateProfiles);
+        const rootClassNames = [
+            'fc-multimonth',
+            isLegitSingleCol ?
+                'fc-multimonth-singlecol' :
+                'fc-multimonth-multicol',
+            (monthTableWidth != null && monthTableWidth < 400) ?
+                'fc-multimonth-compact' :
+                '',
+        ];
+        return (createElement(ViewContainer, { elRef: this.scrollElRef, elClasses: rootClassNames, viewSpec: context.viewSpec }, monthDateProfiles.map((monthDateProfile, i) => {
+            const monthStr = formatIsoMonthStr(monthDateProfile.currentRange.start);
+            return (createElement(SingleMonth, Object.assign({}, props, { key: monthStr, isoDateStr: monthStr, elRef: i === 0 ? this.firstMonthElRef : undefined, titleFormat: monthTitleFormat, dateProfile: monthDateProfile, width: monthWidthPct, tableWidth: monthTableWidth, clientWidth: clientWidth, clientHeight: clientHeight })));
+        })));
+    }
+    componentDidMount() {
+        this.updateSize();
+        this.context.addResizeHandler(this.handleSizing);
+        this.requestScrollReset();
+    }
+    componentDidUpdate(prevProps) {
+        if (!isPropsEqual(prevProps, this.props)) { // an external change?
+            this.handleSizing(false);
+        }
+        if (prevProps.dateProfile !== this.props.dateProfile) {
+            this.requestScrollReset();
+        }
+        else {
+            this.flushScrollReset();
+        }
+    }
+    componentWillUnmount() {
+        this.context.removeResizeHandler(this.handleSizing);
+    }
+    updateSize() {
+        const scrollEl = this.scrollElRef.current;
+        const firstMonthEl = this.firstMonthElRef.current;
+        if (scrollEl) {
+            this.setState({
+                clientWidth: scrollEl.clientWidth,
+                clientHeight: scrollEl.clientHeight,
+            });
+        }
+        if (firstMonthEl && scrollEl) {
+            if (this.state.monthHPadding == null) { // always remember initial non-zero value
+                this.setState({
+                    monthHPadding: scrollEl.clientWidth - // go within padding
+                        firstMonthEl.firstChild.offsetWidth,
+                });
+            }
+        }
+    }
+    requestScrollReset() {
+        this.needsScrollReset = true;
+        this.flushScrollReset();
+    }
+    flushScrollReset() {
+        if (this.needsScrollReset &&
+            this.state.monthHPadding != null // indicates sizing already happened
+        ) {
+            const { currentDate } = this.props.dateProfile;
+            const scrollEl = this.scrollElRef.current;
+            const monthEl = scrollEl.querySelector(`[data-date="${formatIsoMonthStr(currentDate)}"]`);
+            scrollEl.scrollTop = monthEl.getBoundingClientRect().top -
+                this.firstMonthElRef.current.getBoundingClientRect().top;
+            this.needsScrollReset = false;
+        }
+    }
+    // workaround for when queued setState render (w/ clientWidth) gets cancelled because
+    // subsequent update and shouldComponentUpdate says not to render :(
+    shouldComponentUpdate() {
+        return true;
+    }
+}
+// date profile
+// -------------------------------------------------------------------------------------------------
+const oneMonthDuration = createDuration(1, 'month');
+function splitDateProfileByMonth(dateProfileGenerator, dateProfile, dateEnv, fixedWeekCount, showNonCurrentDates) {
+    const { start, end } = dateProfile.currentRange;
+    let monthStart = start;
+    const monthDateProfiles = [];
+    while (monthStart.valueOf() < end.valueOf()) {
+        const monthEnd = dateEnv.add(monthStart, oneMonthDuration);
+        const currentRange = {
+            // yuck
+            start: dateProfileGenerator.skipHiddenDays(monthStart),
+            end: dateProfileGenerator.skipHiddenDays(monthEnd, -1, true),
+        };
+        let renderRange = buildDayTableRenderRange({
+            currentRange,
+            snapToWeek: true,
+            fixedWeekCount,
+            dateEnv,
+        });
+        renderRange = {
+            // yuck
+            start: dateProfileGenerator.skipHiddenDays(renderRange.start),
+            end: dateProfileGenerator.skipHiddenDays(renderRange.end, -1, true),
+        };
+        const activeRange = dateProfile.activeRange ?
+            intersectRanges(dateProfile.activeRange, showNonCurrentDates ? renderRange : currentRange) :
+            null;
+        monthDateProfiles.push({
+            currentDate: dateProfile.currentDate,
+            isValid: dateProfile.isValid,
+            validRange: dateProfile.validRange,
+            renderRange,
+            activeRange,
+            currentRange,
+            currentRangeUnit: 'month',
+            isRangeAllDay: true,
+            dateIncrement: dateProfile.dateIncrement,
+            slotMinTime: dateProfile.slotMaxTime,
+            slotMaxTime: dateProfile.slotMinTime,
+        });
+        monthStart = monthEnd;
+    }
+    return monthDateProfiles;
+}
+// date formatting
+// -------------------------------------------------------------------------------------------------
+const YEAR_MONTH_FORMATTER = createFormatter({ year: 'numeric', month: 'long' });
+const YEAR_FORMATTER = createFormatter({ month: 'long' });
+function buildMonthFormat(formatOverride, monthDateProfiles) {
+    return formatOverride ||
+        ((monthDateProfiles[0].currentRange.start.getUTCFullYear() !==
+            monthDateProfiles[monthDateProfiles.length - 1].currentRange.start.getUTCFullYear())
+            ? YEAR_MONTH_FORMATTER
+            : YEAR_FORMATTER);
+}
+
+const OPTION_REFINERS = {
+    multiMonthTitleFormat: createFormatter,
+    multiMonthMaxColumns: Number,
+    multiMonthMinWidth: Number,
+};
+
+var css_248z = ".fc .fc-multimonth{border:1px solid var(--fc-border-color);display:flex;flex-wrap:wrap;overflow-x:hidden;overflow-y:auto}.fc .fc-multimonth-title{font-size:1.2em;font-weight:700;padding:1em 0;text-align:center}.fc .fc-multimonth-daygrid{background:var(--fc-page-bg-color)}.fc .fc-multimonth-daygrid-table,.fc .fc-multimonth-header-table{table-layout:fixed;width:100%}.fc .fc-multimonth-daygrid-table{border-top-style:hidden!important}.fc .fc-multimonth-singlecol .fc-multimonth{position:relative}.fc .fc-multimonth-singlecol .fc-multimonth-header{background:var(--fc-page-bg-color);position:relative;top:0;z-index:2}.fc .fc-multimonth-singlecol .fc-multimonth-daygrid{position:relative;z-index:1}.fc .fc-multimonth-singlecol .fc-multimonth-daygrid-table,.fc .fc-multimonth-singlecol .fc-multimonth-header-table{border-left-style:hidden;border-right-style:hidden}.fc .fc-multimonth-singlecol .fc-multimonth-month:last-child .fc-multimonth-daygrid-table{border-bottom-style:hidden}.fc .fc-multimonth-multicol{line-height:1}.fc .fc-multimonth-multicol .fc-multimonth-month{padding:0 1.2em 1.2em}.fc .fc-multimonth-multicol .fc-daygrid-more-link{border:1px solid var(--fc-event-border-color);display:block;float:none;padding:1px}.fc .fc-multimonth-compact{line-height:1}.fc .fc-multimonth-compact .fc-multimonth-daygrid-table,.fc .fc-multimonth-compact .fc-multimonth-header-table{font-size:.9em}.fc-media-screen .fc-multimonth-singlecol .fc-multimonth-header{position:sticky}.fc-media-print .fc-multimonth{overflow:visible}";
+injectStyles(css_248z);
+
+var index = createPlugin({
+    name: '@fullcalendar/multimonth',
+    initialView: 'multiMonthYear',
+    optionRefiners: OPTION_REFINERS,
+    views: {
+        multiMonth: {
+            component: MultiMonthView,
+            dateProfileGeneratorClass: TableDateProfileGenerator,
+            multiMonthMinWidth: 350,
+            multiMonthMaxColumns: 3,
+        },
+        multiMonthYear: {
+            type: 'multiMonth',
+            duration: { years: 1 },
+            fixedWeekCount: true,
+            showNonCurrentDates: false,
+        },
+    },
+});
+
+export { index as default };

package/index.global.js

@@ -0,0 +1,249 @@
+/*!
+FullCalendar Multi-Month Plugin v6.1.0
+Docs & License: https://fullcalendar.io/docs/multimonth-view
+(c) 2022 Adam Shaw
+*/
+FullCalendar.MultiMonth = (function (exports, core, internal$1, internal, preact) {
+    'use strict';
+
+    class SingleMonth extends internal.DateComponent {
+        constructor() {
+            super(...arguments);
+            this.buildDayTableModel = internal.memoize(internal$1.buildDayTableModel);
+            this.slicer = new internal$1.DayTableSlicer();
+            this.state = {
+                labelId: internal.getUniqueDomId(),
+            };
+        }
+        render() {
+            const { props, state, context } = this;
+            const { dateProfile, forPrint } = props;
+            const { options } = context;
+            const dayTableModel = this.buildDayTableModel(dateProfile, context.dateProfileGenerator);
+            const slicedProps = this.slicer.sliceProps(props, dateProfile, options.nextDayThreshold, context, dayTableModel);
+            // ensure single-month has aspect ratio
+            const tableHeight = props.tableWidth != null ? props.tableWidth / options.aspectRatio : null;
+            const rowCnt = dayTableModel.cells.length;
+            const rowHeight = tableHeight != null ? tableHeight / rowCnt : null;
+            return (preact.createElement("div", { ref: props.elRef, "data-date": props.isoDateStr, className: "fc-multimonth-month", style: { width: props.width }, role: "grid", "aria-labelledby": state.labelId },
+                preact.createElement("div", { className: "fc-multimonth-header", style: { marginBottom: rowHeight }, role: "presentation" },
+                    preact.createElement("div", { className: "fc-multimonth-title", id: state.labelId }, context.dateEnv.format(props.dateProfile.currentRange.start, props.titleFormat)),
+                    preact.createElement("table", { className: [
+                            'fc-multimonth-header-table',
+                            context.theme.getClass('table'),
+                        ].join(' '), role: "presentation" },
+                        preact.createElement("thead", { role: "rowgroup" },
+                            preact.createElement(internal.DayHeader, { dateProfile: props.dateProfile, dates: dayTableModel.headerDates, datesRepDistinctDays: false })))),
+                preact.createElement("div", { className: [
+                        'fc-multimonth-daygrid',
+                        'fc-daygrid',
+                        'fc-daygrid-body',
+                        !forPrint && 'fc-daygrid-body-balanced',
+                        forPrint && 'fc-daygrid-body-unbalanced',
+                        forPrint && 'fc-daygrid-body-natural',
+                    ].join(' '), style: { marginTop: -rowHeight } },
+                    preact.createElement("table", { className: [
+                            'fc-multimonth-daygrid-table',
+                            context.theme.getClass('table'),
+                        ].join(' '), style: { height: forPrint ? '' : tableHeight }, role: "presentation" },
+                        preact.createElement("tbody", { role: "rowgroup" },
+                            preact.createElement(internal$1.TableRows, Object.assign({}, slicedProps, { dateProfile: dateProfile, cells: dayTableModel.cells, eventSelection: props.eventSelection, dayMaxEvents: !forPrint, dayMaxEventRows: !forPrint, showWeekNumbers: options.weekNumbers, clientWidth: props.clientWidth, clientHeight: props.clientHeight, forPrint: forPrint })))))));
+        }
+    }
+
+    class MultiMonthView extends internal.DateComponent {
+        constructor() {
+            super(...arguments);
+            this.splitDateProfileByMonth = internal.memoize(splitDateProfileByMonth);
+            this.buildMonthFormat = internal.memoize(buildMonthFormat);
+            this.scrollElRef = preact.createRef();
+            this.firstMonthElRef = preact.createRef();
+            this.needsScrollReset = false;
+            this.handleSizing = (isForced) => {
+                if (isForced) {
+                    this.updateSize();
+                }
+            };
+        }
+        render() {
+            const { context, props, state } = this;
+            const { options } = context;
+            const { clientWidth, clientHeight } = state;
+            const monthHPadding = state.monthHPadding || 0;
+            const colCount = Math.min(clientWidth != null ?
+                Math.floor(clientWidth / (options.multiMonthMinWidth + monthHPadding)) :
+                1, options.multiMonthMaxColumns) || 1;
+            const monthWidthPct = (100 / colCount) + '%';
+            const monthTableWidth = clientWidth == null ? null :
+                (clientWidth / colCount) - monthHPadding;
+            const isLegitSingleCol = clientWidth != null && colCount === 1;
+            const monthDateProfiles = this.splitDateProfileByMonth(context.dateProfileGenerator, props.dateProfile, context.dateEnv, isLegitSingleCol ? false : options.fixedWeekCount, options.showNonCurrentDates);
+            const monthTitleFormat = this.buildMonthFormat(options.multiMonthTitleFormat, monthDateProfiles);
+            const rootClassNames = [
+                'fc-multimonth',
+                isLegitSingleCol ?
+                    'fc-multimonth-singlecol' :
+                    'fc-multimonth-multicol',
+                (monthTableWidth != null && monthTableWidth < 400) ?
+                    'fc-multimonth-compact' :
+                    '',
+            ];
+            return (preact.createElement(internal.ViewContainer, { elRef: this.scrollElRef, elClasses: rootClassNames, viewSpec: context.viewSpec }, monthDateProfiles.map((monthDateProfile, i) => {
+                const monthStr = internal.formatIsoMonthStr(monthDateProfile.currentRange.start);
+                return (preact.createElement(SingleMonth, Object.assign({}, props, { key: monthStr, isoDateStr: monthStr, elRef: i === 0 ? this.firstMonthElRef : undefined, titleFormat: monthTitleFormat, dateProfile: monthDateProfile, width: monthWidthPct, tableWidth: monthTableWidth, clientWidth: clientWidth, clientHeight: clientHeight })));
+            })));
+        }
+        componentDidMount() {
+            this.updateSize();
+            this.context.addResizeHandler(this.handleSizing);
+            this.requestScrollReset();
+        }
+        componentDidUpdate(prevProps) {
+            if (!internal.isPropsEqual(prevProps, this.props)) { // an external change?
+                this.handleSizing(false);
+            }
+            if (prevProps.dateProfile !== this.props.dateProfile) {
+                this.requestScrollReset();
+            }
+            else {
+                this.flushScrollReset();
+            }
+        }
+        componentWillUnmount() {
+            this.context.removeResizeHandler(this.handleSizing);
+        }
+        updateSize() {
+            const scrollEl = this.scrollElRef.current;
+            const firstMonthEl = this.firstMonthElRef.current;
+            if (scrollEl) {
+                this.setState({
+                    clientWidth: scrollEl.clientWidth,
+                    clientHeight: scrollEl.clientHeight,
+                });
+            }
+            if (firstMonthEl && scrollEl) {
+                if (this.state.monthHPadding == null) { // always remember initial non-zero value
+                    this.setState({
+                        monthHPadding: scrollEl.clientWidth - // go within padding
+                            firstMonthEl.firstChild.offsetWidth,
+                    });
+                }
+            }
+        }
+        requestScrollReset() {
+            this.needsScrollReset = true;
+            this.flushScrollReset();
+        }
+        flushScrollReset() {
+            if (this.needsScrollReset &&
+                this.state.monthHPadding != null // indicates sizing already happened
+            ) {
+                const { currentDate } = this.props.dateProfile;
+                const scrollEl = this.scrollElRef.current;
+                const monthEl = scrollEl.querySelector(`[data-date="${internal.formatIsoMonthStr(currentDate)}"]`);
+                scrollEl.scrollTop = monthEl.getBoundingClientRect().top -
+                    this.firstMonthElRef.current.getBoundingClientRect().top;
+                this.needsScrollReset = false;
+            }
+        }
+        // workaround for when queued setState render (w/ clientWidth) gets cancelled because
+        // subsequent update and shouldComponentUpdate says not to render :(
+        shouldComponentUpdate() {
+            return true;
+        }
+    }
+    // date profile
+    // -------------------------------------------------------------------------------------------------
+    const oneMonthDuration = internal.createDuration(1, 'month');
+    function splitDateProfileByMonth(dateProfileGenerator, dateProfile, dateEnv, fixedWeekCount, showNonCurrentDates) {
+        const { start, end } = dateProfile.currentRange;
+        let monthStart = start;
+        const monthDateProfiles = [];
+        while (monthStart.valueOf() < end.valueOf()) {
+            const monthEnd = dateEnv.add(monthStart, oneMonthDuration);
+            const currentRange = {
+                // yuck
+                start: dateProfileGenerator.skipHiddenDays(monthStart),
+                end: dateProfileGenerator.skipHiddenDays(monthEnd, -1, true),
+            };
+            let renderRange = internal$1.buildDayTableRenderRange({
+                currentRange,
+                snapToWeek: true,
+                fixedWeekCount,
+                dateEnv,
+            });
+            renderRange = {
+                // yuck
+                start: dateProfileGenerator.skipHiddenDays(renderRange.start),
+                end: dateProfileGenerator.skipHiddenDays(renderRange.end, -1, true),
+            };
+            const activeRange = dateProfile.activeRange ?
+                internal.intersectRanges(dateProfile.activeRange, showNonCurrentDates ? renderRange : currentRange) :
+                null;
+            monthDateProfiles.push({
+                currentDate: dateProfile.currentDate,
+                isValid: dateProfile.isValid,
+                validRange: dateProfile.validRange,
+                renderRange,
+                activeRange,
+                currentRange,
+                currentRangeUnit: 'month',
+                isRangeAllDay: true,
+                dateIncrement: dateProfile.dateIncrement,
+                slotMinTime: dateProfile.slotMaxTime,
+                slotMaxTime: dateProfile.slotMinTime,
+            });
+            monthStart = monthEnd;
+        }
+        return monthDateProfiles;
+    }
+    // date formatting
+    // -------------------------------------------------------------------------------------------------
+    const YEAR_MONTH_FORMATTER = internal.createFormatter({ year: 'numeric', month: 'long' });
+    const YEAR_FORMATTER = internal.createFormatter({ month: 'long' });
+    function buildMonthFormat(formatOverride, monthDateProfiles) {
+        return formatOverride ||
+            ((monthDateProfiles[0].currentRange.start.getUTCFullYear() !==
+                monthDateProfiles[monthDateProfiles.length - 1].currentRange.start.getUTCFullYear())
+                ? YEAR_MONTH_FORMATTER
+                : YEAR_FORMATTER);
+    }
+
+    const OPTION_REFINERS = {
+        multiMonthTitleFormat: internal.createFormatter,
+        multiMonthMaxColumns: Number,
+        multiMonthMinWidth: Number,
+    };
+
+    var css_248z = ".fc .fc-multimonth{border:1px solid var(--fc-border-color);display:flex;flex-wrap:wrap;overflow-x:hidden;overflow-y:auto}.fc .fc-multimonth-title{font-size:1.2em;font-weight:700;padding:1em 0;text-align:center}.fc .fc-multimonth-daygrid{background:var(--fc-page-bg-color)}.fc .fc-multimonth-daygrid-table,.fc .fc-multimonth-header-table{table-layout:fixed;width:100%}.fc .fc-multimonth-daygrid-table{border-top-style:hidden!important}.fc .fc-multimonth-singlecol .fc-multimonth{position:relative}.fc .fc-multimonth-singlecol .fc-multimonth-header{background:var(--fc-page-bg-color);position:relative;top:0;z-index:2}.fc .fc-multimonth-singlecol .fc-multimonth-daygrid{position:relative;z-index:1}.fc .fc-multimonth-singlecol .fc-multimonth-daygrid-table,.fc .fc-multimonth-singlecol .fc-multimonth-header-table{border-left-style:hidden;border-right-style:hidden}.fc .fc-multimonth-singlecol .fc-multimonth-month:last-child .fc-multimonth-daygrid-table{border-bottom-style:hidden}.fc .fc-multimonth-multicol{line-height:1}.fc .fc-multimonth-multicol .fc-multimonth-month{padding:0 1.2em 1.2em}.fc .fc-multimonth-multicol .fc-daygrid-more-link{border:1px solid var(--fc-event-border-color);display:block;float:none;padding:1px}.fc .fc-multimonth-compact{line-height:1}.fc .fc-multimonth-compact .fc-multimonth-daygrid-table,.fc .fc-multimonth-compact .fc-multimonth-header-table{font-size:.9em}.fc-media-screen .fc-multimonth-singlecol .fc-multimonth-header{position:sticky}.fc-media-print .fc-multimonth{overflow:visible}";
+    internal.injectStyles(css_248z);
+
+    var plugin = core.createPlugin({
+        name: '@fullcalendar/multimonth',
+        initialView: 'multiMonthYear',
+        optionRefiners: OPTION_REFINERS,
+        views: {
+            multiMonth: {
+                component: MultiMonthView,
+                dateProfileGeneratorClass: internal$1.TableDateProfileGenerator,
+                multiMonthMinWidth: 350,
+                multiMonthMaxColumns: 3,
+            },
+            multiMonthYear: {
+                type: 'multiMonth',
+                duration: { years: 1 },
+                fixedWeekCount: true,
+                showNonCurrentDates: false,
+            },
+        },
+    });
+
+    core.globalPlugins.push(plugin);
+
+    exports["default"] = plugin;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+    return exports;
+
+})({}, FullCalendar, FullCalendar.DayGrid.Internal, FullCalendar.Internal, FullCalendar.Preact);

package/index.global.min.js

@@ -0,0 +1,6 @@
+/*!
+FullCalendar Multi-Month Plugin v6.1.0
+Docs & License: https://fullcalendar.io/docs/multimonth-view
+(c) 2022 Adam Shaw
+*/
+FullCalendar.MultiMonth=function(t,e,l,i,n){"use strict";class o extends i.DateComponent{constructor(){super(...arguments),this.buildDayTableModel=i.memoize(l.buildDayTableModel),this.slicer=new l.DayTableSlicer,this.state={labelId:i.getUniqueDomId()}}render(){const{props:t,state:e,context:o}=this,{dateProfile:a,forPrint:r}=t,{options:s}=o,c=this.buildDayTableModel(a,o.dateProfileGenerator),d=this.slicer.sliceProps(t,a,s.nextDayThreshold,o,c),m=null!=t.tableWidth?t.tableWidth/s.aspectRatio:null,h=c.cells.length,u=null!=m?m/h:null;return n.createElement("div",{ref:t.elRef,"data-date":t.isoDateStr,className:"fc-multimonth-month",style:{width:t.width},role:"grid","aria-labelledby":e.labelId},n.createElement("div",{className:"fc-multimonth-header",style:{marginBottom:u},role:"presentation"},n.createElement("div",{className:"fc-multimonth-title",id:e.labelId},o.dateEnv.format(t.dateProfile.currentRange.start,t.titleFormat)),n.createElement("table",{className:["fc-multimonth-header-table",o.theme.getClass("table")].join(" "),role:"presentation"},n.createElement("thead",{role:"rowgroup"},n.createElement(i.DayHeader,{dateProfile:t.dateProfile,dates:c.headerDates,datesRepDistinctDays:!1})))),n.createElement("div",{className:["fc-multimonth-daygrid","fc-daygrid","fc-daygrid-body",!r&&"fc-daygrid-body-balanced",r&&"fc-daygrid-body-unbalanced",r&&"fc-daygrid-body-natural"].join(" "),style:{marginTop:-u}},n.createElement("table",{className:["fc-multimonth-daygrid-table",o.theme.getClass("table")].join(" "),style:{height:r?"":m},role:"presentation"},n.createElement("tbody",{role:"rowgroup"},n.createElement(l.TableRows,Object.assign({},d,{dateProfile:a,cells:c.cells,eventSelection:t.eventSelection,dayMaxEvents:!r,dayMaxEventRows:!r,showWeekNumbers:s.weekNumbers,clientWidth:t.clientWidth,clientHeight:t.clientHeight,forPrint:r}))))))}}class a extends i.DateComponent{constructor(){super(...arguments),this.splitDateProfileByMonth=i.memoize(s),this.buildMonthFormat=i.memoize(m),this.scrollElRef=n.createRef(),this.firstMonthElRef=n.createRef(),this.needsScrollReset=!1,this.handleSizing=t=>{t&&this.updateSize()}}render(){const{context:t,props:e,state:l}=this,{options:a}=t,{clientWidth:r,clientHeight:s}=l,c=l.monthHPadding||0,d=Math.min(null!=r?Math.floor(r/(a.multiMonthMinWidth+c)):1,a.multiMonthMaxColumns)||1,m=100/d+"%",h=null==r?null:r/d-c,u=null!=r&&1===d,f=this.splitDateProfileByMonth(t.dateProfileGenerator,e.dateProfile,t.dateEnv,!u&&a.fixedWeekCount,a.showNonCurrentDates),g=this.buildMonthFormat(a.multiMonthTitleFormat,f),p=["fc-multimonth",u?"fc-multimonth-singlecol":"fc-multimonth-multicol",null!=h&&h<400?"fc-multimonth-compact":""];return n.createElement(i.ViewContainer,{elRef:this.scrollElRef,elClasses:p,viewSpec:t.viewSpec},f.map((t,l)=>{const a=i.formatIsoMonthStr(t.currentRange.start);return n.createElement(o,Object.assign({},e,{key:a,isoDateStr:a,elRef:0===l?this.firstMonthElRef:void 0,titleFormat:g,dateProfile:t,width:m,tableWidth:h,clientWidth:r,clientHeight:s}))}))}componentDidMount(){this.updateSize(),this.context.addResizeHandler(this.handleSizing),this.requestScrollReset()}componentDidUpdate(t){i.isPropsEqual(t,this.props)||this.handleSizing(!1),t.dateProfile!==this.props.dateProfile?this.requestScrollReset():this.flushScrollReset()}componentWillUnmount(){this.context.removeResizeHandler(this.handleSizing)}updateSize(){const t=this.scrollElRef.current,e=this.firstMonthElRef.current;t&&this.setState({clientWidth:t.clientWidth,clientHeight:t.clientHeight}),e&&t&&null==this.state.monthHPadding&&this.setState({monthHPadding:t.clientWidth-e.firstChild.offsetWidth})}requestScrollReset(){this.needsScrollReset=!0,this.flushScrollReset()}flushScrollReset(){if(this.needsScrollReset&&null!=this.state.monthHPadding){const{currentDate:t}=this.props.dateProfile,e=this.scrollElRef.current,l=e.querySelector(`[data-date="${i.formatIsoMonthStr(t)}"]`);e.scrollTop=l.getBoundingClientRect().top-this.firstMonthElRef.current.getBoundingClientRect().top,this.needsScrollReset=!1}}shouldComponentUpdate(){return!0}}const r=i.createDuration(1,"month");function s(t,e,n,o,a){const{start:s,end:c}=e.currentRange;let d=s;const m=[];for(;d.valueOf()<c.valueOf();){const s=n.add(d,r),c={start:t.skipHiddenDays(d),end:t.skipHiddenDays(s,-1,!0)};let h=l.buildDayTableRenderRange({currentRange:c,snapToWeek:!0,fixedWeekCount:o,dateEnv:n});h={start:t.skipHiddenDays(h.start),end:t.skipHiddenDays(h.end,-1,!0)};const u=e.activeRange?i.intersectRanges(e.activeRange,a?h:c):null;m.push({currentDate:e.currentDate,isValid:e.isValid,validRange:e.validRange,renderRange:h,activeRange:u,currentRange:c,currentRangeUnit:"month",isRangeAllDay:!0,dateIncrement:e.dateIncrement,slotMinTime:e.slotMaxTime,slotMaxTime:e.slotMinTime}),d=s}return m}const c=i.createFormatter({year:"numeric",month:"long"}),d=i.createFormatter({month:"long"});function m(t,e){return t||(e[0].currentRange.start.getUTCFullYear()!==e[e.length-1].currentRange.start.getUTCFullYear()?c:d)}const h={multiMonthTitleFormat:i.createFormatter,multiMonthMaxColumns:Number,multiMonthMinWidth:Number};i.injectStyles(".fc .fc-multimonth{border:1px solid var(--fc-border-color);display:flex;flex-wrap:wrap;overflow-x:hidden;overflow-y:auto}.fc .fc-multimonth-title{font-size:1.2em;font-weight:700;padding:1em 0;text-align:center}.fc .fc-multimonth-daygrid{background:var(--fc-page-bg-color)}.fc .fc-multimonth-daygrid-table,.fc .fc-multimonth-header-table{table-layout:fixed;width:100%}.fc .fc-multimonth-daygrid-table{border-top-style:hidden!important}.fc .fc-multimonth-singlecol .fc-multimonth{position:relative}.fc .fc-multimonth-singlecol .fc-multimonth-header{background:var(--fc-page-bg-color);position:relative;top:0;z-index:2}.fc .fc-multimonth-singlecol .fc-multimonth-daygrid{position:relative;z-index:1}.fc .fc-multimonth-singlecol .fc-multimonth-daygrid-table,.fc .fc-multimonth-singlecol .fc-multimonth-header-table{border-left-style:hidden;border-right-style:hidden}.fc .fc-multimonth-singlecol .fc-multimonth-month:last-child .fc-multimonth-daygrid-table{border-bottom-style:hidden}.fc .fc-multimonth-multicol{line-height:1}.fc .fc-multimonth-multicol .fc-multimonth-month{padding:0 1.2em 1.2em}.fc .fc-multimonth-multicol .fc-daygrid-more-link{border:1px solid var(--fc-event-border-color);display:block;float:none;padding:1px}.fc .fc-multimonth-compact{line-height:1}.fc .fc-multimonth-compact .fc-multimonth-daygrid-table,.fc .fc-multimonth-compact .fc-multimonth-header-table{font-size:.9em}.fc-media-screen .fc-multimonth-singlecol .fc-multimonth-header{position:sticky}.fc-media-print .fc-multimonth{overflow:visible}");var u=e.createPlugin({name:"@fullcalendar/multimonth",initialView:"multiMonthYear",optionRefiners:h,views:{multiMonth:{component:a,dateProfileGeneratorClass:l.TableDateProfileGenerator,multiMonthMinWidth:350,multiMonthMaxColumns:3},multiMonthYear:{type:"multiMonth",duration:{years:1},fixedWeekCount:!0,showNonCurrentDates:!1}}});return e.globalPlugins.push(u),t.default=u,Object.defineProperty(t,"__esModule",{value:!0}),t}({},FullCalendar,FullCalendar.DayGrid.Internal,FullCalendar.Internal,FullCalendar.Preact);

package/index.js

@@ -0,0 +1,242 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('@fullcalendar/core');
+var internal$1 = require('@fullcalendar/daygrid/internal');
+var internal = require('@fullcalendar/core/internal');
+var preact = require('@fullcalendar/core/preact');
+
+class SingleMonth extends internal.DateComponent {
+    constructor() {
+        super(...arguments);
+        this.buildDayTableModel = internal.memoize(internal$1.buildDayTableModel);
+        this.slicer = new internal$1.DayTableSlicer();
+        this.state = {
+            labelId: internal.getUniqueDomId(),
+        };
+    }
+    render() {
+        const { props, state, context } = this;
+        const { dateProfile, forPrint } = props;
+        const { options } = context;
+        const dayTableModel = this.buildDayTableModel(dateProfile, context.dateProfileGenerator);
+        const slicedProps = this.slicer.sliceProps(props, dateProfile, options.nextDayThreshold, context, dayTableModel);
+        // ensure single-month has aspect ratio
+        const tableHeight = props.tableWidth != null ? props.tableWidth / options.aspectRatio : null;
+        const rowCnt = dayTableModel.cells.length;
+        const rowHeight = tableHeight != null ? tableHeight / rowCnt : null;
+        return (preact.createElement("div", { ref: props.elRef, "data-date": props.isoDateStr, className: "fc-multimonth-month", style: { width: props.width }, role: "grid", "aria-labelledby": state.labelId },
+            preact.createElement("div", { className: "fc-multimonth-header", style: { marginBottom: rowHeight }, role: "presentation" },
+                preact.createElement("div", { className: "fc-multimonth-title", id: state.labelId }, context.dateEnv.format(props.dateProfile.currentRange.start, props.titleFormat)),
+                preact.createElement("table", { className: [
+                        'fc-multimonth-header-table',
+                        context.theme.getClass('table'),
+                    ].join(' '), role: "presentation" },
+                    preact.createElement("thead", { role: "rowgroup" },
+                        preact.createElement(internal.DayHeader, { dateProfile: props.dateProfile, dates: dayTableModel.headerDates, datesRepDistinctDays: false })))),
+            preact.createElement("div", { className: [
+                    'fc-multimonth-daygrid',
+                    'fc-daygrid',
+                    'fc-daygrid-body',
+                    !forPrint && 'fc-daygrid-body-balanced',
+                    forPrint && 'fc-daygrid-body-unbalanced',
+                    forPrint && 'fc-daygrid-body-natural',
+                ].join(' '), style: { marginTop: -rowHeight } },
+                preact.createElement("table", { className: [
+                        'fc-multimonth-daygrid-table',
+                        context.theme.getClass('table'),
+                    ].join(' '), style: { height: forPrint ? '' : tableHeight }, role: "presentation" },
+                    preact.createElement("tbody", { role: "rowgroup" },
+                        preact.createElement(internal$1.TableRows, Object.assign({}, slicedProps, { dateProfile: dateProfile, cells: dayTableModel.cells, eventSelection: props.eventSelection, dayMaxEvents: !forPrint, dayMaxEventRows: !forPrint, showWeekNumbers: options.weekNumbers, clientWidth: props.clientWidth, clientHeight: props.clientHeight, forPrint: forPrint })))))));
+    }
+}
+
+class MultiMonthView extends internal.DateComponent {
+    constructor() {
+        super(...arguments);
+        this.splitDateProfileByMonth = internal.memoize(splitDateProfileByMonth);
+        this.buildMonthFormat = internal.memoize(buildMonthFormat);
+        this.scrollElRef = preact.createRef();
+        this.firstMonthElRef = preact.createRef();
+        this.needsScrollReset = false;
+        this.handleSizing = (isForced) => {
+            if (isForced) {
+                this.updateSize();
+            }
+        };
+    }
+    render() {
+        const { context, props, state } = this;
+        const { options } = context;
+        const { clientWidth, clientHeight } = state;
+        const monthHPadding = state.monthHPadding || 0;
+        const colCount = Math.min(clientWidth != null ?
+            Math.floor(clientWidth / (options.multiMonthMinWidth + monthHPadding)) :
+            1, options.multiMonthMaxColumns) || 1;
+        const monthWidthPct = (100 / colCount) + '%';
+        const monthTableWidth = clientWidth == null ? null :
+            (clientWidth / colCount) - monthHPadding;
+        const isLegitSingleCol = clientWidth != null && colCount === 1;
+        const monthDateProfiles = this.splitDateProfileByMonth(context.dateProfileGenerator, props.dateProfile, context.dateEnv, isLegitSingleCol ? false : options.fixedWeekCount, options.showNonCurrentDates);
+        const monthTitleFormat = this.buildMonthFormat(options.multiMonthTitleFormat, monthDateProfiles);
+        const rootClassNames = [
+            'fc-multimonth',
+            isLegitSingleCol ?
+                'fc-multimonth-singlecol' :
+                'fc-multimonth-multicol',
+            (monthTableWidth != null && monthTableWidth < 400) ?
+                'fc-multimonth-compact' :
+                '',
+        ];
+        return (preact.createElement(internal.ViewContainer, { elRef: this.scrollElRef, elClasses: rootClassNames, viewSpec: context.viewSpec }, monthDateProfiles.map((monthDateProfile, i) => {
+            const monthStr = internal.formatIsoMonthStr(monthDateProfile.currentRange.start);
+            return (preact.createElement(SingleMonth, Object.assign({}, props, { key: monthStr, isoDateStr: monthStr, elRef: i === 0 ? this.firstMonthElRef : undefined, titleFormat: monthTitleFormat, dateProfile: monthDateProfile, width: monthWidthPct, tableWidth: monthTableWidth, clientWidth: clientWidth, clientHeight: clientHeight })));
+        })));
+    }
+    componentDidMount() {
+        this.updateSize();
+        this.context.addResizeHandler(this.handleSizing);
+        this.requestScrollReset();
+    }
+    componentDidUpdate(prevProps) {
+        if (!internal.isPropsEqual(prevProps, this.props)) { // an external change?
+            this.handleSizing(false);
+        }
+        if (prevProps.dateProfile !== this.props.dateProfile) {
+            this.requestScrollReset();
+        }
+        else {
+            this.flushScrollReset();
+        }
+    }
+    componentWillUnmount() {
+        this.context.removeResizeHandler(this.handleSizing);
+    }
+    updateSize() {
+        const scrollEl = this.scrollElRef.current;
+        const firstMonthEl = this.firstMonthElRef.current;
+        if (scrollEl) {
+            this.setState({
+                clientWidth: scrollEl.clientWidth,
+                clientHeight: scrollEl.clientHeight,
+            });
+        }
+        if (firstMonthEl && scrollEl) {
+            if (this.state.monthHPadding == null) { // always remember initial non-zero value
+                this.setState({
+                    monthHPadding: scrollEl.clientWidth - // go within padding
+                        firstMonthEl.firstChild.offsetWidth,
+                });
+            }
+        }
+    }
+    requestScrollReset() {
+        this.needsScrollReset = true;
+        this.flushScrollReset();
+    }
+    flushScrollReset() {
+        if (this.needsScrollReset &&
+            this.state.monthHPadding != null // indicates sizing already happened
+        ) {
+            const { currentDate } = this.props.dateProfile;
+            const scrollEl = this.scrollElRef.current;
+            const monthEl = scrollEl.querySelector(`[data-date="${internal.formatIsoMonthStr(currentDate)}"]`);
+            scrollEl.scrollTop = monthEl.getBoundingClientRect().top -
+                this.firstMonthElRef.current.getBoundingClientRect().top;
+            this.needsScrollReset = false;
+        }
+    }
+    // workaround for when queued setState render (w/ clientWidth) gets cancelled because
+    // subsequent update and shouldComponentUpdate says not to render :(
+    shouldComponentUpdate() {
+        return true;
+    }
+}
+// date profile
+// -------------------------------------------------------------------------------------------------
+const oneMonthDuration = internal.createDuration(1, 'month');
+function splitDateProfileByMonth(dateProfileGenerator, dateProfile, dateEnv, fixedWeekCount, showNonCurrentDates) {
+    const { start, end } = dateProfile.currentRange;
+    let monthStart = start;
+    const monthDateProfiles = [];
+    while (monthStart.valueOf() < end.valueOf()) {
+        const monthEnd = dateEnv.add(monthStart, oneMonthDuration);
+        const currentRange = {
+            // yuck
+            start: dateProfileGenerator.skipHiddenDays(monthStart),
+            end: dateProfileGenerator.skipHiddenDays(monthEnd, -1, true),
+        };
+        let renderRange = internal$1.buildDayTableRenderRange({
+            currentRange,
+            snapToWeek: true,
+            fixedWeekCount,
+            dateEnv,
+        });
+        renderRange = {
+            // yuck
+            start: dateProfileGenerator.skipHiddenDays(renderRange.start),
+            end: dateProfileGenerator.skipHiddenDays(renderRange.end, -1, true),
+        };
+        const activeRange = dateProfile.activeRange ?
+            internal.intersectRanges(dateProfile.activeRange, showNonCurrentDates ? renderRange : currentRange) :
+            null;
+        monthDateProfiles.push({
+            currentDate: dateProfile.currentDate,
+            isValid: dateProfile.isValid,
+            validRange: dateProfile.validRange,
+            renderRange,
+            activeRange,
+            currentRange,
+            currentRangeUnit: 'month',
+            isRangeAllDay: true,
+            dateIncrement: dateProfile.dateIncrement,
+            slotMinTime: dateProfile.slotMaxTime,
+            slotMaxTime: dateProfile.slotMinTime,
+        });
+        monthStart = monthEnd;
+    }
+    return monthDateProfiles;
+}
+// date formatting
+// -------------------------------------------------------------------------------------------------
+const YEAR_MONTH_FORMATTER = internal.createFormatter({ year: 'numeric', month: 'long' });
+const YEAR_FORMATTER = internal.createFormatter({ month: 'long' });
+function buildMonthFormat(formatOverride, monthDateProfiles) {
+    return formatOverride ||
+        ((monthDateProfiles[0].currentRange.start.getUTCFullYear() !==
+            monthDateProfiles[monthDateProfiles.length - 1].currentRange.start.getUTCFullYear())
+            ? YEAR_MONTH_FORMATTER
+            : YEAR_FORMATTER);
+}
+
+const OPTION_REFINERS = {
+    multiMonthTitleFormat: internal.createFormatter,
+    multiMonthMaxColumns: Number,
+    multiMonthMinWidth: Number,
+};
+
+var css_248z = ".fc .fc-multimonth{border:1px solid var(--fc-border-color);display:flex;flex-wrap:wrap;overflow-x:hidden;overflow-y:auto}.fc .fc-multimonth-title{font-size:1.2em;font-weight:700;padding:1em 0;text-align:center}.fc .fc-multimonth-daygrid{background:var(--fc-page-bg-color)}.fc .fc-multimonth-daygrid-table,.fc .fc-multimonth-header-table{table-layout:fixed;width:100%}.fc .fc-multimonth-daygrid-table{border-top-style:hidden!important}.fc .fc-multimonth-singlecol .fc-multimonth{position:relative}.fc .fc-multimonth-singlecol .fc-multimonth-header{background:var(--fc-page-bg-color);position:relative;top:0;z-index:2}.fc .fc-multimonth-singlecol .fc-multimonth-daygrid{position:relative;z-index:1}.fc .fc-multimonth-singlecol .fc-multimonth-daygrid-table,.fc .fc-multimonth-singlecol .fc-multimonth-header-table{border-left-style:hidden;border-right-style:hidden}.fc .fc-multimonth-singlecol .fc-multimonth-month:last-child .fc-multimonth-daygrid-table{border-bottom-style:hidden}.fc .fc-multimonth-multicol{line-height:1}.fc .fc-multimonth-multicol .fc-multimonth-month{padding:0 1.2em 1.2em}.fc .fc-multimonth-multicol .fc-daygrid-more-link{border:1px solid var(--fc-event-border-color);display:block;float:none;padding:1px}.fc .fc-multimonth-compact{line-height:1}.fc .fc-multimonth-compact .fc-multimonth-daygrid-table,.fc .fc-multimonth-compact .fc-multimonth-header-table{font-size:.9em}.fc-media-screen .fc-multimonth-singlecol .fc-multimonth-header{position:sticky}.fc-media-print .fc-multimonth{overflow:visible}";
+internal.injectStyles(css_248z);
+
+var index = core.createPlugin({
+    name: '@fullcalendar/multimonth',
+    initialView: 'multiMonthYear',
+    optionRefiners: OPTION_REFINERS,
+    views: {
+        multiMonth: {
+            component: MultiMonthView,
+            dateProfileGeneratorClass: internal$1.TableDateProfileGenerator,
+            multiMonthMinWidth: 350,
+            multiMonthMaxColumns: 3,
+        },
+        multiMonthYear: {
+            type: 'multiMonth',
+            duration: { years: 1 },
+            fixedWeekCount: true,
+            showNonCurrentDates: false,
+        },
+    },
+});
+
+exports["default"] = index;

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@fullcalendar/multimonth",
+  "version": "6.1.0",
+  "title": "FullCalendar Multi-Month Plugin",
+  "description": "Display a sequence or grid of multiple months",
+  "keywords": [
+    "calendar",
+    "event",
+    "full-sized",
+    "fullcalendar",
+    "month"
+  ],
+  "homepage": "https://fullcalendar.io/docs/multimonth-view",
+  "dependencies": {
+    "@fullcalendar/daygrid": "~6.1.0"
+  },
+  "peerDependencies": {
+    "@fullcalendar/core": "~6.1.0"
+  },
+  "type": "module",
+  "bugs": "https://fullcalendar.io/reporting-bugs",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/fullcalendar/fullcalendar.git",
+    "directory": "packages/multimonth"
+  },
+  "license": "MIT",
+  "author": {
+    "name": "Adam Shaw",
+    "email": "arshaw@arshaw.com",
+    "url": "http://arshaw.com/"
+  },
+  "copyright": "2022 Adam Shaw",
+  "types": "./index.d.ts",
+  "main": "./index.js",
+  "module": "./index.esm.js",
+  "unpkg": "./index.global.min.js",
+  "jsdelivr": "./index.global.min.js",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./index.d.ts",
+      "require": "./index.js",
+      "import": "./index.esm.js"
+    },
+    "./internal": {
+      "types": "./internal.d.ts",
+      "require": "./internal.js",
+      "import": "./internal.esm.js"
+    }
+  },
+  "sideEffects": false
+}