@fullcalendar/core 6.0.3 → 6.1.0

package/internal-common.js

@@ -23,6 +23,59 @@ function _interopNamespace(e) {
 
 var preact__namespace = /*#__PURE__*/_interopNamespace(preact);
 
+/*
+NOTE: this can be a public API, especially createElement for hooks.
+See examples/typescript-scheduler/src/index.ts
+*/
+function flushSync(runBeforeFlush) {
+    runBeforeFlush();
+    let oldDebounceRendering = preact__namespace.options.debounceRendering; // orig
+    let callbackQ = [];
+    function execCallbackSync(callback) {
+        callbackQ.push(callback);
+    }
+    preact__namespace.options.debounceRendering = execCallbackSync;
+    preact__namespace.render(preact__namespace.createElement(FakeComponent, {}), document.createElement('div'));
+    while (callbackQ.length) {
+        callbackQ.shift()();
+    }
+    preact__namespace.options.debounceRendering = oldDebounceRendering;
+}
+class FakeComponent extends preact__namespace.Component {
+    render() { return preact__namespace.createElement('div', {}); }
+    componentDidMount() { this.setState({}); }
+}
+// TODO: use preact/compat instead?
+function createContext(defaultValue) {
+    let ContextType = preact__namespace.createContext(defaultValue);
+    let origProvider = ContextType.Provider;
+    ContextType.Provider = function () {
+        let isNew = !this.getChildContext;
+        let children = origProvider.apply(this, arguments); // eslint-disable-line prefer-rest-params
+        if (isNew) {
+            let subs = [];
+            this.shouldComponentUpdate = (_props) => {
+                if (this.props.value !== _props.value) {
+                    subs.forEach((c) => {
+                        c.context = _props.value;
+                        c.forceUpdate();
+                    });
+                }
+            };
+            this.sub = (c) => {
+                subs.push(c);
+                let old = c.componentWillUnmount;
+                c.componentWillUnmount = () => {
+                    subs.splice(subs.indexOf(c), 1);
+                    old && old.call(c);
+                };
+            };
+        }
+        return children;
+    };
+    return ContextType;
+}
+
 function removeElement(el) {
     if (el.parentNode) {
         el.parentNode.removeChild(el);
@@ -109,11 +162,6 @@ function getEventTargetViaRoot(ev) {
     var _a, _b;
     return (_b = (_a = ev.composedPath) === null || _a === void 0 ? void 0 : _a.call(ev)[0]) !== null && _b !== void 0 ? _b : ev.target;
 }
-// Shadow DOM consuderations
-// ----------------------------------------------------------------------------------------------------------------
-function getElRoot(el) {
-    return el.getRootNode ? el.getRootNode() : document;
-}
 // Unique ID for DOM attribute
 let guid$1 = 0;
 function getUniqueDomId() {
@@ -494,22 +542,24 @@ function mergeProps(propObjs, complexPropsMap) {
     let dest = {};
     if (complexPropsMap) {
         for (let name in complexPropsMap) {
-            let complexObjs = [];
-            // collect the trailing object values, stopping when a non-object is discovered
-            for (let i = propObjs.length - 1; i >= 0; i -= 1) {
-                let val = propObjs[i][name];
-                if (typeof val === 'object' && val) { // non-null object
-                    complexObjs.unshift(val);
+            if (complexPropsMap[name] === isMaybeObjectsEqual) { // implies that it's object-mergeable
+                let complexObjs = [];
+                // collect the trailing object values, stopping when a non-object is discovered
+                for (let i = propObjs.length - 1; i >= 0; i -= 1) {
+                    let val = propObjs[i][name];
+                    if (typeof val === 'object' && val) { // non-null object
+                        complexObjs.unshift(val);
+                    }
+                    else if (val !== undefined) {
+                        dest[name] = val; // if there were no objects, this value will be used
+                        break;
+                    }
                 }
-                else if (val !== undefined) {
-                    dest[name] = val; // if there were no objects, this value will be used
-                    break;
+                // if the trailing values were objects, use the merged value
+                if (complexObjs.length) {
+                    dest[name] = mergeProps(complexObjs);
                 }
             }
-            // if the trailing values were objects, use the merged value
-            if (complexObjs.length) {
-                dest[name] = mergeProps(complexObjs);
-            }
         }
     }
     // copy values into the destination, going from last to first
@@ -647,6 +697,38 @@ function collectFromHash(hash, startIndex = 0, endIndex, step = 1) {
     return res;
 }
 
+// TODO: new util arrayify?
+function removeExact(array, exactVal) {
+    let removeCnt = 0;
+    let i = 0;
+    while (i < array.length) {
+        if (array[i] === exactVal) {
+            array.splice(i, 1);
+            removeCnt += 1;
+        }
+        else {
+            i += 1;
+        }
+    }
+    return removeCnt;
+}
+function isArraysEqual(a0, a1, equalityFunc) {
+    if (a0 === a1) {
+        return true;
+    }
+    let len = a0.length;
+    let i;
+    if (len !== a1.length) { // not array? or not same length?
+        return false;
+    }
+    for (i = 0; i < len; i += 1) {
+        if (!(equalityFunc ? equalityFunc(a0[i], a1[i]) : a0[i] === a1[i])) {
+            return false;
+        }
+    }
+    return true;
+}
+
 const DAY_IDS = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat'];
 // Adding
 function addWeeks(m, n) {
@@ -837,6 +919,9 @@ function buildIsoString(marker, timeZoneOffset, stripZeroTime = false) {
 function formatDayString(marker) {
     return marker.toISOString().replace(/T.*$/, '');
 }
+function formatIsoMonthStr(marker) {
+    return marker.toISOString().match(/^\d{4}-\d{2}/)[0];
+}
 // TODO: use Date::toISOString and use everything after the T?
 function formatIsoTimeString(marker) {
     return padStart(marker.getUTCHours(), 2) + ':' +
@@ -854,38 +939,6 @@ function formatTimeZoneOffset(minutes, doIso = false) {
     return `GMT${sign}${hours}${mins ? `:${padStart(mins, 2)}` : ''}`;
 }
 
-// TODO: new util arrayify?
-function removeExact(array, exactVal) {
-    let removeCnt = 0;
-    let i = 0;
-    while (i < array.length) {
-        if (array[i] === exactVal) {
-            array.splice(i, 1);
-            removeCnt += 1;
-        }
-        else {
-            i += 1;
-        }
-    }
-    return removeCnt;
-}
-function isArraysEqual(a0, a1, equalityFunc) {
-    if (a0 === a1) {
-        return true;
-    }
-    let len = a0.length;
-    let i;
-    if (len !== a1.length) { // not array? or not same length?
-        return false;
-    }
-    for (i = 0; i < len; i += 1) {
-        if (!(equalityFunc ? equalityFunc(a0[i], a1[i]) : a0[i] === a1[i])) {
-            return false;
-        }
-    }
-    return true;
-}
-
 function memoize(workerFunc, resEquality, teardownFunc) {
     let currentArgs;
     let currentRes;
@@ -1479,7 +1532,6 @@ const BASE_OPTION_REFINERS = {
     dateAlignment: String,
     dateIncrement: createDuration,
     hiddenDays: identity,
-    monthMode: Boolean,
     fixedWeekCount: Boolean,
     validRange: identity,
     visibleRange: identity,
@@ -1497,6 +1549,7 @@ const BASE_OPTION_REFINERS = {
     moreLinkContent: identity,
     moreLinkDidMount: identity,
     moreLinkWillUnmount: identity,
+    monthStartFormat: createFormatter,
     // for connectors
     // (can't be part of plugin system b/c must be provided at runtime)
     handleCustomRendering: identity,
@@ -1556,6 +1609,7 @@ const BASE_OPTION_DEFAULTS = {
     eventMinHeight: 15,
     eventMinWidth: 30,
     eventShortHeight: 30,
+    monthStartFormat: { month: 'long', day: 'numeric' },
 };
 // calendar listeners
 // ------------------
@@ -1599,6 +1653,10 @@ const COMPLEX_OPTION_COMPARATORS = {
     buttonHints: isMaybeObjectsEqual,
     buttonIcons: isMaybeObjectsEqual,
     dateIncrement: isMaybeObjectsEqual,
+    plugins: isMaybeArraysEqual,
+    events: isMaybeArraysEqual,
+    eventSources: isMaybeArraysEqual,
+    ['resources']: isMaybeArraysEqual,
 };
 function isMaybeObjectsEqual(a, b) {
     if (typeof a === 'object' && typeof b === 'object' && a && b) { // both non-null objects
@@ -1606,6 +1664,12 @@ function isMaybeObjectsEqual(a, b) {
     }
     return a === b;
 }
+function isMaybeArraysEqual(a, b) {
+    if (Array.isArray(a) && Array.isArray(b)) {
+        return isArraysEqual(a, b);
+    }
+    return a === b;
+}
 // view-specific options
 // ---------------------
 const VIEW_OPTION_REFINERS = {
@@ -1721,11 +1785,11 @@ function expandRecurringRanges(eventDef, duration, framingRange, dateEnv, recurr
     return markers;
 }
 
-function parseEvents(rawEvents, eventSource, context, allowOpenRange) {
+function parseEvents(rawEvents, eventSource, context, allowOpenRange, defIdMap, instanceIdMap) {
     let eventStore = createEmptyEventStore();
     let eventRefiners = buildEventRefiners(context);
     for (let rawEvent of rawEvents) {
-        let tuple = parseEvent(rawEvent, eventSource, context, allowOpenRange, eventRefiners);
+        let tuple = parseEvent(rawEvent, eventSource, context, allowOpenRange, eventRefiners, defIdMap, instanceIdMap);
         if (tuple) {
             eventTupleToStore(tuple, eventStore);
         }
@@ -1897,12 +1961,12 @@ const EVENT_DATE_REFINERS = {
     allDay: Boolean,
 };
 const EVENT_REFINERS = Object.assign(Object.assign(Object.assign({}, EVENT_NON_DATE_REFINERS), EVENT_DATE_REFINERS), { extendedProps: identity });
-function parseEvent(raw, eventSource, context, allowOpenRange, refiners = buildEventRefiners(context)) {
+function parseEvent(raw, eventSource, context, allowOpenRange, refiners = buildEventRefiners(context), defIdMap, instanceIdMap) {
     let { refined, extra } = refineEventDef(raw, context, refiners);
     let defaultAllDay = computeIsDefaultAllDay(eventSource, context);
     let recurringRes = parseRecurring(refined, defaultAllDay, context.dateEnv, context.pluginHooks.recurringTypes);
     if (recurringRes) {
-        let def = parseEventDef(refined, extra, eventSource ? eventSource.sourceId : '', recurringRes.allDay, Boolean(recurringRes.duration), context);
+        let def = parseEventDef(refined, extra, eventSource ? eventSource.sourceId : '', recurringRes.allDay, Boolean(recurringRes.duration), context, defIdMap);
         def.recurringDef = {
             typeId: recurringRes.typeId,
             typeData: recurringRes.typeData,
@@ -1912,8 +1976,11 @@ function parseEvent(raw, eventSource, context, allowOpenRange, refiners = buildE
     }
     let singleRes = parseSingle(refined, defaultAllDay, context, allowOpenRange);
     if (singleRes) {
-        let def = parseEventDef(refined, extra, eventSource ? eventSource.sourceId : '', singleRes.allDay, singleRes.hasEnd, context);
+        let def = parseEventDef(refined, extra, eventSource ? eventSource.sourceId : '', singleRes.allDay, singleRes.hasEnd, context, defIdMap);
         let instance = createEventInstance(def.defId, singleRes.range, singleRes.forcedStartTzo, singleRes.forcedEndTzo);
+        if (instanceIdMap && def.publicId && instanceIdMap[def.publicId]) {
+            instance.instanceId = instanceIdMap[def.publicId];
+        }
         return { def, instance };
     }
     return null;
@@ -1928,14 +1995,14 @@ function buildEventRefiners(context) {
 Will NOT populate extendedProps with the leftover properties.
 Will NOT populate date-related props.
 */
-function parseEventDef(refined, extra, sourceId, allDay, hasEnd, context) {
+function parseEventDef(refined, extra, sourceId, allDay, hasEnd, context, defIdMap) {
     let def = {
         title: refined.title || '',
         groupId: refined.groupId || '',
         publicId: refined.id || '',
         url: refined.url || '',
         recurringDef: null,
-        defId: guid(),
+        defId: ((defIdMap && refined.id) ? defIdMap[refined.id] : '') || guid(),
         sourceId,
         allDay,
         hasEnd,
@@ -2942,59 +3009,6 @@ Theme.prototype.iconClasses = {};
 Theme.prototype.baseIconClass = '';
 Theme.prototype.iconOverridePrefix = '';
 
-/*
-NOTE: this can be a public API, especially createElement for hooks.
-See examples/typescript-scheduler/src/index.ts
-*/
-function flushSync(runBeforeFlush) {
-    runBeforeFlush();
-    let oldDebounceRendering = preact__namespace.options.debounceRendering; // orig
-    let callbackQ = [];
-    function execCallbackSync(callback) {
-        callbackQ.push(callback);
-    }
-    preact__namespace.options.debounceRendering = execCallbackSync;
-    preact__namespace.render(preact__namespace.createElement(FakeComponent, {}), document.createElement('div'));
-    while (callbackQ.length) {
-        callbackQ.shift()();
-    }
-    preact__namespace.options.debounceRendering = oldDebounceRendering;
-}
-class FakeComponent extends preact__namespace.Component {
-    render() { return preact__namespace.createElement('div', {}); }
-    componentDidMount() { this.setState({}); }
-}
-// TODO: use preact/compat instead?
-function createContext(defaultValue) {
-    let ContextType = preact__namespace.createContext(defaultValue);
-    let origProvider = ContextType.Provider;
-    ContextType.Provider = function () {
-        let isNew = !this.getChildContext;
-        let children = origProvider.apply(this, arguments); // eslint-disable-line prefer-rest-params
-        if (isNew) {
-            let subs = [];
-            this.shouldComponentUpdate = (_props) => {
-                if (this.props.value !== _props.value) {
-                    subs.forEach((c) => {
-                        c.context = _props.value;
-                        c.forceUpdate();
-                    });
-                }
-            };
-            this.sub = (c) => {
-                subs.push(c);
-                let old = c.componentWillUnmount;
-                c.componentWillUnmount = () => {
-                    subs.splice(subs.indexOf(c), 1);
-                    old && old.call(c);
-                };
-            };
-        }
-        return children;
-    };
-    return ContextType;
-}
-
 class ScrollResponder {
     constructor(execFunc, emitter, scrollTime, scrollTimeReset) {
         this.execFunc = execFunc;
@@ -3217,7 +3231,12 @@ class DateProfileGenerator {
         // it's invalid if the originally requested date is not contained,
         // or if the range is completely outside of the valid range.
         isValid = rangesIntersect(currentInfo.range, validRange);
+        // HACK: constrain to render-range so `currentDate` is more useful to view rendering
+        if (!rangeContainsMarker(renderRange, currentDate)) {
+            currentDate = renderRange.start;
+        }
         return {
+            currentDate,
             // constraint for where prev/next operations can go and where events can be dragged/resized to.
             // an object with optional start and end properties.
             validRange,
@@ -3903,7 +3922,9 @@ class EventImpl {
         let def = this._def;
         let { ui } = def;
         let { startStr, endStr } = this;
-        let res = {};
+        let res = {
+            allDay: def.allDay,
+        };
         if (def.title) {
             res.title = def.title;
         }
@@ -5078,8 +5099,8 @@ class ContentInjector extends BaseComponent {
     constructor() {
         super(...arguments);
         this.id = guid();
-        this.currentDomNodes = [];
         this.queuedDomNodes = [];
+        this.currentDomNodes = [];
         this.handleEl = (el) => {
             if (this.props.elRef) {
                 setRef(this.props.elRef, el);
@@ -5089,34 +5110,45 @@ class ContentInjector extends BaseComponent {
     render() {
         const { props, context } = this;
         const { options } = context;
-        const { generator, renderProps } = props;
+        const { customGenerator, defaultGenerator, renderProps } = props;
         const attrs = buildElAttrs(props);
+        let useDefault = false;
         let innerContent;
         let queuedDomNodes = [];
-        if (hasCustomRenderingHandler(props.generatorName, options)) {
-            if (options.customRenderingReplacesEl) {
-                delete attrs.elRef; // because handleEl will be used
+        let currentGeneratorMeta;
+        if (customGenerator != null) {
+            const customGeneratorRes = typeof customGenerator === 'function' ?
+                customGenerator(renderProps, preact.createElement) :
+                customGenerator;
+            if (customGeneratorRes === true) {
+                useDefault = true;
             }
-        }
-        else {
-            const customContent = typeof generator === 'function' ?
-                generator(renderProps, preact.createElement) :
-                generator;
-            if (typeof customContent === 'string' ||
-                preact.isValidElement(customContent) ||
-                Array.isArray(customContent)) {
-                innerContent = customContent;
-            }
-            else if (typeof customContent === 'object') {
-                if ('html' in customContent) {
-                    attrs.dangerouslySetInnerHTML = { __html: customContent.html };
+            else {
+                if (options.handleCustomRendering) { // non-Preact (likely React)
+                    currentGeneratorMeta = customGeneratorRes;
                 }
-                else if ('domNodes' in customContent) {
-                    queuedDomNodes = Array.prototype.slice.call(customContent.domNodes);
+                else { // preact or { html, domNodes }
+                    const isObject = typeof customGeneratorRes === 'object';
+                    if (isObject && ('html' in customGeneratorRes)) {
+                        attrs.dangerouslySetInnerHTML = { __html: customGeneratorRes.html };
+                    }
+                    else if (isObject && ('domNodes' in customGeneratorRes)) {
+                        queuedDomNodes = Array.prototype.slice.call(customGeneratorRes.domNodes);
+                    }
+                    else {
+                        innerContent = customGeneratorRes;
+                    }
                 }
             }
         }
+        else {
+            useDefault = !hasCustomRenderingHandler(props.generatorName, options);
+        }
+        if (useDefault && defaultGenerator) {
+            innerContent = defaultGenerator(renderProps);
+        }
         this.queuedDomNodes = queuedDomNodes;
+        this.currentGeneratorMeta = currentGeneratorMeta;
         return preact.createElement(props.elTag, attrs, innerContent);
     }
     componentDidMount() {
@@ -5131,12 +5163,14 @@ class ContentInjector extends BaseComponent {
         this.triggerCustomRendering(false); // TODO: different API for removal?
     }
     triggerCustomRendering(isActive) {
+        var _a;
         const { props, context } = this;
         const { handleCustomRendering, customRenderingMetaMap } = context.options;
         if (handleCustomRendering) {
-            const customRenderingMeta = customRenderingMetaMap === null || customRenderingMetaMap === void 0 ? void 0 : customRenderingMetaMap[props.generatorName];
-            if (customRenderingMeta) {
-                handleCustomRendering(Object.assign({ id: this.id, isActive, containerEl: this.base, reportNewContainerEl: this.handleEl, generatorMeta: customRenderingMeta }, props));
+            const generatorMeta = (_a = this.currentGeneratorMeta) !== null && _a !== void 0 ? _a : customRenderingMetaMap === null || customRenderingMetaMap === void 0 ? void 0 : customRenderingMetaMap[props.generatorName];
+            if (generatorMeta) {
+                handleCustomRendering(Object.assign({ id: this.id, isActive, containerEl: this.base, reportNewContainerEl: this.handleEl, // for customRenderingReplacesEl
+                    generatorMeta }, props));
             }
         }
     }
@@ -5159,6 +5193,9 @@ ContentInjector.addPropsEquality({
     renderProps: isPropsEqual,
 });
 // Util
+/*
+Does UI-framework provide custom way of rendering?
+*/
 function hasCustomRenderingHandler(generatorName, options) {
     var _a;
     return Boolean(options.handleCustomRendering &&
@@ -5216,7 +5253,7 @@ class ContentContainer extends preact.Component {
 ContentContainer.contextType = RenderId;
 function InnerContentInjector(containerComponent, props) {
     const parentProps = containerComponent.props;
-    return preact.createElement((ContentInjector), Object.assign({ renderProps: parentProps.renderProps, generatorName: parentProps.generatorName, generator: parentProps.generator, renderId: containerComponent.context }, props));
+    return preact.createElement((ContentInjector), Object.assign({ renderProps: parentProps.renderProps, generatorName: parentProps.generatorName, customGenerator: parentProps.customGenerator, defaultGenerator: parentProps.defaultGenerator, renderId: containerComponent.context }, props));
 }
 // Utils
 function generateClassNames(classNameGenerator, renderProps) {
@@ -5240,7 +5277,7 @@ class TableDateCell extends BaseComponent {
             ? buildNavLinkAttrs(this.context, date)
             : {};
         let renderProps = Object.assign(Object.assign(Object.assign({ date: dateEnv.toDate(date), view: viewApi }, props.extraRenderProps), { text }), dayMeta);
-        return (preact.createElement(ContentContainer, { elTag: "th", elClasses: classNames, elAttrs: Object.assign({ role: 'columnheader', colSpan: props.colSpan, 'data-date': !dayMeta.isDisabled ? formatDayString(date) : undefined }, props.extraDataAttrs), renderProps: renderProps, generatorName: "dayHeaderContent", generator: options.dayHeaderContent || renderInner$1, classNameGenerator: options.dayHeaderClassNames, didMount: options.dayHeaderDidMount, willUnmount: options.dayHeaderWillUnmount }, (InnerContainer) => (preact.createElement("div", { className: "fc-scrollgrid-sync-inner" }, !dayMeta.isDisabled && (preact.createElement(InnerContainer, { elTag: "a", elAttrs: navLinkAttrs, elClasses: [
+        return (preact.createElement(ContentContainer, { elTag: "th", elClasses: classNames, elAttrs: Object.assign({ role: 'columnheader', colSpan: props.colSpan, 'data-date': !dayMeta.isDisabled ? formatDayString(date) : undefined }, props.extraDataAttrs), renderProps: renderProps, generatorName: "dayHeaderContent", customGenerator: options.dayHeaderContent, defaultGenerator: renderInner$1, classNameGenerator: options.dayHeaderClassNames, didMount: options.dayHeaderDidMount, willUnmount: options.dayHeaderWillUnmount }, (InnerContainer) => (preact.createElement("div", { className: "fc-scrollgrid-sync-inner" }, !dayMeta.isDisabled && (preact.createElement(InnerContainer, { elTag: "a", elAttrs: navLinkAttrs, elClasses: [
                 'fc-col-header-cell-cushion',
                 props.isSticky && 'fc-sticky',
             ] }))))));
@@ -5268,7 +5305,7 @@ class TableDowCell extends BaseComponent {
                 CLASS_NAME,
                 ...getDayClassNames(dateMeta, theme),
                 ...(props.extraClassNames || []),
-            ], elAttrs: Object.assign({ role: 'columnheader', colSpan: props.colSpan }, props.extraDataAttrs), renderProps: renderProps, generatorName: "dayHeaderContent", generator: options.dayHeaderContent || renderInner$1, classNameGenerator: options.dayHeaderClassNames, didMount: options.dayHeaderDidMount, willUnmount: options.dayHeaderWillUnmount }, (InnerContent) => (preact.createElement("div", { className: "fc-scrollgrid-sync-inner" },
+            ], elAttrs: Object.assign({ role: 'columnheader', colSpan: props.colSpan }, props.extraDataAttrs), renderProps: renderProps, generatorName: "dayHeaderContent", customGenerator: options.dayHeaderContent, defaultGenerator: renderInner$1, classNameGenerator: options.dayHeaderClassNames, didMount: options.dayHeaderDidMount, willUnmount: options.dayHeaderWillUnmount }, (InnerContent) => (preact.createElement("div", { className: "fc-scrollgrid-sync-inner" },
             preact.createElement(InnerContent, { elTag: "a", elClasses: [
                     'fc-col-header-cell-cushion',
                     props.isSticky && 'fc-sticky',
@@ -5501,7 +5538,7 @@ class Slicer {
         let { eventUiBases } = props;
         let eventSegs = this.sliceEventStore(props.eventStore, eventUiBases, dateProfile, nextDayThreshold, ...extraArgs);
         return {
-            dateSelectionSegs: this.sliceDateSelection(props.dateSelection, eventUiBases, context, ...extraArgs),
+            dateSelectionSegs: this.sliceDateSelection(props.dateSelection, dateProfile, nextDayThreshold, eventUiBases, context, ...extraArgs),
             businessHourSegs: this.sliceBusinessHours(props.businessHours, dateProfile, nextDayThreshold, context, ...extraArgs),
             fgEventSegs: eventSegs.fg,
             bgEventSegs: eventSegs.bg,
@@ -5511,9 +5548,9 @@ class Slicer {
         }; // TODO: give interactionSegs?
     }
     sliceNowDate(// does not memoize
-    date, context, ...extraArgs) {
+    date, dateProfile, nextDayThreshold, context, ...extraArgs) {
         return this._sliceDateSpan({ range: { start: date, end: addMs(date, 1) }, allDay: false }, // add 1 ms, protect against null range
-        {}, context, ...extraArgs);
+        dateProfile, nextDayThreshold, {}, context, ...extraArgs);
     }
     _sliceBusinessHours(businessHours, dateProfile, nextDayThreshold, context, ...extraArgs) {
         if (!businessHours) {
@@ -5542,16 +5579,22 @@ class Slicer {
             isEvent: interaction.isEvent,
         };
     }
-    _sliceDateSpan(dateSpan, eventUiBases, context, ...extraArgs) {
+    _sliceDateSpan(dateSpan, dateProfile, nextDayThreshold, eventUiBases, context, ...extraArgs) {
         if (!dateSpan) {
             return [];
         }
-        let eventRange = fabricateEventRange(dateSpan, eventUiBases, context);
-        let segs = this.sliceRange(dateSpan.range, ...extraArgs);
-        for (let seg of segs) {
-            seg.eventRange = eventRange;
+        let activeRange = computeActiveRange(dateProfile, Boolean(nextDayThreshold));
+        let activeDateSpanRange = intersectRanges(dateSpan.range, activeRange);
+        if (activeDateSpanRange) {
+            dateSpan = Object.assign(Object.assign({}, dateSpan), { range: activeDateSpanRange });
+            let eventRange = fabricateEventRange(dateSpan, eventUiBases, context);
+            let segs = this.sliceRange(dateSpan.range, ...extraArgs);
+            for (let seg of segs) {
+                seg.eventRange = eventRange;
+            }
+            return segs;
         }
-        return segs;
+        return [];
     }
     /*
     "complete" seg means it has component and eventRange
@@ -5604,6 +5647,8 @@ function reduceEventStore(eventStore, action, eventSources, dateProfile, context
     switch (action.type) {
         case 'RECEIVE_EVENTS': // raw
             return receiveRawEvents(eventStore, eventSources[action.sourceId], action.fetchId, action.fetchRange, action.rawEvents, context);
+        case 'RESET_RAW_EVENTS':
+            return resetRawEvents(eventStore, eventSources[action.sourceId], action.rawEvents, context);
         case 'ADD_EVENTS': // already parsed, but not expanded
             return addEvent(eventStore, action.eventStore, // new ones
             dateProfile ? dateProfile.activeRange : null, context);
@@ -5644,6 +5689,14 @@ function receiveRawEvents(eventStore, eventSource, fetchId, fetchRange, rawEvent
     }
     return eventStore;
 }
+function resetRawEvents(existingEventStore, eventSource, rawEvents, context) {
+    const { defIdMap, instanceIdMap } = buildPublicIdMaps(existingEventStore);
+    let newEventStore = parseEvents(transformRawEvents(rawEvents, eventSource, context), eventSource, context, false, defIdMap, instanceIdMap);
+    if (eventSource.fetchRange) {
+        newEventStore = expandRecurring(newEventStore, eventSource.fetchRange, context);
+    }
+    return newEventStore;
+}
 function transformRawEvents(rawEvents, eventSource, context) {
     let calEachTransform = context.options.eventDataTransform;
     let sourceEachTransform = eventSource ? eventSource.eventDataTransform : null;
@@ -5704,6 +5757,27 @@ function excludeInstances(eventStore, removals) {
         instances: filterHash(eventStore.instances, (instance) => !removals[instance.instanceId]),
     };
 }
+function buildPublicIdMaps(eventStore) {
+    const { defs, instances } = eventStore;
+    const defIdMap = {};
+    const instanceIdMap = {};
+    for (let defId in defs) {
+        const def = defs[defId];
+        const { publicId } = def;
+        if (publicId) {
+            defIdMap[publicId] = defId;
+        }
+    }
+    for (let instanceId in instances) {
+        const instance = instances[instanceId];
+        const def = defs[instance.defId];
+        const { publicId } = def;
+        if (publicId) {
+            instanceIdMap[publicId] = instanceId;
+        }
+    }
+    return { defIdMap, instanceIdMap };
+}
 
 // high-level segmenting-aware tester functions
 // ------------------------------------------------------------------------------------------------------------------------
@@ -6456,7 +6530,7 @@ class EventContainer extends BaseComponent {
                 ...getEventClassNames(renderProps),
                 ...seg.eventRange.ui.classNames,
                 ...(props.elClasses || []),
-            ], renderProps: renderProps, generatorName: "eventContent", generator: options.eventContent || props.defaultGenerator, classNameGenerator: options.eventClassNames, didMount: options.eventDidMount, willUnmount: options.eventWillUnmount })));
+            ], renderProps: renderProps, generatorName: "eventContent", customGenerator: options.eventContent, defaultGenerator: props.defaultGenerator, classNameGenerator: options.eventClassNames, didMount: options.eventDidMount, willUnmount: options.eventWillUnmount })));
     }
     componentDidUpdate(prevProps) {
         if (this.el && this.props.seg !== prevProps.seg) {
@@ -6497,7 +6571,7 @@ const NowIndicatorContainer = (props) => (preact.createElement(ViewContextType.C
         date: context.dateEnv.toDate(props.date),
         view: context.viewApi,
     };
-    return (preact.createElement(ContentContainer, Object.assign({}, props /* includes children */, { elTag: props.elTag || 'div', renderProps: renderProps, generatorName: "nowIndicatorContent", generator: options.nowIndicatorContent, classNameGenerator: options.nowIndicatorClassNames, didMount: options.nowIndicatorDidMount, willUnmount: options.nowIndicatorWillUnmount })));
+    return (preact.createElement(ContentContainer, Object.assign({}, props /* includes children */, { elTag: props.elTag || 'div', renderProps: renderProps, generatorName: "nowIndicatorContent", customGenerator: options.nowIndicatorContent, classNameGenerator: options.nowIndicatorClassNames, didMount: options.nowIndicatorDidMount, willUnmount: options.nowIndicatorWillUnmount })));
 }));
 
 const DAY_NUM_FORMAT = createFormatter({ day: 'numeric' });
@@ -6513,15 +6587,17 @@ class DayCellContainer extends BaseComponent {
             date: props.date,
             dateProfile: props.dateProfile,
             todayRange: props.todayRange,
+            isMonthStart: props.isMonthStart || false,
             showDayNumber: props.showDayNumber,
             extraRenderProps: props.extraRenderProps,
             viewApi: context.viewApi,
             dateEnv: context.dateEnv,
+            monthStartFormat: options.monthStartFormat,
         });
         return (preact.createElement(ContentContainer, Object.assign({}, props /* includes children */, { elClasses: [
                 ...getDayClassNames(renderProps, context.theme),
                 ...(props.elClasses || []),
-            ], elAttrs: Object.assign(Object.assign({}, props.elAttrs), (renderProps.isDisabled ? {} : { 'data-date': formatDayString(props.date) })), renderProps: renderProps, generatorName: "dayCellContent", generator: options.dayCellContent || props.defaultGenerator, classNameGenerator: 
+            ], elAttrs: Object.assign(Object.assign({}, props.elAttrs), (renderProps.isDisabled ? {} : { 'data-date': formatDayString(props.date) })), renderProps: renderProps, generatorName: "dayCellContent", customGenerator: options.dayCellContent, defaultGenerator: props.defaultGenerator, classNameGenerator: 
             // don't use custom classNames if disabled
             renderProps.isDisabled ? undefined : options.dayCellClassNames, didMount: options.dayCellDidMount, willUnmount: options.dayCellWillUnmount })));
     }
@@ -6530,9 +6606,11 @@ function hasCustomDayCellContent(options) {
     return Boolean(options.dayCellContent || hasCustomRenderingHandler('dayCellContent', options));
 }
 function refineRenderProps(raw) {
-    let { date, dateEnv } = raw;
-    let dayMeta = getDateMeta(date, raw.todayRange, null, raw.dateProfile);
-    return Object.assign(Object.assign(Object.assign({ date: dateEnv.toDate(date), view: raw.viewApi }, dayMeta), { dayNumberText: raw.showDayNumber ? dateEnv.format(date, DAY_NUM_FORMAT) : '' }), raw.extraRenderProps);
+    let { date, dateEnv, dateProfile, isMonthStart } = raw;
+    let dayMeta = getDateMeta(date, raw.todayRange, null, dateProfile);
+    let dayNumberText = raw.showDayNumber ? (dateEnv.format(date, isMonthStart ? raw.monthStartFormat : DAY_NUM_FORMAT)) : '';
+    return Object.assign(Object.assign(Object.assign({ date: dateEnv.toDate(date), view: raw.viewApi }, dayMeta), { isMonthStart,
+        dayNumberText }), raw.extraRenderProps);
 }
 
 class BgEvent extends BaseComponent {
@@ -6558,7 +6636,7 @@ const WeekNumberContainer = (props) => (preact.createElement(ViewContextType.Con
     let text = dateEnv.format(date, format);
     let renderProps = { num, text, date };
     return (preact.createElement(ContentContainer // why isn't WeekNumberContentArg being auto-detected?
-    , Object.assign({}, props /* includes children */, { renderProps: renderProps, generatorName: "weekNumberContent", generator: options.weekNumberContent || renderInner, classNameGenerator: options.weekNumberClassNames, didMount: options.weekNumberDidMount, willUnmount: options.weekNumberWillUnmount })));
+    , Object.assign({}, props /* includes children */, { renderProps: renderProps, generatorName: "weekNumberContent", customGenerator: options.weekNumberContent, defaultGenerator: renderInner, classNameGenerator: options.weekNumberClassNames, didMount: options.weekNumberDidMount, willUnmount: options.weekNumberWillUnmount })));
 }));
 function renderInner(innerProps) {
     return innerProps.text;
@@ -6762,7 +6840,7 @@ class MoreLinkContainer extends BaseComponent {
                 Boolean(props.moreCnt) && (preact.createElement(ContentContainer, { elTag: props.elTag || 'a', elRef: this.handleLinkEl, elClasses: [
                         ...(props.elClasses || []),
                         'fc-more-link',
-                    ], elStyle: props.elStyle, elAttrs: Object.assign(Object.assign(Object.assign({}, props.elAttrs), createAriaClickAttrs(this.handleClick)), { title: hint, 'aria-expanded': state.isPopoverOpen, 'aria-controls': state.isPopoverOpen ? state.popoverId : '' }), renderProps: renderProps, generatorName: "moreLinkContent", generator: options.moreLinkContent || props.defaultGenerator || renderMoreLinkInner, classNameGenerator: options.moreLinkClassNames, didMount: options.moreLinkDidMount, willUnmount: options.moreLinkWillUnmount }, props.children)),
+                    ], elStyle: props.elStyle, elAttrs: Object.assign(Object.assign(Object.assign({}, props.elAttrs), createAriaClickAttrs(this.handleClick)), { title: hint, 'aria-expanded': state.isPopoverOpen, 'aria-controls': state.isPopoverOpen ? state.popoverId : '' }), renderProps: renderProps, generatorName: "moreLinkContent", customGenerator: options.moreLinkContent, defaultGenerator: props.defaultGenerator || renderMoreLinkInner, classNameGenerator: options.moreLinkClassNames, didMount: options.moreLinkDidMount, willUnmount: options.moreLinkWillUnmount }, props.children)),
                 state.isPopoverOpen && (preact.createElement(MorePopover, { id: state.popoverId, startDate: range.start, endDate: range.end, dateProfile: props.dateProfile, todayRange: props.todayRange, extraDateSpan: props.extraDateSpan, parentEl: this.parentEl, alignmentEl: props.alignmentElRef ?
                         props.alignmentElRef.current :
                         this.linkEl, alignGridTop: props.alignGridTop, onClose: this.handlePopoverClose }, props.popoverContent()))));
@@ -6817,7 +6895,7 @@ class ViewContainer extends BaseComponent {
         return (preact.createElement(ContentContainer, Object.assign({}, props, { elTag: props.elTag || 'div', elClasses: [
                 ...buildViewClassNames(props.viewSpec),
                 ...(props.elClasses || []),
-            ], renderProps: renderProps, classNameGenerator: options.viewClassNames, generatorName: undefined, generator: undefined, didMount: options.viewDidMount, willUnmount: options.viewWillUnmount }), () => props.children));
+            ], renderProps: renderProps, classNameGenerator: options.viewClassNames, generatorName: undefined, didMount: options.viewDidMount, willUnmount: options.viewWillUnmount }), () => props.children));
     }
 }
 function buildViewClassNames(viewSpec) {
@@ -6827,20 +6905,60 @@ function buildViewClassNames(viewSpec) {
     ];
 }
 
+const injectedStyleEls = [];
+const rootHasStyles = new WeakMap();
+if (typeof document !== 'undefined') {
+    rootHasStyles.set(document, true);
+}
+/*
+Called from top-level core/plugin code
+*/
 function injectStyles(css) {
-    if (!css || typeof document === 'undefined') {
-        return;
+    if (css && typeof document !== 'undefined') {
+        injectedStyleEls.push(injectStylesInParent(document.head, css));
+    }
+}
+/*
+Called during calendar initialization
+*/
+function ensureElHasStyles(calendarEl) {
+    const root = calendarEl.getRootNode();
+    if (!rootHasStyles.get(root)) {
+        rootHasStyles.set(root, true);
+        for (const injectedStyleEl of injectedStyleEls) {
+            injectStylesInParent(root, injectedStyleEl.innerText);
+        }
     }
-    const head = document.head || document.getElementsByTagName('head')[0];
+}
+function injectStylesInParent(parentEl, css) {
     const style = document.createElement('style');
-    style.type = 'text/css';
-    head.appendChild(style);
-    if (style.styleSheet) {
-        style.styleSheet.cssText = css;
+    const nonce = getNonceValue();
+    if (nonce) {
+        style.nonce = nonce;
     }
-    else {
-        style.appendChild(document.createTextNode(css));
+    style.innerText = css;
+    parentEl.appendChild(style);
+    return style;
+}
+// nonce
+// -------------------------------------------------------------------------------------------------
+let queriedNonceValue;
+function getNonceValue() {
+    if (queriedNonceValue === undefined) {
+        queriedNonceValue = queryNonceValue();
     }
+    return queriedNonceValue;
+}
+function queryNonceValue() {
+    const metaWithNonce = document.querySelector('meta[name="csp-nonce"]');
+    if (metaWithNonce && metaWithNonce.hasAttribute('content')) {
+        return metaWithNonce.getAttribute('content');
+    }
+    const elWithNonce = document.querySelector('script[nonce]');
+    if (elWithNonce) {
+        return elWithNonce.nonce || '';
+    }
+    return '';
 }
 
 const EVENT_SOURCE_REFINERS = {
@@ -7431,6 +7549,7 @@ exports.disableCursor = disableCursor;
 exports.elementClosest = elementClosest;
 exports.elementMatches = elementMatches;
 exports.enableCursor = enableCursor;
+exports.ensureElHasStyles = ensureElHasStyles;
 exports.eventTupleToStore = eventTupleToStore;
 exports.filterHash = filterHash;
 exports.findDirectChildren = findDirectChildren;
@@ -7438,6 +7557,7 @@ exports.findElements = findElements;
 exports.flexibleCompare = flexibleCompare;
 exports.flushSync = flushSync;
 exports.formatDayString = formatDayString;
+exports.formatIsoMonthStr = formatIsoMonthStr;
 exports.formatIsoTimeString = formatIsoTimeString;
 exports.formatWithOrdinals = formatWithOrdinals;
 exports.getAllowYScrolling = getAllowYScrolling;
@@ -7446,7 +7566,6 @@ exports.getClippingParents = getClippingParents;
 exports.getDateMeta = getDateMeta;
 exports.getDayClassNames = getDayClassNames;
 exports.getDefaultEventEnd = getDefaultEventEnd;
-exports.getElRoot = getElRoot;
 exports.getElSeg = getElSeg;
 exports.getEntrySpanEnd = getEntrySpanEnd;
 exports.getEventTargetViaRoot = getEventTargetViaRoot;