react-big-schedule 5.5.2-beta.4 → 6.0.0

package/dist/components/SchedulerData.js

@@ -1,44 +1,22 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _dayjs = _interopRequireDefault(require("dayjs"));
-var _isoWeek = _interopRequireDefault(require("dayjs/plugin/isoWeek"));
-var _quarterOfYear = _interopRequireDefault(require("dayjs/plugin/quarterOfYear"));
-var _utc = _interopRequireDefault(require("dayjs/plugin/utc"));
-var _weekday = _interopRequireDefault(require("dayjs/plugin/weekday"));
-var _rrule = require("rrule");
-var _default = require("../config/default");
-var _i18n = require("../config/i18n");
-var _scheduler = _interopRequireDefault(require("../config/scheduler"));
-var _behaviors = _interopRequireDefault(require("../helper/behaviors"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
-function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var SchedulerData = exports["default"] = /*#__PURE__*/function () {
-  function SchedulerData() {
-    var date = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : (0, _dayjs["default"])();
-    var viewType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _default.ViewType.Week;
-    var showAgenda = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-    var isEventPerspective = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-    var newConfig = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : undefined;
-    var newBehaviors = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : undefined;
-    _classCallCheck(this, SchedulerData);
+import dayjs from 'dayjs';
+import isoWeek from 'dayjs/plugin/isoWeek';
+import quarterOfYear from 'dayjs/plugin/quarterOfYear';
+import utc from 'dayjs/plugin/utc';
+import weekday from 'dayjs/plugin/weekday';
+import { RRuleSet, rrulestr } from 'rrule';
+import { CellUnit, DATE_FORMAT, DATETIME_FORMAT, ViewType } from '../config/default';
+import { getDefaultLabels, getLabel } from '../config/i18n';
+import config from '../config/scheduler';
+import behaviors from '../helper/behaviors';
+import { normalizeEventEnd, normalizeEventStart } from '../helper/utility';
+export default class SchedulerData {
+  constructor(date = dayjs(), viewType = ViewType.Week, showAgenda = false, isEventPerspective = false, newConfig = undefined, newBehaviors = undefined) {
     this.resources = [];
     this.events = [];
     this.eventGroups = [];
     this.eventGroupsAutoGenerated = true;
     this.viewType = viewType;
-    this.cellUnit = viewType === _default.ViewType.Day ? _default.CellUnit.Hour : _default.CellUnit.Day;
+    this.cellUnit = viewType === ViewType.Day ? CellUnit.Hour : CellUnit.Day;
     this.showAgenda = showAgenda;
     this.isEventPerspective = isEventPerspective;
     this.resizing = false;
@@ -51,15 +29,21 @@ var SchedulerData = exports["default"] = /*#__PURE__*/function () {
     this._batchCount = 0;
     this._versionChangeCallback = null;
     this.calendarPopoverLocale = undefined;
-    _dayjs["default"].extend(_quarterOfYear["default"]);
-    _dayjs["default"].extend(_weekday["default"]);
-    _dayjs["default"].extend(_utc["default"]);
-    _dayjs["default"].extend(_isoWeek["default"]);
-    this.localeDayjs = _dayjs["default"];
-    this.config = newConfig === undefined ? _scheduler["default"] : _objectSpread(_objectSpread({}, _scheduler["default"]), newConfig);
+    dayjs.extend(quarterOfYear);
+    dayjs.extend(weekday);
+    dayjs.extend(utc);
+    dayjs.extend(isoWeek);
+    this.localeDayjs = dayjs;
+    this.config = newConfig === undefined ? config : {
+      ...config,
+      ...newConfig
+    };
     this._updateLabelsFromI18n();
     this._validateMinuteStep(this.config.minuteStep);
-    this.behaviors = newBehaviors === undefined ? _behaviors["default"] : _objectSpread(_objectSpread({}, _behaviors["default"]), newBehaviors);
+    this.behaviors = newBehaviors === undefined ? behaviors : {
+      ...behaviors,
+      ...newBehaviors
+    };
     this._resolveDate(0, date);
     this._createHeaders();
     this._createRenderData();
@@ -70,1314 +54,1103 @@ var SchedulerData = exports["default"] = /*#__PURE__*/function () {
    * This allows apps to provide localized labels via setLabelsProvider()
    * @private
    */
-  return _createClass(SchedulerData, [{
-    key: "_updateLabelsFromI18n",
-    value: function _updateLabelsFromI18n(locale) {
-      // Get labels from the i18n provider if available
-      var defaults = (0, _i18n.getDefaultLabels)();
-      var applyIfProvided = function applyIfProvided(key, current) {
-        var value = (0, _i18n.getLabel)(key, locale);
-        if (value === undefined || value === null) return current;
-        return value !== defaults[key] ? value : current;
-      };
-      this.config.resourceName = applyIfProvided('resourceName', this.config.resourceName);
-      this.config.taskName = applyIfProvided('taskName', this.config.taskName);
-      this.config.agendaViewHeader = applyIfProvided('agendaViewHeader', this.config.agendaViewHeader);
-      this.config.weekNumberLabel = applyIfProvided('weekNumberLabel', this.config.weekNumberLabel);
-    }
-  }, {
-    key: "setVersionChangeNotifier",
-    value: function setVersionChangeNotifier(callback) {
-      this._versionChangeCallback = typeof callback === 'function' ? callback : null;
-    }
-  }, {
-    key: "beginBatch",
-    value: function beginBatch() {
-      this._batchCount = (this._batchCount || 0) + 1;
-    }
-  }, {
-    key: "endBatch",
-    value: function endBatch() {
-      if (this._batchCount === undefined || this._batchCount <= 0) {
-        this._batchCount = 0;
-        console.warn('SchedulerData.endBatch called without a matching beginBatch');
-        return;
-      }
-      if (this._batchCount > 0) {
-        this._batchCount -= 1;
-        if (this._batchCount === 0 && this._pendingVersion !== undefined) {
-          var pendingVersion = this._pendingVersion;
-          this._pendingVersion = undefined;
-          if (typeof this._versionChangeCallback === 'function') {
-            this._versionChangeCallback(pendingVersion);
-          }
+  _updateLabelsFromI18n(locale) {
+    // Get labels from the i18n provider if available
+    const defaults = getDefaultLabels();
+    const applyIfProvided = (key, current) => {
+      const value = getLabel(key, locale);
+      if (value === undefined || value === null) return current;
+      return value !== defaults[key] ? value : current;
+    };
+    this.config.resourceName = applyIfProvided('resourceName', this.config.resourceName);
+    this.config.taskName = applyIfProvided('taskName', this.config.taskName);
+    this.config.agendaViewHeader = applyIfProvided('agendaViewHeader', this.config.agendaViewHeader);
+    this.config.weekNumberLabel = applyIfProvided('weekNumberLabel', this.config.weekNumberLabel);
+  }
+  setVersionChangeNotifier(callback) {
+    this._versionChangeCallback = typeof callback === 'function' ? callback : null;
+  }
+  beginBatch() {
+    this._batchCount = (this._batchCount || 0) + 1;
+  }
+  endBatch() {
+    if (this._batchCount === undefined || this._batchCount <= 0) {
+      this._batchCount = 0;
+      console.warn('SchedulerData.endBatch called without a matching beginBatch');
+      return;
+    }
+    if (this._batchCount > 0) {
+      this._batchCount -= 1;
+      if (this._batchCount === 0 && this._pendingVersion !== undefined) {
+        const pendingVersion = this._pendingVersion;
+        this._pendingVersion = undefined;
+        if (typeof this._versionChangeCallback === 'function') {
+          this._versionChangeCallback(pendingVersion);
         }
       }
     }
-  }, {
-    key: "bumpVersion",
-    value: function bumpVersion() {
-      this.version += 1;
-      if (this._batchCount > 0) {
-        // Defer callback until batch ends
-        this._pendingVersion = this.version;
-      } else if (typeof this._versionChangeCallback === 'function') {
-        this._versionChangeCallback(this.version);
-      }
-    }
-  }, {
-    key: "getVersion",
-    value: function getVersion() {
-      return this.version;
-    }
-  }, {
-    key: "setSchedulerLocale",
-    value: function setSchedulerLocale(preset) {
-      if (!preset) return;
-      this.localeDayjs.locale(preset);
-      this._updateLabelsFromI18n(preset);
-      this._shouldReloadViewType = true;
-      this.setViewType(this.viewType, this.showAgenda, this.isEventPerspective);
-    }
-  }, {
-    key: "setCalendarPopoverLocale",
-    value: function setCalendarPopoverLocale(lang) {
-      if (lang) {
-        this.calendarPopoverLocale = lang;
-      }
-    }
-  }, {
-    key: "setResources",
-    value: function setResources(resources) {
-      this._validateResource(resources);
-      this.resources = Array.from(new Set(resources));
-      this._createRenderData();
-      this.setScrollToSpecialDayjs(true);
-      this.bumpVersion();
+  }
+  bumpVersion() {
+    this.version += 1;
+    if (this._batchCount > 0) {
+      // Defer callback until batch ends
+      this._pendingVersion = this.version;
+    } else if (typeof this._versionChangeCallback === 'function') {
+      this._versionChangeCallback(this.version);
     }
-  }, {
-    key: "setEventGroupsAutoGenerated",
-    value: function setEventGroupsAutoGenerated(autoGenerated) {
-      this.eventGroupsAutoGenerated = autoGenerated;
+  }
+  getVersion() {
+    return this.version;
+  }
+  setSchedulerLocale(preset) {
+    if (!preset) return;
+    this.localeDayjs.locale(preset);
+    this._updateLabelsFromI18n(preset);
+    this._shouldReloadViewType = true;
+    this.setViewType(this.viewType, this.showAgenda, this.isEventPerspective);
+  }
+  setCalendarPopoverLocale(lang) {
+    if (lang) {
+      this.calendarPopoverLocale = lang;
     }
+  }
+  setResources(resources) {
+    this._validateResource(resources);
+    this.resources = Array.from(new Set(resources));
+    this._createRenderData();
+    this.setScrollToSpecialDayjs(true);
+    this.bumpVersion();
+  }
+  setEventGroupsAutoGenerated(autoGenerated) {
+    this.eventGroupsAutoGenerated = autoGenerated;
+  }
 
-    // optional
-  }, {
-    key: "setEventGroups",
-    value: function setEventGroups(eventGroups) {
-      this._validateEventGroups(eventGroups);
-      this.eventGroups = Array.from(new Set(eventGroups));
-      this.eventGroupsAutoGenerated = false;
+  // optional
+  setEventGroups(eventGroups) {
+    this._validateEventGroups(eventGroups);
+    this.eventGroups = Array.from(new Set(eventGroups));
+    this.eventGroupsAutoGenerated = false;
+    this._createRenderData();
+    this.setScrollToSpecialDayjs(true);
+    this.bumpVersion();
+  }
+  setMinuteStep(minuteStep) {
+    if (this.config.minuteStep !== minuteStep) {
+      this._validateMinuteStep(minuteStep);
+      this.config.minuteStep = minuteStep;
+      this._createHeaders();
       this._createRenderData();
-      this.setScrollToSpecialDayjs(true);
       this.bumpVersion();
     }
-  }, {
-    key: "setMinuteStep",
-    value: function setMinuteStep(minuteStep) {
-      if (this.config.minuteStep !== minuteStep) {
-        this._validateMinuteStep(minuteStep);
-        this.config.minuteStep = minuteStep;
-        this._createHeaders();
-        this._createRenderData();
-        this.bumpVersion();
-      }
-    }
-  }, {
-    key: "setBesidesWidth",
-    value: function setBesidesWidth(besidesWidth) {
-      if (besidesWidth >= 0 && this.config.besidesWidth !== besidesWidth) {
-        this.config.besidesWidth = besidesWidth;
-        this.bumpVersion();
-      }
-    }
-  }, {
-    key: "setUnderneathHeight",
-    value: function setUnderneathHeight(underneathHeight) {
-      if (underneathHeight >= 0 && this.config.underneathHeight !== underneathHeight) {
-        this.config.underneathHeight = underneathHeight;
-        this.bumpVersion();
-      }
-    }
-  }, {
-    key: "getMinuteStepsInHour",
-    value: function getMinuteStepsInHour() {
-      return 60 / this.config.minuteStep;
-    }
-  }, {
-    key: "addResource",
-    value: function addResource(resource) {
-      var existedResources = this.resources.filter(function (x) {
-        return x.id === resource.id;
-      });
-      if (existedResources.length === 0) {
-        this.resources.push(resource);
-        this._createRenderData();
-        this.bumpVersion();
-      }
-    }
-  }, {
-    key: "addEventGroup",
-    value: function addEventGroup(eventGroup) {
-      var existedEventGroups = this.eventGroups.filter(function (x) {
-        return x.id === eventGroup.id;
-      });
-      if (existedEventGroups.length === 0) {
-        this.eventGroups.push(eventGroup);
-        this._createRenderData();
-        this.bumpVersion();
-      }
-    }
-  }, {
-    key: "removeEventGroupById",
-    value: function removeEventGroupById(eventGroupId) {
-      var index = -1;
-      this.eventGroups.forEach(function (item, idx) {
-        if (item.id === eventGroupId) index = idx;
-      });
-      if (index !== -1) {
-        this.eventGroups.splice(index, 1);
-        this._createRenderData();
-        this.bumpVersion();
-      }
-    }
-  }, {
-    key: "containsEventGroupId",
-    value: function containsEventGroupId(eventGroupId) {
-      var index = -1;
-      this.eventGroups.forEach(function (item, idx) {
-        if (item.id === eventGroupId) index = idx;
-      });
-      return index !== -1;
-    }
-  }, {
-    key: "setEvents",
-    value: function setEvents(events) {
-      this._validateEvents(events);
-      this.events = Array.from(events);
-      if (this.eventGroupsAutoGenerated) this._generateEventGroups();
-      if (this.config.recurringEventsEnabled) this._handleRecurringEvents();
-      this._createRenderData();
+  }
+  setBesidesWidth(besidesWidth) {
+    if (besidesWidth >= 0 && this.config.besidesWidth !== besidesWidth) {
+      this.config.besidesWidth = besidesWidth;
       this.bumpVersion();
     }
-  }, {
-    key: "setScrollToSpecialDayjs",
-    value: function setScrollToSpecialDayjs(scrollToSpecialDayjs) {
-      if (this.config.scrollToSpecialDayjsEnabled) this.scrollToSpecialDayjs = scrollToSpecialDayjs;
+  }
+  setUnderneathHeight(underneathHeight) {
+    if (underneathHeight >= 0 && this.config.underneathHeight !== underneathHeight) {
+      this.config.underneathHeight = underneathHeight;
+      this.bumpVersion();
     }
-  }, {
-    key: "prev",
-    value: function prev() {
-      this._resolveDate(-1);
-      this.events = [];
-      this._createHeaders();
+  }
+  getMinuteStepsInHour() {
+    return 60 / this.config.minuteStep;
+  }
+  addResource(resource) {
+    const existedResources = this.resources.filter(x => x.id === resource.id);
+    if (existedResources.length === 0) {
+      this.resources.push(resource);
       this._createRenderData();
       this.bumpVersion();
     }
-  }, {
-    key: "next",
-    value: function next() {
-      this._resolveDate(1);
-      this.events = [];
-      this._createHeaders();
+  }
+  addEventGroup(eventGroup) {
+    const existedEventGroups = this.eventGroups.filter(x => x.id === eventGroup.id);
+    if (existedEventGroups.length === 0) {
+      this.eventGroups.push(eventGroup);
       this._createRenderData();
       this.bumpVersion();
     }
-  }, {
-    key: "setDate",
-    value: function setDate() {
-      var date = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : (0, _dayjs["default"])(new Date());
-      this._resolveDate(0, date);
-      this.events = [];
-      this._createHeaders();
+  }
+  removeEventGroupById(eventGroupId) {
+    let index = -1;
+    this.eventGroups.forEach((item, idx) => {
+      if (item.id === eventGroupId) index = idx;
+    });
+    if (index !== -1) {
+      this.eventGroups.splice(index, 1);
       this._createRenderData();
       this.bumpVersion();
     }
-  }, {
-    key: "setViewType",
-    value: function setViewType() {
-      var viewType = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _default.ViewType.Week;
-      var showAgenda = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-      var isEventPerspective = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-      var previousShowAgenda = this.showAgenda;
-      var previousIsEventPerspective = this.isEventPerspective;
-      this.showAgenda = showAgenda;
-      this.isEventPerspective = isEventPerspective;
-      var isCustomView = viewType === _default.ViewType.Custom || viewType === _default.ViewType.Custom1 || viewType === _default.ViewType.Custom2;
+  }
+  containsEventGroupId(eventGroupId) {
+    let index = -1;
+    this.eventGroups.forEach((item, idx) => {
+      if (item.id === eventGroupId) index = idx;
+    });
+    return index !== -1;
+  }
+  setEvents(events) {
+    this._validateEvents(events);
+    this.events = Array.from(events);
+    if (this.eventGroupsAutoGenerated) this._generateEventGroups();
+    if (this.config.recurringEventsEnabled) this._handleRecurringEvents();
+    this._createRenderData();
+    this.bumpVersion();
+  }
+  setScrollToSpecialDayjs(scrollToSpecialDayjs) {
+    if (this.config.scrollToSpecialDayjsEnabled) this.scrollToSpecialDayjs = scrollToSpecialDayjs;
+  }
+  prev() {
+    this._resolveDate(-1);
+    this.events = [];
+    this._createHeaders();
+    this._createRenderData();
+    this.bumpVersion();
+  }
+  next() {
+    this._resolveDate(1);
+    this.events = [];
+    this._createHeaders();
+    this._createRenderData();
+    this.bumpVersion();
+  }
+  setDate(date = dayjs(new Date())) {
+    this._resolveDate(0, date);
+    this.events = [];
+    this._createHeaders();
+    this._createRenderData();
+    this.bumpVersion();
+  }
+  setViewType(viewType = ViewType.Week, showAgenda = false, isEventPerspective = false) {
+    const previousShowAgenda = this.showAgenda;
+    const previousIsEventPerspective = this.isEventPerspective;
+    this.showAgenda = showAgenda;
+    this.isEventPerspective = isEventPerspective;
+    const isCustomView = viewType === ViewType.Custom || viewType === ViewType.Custom1 || viewType === ViewType.Custom2;
 
-      // Force built-in views only; custom views can provide their own cellUnit via custom date behavior.
-      if (!isCustomView && viewType !== _default.ViewType.Day) {
-        this.cellUnit = _default.CellUnit.Day;
-      }
+    // Force built-in views only; custom views can provide their own cellUnit via custom date behavior.
+    if (!isCustomView && viewType !== ViewType.Day) {
+      this.cellUnit = CellUnit.Day;
+    }
 
-      // If showAgenda or isEventPerspective changed, force reload
-      if (previousShowAgenda !== showAgenda || previousIsEventPerspective !== isEventPerspective) {
-        this._shouldReloadViewType = true;
-      }
-      if (this.viewType !== viewType || this._shouldReloadViewType) {
-        var date = this.startDate;
-        if (viewType === _default.ViewType.Custom || viewType === _default.ViewType.Custom1 || viewType === _default.ViewType.Custom2) {
-          this.viewType = viewType;
-          this._resolveDate(0, date);
+    // If showAgenda or isEventPerspective changed, force reload
+    if (previousShowAgenda !== showAgenda || previousIsEventPerspective !== isEventPerspective) {
+      this._shouldReloadViewType = true;
+    }
+    if (this.viewType !== viewType || this._shouldReloadViewType) {
+      let date = this.startDate;
+      if (viewType === ViewType.Custom || viewType === ViewType.Custom1 || viewType === ViewType.Custom2) {
+        this.viewType = viewType;
+        this._resolveDate(0, date);
+      } else {
+        if (this.viewType < viewType) {
+          if (viewType === ViewType.Week) {
+            this.startDate = this.localeDayjs(new Date(date)).startOf('isoWeek');
+            this.endDate = this.localeDayjs(new Date(this.startDate)).endOf('isoWeek');
+          } else if (viewType === ViewType.Month) {
+            this.startDate = this.localeDayjs(new Date(date)).startOf('month');
+            this.endDate = this.localeDayjs(new Date(this.startDate)).endOf('month');
+          } else if (viewType === ViewType.Quarter) {
+            this.startDate = this.localeDayjs(new Date(date)).startOf('quarter');
+            this.endDate = this.localeDayjs(new Date(this.startDate)).endOf('quarter');
+          } else if (viewType === ViewType.Year) {
+            this.startDate = this.localeDayjs(new Date(date)).startOf('year');
+            this.endDate = this.localeDayjs(new Date(this.startDate)).endOf('year');
+          }
         } else {
-          if (this.viewType < viewType) {
-            if (viewType === _default.ViewType.Week) {
-              this.startDate = this.localeDayjs(new Date(date)).startOf('isoWeek');
-              this.endDate = this.localeDayjs(new Date(this.startDate)).endOf('isoWeek');
-            } else if (viewType === _default.ViewType.Month) {
-              this.startDate = this.localeDayjs(new Date(date)).startOf('month');
-              this.endDate = this.localeDayjs(new Date(this.startDate)).endOf('month');
-            } else if (viewType === _default.ViewType.Quarter) {
-              this.startDate = this.localeDayjs(new Date(date)).startOf('quarter');
-              this.endDate = this.localeDayjs(new Date(this.startDate)).endOf('quarter');
-            } else if (viewType === _default.ViewType.Year) {
-              this.startDate = this.localeDayjs(new Date(date)).startOf('year');
-              this.endDate = this.localeDayjs(new Date(this.startDate)).endOf('year');
-            }
-          } else {
-            var start = this.localeDayjs(new Date(this.startDate));
-            var end = this.localeDayjs(new Date(this.endDate)).add(1, 'days');
-            if (this.selectDate !== undefined) {
-              var selectDate = this.localeDayjs(new Date(this.selectDate));
-              if (selectDate >= start && selectDate < end) {
-                date = this.selectDate;
-              }
-            }
-            var now = this.localeDayjs();
-            if (now >= start && now < end) {
-              date = now.startOf('day');
-            }
-            if (viewType === _default.ViewType.Day) {
-              this.startDate = date;
-              this.endDate = this.startDate;
-              this.cellUnit = _default.CellUnit.Hour;
-            } else if (viewType === _default.ViewType.Week) {
-              this.startDate = this.localeDayjs(new Date(date)).startOf('isoWeek');
-              this.endDate = this.localeDayjs(new Date(this.startDate)).endOf('isoWeek');
-            } else if (viewType === _default.ViewType.Month) {
-              this.startDate = this.localeDayjs(new Date(date)).startOf('month');
-              this.endDate = this.localeDayjs(new Date(this.startDate)).endOf('month');
-            } else if (viewType === _default.ViewType.Quarter) {
-              this.startDate = this.localeDayjs(new Date(date)).startOf('quarter');
-              this.endDate = this.localeDayjs(new Date(this.startDate)).endOf('quarter');
+          const start = this.localeDayjs(new Date(this.startDate));
+          const end = this.localeDayjs(new Date(this.endDate)).add(1, 'days');
+          if (this.selectDate !== undefined) {
+            const selectDate = this.localeDayjs(new Date(this.selectDate));
+            if (selectDate >= start && selectDate < end) {
+              date = this.selectDate;
             }
           }
-          this.viewType = viewType;
-        }
-        this._shouldReloadViewType = false;
-        this.events = [];
-        this._createHeaders();
-        this._createRenderData();
-        this.setScrollToSpecialDayjs(true);
-        this.bumpVersion();
-      }
-    }
-  }, {
-    key: "setSchedulerMaxHeight",
-    value: function setSchedulerMaxHeight(newSchedulerMaxHeight) {
-      if (newSchedulerMaxHeight < 0) {
-        return;
-      }
-      if (this.config.schedulerMaxHeight !== newSchedulerMaxHeight) {
-        this.config.schedulerMaxHeight = newSchedulerMaxHeight;
-        this.bumpVersion();
-      }
-    }
-  }, {
-    key: "isSchedulerResponsive",
-    value: function isSchedulerResponsive() {
-      return !!this.config.schedulerWidth.endsWith && this.config.schedulerWidth.endsWith('%');
-    }
-  }, {
-    key: "toggleExpandStatus",
-    value: function toggleExpandStatus(slotId) {
-      var slotEntered = false;
-      var slotIndent = -1;
-      var isExpanded = false;
-      var changed = false;
-      var expandedMap = new Map();
-      this.renderData.forEach(function (item) {
-        if (slotEntered === false) {
-          if (item.slotId === slotId && item.hasChildren) {
-            slotEntered = true;
-            isExpanded = !item.expanded;
-            item.expanded = isExpanded;
-            changed = true;
-            slotIndent = item.indent;
-            expandedMap.set(item.indent, {
-              expanded: item.expanded,
-              render: item.render
-            });
+          const now = this.localeDayjs();
+          if (now >= start && now < end) {
+            date = now.startOf('day');
           }
-        } else if (item.indent > slotIndent) {
-          var expandStatus = expandedMap.get(item.indent - 1);
-          var newRender = expandStatus.expanded && expandStatus.render;
-          if (item.render !== newRender) {
-            item.render = newRender;
-            changed = true;
+          if (viewType === ViewType.Day) {
+            this.startDate = this.localeDayjs(new Date(date)).startOf('day');
+            this.endDate = this.startDate;
+            this.cellUnit = CellUnit.Hour;
+          } else if (viewType === ViewType.Week) {
+            this.startDate = this.localeDayjs(new Date(date)).startOf('isoWeek');
+            this.endDate = this.localeDayjs(new Date(this.startDate)).endOf('isoWeek');
+          } else if (viewType === ViewType.Month) {
+            this.startDate = this.localeDayjs(new Date(date)).startOf('month');
+            this.endDate = this.localeDayjs(new Date(this.startDate)).endOf('month');
+          } else if (viewType === ViewType.Quarter) {
+            this.startDate = this.localeDayjs(new Date(date)).startOf('quarter');
+            this.endDate = this.localeDayjs(new Date(this.startDate)).endOf('quarter');
           }
-          if (item.hasChildren) {
-            expandedMap.set(item.indent, {
-              expanded: item.expanded,
-              render: item.render
-            });
-          }
-        } else {
-          slotEntered = false;
         }
-      });
-      if (changed) {
-        this.bumpVersion();
+        this.viewType = viewType;
       }
-    }
-  }, {
-    key: "isResourceViewResponsive",
-    value: function isResourceViewResponsive() {
-      var resourceTableWidth = this.getResourceTableConfigWidth();
-      return !!resourceTableWidth.endsWith && resourceTableWidth.endsWith('%');
-    }
-  }, {
-    key: "isContentViewResponsive",
-    value: function isContentViewResponsive() {
-      var contentCellWidth = this.getContentCellConfigWidth();
-      return !!contentCellWidth.endsWith && contentCellWidth.endsWith('%');
-    }
-  }, {
-    key: "getSchedulerWidth",
-    value: function getSchedulerWidth() {
-      var baseWidth = this.documentWidth - this.config.besidesWidth > 0 ? this.documentWidth - this.config.besidesWidth : 0;
-      return this.isSchedulerResponsive() ? parseInt(baseWidth * Number(this.config.schedulerWidth.slice(0, -1)) / 100, 10) : this.config.schedulerWidth;
-    }
-  }, {
-    key: "getSchedulerHeight",
-    value: function getSchedulerHeight() {
-      var _this$config$schedule, _this$config$schedule2;
-      // Use the header height tracked in SchedulerData (set via _setSchedulerHeaderHeight)
-      var headerHeight = this.schedulerHeaderHeight || 0;
-      var baseHeight = this.documentHeight - headerHeight - this.config.tableHeaderHeight - (this.config.underneathHeight || 0);
-      var validBaseHeight = baseHeight > 0 ? baseHeight : 0;
-      if (this.isSchedulerResponsive() && (_this$config$schedule = this.config.schedulerHeight) !== null && _this$config$schedule !== void 0 && (_this$config$schedule2 = _this$config$schedule.endsWith) !== null && _this$config$schedule2 !== void 0 && _this$config$schedule2.call(_this$config$schedule, '%')) {
-        return parseInt(validBaseHeight * Number(this.config.schedulerHeight.slice(0, -1)) / 100, 10);
-      }
-      // fallback to max height if set, else just use base height
-      return this.config.schedulerMaxHeight || validBaseHeight;
-    }
-  }, {
-    key: "getResourceTableWidth",
-    value: function getResourceTableWidth() {
-      var resourceTableConfigWidth = this.getResourceTableConfigWidth();
-      var schedulerWidth = this.getSchedulerWidth();
-      var resourceTableWidth = this.isResourceViewResponsive() ? parseInt(schedulerWidth * Number(resourceTableConfigWidth.slice(0, -1)) / 100, 10) : resourceTableConfigWidth;
-      if (this.isSchedulerResponsive() && this.getContentTableWidth() + resourceTableWidth < schedulerWidth) resourceTableWidth = schedulerWidth - this.getContentTableWidth();
-      return resourceTableWidth;
-    }
-  }, {
-    key: "getContentCellWidth",
-    value: function getContentCellWidth() {
-      var contentCellConfigWidth = this.getContentCellConfigWidth();
-      var schedulerWidth = this.getSchedulerWidth();
-      return this.isContentViewResponsive() ? parseInt(schedulerWidth * Number(contentCellConfigWidth.slice(0, -1)) / 100, 10) : contentCellConfigWidth;
-    }
-  }, {
-    key: "getContentTableWidth",
-    value: function getContentTableWidth() {
-      return this.headers.length * this.getContentCellWidth();
-    }
-  }, {
-    key: "getScrollToSpecialDayjs",
-    value: function getScrollToSpecialDayjs() {
-      if (this.config.scrollToSpecialDayjsEnabled) return this.scrollToSpecialDayjs;
-      return false;
-    }
-  }, {
-    key: "getSlots",
-    value: function getSlots() {
-      return this.isEventPerspective ? this.eventGroups : this.resources;
-    }
-  }, {
-    key: "getSlotById",
-    value: function getSlotById(slotId) {
-      var slots = this.getSlots();
-      var slot;
-      slots.forEach(function (item) {
-        if (item.id === slotId) slot = item;
-      });
-      return slot;
-    }
-  }, {
-    key: "getResourceById",
-    value: function getResourceById(resourceId) {
-      var resource;
-      this.resources.forEach(function (item) {
-        if (item.id === resourceId) resource = item;
-      });
-      return resource;
-    }
-  }, {
-    key: "getTableHeaderHeight",
-    value: function getTableHeaderHeight() {
-      return this.config.tableHeaderHeight;
-    }
-  }, {
-    key: "getSchedulerContentDesiredHeight",
-    value: function getSchedulerContentDesiredHeight() {
-      var height = 0;
-      this.renderData.forEach(function (item) {
-        if (item.render) height += item.rowHeight;
-      });
-      return height;
-    }
-  }, {
-    key: "getCellMaxEvents",
-    value: function getCellMaxEvents() {
-      var viewConfigMap = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, _default.ViewType.Week, 'weekMaxEvents'), _default.ViewType.Day, 'dayMaxEvents'), _default.ViewType.Month, 'monthMaxEvents'), _default.ViewType.Year, 'yearMaxEvents'), _default.ViewType.Quarter, 'quarterMaxEvents');
-      var configProperty = viewConfigMap[this.viewType] || 'customMaxEvents';
-      return this.config[configProperty];
-    }
-  }, {
-    key: "getCalendarPopoverLocale",
-    value: function getCalendarPopoverLocale() {
-      return this.calendarPopoverLocale;
-    }
-  }, {
-    key: "getSelectedDate",
-    value: function getSelectedDate() {
-      return this.selectDate.format(_default.DATE_FORMAT);
-    }
-  }, {
-    key: "getViewStartDate",
-    value: function getViewStartDate() {
-      return this.startDate;
-    }
-  }, {
-    key: "getViewEndDate",
-    value: function getViewEndDate() {
-      return this.endDate;
-    }
-  }, {
-    key: "getViewDates",
-    value: function getViewDates() {
-      return {
-        startDate: this.startDate,
-        endDate: this.endDate
-      };
-    }
-  }, {
-    key: "getDateLabel",
-    value: function getDateLabel() {
-      var start = this.localeDayjs(new Date(this.startDate));
-      var end = this.localeDayjs(new Date(this.endDate));
-      var dateLabel = start.format('LL');
-      if (start !== end) dateLabel = "".concat(start.format('LL'), "-").concat(end.format('LL'));
-      if (this.behaviors.getDateLabelFunc) dateLabel = this.behaviors.getDateLabelFunc(this, this.viewType, this.startDate, this.endDate);
-      return dateLabel;
-    }
-  }, {
-    key: "addEvent",
-    value: function addEvent(newEvent) {
-      this._attachEvent(newEvent);
-      if (this.eventGroupsAutoGenerated) this._generateEventGroups();
+      this._shouldReloadViewType = false;
+      this.events = [];
+      this._createHeaders();
       this._createRenderData();
+      this.setScrollToSpecialDayjs(true);
       this.bumpVersion();
     }
-  }, {
-    key: "updateEventStart",
-    value: function updateEventStart(event, newStart) {
-      this._detachEvent(event);
-      event.start = newStart;
-      this._attachEvent(event);
-      this._createRenderData();
-      this.bumpVersion();
+  }
+  setSchedulerMaxHeight(newSchedulerMaxHeight) {
+    if (newSchedulerMaxHeight < 0) {
+      return;
     }
-  }, {
-    key: "updateEventEnd",
-    value: function updateEventEnd(event, newEnd) {
-      event.end = newEnd;
-      this._createRenderData();
+    if (this.config.schedulerMaxHeight !== newSchedulerMaxHeight) {
+      this.config.schedulerMaxHeight = newSchedulerMaxHeight;
       this.bumpVersion();
     }
-  }, {
-    key: "swapEvent",
-    value: function swapEvent(eventSource, eventDest) {
-      // Swap group or resource IDs
-      if (this.isEventPerspective) {
-        var _ref = [eventDest.groupId, eventSource.groupId];
-        eventSource.groupId = _ref[0];
-        eventDest.groupId = _ref[1];
-        var _ref2 = [eventDest.groupName, eventSource.groupName];
-        eventSource.groupName = _ref2[0];
-        eventDest.groupName = _ref2[1];
+  }
+  isSchedulerResponsive() {
+    return !!this.config.schedulerWidth.endsWith && this.config.schedulerWidth.endsWith('%');
+  }
+  toggleExpandStatus(slotId) {
+    let slotEntered = false;
+    let slotIndent = -1;
+    let isExpanded = false;
+    let changed = false;
+    const expandedMap = new Map();
+    this.renderData.forEach(item => {
+      if (slotEntered === false) {
+        if (item.slotId === slotId && item.hasChildren) {
+          slotEntered = true;
+          isExpanded = !item.expanded;
+          item.expanded = isExpanded;
+          changed = true;
+          slotIndent = item.indent;
+          expandedMap.set(item.indent, {
+            expanded: item.expanded,
+            render: item.render
+          });
+        }
+      } else if (item.indent > slotIndent) {
+        const expandStatus = expandedMap.get(item.indent - 1);
+        const newRender = expandStatus.expanded && expandStatus.render;
+        if (item.render !== newRender) {
+          item.render = newRender;
+          changed = true;
+        }
+        if (item.hasChildren) {
+          expandedMap.set(item.indent, {
+            expanded: item.expanded,
+            render: item.render
+          });
+        }
       } else {
-        var _ref3 = [eventDest.resourceId, eventSource.resourceId];
-        eventSource.resourceId = _ref3[0];
-        eventDest.resourceId = _ref3[1];
+        slotEntered = false;
       }
-
-      // Swap start and end times
-      var _ref4 = [eventDest.start, eventSource.start];
-      eventSource.start = _ref4[0];
-      eventDest.start = _ref4[1];
-      // Update the events
-      var _ref5 = [eventDest.end, eventSource.end];
-      eventSource.end = _ref5[0];
-      eventDest.end = _ref5[1];
-      this._detachEvent(eventSource);
-      this._detachEvent(eventDest);
-      this._attachEvent(eventSource);
-      this._attachEvent(eventDest);
-      this._createRenderData();
+    });
+    if (changed) {
       this.bumpVersion();
     }
-  }, {
-    key: "swapEvent2",
-    value: function swapEvent2(eventSource, eventDest) {
-      var tempEventSource = _objectSpread({}, eventSource);
-      var tempEventDest = _objectSpread({}, eventDest);
-      this._detachEvent(eventSource);
-      this._detachEvent(eventDest);
-      if (this.isEventPerspective) {
-        tempEventSource.groupId = eventDest.groupId;
-        tempEventSource.groupName = eventDest.groupName;
-        tempEventDest.groupId = eventSource.groupId;
-        tempEventDest.groupName = eventSource.groupName;
-      } else {
-        tempEventSource.resourceId = eventDest.resourceId;
-        tempEventDest.resourceId = eventSource.resourceId;
-      }
-      tempEventSource.end = eventDest.end;
-      tempEventSource.start = eventDest.start;
-      tempEventDest.end = eventSource.end;
-      tempEventDest.start = eventSource.start;
-      this._attachEvent(tempEventSource);
-      this._attachEvent(tempEventDest);
+  }
+  isResourceViewResponsive() {
+    const resourceTableWidth = this.getResourceTableConfigWidth();
+    return !!resourceTableWidth.endsWith && resourceTableWidth.endsWith('%');
+  }
+  isContentViewResponsive() {
+    const contentCellWidth = this.getContentCellConfigWidth();
+    return !!contentCellWidth.endsWith && contentCellWidth.endsWith('%');
+  }
+  getSchedulerWidth() {
+    const baseWidth = this.documentWidth - this.config.besidesWidth > 0 ? this.documentWidth - this.config.besidesWidth : 0;
+    return this.isSchedulerResponsive() ? parseInt(baseWidth * Number(this.config.schedulerWidth.slice(0, -1)) / 100, 10) : this.config.schedulerWidth;
+  }
+  getSchedulerHeight() {
+    // Use the header height tracked in SchedulerData (set via _setSchedulerHeaderHeight)
+    const headerHeight = this.schedulerHeaderHeight || 0;
+    const baseHeight = this.documentHeight - headerHeight - this.config.tableHeaderHeight - (this.config.underneathHeight || 0);
+    const validBaseHeight = baseHeight > 0 ? baseHeight : 0;
+    if (this.isSchedulerResponsive() && this.config.schedulerHeight?.endsWith?.('%')) {
+      return parseInt(validBaseHeight * Number(this.config.schedulerHeight.slice(0, -1)) / 100, 10);
+    }
+    // fallback to max height if set, else just use base height
+    return this.config.schedulerMaxHeight || validBaseHeight;
+  }
+  getResourceTableWidth() {
+    const resourceTableConfigWidth = this.getResourceTableConfigWidth();
+    const schedulerWidth = this.getSchedulerWidth();
+    let resourceTableWidth = this.isResourceViewResponsive() ? parseInt(schedulerWidth * Number(resourceTableConfigWidth.slice(0, -1)) / 100, 10) : resourceTableConfigWidth;
+    if (this.isSchedulerResponsive() && this.getContentTableWidth() + resourceTableWidth < schedulerWidth) resourceTableWidth = schedulerWidth - this.getContentTableWidth();
+    return resourceTableWidth;
+  }
+  getContentCellWidth() {
+    const contentCellConfigWidth = this.getContentCellConfigWidth();
+    const schedulerWidth = this.getSchedulerWidth();
+    return this.isContentViewResponsive() ? parseInt(schedulerWidth * Number(contentCellConfigWidth.slice(0, -1)) / 100, 10) : contentCellConfigWidth;
+  }
+  getContentTableWidth() {
+    return this.headers.length * this.getContentCellWidth();
+  }
+  getScrollToSpecialDayjs() {
+    if (this.config.scrollToSpecialDayjsEnabled) return this.scrollToSpecialDayjs;
+    return false;
+  }
+  getSlots() {
+    return this.isEventPerspective ? this.eventGroups : this.resources;
+  }
+  getSlotById(slotId) {
+    const slots = this.getSlots();
+    let slot;
+    slots.forEach(item => {
+      if (item.id === slotId) slot = item;
+    });
+    return slot;
+  }
+  getResourceById(resourceId) {
+    let resource;
+    this.resources.forEach(item => {
+      if (item.id === resourceId) resource = item;
+    });
+    return resource;
+  }
+  getTableHeaderHeight() {
+    return this.config.tableHeaderHeight;
+  }
+  getSchedulerContentDesiredHeight() {
+    let height = 0;
+    this.renderData.forEach(item => {
+      if (item.render) height += item.rowHeight;
+    });
+    return height;
+  }
+  getCellMaxEvents() {
+    const viewConfigMap = {
+      [ViewType.Week]: 'weekMaxEvents',
+      [ViewType.Day]: 'dayMaxEvents',
+      [ViewType.Month]: 'monthMaxEvents',
+      [ViewType.Year]: 'yearMaxEvents',
+      [ViewType.Quarter]: 'quarterMaxEvents'
+    };
+    const configProperty = viewConfigMap[this.viewType] || 'customMaxEvents';
+    return this.config[configProperty];
+  }
+  getCalendarPopoverLocale() {
+    return this.calendarPopoverLocale;
+  }
+  getSelectedDate() {
+    return this.selectDate.format(DATE_FORMAT);
+  }
+  getViewStartDate() {
+    return this.startDate;
+  }
+  getViewEndDate() {
+    return this.endDate;
+  }
+  getViewDates() {
+    return {
+      startDate: this.startDate,
+      endDate: this.endDate
+    };
+  }
+  getDateLabel() {
+    const start = this.localeDayjs(new Date(this.startDate));
+    const end = this.localeDayjs(new Date(this.endDate));
+    let dateLabel = start.format('LL');
+    if (start !== end) dateLabel = `${start.format('LL')}-${end.format('LL')}`;
+    if (this.behaviors.getDateLabelFunc) dateLabel = this.behaviors.getDateLabelFunc(this, this.viewType, this.startDate, this.endDate);
+    return dateLabel;
+  }
+  addEvent(newEvent) {
+    this._attachEvent(newEvent);
+    if (this.eventGroupsAutoGenerated) this._generateEventGroups();
+    this._createRenderData();
+    this.bumpVersion();
+  }
+  updateEventStart(event, newStart) {
+    this._detachEvent(event);
+    event.start = newStart;
+    this._attachEvent(event);
+    this._createRenderData();
+    this.bumpVersion();
+  }
+  updateEventEnd(event, newEnd) {
+    event.end = newEnd;
+    this._createRenderData();
+    this.bumpVersion();
+  }
+  swapEvent(eventSource, eventDest) {
+    // Swap group or resource IDs
+    if (this.isEventPerspective) {
+      [eventSource.groupId, eventDest.groupId] = [eventDest.groupId, eventSource.groupId];
+      [eventSource.groupName, eventDest.groupName] = [eventDest.groupName, eventSource.groupName];
+    } else {
+      [eventSource.resourceId, eventDest.resourceId] = [eventDest.resourceId, eventSource.resourceId];
+    }
+
+    // Swap start and end times
+    [eventSource.start, eventDest.start] = [eventDest.start, eventSource.start];
+    [eventSource.end, eventDest.end] = [eventDest.end, eventSource.end];
+
+    // Update the events
+    this._detachEvent(eventSource);
+    this._detachEvent(eventDest);
+    this._attachEvent(eventSource);
+    this._attachEvent(eventDest);
+    this._createRenderData();
+    this.bumpVersion();
+  }
+  swapEvent2(eventSource, eventDest) {
+    const tempEventSource = {
+      ...eventSource
+    };
+    const tempEventDest = {
+      ...eventDest
+    };
+    this._detachEvent(eventSource);
+    this._detachEvent(eventDest);
+    if (this.isEventPerspective) {
+      tempEventSource.groupId = eventDest.groupId;
+      tempEventSource.groupName = eventDest.groupName;
+      tempEventDest.groupId = eventSource.groupId;
+      tempEventDest.groupName = eventSource.groupName;
+    } else {
+      tempEventSource.resourceId = eventDest.resourceId;
+      tempEventDest.resourceId = eventSource.resourceId;
+    }
+    tempEventSource.end = eventDest.end;
+    tempEventSource.start = eventDest.start;
+    tempEventDest.end = eventSource.end;
+    tempEventDest.start = eventSource.start;
+    this._attachEvent(tempEventSource);
+    this._attachEvent(tempEventDest);
+    this._createRenderData();
+    this.bumpVersion();
+  }
+  moveEvent(event, newSlotId, newSlotName, newStart, newEnd) {
+    this._detachEvent(event);
+    if (this.isEventPerspective) {
+      event.groupId = newSlotId;
+      event.groupName = newSlotName;
+    } else event.resourceId = newSlotId;
+    event.end = newEnd;
+    event.start = newStart;
+    this._attachEvent(event);
+    this._createRenderData();
+    this.bumpVersion();
+  }
+  isEventInTimeWindow(eventStart, eventEnd, windowStart, windowEnd) {
+    return eventStart < windowEnd && eventEnd > windowStart;
+  }
+  removeEvent(event) {
+    const index = this.events.indexOf(event);
+    if (index !== -1) {
+      this.events.splice(index, 1);
       this._createRenderData();
       this.bumpVersion();
     }
-  }, {
-    key: "moveEvent",
-    value: function moveEvent(event, newSlotId, newSlotName, newStart, newEnd) {
-      this._detachEvent(event);
-      if (this.isEventPerspective) {
-        event.groupId = newSlotId;
-        event.groupName = newSlotName;
-      } else event.resourceId = newSlotId;
-      event.end = newEnd;
-      event.start = newStart;
-      this._attachEvent(event);
+  }
+  removeEventById(eventId) {
+    let index = -1;
+    this.events.forEach((item, idx) => {
+      if (item.id === eventId) index = idx;
+    });
+    if (index !== -1) {
+      this.events.splice(index, 1);
       this._createRenderData();
       this.bumpVersion();
     }
-  }, {
-    key: "isEventInTimeWindow",
-    value: function isEventInTimeWindow(eventStart, eventEnd, windowStart, windowEnd) {
-      return eventStart < windowEnd && eventEnd > windowStart;
-    }
-  }, {
-    key: "removeEvent",
-    value: function removeEvent(event) {
-      var index = this.events.indexOf(event);
-      if (index !== -1) {
-        this.events.splice(index, 1);
-        this._createRenderData();
-        this.bumpVersion();
-      }
-    }
-  }, {
-    key: "removeEventById",
-    value: function removeEventById(eventId) {
-      var index = -1;
-      this.events.forEach(function (item, idx) {
-        if (item.id === eventId) index = idx;
-      });
-      if (index !== -1) {
-        this.events.splice(index, 1);
-        this._createRenderData();
-        this.bumpVersion();
-      }
+  }
+  getResourceTableConfigWidth() {
+    if (this.showAgenda) {
+      return this.config.agendaResourceTableWidth;
+    }
+    const viewConfigMap = {
+      [ViewType.Week]: 'weekResourceTableWidth',
+      [ViewType.Day]: 'dayResourceTableWidth',
+      [ViewType.Month]: 'monthResourceTableWidth',
+      [ViewType.Year]: 'yearResourceTableWidth',
+      [ViewType.Quarter]: 'quarterResourceTableWidth'
+    };
+    const configProperty = viewConfigMap[this.viewType] || 'customResourceTableWidth';
+    return this.config[configProperty];
+  }
+  getContentCellConfigWidth() {
+    const viewConfigMap = {
+      [ViewType.Week]: 'weekCellWidth',
+      [ViewType.Day]: 'dayCellWidth',
+      [ViewType.Month]: 'monthCellWidth',
+      [ViewType.Year]: 'yearCellWidth',
+      [ViewType.Quarter]: 'quarterCellWidth'
+    };
+    const configProperty = viewConfigMap[this.viewType] || 'customCellWidth';
+    return this.config[configProperty];
+  }
+  _setDocumentWidth(documentWidth) {
+    if (documentWidth >= 0 && documentWidth !== this.documentWidth) {
+      this.documentWidth = documentWidth;
+      this.bumpVersion();
     }
-  }, {
-    key: "getResourceTableConfigWidth",
-    value: function getResourceTableConfigWidth() {
-      if (this.showAgenda) {
-        return this.config.agendaResourceTableWidth;
-      }
-      var viewConfigMap = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, _default.ViewType.Week, 'weekResourceTableWidth'), _default.ViewType.Day, 'dayResourceTableWidth'), _default.ViewType.Month, 'monthResourceTableWidth'), _default.ViewType.Year, 'yearResourceTableWidth'), _default.ViewType.Quarter, 'quarterResourceTableWidth');
-      var configProperty = viewConfigMap[this.viewType] || 'customResourceTableWidth';
-      return this.config[configProperty];
+  }
+  _setDocumentHeight(documentHeight) {
+    if (documentHeight >= 0 && documentHeight !== this.documentHeight) {
+      this.documentHeight = documentHeight;
+      this.bumpVersion();
     }
-  }, {
-    key: "getContentCellConfigWidth",
-    value: function getContentCellConfigWidth() {
-      var viewConfigMap = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, _default.ViewType.Week, 'weekCellWidth'), _default.ViewType.Day, 'dayCellWidth'), _default.ViewType.Month, 'monthCellWidth'), _default.ViewType.Year, 'yearCellWidth'), _default.ViewType.Quarter, 'quarterCellWidth');
-      var configProperty = viewConfigMap[this.viewType] || 'customCellWidth';
-      return this.config[configProperty];
+  }
+  _setSchedulerHeaderHeight(schedulerHeaderHeight) {
+    if (schedulerHeaderHeight >= 0 && schedulerHeaderHeight !== this.schedulerHeaderHeight) {
+      this.schedulerHeaderHeight = schedulerHeaderHeight;
+      this.bumpVersion();
     }
-  }, {
-    key: "_setDocumentWidth",
-    value: function _setDocumentWidth(documentWidth) {
-      if (documentWidth >= 0 && documentWidth !== this.documentWidth) {
-        this.documentWidth = documentWidth;
-        this.bumpVersion();
+  }
+  _detachEvent(event) {
+    const index = this.events.indexOf(event);
+    if (index !== -1) this.events.splice(index, 1);
+  }
+  _attachEvent(event) {
+    let pos = 0;
+    const eventStart = this.localeDayjs(new Date(event.start));
+    this.events.forEach((item, index) => {
+      const start = this.localeDayjs(new Date(item.start));
+      if (eventStart >= start) pos = index + 1;
+    });
+    this.events.splice(pos, 0, event);
+  }
+  _handleRecurringEvents() {
+    const recurringEvents = this.events.filter(x => !!x.rrule);
+    recurringEvents.forEach(item => {
+      this._detachEvent(item);
+    });
+    recurringEvents.forEach(item => {
+      const windowStart = this.startDate;
+      const windowEnd = this.endDate.add(1, 'days');
+      const oldStart = this.localeDayjs(new Date(item.start));
+      const oldEnd = this.localeDayjs(new Date(item.end));
+      let rule = rrulestr(item.rrule);
+      let oldDtstart;
+      const oldUntil = rule.origOptions.until || windowEnd.toDate();
+      if (rule.origOptions.dtstart) {
+        oldDtstart = this.localeDayjs(new Date(rule.origOptions.dtstart));
       }
-    }
-  }, {
-    key: "_setDocumentHeight",
-    value: function _setDocumentHeight(documentHeight) {
-      if (documentHeight >= 0 && documentHeight !== this.documentHeight) {
-        this.documentHeight = documentHeight;
-        this.bumpVersion();
+      // rule.origOptions.dtstart = oldStart.toDate();
+      if (windowEnd < oldUntil) {
+        rule.origOptions.until = windowEnd.toDate();
       }
-    }
-  }, {
-    key: "_setSchedulerHeaderHeight",
-    value: function _setSchedulerHeaderHeight(schedulerHeaderHeight) {
-      if (schedulerHeaderHeight >= 0 && schedulerHeaderHeight !== this.schedulerHeaderHeight) {
-        this.schedulerHeaderHeight = schedulerHeaderHeight;
-        this.bumpVersion();
+
+      // reload
+      rule = rrulestr(rule.toString());
+      if (item.exdates || item.exrule) {
+        const rruleSet = new RRuleSet();
+        rruleSet.rrule(rule);
+        if (item.exrule) {
+          rruleSet.exrule(rrulestr(item.exrule));
+        }
+        if (item.exdates) {
+          item.exdates.forEach(exdate => {
+            rruleSet.exdate(this.localeDayjs(exdate).toDate());
+          });
+        }
+        rule = rruleSet;
       }
-    }
-  }, {
-    key: "_detachEvent",
-    value: function _detachEvent(event) {
-      var index = this.events.indexOf(event);
-      if (index !== -1) this.events.splice(index, 1);
-    }
-  }, {
-    key: "_attachEvent",
-    value: function _attachEvent(event) {
-      var _this = this;
-      var pos = 0;
-      var eventStart = this.localeDayjs(new Date(event.start));
-      this.events.forEach(function (item, index) {
-        var start = _this.localeDayjs(new Date(item.start));
-        if (eventStart >= start) pos = index + 1;
-      });
-      this.events.splice(pos, 0, event);
-    }
-  }, {
-    key: "_handleRecurringEvents",
-    value: function _handleRecurringEvents() {
-      var _this2 = this;
-      var recurringEvents = this.events.filter(function (x) {
-        return !!x.rrule;
-      });
-      recurringEvents.forEach(function (item) {
-        _this2._detachEvent(item);
-      });
-      recurringEvents.forEach(function (item) {
-        var windowStart = _this2.startDate;
-        var windowEnd = _this2.endDate.add(1, 'days');
-        var oldStart = _this2.localeDayjs(new Date(item.start));
-        var oldEnd = _this2.localeDayjs(new Date(item.end));
-        var rule = (0, _rrule.rrulestr)(item.rrule);
-        var oldDtstart;
-        var oldUntil = rule.origOptions.until || windowEnd.toDate();
-        if (rule.origOptions.dtstart) {
-          oldDtstart = _this2.localeDayjs(new Date(rule.origOptions.dtstart));
+      const all = rule.between(new Date(windowStart), new Date(windowEnd));
+      all.forEach((time, index) => {
+        const newEvent = {
+          ...item,
+          recurringEventId: item.id,
+          recurringEventStart: item.start,
+          recurringEventEnd: item.end,
+          id: `${item.id}-${index}`,
+          start: rule.origOptions.tzid ? this.localeDayjs.utc(time).utcOffset(this.localeDayjs(new Date()).utcOffset(), true).format(DATETIME_FORMAT) : this.localeDayjs(new Date(time)).format(DATETIME_FORMAT),
+          end: rule.origOptions.tzid ? this.localeDayjs.utc(time).utcOffset(this.localeDayjs(new Date()).utcOffset(), true).add(oldEnd.diff(oldStart), 'ms').add(this.localeDayjs(new Date(oldUntil)).utcOffset() - this.localeDayjs(new Date(item.start)).utcOffset(), 'm').format(DATETIME_FORMAT) : this.localeDayjs(new Date(time)).add(oldEnd.diff(oldStart), 'ms').format(DATETIME_FORMAT)
+        };
+        const eventStart = normalizeEventStart(newEvent.start);
+        const eventEnd = normalizeEventEnd(newEvent.end);
+        if (this.isEventInTimeWindow(eventStart, eventEnd, windowStart, windowEnd) && (!oldDtstart || eventStart >= oldDtstart)) {
+          this._attachEvent(newEvent);
         }
-        // rule.origOptions.dtstart = oldStart.toDate();
-        if (windowEnd < oldUntil) {
-          rule.origOptions.until = windowEnd.toDate();
+      });
+    });
+  }
+  _resolveDate(num, date = undefined) {
+    if (date !== undefined) {
+      this.selectDate = this.localeDayjs(date);
+    }
+    const setStartAndEndDates = unit => {
+      this.startDate = date !== undefined ? this.selectDate.startOf(unit) : this.startDate.add(num, `${unit}s`);
+      this.endDate = this.startDate.endOf(unit);
+    };
+    switch (this.viewType) {
+      case ViewType.Week:
+        if (date !== undefined) {
+          this.startDate = this.selectDate.startOf('isoWeek');
+        } else {
+          this.startDate = this.startDate.add(num, 'weeks');
         }
-
-        // reload
-        rule = (0, _rrule.rrulestr)(rule.toString());
-        if (item.exdates || item.exrule) {
-          var rruleSet = new _rrule.RRuleSet();
-          rruleSet.rrule(rule);
-          if (item.exrule) {
-            rruleSet.exrule((0, _rrule.rrulestr)(item.exrule));
+        this.endDate = this.startDate.endOf('isoWeek');
+        break;
+      case ViewType.Day:
+        this.startDate = (date !== undefined ? this.selectDate : this.startDate.add(num, 'days')).startOf('day');
+        this.endDate = this.startDate;
+        break;
+      case ViewType.Month:
+        setStartAndEndDates('month');
+        break;
+      case ViewType.Quarter:
+        setStartAndEndDates('quarter');
+        break;
+      case ViewType.Year:
+        setStartAndEndDates('year');
+        break;
+      case ViewType.Custom:
+      case ViewType.Custom1:
+      case ViewType.Custom2:
+        if (this.behaviors.getCustomDateFunc !== undefined) {
+          const customDate = this.behaviors.getCustomDateFunc(this, num, date);
+          this.startDate = this.localeDayjs(customDate.startDate);
+          this.endDate = this.localeDayjs(customDate.endDate);
+          if (customDate.cellUnit) {
+            this.cellUnit = customDate.cellUnit;
           }
-          if (item.exdates) {
-            item.exdates.forEach(function (exdate) {
-              rruleSet.exdate(_this2.localeDayjs(exdate).toDate());
-            });
-          }
-          rule = rruleSet;
+        } else {
+          throw new Error('This is a custom view type, set behaviors.getCustomDateFunc func ' + 'to resolve the time window (startDate and endDate) yourself');
         }
-        var all = rule.between(new Date(windowStart), new Date(windowEnd));
-        all.forEach(function (time, index) {
-          var newEvent = _objectSpread(_objectSpread({}, item), {}, {
-            recurringEventId: item.id,
-            recurringEventStart: item.start,
-            recurringEventEnd: item.end,
-            id: "".concat(item.id, "-").concat(index),
-            start: rule.origOptions.tzid ? _this2.localeDayjs.utc(time).utcOffset(_this2.localeDayjs(new Date()).utcOffset(), true).format(_default.DATETIME_FORMAT) : _this2.localeDayjs(new Date(time)).format(_default.DATETIME_FORMAT),
-            end: rule.origOptions.tzid ? _this2.localeDayjs.utc(time).utcOffset(_this2.localeDayjs(new Date()).utcOffset(), true).add(oldEnd.diff(oldStart), 'ms').add(_this2.localeDayjs(new Date(oldUntil)).utcOffset() - _this2.localeDayjs(new Date(item.start)).utcOffset(), 'm').format(_default.DATETIME_FORMAT) : _this2.localeDayjs(new Date(time)).add(oldEnd.diff(oldStart), 'ms').format(_default.DATETIME_FORMAT)
-          });
-          var eventStart = _this2.localeDayjs(newEvent.start);
-          var eventEnd = _this2.localeDayjs(newEvent.end);
-          if (_this2.isEventInTimeWindow(eventStart, eventEnd, windowStart, windowEnd) && (!oldDtstart || eventStart >= oldDtstart)) {
-            _this2._attachEvent(newEvent);
-          }
-        });
-      });
+        break;
+      default:
+        break;
     }
-  }, {
-    key: "_resolveDate",
-    value: function _resolveDate(num) {
-      var _this3 = this;
-      var date = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
-      if (date !== undefined) {
-        this.selectDate = this.localeDayjs(date);
+  }
+
+  // Previous Code
+  _createHeaders() {
+    const headers = [];
+    let start = this.localeDayjs(new Date(this.startDate));
+    let end = this.localeDayjs(new Date(this.endDate));
+    let header = start;
+    if (this.showAgenda) {
+      headers.push({
+        time: header.format(DATETIME_FORMAT),
+        nonWorkingTime: false
+      });
+    } else if (this.cellUnit === CellUnit.Hour) {
+      if (start.hour() === 0) {
+        start = start.hour(this.config.dayStartFrom);
       }
-      var setStartAndEndDates = function setStartAndEndDates(unit) {
-        _this3.startDate = date !== undefined ? _this3.selectDate.startOf(unit) : _this3.startDate.add(num, "".concat(unit, "s"));
-        _this3.endDate = _this3.startDate.endOf(unit);
-      };
-      switch (this.viewType) {
-        case _default.ViewType.Week:
-          if (date !== undefined) {
-            this.startDate = this.selectDate.startOf('isoWeek');
-          } else {
-            this.startDate = this.startDate.add(num, 'weeks');
-          }
-          this.endDate = this.startDate.endOf('isoWeek');
-          break;
-        case _default.ViewType.Day:
-          this.startDate = date !== undefined ? this.selectDate : this.startDate.add(num, 'days');
-          this.endDate = this.startDate;
-          break;
-        case _default.ViewType.Month:
-          setStartAndEndDates('month');
-          break;
-        case _default.ViewType.Quarter:
-          setStartAndEndDates('quarter');
-          break;
-        case _default.ViewType.Year:
-          setStartAndEndDates('year');
-          break;
-        case _default.ViewType.Custom:
-        case _default.ViewType.Custom1:
-        case _default.ViewType.Custom2:
-          if (this.behaviors.getCustomDateFunc !== undefined) {
-            var customDate = this.behaviors.getCustomDateFunc(this, num, date);
-            this.startDate = this.localeDayjs(customDate.startDate);
-            this.endDate = this.localeDayjs(customDate.endDate);
-            if (customDate.cellUnit) {
-              this.cellUnit = customDate.cellUnit;
-            }
-          } else {
-            throw new Error('This is a custom view type, set behaviors.getCustomDateFunc func ' + 'to resolve the time window (startDate and endDate) yourself');
-          }
-          break;
-        default:
-          break;
+      if (end.hour() === 0) {
+        end = end.hour(this.config.dayStopTo);
       }
-    }
-
-    // Previous Code
-  }, {
-    key: "_createHeaders",
-    value: function _createHeaders() {
-      var headers = [];
-      var start = this.localeDayjs(new Date(this.startDate));
-      var end = this.localeDayjs(new Date(this.endDate));
-      var header = start;
-      if (this.showAgenda) {
-        headers.push({
-          time: header.format(_default.DATETIME_FORMAT),
-          nonWorkingTime: false
-        });
-      } else if (this.cellUnit === _default.CellUnit.Hour) {
-        if (start.hour() === 0) {
-          start = start.add(this.config.dayStartFrom, 'hours');
-        }
-        if (end.hour() === 0) {
-          end = end.add(this.config.dayStopTo, 'hours');
-        }
-        header = start;
-        var prevHour = -1;
-        while (header >= start && header <= end) {
-          // prevent doubled hours on time change
-          if (header.hour() === prevHour) {
-            header = header.add(1, 'hours');
-            continue;
-          }
-          prevHour = header.hour();
-          var minuteSteps = this.getMinuteStepsInHour();
-          for (var i = 0; i < minuteSteps; i += 1) {
-            var hour = header.hour();
-            if (hour >= this.config.dayStartFrom && hour <= this.config.dayStopTo) {
-              var time = header.format(_default.DATETIME_FORMAT);
-              var nonWorkingTime = this.behaviors.isNonWorkingTimeFunc(this, time);
-              headers.push({
-                time: time,
-                nonWorkingTime: nonWorkingTime
-              });
-            }
-            header = header.add(this.config.minuteStep, 'minutes');
-          }
+      header = start;
+      let prevHour = -1;
+      while (header >= start && header <= end) {
+        // prevent doubled hours on time change
+        if (header.hour() === prevHour) {
+          header = header.add(1, 'hours');
+          continue;
         }
-      } else if (this.cellUnit === _default.CellUnit.Day) {
-        while (header >= start && header <= end) {
-          var _time = header.format(_default.DATETIME_FORMAT);
-          var dayOfWeek = header.day();
-          if (this.config.displayWeekend || dayOfWeek !== 0 && dayOfWeek !== 6) {
-            var _nonWorkingTime = this.behaviors.isNonWorkingTimeFunc(this, _time);
+        prevHour = header.hour();
+        const minuteSteps = this.getMinuteStepsInHour();
+        for (let i = 0; i < minuteSteps; i += 1) {
+          const hour = header.hour();
+          if (hour >= this.config.dayStartFrom && hour <= this.config.dayStopTo) {
+            const time = header.format(DATETIME_FORMAT);
+            const nonWorkingTime = this.behaviors.isNonWorkingTimeFunc(this, time);
             headers.push({
-              time: _time,
-              nonWorkingTime: _nonWorkingTime
+              time,
+              nonWorkingTime
             });
           }
-          header = header.add(1, 'days');
-        }
-      } else if (this.cellUnit === _default.CellUnit.Week) {
-        while (header >= start && header <= end) {
-          var _time2 = header.format(_default.DATE_FORMAT);
-          headers.push({
-            time: _time2
-          });
-          header = header.add(1, 'weeks').startOf('isoWeek');
-        }
-      } else if (this.cellUnit === _default.CellUnit.Month) {
-        while (header >= start && header <= end) {
-          var _time3 = header.format(_default.DATE_FORMAT);
-          headers.push({
-            time: _time3
-          });
-          header = header.add(1, 'months').startOf('month');
+          header = header.add(this.config.minuteStep, 'minutes');
         }
-      } else if (this.cellUnit === _default.CellUnit.Year) {
-        while (header >= start && header <= end) {
-          var _time4 = header.format(_default.DATE_FORMAT);
+      }
+    } else if (this.cellUnit === CellUnit.Day) {
+      while (header >= start && header <= end) {
+        const time = header.format(DATETIME_FORMAT);
+        const dayOfWeek = header.day();
+        if (this.config.displayWeekend || dayOfWeek !== 0 && dayOfWeek !== 6) {
+          const nonWorkingTime = this.behaviors.isNonWorkingTimeFunc(this, time);
           headers.push({
-            time: _time4
+            time,
+            nonWorkingTime
           });
-          header = header.add(1, 'years').startOf('year');
         }
+        header = header.add(1, 'days');
       }
-      this.headers = headers;
-    }
-  }, {
-    key: "_createInitHeaderEvents",
-    value: function _createInitHeaderEvents(header) {
-      var start = this.localeDayjs(new Date(header.time));
-      var startValue = start.format(_default.DATETIME_FORMAT);
-      var endValue;
-      if (this.showAgenda) {
-        var incrementUnit = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, _default.ViewType.Day, 'days'), _default.ViewType.Week, 'weeks'), _default.ViewType.Month, 'months'), _default.ViewType.Year, 'years'), _default.ViewType.Quarter, 'quarters')[this.viewType] || 'days';
-        if (incrementUnit === 'days') {
-          endValue = this.localeDayjs(new Date(this.endDate)).add(1, 'days').format(_default.DATETIME_FORMAT);
-        } else {
-          endValue = start.add(1, incrementUnit).format(_default.DATETIME_FORMAT);
-        }
-      } else {
-        var _incrementUnit = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, _default.CellUnit.Hour, 'minutes'), _default.CellUnit.Week, 'weeks'), _default.CellUnit.Month, 'months'), _default.CellUnit.Year, 'years')[this.cellUnit] || 'days';
-        endValue = start.add(_incrementUnit === 'minutes' ? this.config.minuteStep : 1, _incrementUnit).format(this.cellUnit === _default.CellUnit.Year || this.cellUnit === _default.CellUnit.Month || this.cellUnit === _default.CellUnit.Week ? _default.DATE_FORMAT : _default.DATETIME_FORMAT);
+    } else if (this.cellUnit === CellUnit.Week) {
+      while (header >= start && header <= end) {
+        const time = header.format(DATE_FORMAT);
+        headers.push({
+          time
+        });
+        header = header.add(1, 'weeks').startOf('isoWeek');
       }
-      return {
-        time: header.time,
-        nonWorkingTime: header.nonWorkingTime,
-        start: startValue,
-        end: endValue,
-        count: 0,
-        addMore: 0,
-        addMoreIndex: 0,
-        events: Array(3)
-      };
-    }
-  }, {
-    key: "_createHeaderEvent",
-    value: function _createHeaderEvent(render, span, eventItem) {
-      return {
-        render: render,
-        span: span,
-        eventItem: eventItem
-      };
-    }
-  }, {
-    key: "_getEventSlotId",
-    value: function _getEventSlotId(event) {
-      if (this.isEventPerspective) {
-        return this._getEventGroupId(event);
+    } else if (this.cellUnit === CellUnit.Month) {
+      while (header >= start && header <= end) {
+        const time = header.format(DATE_FORMAT);
+        headers.push({
+          time
+        });
+        header = header.add(1, 'months').startOf('month');
       }
-      // Support for multi-resource events
-      if (event.resourceIds && event.resourceIds.length > 0) {
-        // For multi-resource events, return the first resourceId for backward compatibility
-        // The rendering logic will handle showing on multiple rows
-        return event.resourceIds[0];
+    } else if (this.cellUnit === CellUnit.Year) {
+      while (header >= start && header <= end) {
+        const time = header.format(DATE_FORMAT);
+        headers.push({
+          time
+        });
+        header = header.add(1, 'years').startOf('year');
       }
-      // Fallback to single resourceId
-      return event.resourceId;
-    }
-  }, {
-    key: "_getEventGroupId",
-    value: function _getEventGroupId(event) {
-      return event.groupId ? event.groupId.toString() : event.id.toString();
-    }
-  }, {
-    key: "_getEventGroupName",
-    value: function _getEventGroupName(event) {
-      return event.groupName ? event.groupName : event.title;
-    }
-  }, {
-    key: "_generateEventGroups",
-    value: function _generateEventGroups() {
-      var _this4 = this;
-      var eventGroups = [];
-      var set = new Set();
-      this.events.forEach(function (item) {
-        var groupId = _this4._getEventGroupId(item);
-        var groupName = _this4._getEventGroupName(item);
-        if (!set.has(groupId)) {
-          eventGroups.push({
-            id: groupId,
-            name: groupName,
-            state: item
-          });
-          set.add(groupId);
-        }
-      });
-      this.eventGroups = eventGroups;
     }
-  }, {
-    key: "_createInitRenderData",
-    value: function _createInitRenderData(isEventPerspective, eventGroups, resources, headers) {
-      var _this5 = this;
-      var slots = isEventPerspective ? eventGroups : resources;
-      var slotTree = [];
-      var slotMap = new Map();
-      slots.forEach(function (slot) {
-        var headerEvents = headers.map(function (header) {
-          return _this5._createInitHeaderEvents(header);
-        });
-        var slotRenderData = _objectSpread(_objectSpread({}, slot), {}, {
-          slotId: slot.id,
-          slotName: slot.name,
-          slotTitle: slot.title,
-          parentId: slot.parentId,
-          groupOnly: slot.groupOnly,
-          hasSummary: false,
-          rowMaxCount: 0,
-          rowHeight: _this5.config.nonAgendaSlotMinHeight !== 0 ? _this5.config.nonAgendaSlotMinHeight : _this5.config.eventItemLineHeight + 2,
-          headerItems: headerEvents,
-          indent: 0,
-          hasChildren: false,
-          expanded: true,
-          render: true
+    this.headers = headers;
+  }
+  _createInitHeaderEvents(header) {
+    const start = this.localeDayjs(new Date(header.time));
+    const startValue = start.format(DATETIME_FORMAT);
+    let endValue;
+    if (this.showAgenda) {
+      const incrementUnit = {
+        [ViewType.Day]: 'days',
+        [ViewType.Week]: 'weeks',
+        [ViewType.Month]: 'months',
+        [ViewType.Year]: 'years',
+        [ViewType.Quarter]: 'quarters'
+      }[this.viewType] || 'days';
+      if (incrementUnit === 'days') {
+        endValue = this.localeDayjs(new Date(this.endDate)).add(1, 'days').format(DATETIME_FORMAT);
+      } else {
+        endValue = start.add(1, incrementUnit).format(DATETIME_FORMAT);
+      }
+    } else {
+      const {
+        amount,
+        unit
+      } = this._getCellStep();
+
+      // Keep the full timestamp so cell bounds match _getSpan/normalizeEventEnd in every time zone.
+      endValue = start.add(amount, unit).format(DATETIME_FORMAT);
+    }
+    return {
+      time: header.time,
+      nonWorkingTime: header.nonWorkingTime,
+      start: startValue,
+      end: endValue,
+      count: 0,
+      addMore: 0,
+      addMoreIndex: 0,
+      events: Array(3)
+    };
+  }
+  _createHeaderEvent(render, span, eventItem) {
+    return {
+      render,
+      span,
+      eventItem
+    };
+  }
+  _getEventSlotId(event) {
+    if (this.isEventPerspective) {
+      return this._getEventGroupId(event);
+    }
+    // Support for multi-resource events
+    if (event.resourceIds && event.resourceIds.length > 0) {
+      // For multi-resource events, return the first resourceId for backward compatibility
+      // The rendering logic will handle showing on multiple rows
+      return event.resourceIds[0];
+    }
+    // Fallback to single resourceId
+    return event.resourceId;
+  }
+  _getEventGroupId(event) {
+    return event.groupId ? event.groupId.toString() : event.id.toString();
+  }
+  _getEventGroupName(event) {
+    return event.groupName ? event.groupName : event.title;
+  }
+  _generateEventGroups() {
+    const eventGroups = [];
+    const set = new Set();
+    this.events.forEach(item => {
+      const groupId = this._getEventGroupId(item);
+      const groupName = this._getEventGroupName(item);
+      if (!set.has(groupId)) {
+        eventGroups.push({
+          id: groupId,
+          name: groupName,
+          state: item
         });
-        var id = slot.id;
-        var value;
-        if (slotMap.has(id)) {
-          value = slotMap.get(id);
-          value.data = slotRenderData;
+        set.add(groupId);
+      }
+    });
+    this.eventGroups = eventGroups;
+  }
+  _createInitRenderData(isEventPerspective, eventGroups, resources, headers) {
+    const slots = isEventPerspective ? eventGroups : resources;
+    const slotTree = [];
+    const slotMap = new Map();
+    slots.forEach(slot => {
+      const headerEvents = headers.map(header => this._createInitHeaderEvents(header));
+      const slotRenderData = {
+        ...slot,
+        slotId: slot.id,
+        slotName: slot.name,
+        slotTitle: slot.title,
+        parentId: slot.parentId,
+        groupOnly: slot.groupOnly,
+        hasSummary: false,
+        rowMaxCount: 0,
+        rowHeight: this.config.nonAgendaSlotMinHeight !== 0 ? this.config.nonAgendaSlotMinHeight : this.config.eventItemLineHeight + 2,
+        headerItems: headerEvents,
+        indent: 0,
+        hasChildren: false,
+        expanded: true,
+        render: true
+      };
+      const {
+        id
+      } = slot;
+      let value;
+      if (slotMap.has(id)) {
+        value = slotMap.get(id);
+        value.data = slotRenderData;
+      } else {
+        value = {
+          data: slotRenderData,
+          children: []
+        };
+        slotMap.set(id, value);
+      }
+      const {
+        parentId
+      } = slot;
+      if (!parentId || parentId === id) {
+        slotTree.push(value);
+      } else {
+        let parentValue;
+        if (slotMap.has(parentId)) {
+          parentValue = slotMap.get(parentId);
         } else {
-          value = {
-            data: slotRenderData,
+          parentValue = {
+            data: undefined,
             children: []
           };
-          slotMap.set(id, value);
+          slotMap.set(parentId, parentValue);
         }
-        var parentId = slot.parentId;
-        if (!parentId || parentId === id) {
-          slotTree.push(value);
-        } else {
-          var parentValue;
-          if (slotMap.has(parentId)) {
-            parentValue = slotMap.get(parentId);
-          } else {
-            parentValue = {
-              data: undefined,
-              children: []
-            };
-            slotMap.set(parentId, parentValue);
-          }
-          parentValue.children.push(value);
-        }
-      });
-      var slotStack = [];
-      var i;
-      for (i = slotTree.length - 1; i >= 0; i -= 1) {
-        slotStack.push(slotTree[i]);
+        parentValue.children.push(value);
       }
-      var initRenderData = [];
-      var currentNode;
-      while (slotStack.length > 0) {
-        currentNode = slotStack.pop();
-        if (currentNode.data.indent > 0) {
-          currentNode.data.render = this.config.defaultExpanded;
-        }
-        if (currentNode.children.length > 0) {
-          currentNode.data.hasChildren = true;
-          currentNode.data.expanded = this.config.defaultExpanded;
-        }
-        initRenderData.push(currentNode.data);
-        for (i = currentNode.children.length - 1; i >= 0; i -= 1) {
-          currentNode.children[i].data.indent = currentNode.data.indent + 1;
-          slotStack.push(currentNode.children[i]);
-        }
+    });
+    const slotStack = [];
+    let i;
+    for (i = slotTree.length - 1; i >= 0; i -= 1) {
+      slotStack.push(slotTree[i]);
+    }
+    const initRenderData = [];
+    let currentNode;
+    while (slotStack.length > 0) {
+      currentNode = slotStack.pop();
+      if (currentNode.data.indent > 0) {
+        currentNode.data.render = this.config.defaultExpanded;
       }
-      return initRenderData;
-    }
-  }, {
-    key: "_getSpan",
-    value: function _getSpan(startTime, endTime, headers) {
-      if (this.showAgenda) return 1;
-      var timeBetween = function timeBetween(date1, date2, timeIn) {
-        if (timeIn === 'days' || timeIn === 'day') {
-          if (date1.getDate() === date2.getDate() && date1.getMonth() === date2.getMonth() && date1.getFullYear() === date2.getFullYear()) {
-            return 1;
-          }
-        }
-        var one;
-        switch (timeIn) {
-          case 'days':
-          case 'day':
-            one = 1000 * 60 * 60 * 24;
-            break;
-          case 'minutes':
-          case 'minute':
-            one = 1000 * 60;
-            break;
-          default:
-            return 0;
-        }
-        var date1Ms = date1.getTime();
-        var date2Ms = date2.getTime();
-        var diff = (date2Ms - date1Ms) / one;
-        return diff < 0 ? 0 : diff;
-      };
-      var eventStart = new Date(startTime);
-      var eventEnd = new Date(endTime);
-      var span = 0;
-      var windowStart = new Date(this.startDate);
-      var windowEnd = new Date(this.endDate);
-      windowStart.setHours(0, 0, 0, 0);
-      windowEnd.setHours(23, 59, 59);
-      if (this.viewType === _default.ViewType.Day) {
-        if (headers.length > 0) {
-          var day = new Date(headers[0].time);
-          if (day.getDate() > eventStart.getDate() && day.getDate() < eventEnd.getDate()) {
-            span = 1440 / this.config.minuteStep;
-          } else if (day.getDate() > eventStart.getDate() && day.getDate() === eventEnd.getDate()) {
-            span = Math.ceil(timeBetween(day, eventEnd, 'minutes') / this.config.minuteStep);
-          } else if (day.getDate() === eventStart.getDate() && day.getDate() < eventEnd.getDate()) {
-            day.setHours(23, 59, 59);
-            span = Math.ceil(timeBetween(eventStart, day, 'minutes') / this.config.minuteStep);
-          } else if (day.getDate() === eventStart.getDate() && day.getDate() === eventEnd.getDate() || eventEnd.getDate() === eventStart.getDate()) {
-            span = Math.ceil(timeBetween(eventStart, eventEnd, 'minutes') / this.config.minuteStep);
-          }
-        }
-      } else if (this.viewType === _default.ViewType.Week || this.viewType === _default.ViewType.Month || this.viewType === _default.ViewType.Quarter || this.viewType === _default.ViewType.Year) {
-        var startDate = windowStart < eventStart ? eventStart : windowStart;
-        var endDate = windowEnd > eventEnd ? eventEnd : windowEnd;
-        startDate.setHours(0, 0, 0, 0);
-        // Only extend to end-of-day if the event does not end exactly at midnight
-        // (midnight = start of the day, treated as exclusive by the header-item check)
-        if (endDate.getHours() !== 0 || endDate.getMinutes() !== 0 || endDate.getSeconds() !== 0) {
-          endDate.setHours(23, 59, 59, 0);
-        } else {
-          endDate.setDate(endDate.getDate() - 1);
-          endDate.setHours(23, 59, 59, 0);
-        }
-        span = Math.ceil(timeBetween(startDate, endDate, 'days'));
-      } else {
-        if (this.cellUnit === _default.CellUnit.Day) {
-          eventEnd.setHours(23, 59, 59);
-          eventStart.setHours(0, 0, 0, 0);
-        }
-        var timeIn = this.cellUnit === _default.CellUnit.Day ? 'days' : 'minutes';
-        var dividedBy = this.cellUnit === _default.CellUnit.Day ? 1 : this.config.minuteStep;
-        if (windowStart >= eventStart && eventEnd <= windowEnd) {
-          span = Math.ceil(timeBetween(windowStart, eventEnd, timeIn) / dividedBy);
-        } else if (windowStart > eventStart && eventEnd > windowEnd) {
-          span = Math.ceil(timeBetween(windowStart, windowEnd, timeIn) / dividedBy);
-        } else if (windowStart <= eventStart && eventEnd >= windowEnd) {
-          span = Math.ceil(timeBetween(eventStart, windowEnd, timeIn) / dividedBy);
-        } else {
-          span = Math.ceil(timeBetween(eventStart, eventEnd, timeIn) / dividedBy);
-        }
+      if (currentNode.children.length > 0) {
+        currentNode.data.hasChildren = true;
+        currentNode.data.expanded = this.config.defaultExpanded;
       }
-      return span;
-    }
-  }, {
-    key: "_validateResource",
-    value: function _validateResource(resources) {
-      if (Object.prototype.toString.call(resources) !== '[object Array]') {
-        throw new Error('Resources should be Array object');
+      initRenderData.push(currentNode.data);
+      for (i = currentNode.children.length - 1; i >= 0; i -= 1) {
+        currentNode.children[i].data.indent = currentNode.data.indent + 1;
+        slotStack.push(currentNode.children[i]);
       }
-      resources.forEach(function (item, index) {
-        if (item === undefined) {
-          console.error("Resource undefined: ".concat(index));
-          throw new Error("Resource undefined: ".concat(index));
-        }
-        if (item.id === undefined || item.name === undefined) {
-          console.error('Resource property missed', index, item);
-          throw new Error("Resource property undefined: ".concat(index));
-        }
-      });
     }
-  }, {
-    key: "_validateEventGroups",
-    value: function _validateEventGroups(eventGroups) {
-      if (Object.prototype.toString.call(eventGroups) !== '[object Array]') {
-        throw new Error('Event groups should be Array object');
+    return initRenderData;
+  }
+  _getCellStep() {
+    const unit = {
+      [CellUnit.Hour]: 'minutes',
+      [CellUnit.Week]: 'weeks',
+      [CellUnit.Month]: 'months',
+      [CellUnit.Year]: 'years'
+    }[this.cellUnit] || 'days';
+    return {
+      amount: unit === 'minutes' ? this.config.minuteStep : 1,
+      unit
+    };
+  }
+
+  // Span = number of visible header cells the event overlaps, using the same overlap rule as
+  // _createRenderData. Headers only cover the visible window (and visible days), so the event is
+  // clamped consistently across views, and calendar-aware dayjs math keeps DST days at one cell.
+  _getSpan(startTime, endTime, headers) {
+    if (this.showAgenda) return 1;
+    const eventStart = normalizeEventStart(startTime);
+    const eventEnd = normalizeEventEnd(endTime);
+    const {
+      amount,
+      unit
+    } = this._getCellStep();
+    return headers.filter(header => {
+      const cellStart = this.localeDayjs(new Date(header.time));
+      return cellStart.isBefore(eventEnd) && cellStart.add(amount, unit).isAfter(eventStart);
+    }).length;
+  }
+  _validateResource(resources) {
+    if (Object.prototype.toString.call(resources) !== '[object Array]') {
+      throw new Error('Resources should be Array object');
+    }
+    resources.forEach((item, index) => {
+      if (item === undefined) {
+        console.error(`Resource undefined: ${index}`);
+        throw new Error(`Resource undefined: ${index}`);
       }
-      eventGroups.forEach(function (item, index) {
-        if (item === undefined) {
-          console.error("Event group undefined: ".concat(index));
-          throw new Error("Event group undefined: ".concat(index));
-        }
-        if (item.id === undefined || item.name === undefined) {
-          console.error('Event group property missed', index, item);
-          throw new Error("Event group property undefined: ".concat(index));
-        }
-      });
-    }
-  }, {
-    key: "_validateEvents",
-    value: function _validateEvents(events) {
-      if (Object.prototype.toString.call(events) !== '[object Array]') {
-        throw new Error('Events should be Array object');
+      if (item.id === undefined || item.name === undefined) {
+        console.error('Resource property missed', index, item);
+        throw new Error(`Resource property undefined: ${index}`);
       }
-      events.forEach(function (e, index) {
-        if (e === undefined) {
-          console.error("Event undefined: ".concat(index));
-          throw new Error("Event undefined: ".concat(index));
-        }
-        var hasResourceTarget = e.resourceId !== undefined || Array.isArray(e.resourceIds) && e.resourceIds.length > 0;
-        if (e.id === undefined || !hasResourceTarget || e.title === undefined || e.start === undefined || e.end === undefined) {
-          console.error('Event property missed (id, resourceId/resourceIds, title, start, end)', index, e);
-          throw new Error("Event property undefined (id/resourceId|resourceIds/title/start/end): ".concat(index));
-        }
-      });
-    }
-  }, {
-    key: "_validateMinuteStep",
-    value: function _validateMinuteStep(minuteStep) {
-      if (60 % minuteStep !== 0) {
-        console.error('Minute step is not set properly - 60 minutes must be divisible without remainder by this number');
-        throw new Error('Minute step is not set properly - 60 minutes must be divisible without remainder by this number');
+    });
+  }
+  _validateEventGroups(eventGroups) {
+    if (Object.prototype.toString.call(eventGroups) !== '[object Array]') {
+      throw new Error('Event groups should be Array object');
+    }
+    eventGroups.forEach((item, index) => {
+      if (item === undefined) {
+        console.error(`Event group undefined: ${index}`);
+        throw new Error(`Event group undefined: ${index}`);
       }
+      if (item.id === undefined || item.name === undefined) {
+        console.error('Event group property missed', index, item);
+        throw new Error(`Event group property undefined: ${index}`);
+      }
+    });
+  }
+  _validateEvents(events) {
+    if (Object.prototype.toString.call(events) !== '[object Array]') {
+      throw new Error('Events should be Array object');
+    }
+    events.forEach((e, index) => {
+      if (e === undefined) {
+        console.error(`Event undefined: ${index}`);
+        throw new Error(`Event undefined: ${index}`);
+      }
+      const hasResourceTarget = e.resourceId !== undefined || Array.isArray(e.resourceIds) && e.resourceIds.length > 0;
+      if (e.id === undefined || !hasResourceTarget || e.title === undefined || e.start === undefined || e.end === undefined) {
+        console.error('Event property missed (id, resourceId/resourceIds, title, start, end)', index, e);
+        throw new Error(`Event property undefined (id/resourceId|resourceIds/title/start/end): ${index}`);
+      }
+    });
+  }
+  _validateMinuteStep(minuteStep) {
+    if (60 % minuteStep !== 0) {
+      console.error('Minute step is not set properly - 60 minutes must be divisible without remainder by this number');
+      throw new Error('Minute step is not set properly - 60 minutes must be divisible without remainder by this number');
     }
-  }, {
-    key: "_compare",
-    value: function _compare(event1, event2) {
-      var start1 = this.localeDayjs(event1.start);
-      var start2 = this.localeDayjs(event2.start);
-      if (start1 !== start2) return start1 < start2 ? -1 : 1;
-      var end1 = this.localeDayjs(event1.end);
-      var end2 = this.localeDayjs(event2.end);
-      if (end1 !== end2) return end1 < end2 ? -1 : 1;
-      return event1.id < event2.id ? -1 : 1;
-    }
-  }, {
-    key: "_createRenderData",
-    value: function _createRenderData() {
-      var _this6 = this;
-      var initRenderData = this._createInitRenderData(this.isEventPerspective, this.eventGroups, this.resources, this.headers);
-      // this.events.sort(this._compare);
-      var cellMaxEventsCount = this.getCellMaxEvents();
-      var cellMaxEventsCountValue = 30;
-      this.events.forEach(function (item) {
-        var targetSlotIds = [];
-        if (_this6.isEventPerspective) {
-          targetSlotIds = [_this6._getEventSlotId(item)];
-        } else if (item.resourceIds && item.resourceIds.length > 0) {
-          // Multi-resource event
-          targetSlotIds = item.resourceIds;
-        } else if (item.resourceId) {
-          // Single resource event (backward compatibility)
-          targetSlotIds = [item.resourceId];
-        }
-        targetSlotIds.forEach(function (slotId) {
-          var resourceEventsList = initRenderData.filter(function (x) {
-            return x.slotId === slotId;
-          });
-          if (resourceEventsList.length > 0) {
-            var resourceEvents = resourceEventsList[0];
-            var span = _this6._getSpan(item.start, item.end, _this6.headers);
-            var eventStart = new Date(item.start);
-            var eventEnd = new Date(item.end);
-            var pos = -1;
-            resourceEvents.headerItems.forEach(function (header, index) {
-              var headerStart = new Date(header.start);
-              var headerEnd = new Date(header.end);
-              if (headerEnd > eventStart && headerStart < eventEnd) {
-                header.count += 1;
-                if (header.count > resourceEvents.rowMaxCount) {
-                  resourceEvents.rowMaxCount = header.count;
-                  var rowsCount = cellMaxEventsCount <= cellMaxEventsCountValue && resourceEvents.rowMaxCount > cellMaxEventsCount ? cellMaxEventsCount : resourceEvents.rowMaxCount;
-                  var newRowHeight = rowsCount * _this6.config.eventItemLineHeight + (_this6.config.creatable && _this6.config.checkConflict === false ? 20 : 2);
-                  if (newRowHeight > resourceEvents.rowHeight) resourceEvents.rowHeight = newRowHeight;
-                }
-                if (pos === -1) {
-                  var tmp = 0;
-                  while (header.events[tmp] !== undefined) tmp += 1;
-                  pos = tmp;
-                }
-                var render = headerStart <= eventStart || index === 0;
-                if (render === false) {
-                  var previousHeader = resourceEvents.headerItems[index - 1];
-                  var previousHeaderStart = new Date(previousHeader.start);
-                  var previousHeaderEnd = new Date(previousHeader.end);
-                  if (previousHeaderEnd <= eventStart || previousHeaderStart >= eventEnd) render = true;
-                }
-                header.events[pos] = _this6._createHeaderEvent(render, span, item);
+  }
+  _compare(event1, event2) {
+    const start1 = this.localeDayjs(event1.start);
+    const start2 = this.localeDayjs(event2.start);
+    if (start1 !== start2) return start1 < start2 ? -1 : 1;
+    const end1 = this.localeDayjs(event1.end);
+    const end2 = this.localeDayjs(event2.end);
+    if (end1 !== end2) return end1 < end2 ? -1 : 1;
+    return event1.id < event2.id ? -1 : 1;
+  }
+  _createRenderData() {
+    const initRenderData = this._createInitRenderData(this.isEventPerspective, this.eventGroups, this.resources, this.headers);
+    // this.events.sort(this._compare);
+    const cellMaxEventsCount = this.getCellMaxEvents();
+    const cellMaxEventsCountValue = 30;
+    this.events.forEach(item => {
+      let targetSlotIds = [];
+      if (this.isEventPerspective) {
+        targetSlotIds = [this._getEventSlotId(item)];
+      } else if (item.resourceIds && item.resourceIds.length > 0) {
+        // Multi-resource event
+        targetSlotIds = item.resourceIds;
+      } else if (item.resourceId) {
+        // Single resource event (backward compatibility)
+        targetSlotIds = [item.resourceId];
+      }
+      targetSlotIds.forEach(slotId => {
+        const resourceEventsList = initRenderData.filter(x => x.slotId === slotId);
+        if (resourceEventsList.length > 0) {
+          const resourceEvents = resourceEventsList[0];
+          const span = this._getSpan(item.start, item.end, this.headers);
+          const eventStart = normalizeEventStart(item.start).toDate();
+          const eventEnd = normalizeEventEnd(item.end).toDate();
+          let pos = -1;
+          resourceEvents.headerItems.forEach((header, index) => {
+            const headerStart = new Date(header.start);
+            const headerEnd = new Date(header.end);
+            if (headerEnd > eventStart && headerStart < eventEnd) {
+              header.count += 1;
+              if (header.count > resourceEvents.rowMaxCount) {
+                resourceEvents.rowMaxCount = header.count;
+                const rowsCount = cellMaxEventsCount <= cellMaxEventsCountValue && resourceEvents.rowMaxCount > cellMaxEventsCount ? cellMaxEventsCount : resourceEvents.rowMaxCount;
+                const newRowHeight = rowsCount * this.config.eventItemLineHeight + (this.config.creatable && this.config.checkConflict === false ? 20 : 2);
+                if (newRowHeight > resourceEvents.rowHeight) resourceEvents.rowHeight = newRowHeight;
               }
-            });
-          }
-        });
-      });
-      if (cellMaxEventsCount <= cellMaxEventsCountValue || this.behaviors.getSummaryFunc !== undefined) {
-        initRenderData.forEach(function (resourceEvents) {
-          var hasSummary = false;
-          resourceEvents.headerItems.forEach(function (headerItem) {
-            if (cellMaxEventsCount <= cellMaxEventsCountValue) {
-              var renderItemsCount = 0;
-              var addMoreIndex = 0;
-              var index = 0;
-              while (index < cellMaxEventsCount - 1) {
-                if (headerItem.events[index] !== undefined) {
-                  renderItemsCount += 1;
-                  addMoreIndex = index + 1;
-                }
-                index += 1;
+              if (pos === -1) {
+                let tmp = 0;
+                while (header.events[tmp] !== undefined) tmp += 1;
+                pos = tmp;
               }
+              let render = headerStart <= eventStart || index === 0;
+              if (render === false) {
+                const previousHeader = resourceEvents.headerItems[index - 1];
+                const previousHeaderStart = new Date(previousHeader.start);
+                const previousHeaderEnd = new Date(previousHeader.end);
+                if (previousHeaderEnd <= eventStart || previousHeaderStart >= eventEnd) render = true;
+              }
+              header.events[pos] = this._createHeaderEvent(render, span, item);
+            }
+          });
+        }
+      });
+    });
+    if (cellMaxEventsCount <= cellMaxEventsCountValue || this.behaviors.getSummaryFunc !== undefined) {
+      initRenderData.forEach(resourceEvents => {
+        let hasSummary = false;
+        resourceEvents.headerItems.forEach(headerItem => {
+          if (cellMaxEventsCount <= cellMaxEventsCountValue) {
+            let renderItemsCount = 0;
+            let addMoreIndex = 0;
+            let index = 0;
+            while (index < cellMaxEventsCount - 1) {
               if (headerItem.events[index] !== undefined) {
-                if (renderItemsCount + 1 < headerItem.count) {
-                  headerItem.addMore = headerItem.count - renderItemsCount;
-                  headerItem.addMoreIndex = addMoreIndex;
-                }
-              } else if (renderItemsCount < headerItem.count) {
+                renderItemsCount += 1;
+                addMoreIndex = index + 1;
+              }
+              index += 1;
+            }
+            if (headerItem.events[index] !== undefined) {
+              if (renderItemsCount + 1 < headerItem.count) {
                 headerItem.addMore = headerItem.count - renderItemsCount;
                 headerItem.addMoreIndex = addMoreIndex;
               }
+            } else if (renderItemsCount < headerItem.count) {
+              headerItem.addMore = headerItem.count - renderItemsCount;
+              headerItem.addMoreIndex = addMoreIndex;
             }
-            if (_this6.behaviors.getSummaryFunc !== undefined) {
-              var events = [];
-              headerItem.events.forEach(function (e) {
-                if (e !== null && e !== void 0 && e.eventItem) events.push(e.eventItem);
-              });
-              headerItem.summary = _this6.behaviors.getSummaryFunc(_this6, events, resourceEvents.slotId, resourceEvents.slotName, headerItem.start, headerItem.end);
-              if (headerItem.summary && headerItem.summary.text !== undefined) hasSummary = true;
-            }
-          });
-          resourceEvents.hasSummary = hasSummary;
-          if (hasSummary) {
-            var rowsCount = cellMaxEventsCount <= cellMaxEventsCountValue && resourceEvents.rowMaxCount > cellMaxEventsCount ? cellMaxEventsCount : resourceEvents.rowMaxCount;
-            var newRowHeight = (rowsCount + 1) * _this6.config.eventItemLineHeight + (_this6.config.creatable && _this6.config.checkConflict === false ? 20 : 2);
-            if (newRowHeight > resourceEvents.rowHeight) resourceEvents.rowHeight = newRowHeight;
+          }
+          if (this.behaviors.getSummaryFunc !== undefined) {
+            const events = [];
+            headerItem.events.forEach(e => {
+              if (e?.eventItem) events.push(e.eventItem);
+            });
+            headerItem.summary = this.behaviors.getSummaryFunc(this, events, resourceEvents.slotId, resourceEvents.slotName, headerItem.start, headerItem.end);
+            if (headerItem.summary && headerItem.summary.text !== undefined) hasSummary = true;
           }
         });
-      }
-      this.renderData = initRenderData;
-    }
-  }, {
-    key: "_startResizing",
-    value: function _startResizing() {
-      this.resizing = true;
-    }
-  }, {
-    key: "_stopResizing",
-    value: function _stopResizing() {
-      this.resizing = false;
-    }
-  }, {
-    key: "_isResizing",
-    value: function _isResizing() {
-      return this.resizing;
+        resourceEvents.hasSummary = hasSummary;
+        if (hasSummary) {
+          const rowsCount = cellMaxEventsCount <= cellMaxEventsCountValue && resourceEvents.rowMaxCount > cellMaxEventsCount ? cellMaxEventsCount : resourceEvents.rowMaxCount;
+          const newRowHeight = (rowsCount + 1) * this.config.eventItemLineHeight + (this.config.creatable && this.config.checkConflict === false ? 20 : 2);
+          if (newRowHeight > resourceEvents.rowHeight) resourceEvents.rowHeight = newRowHeight;
+        }
+      });
     }
-  }]);
-}();
+    this.renderData = initRenderData;
+  }
+  _startResizing() {
+    this.resizing = true;
+  }
+  _stopResizing() {
+    this.resizing = false;
+  }
+  _isResizing() {
+    return this.resizing;
+  }
+}