@tlmgo/tui-calendar 2.2.0 → 2.2.2

package/dist/toastui-calendar.ie11.js

@@ -1,6 +1,6 @@
 /*!
  * TOAST UI Calendar 2nd Edition
- * @version 2.1.4 | Wed Jan 28 2026
+ * @version 2.2.2 | Thu Jan 29 2026
  * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
  * @license MIT
  */
@@ -11184,11 +11184,11 @@ function toPercent(value) {
 function toPx(value) {
   return "".concat(value, "px");
 }
-/**
- * ex)
- * extractPercentPx('calc(100% - 22px)') // { percent: 100, px: -22 }
- * extractPercentPx('100%') // { percent: 100, px: 0 }
- * extractPercentPx('-22px') // { percent: 0, px: -22 }
+/**
+ * ex)
+ * extractPercentPx('calc(100% - 22px)') // { percent: 100, px: -22 }
+ * extractPercentPx('100%') // { percent: 100, px: 0 }
+ * extractPercentPx('-22px') // { percent: 0, px: -22 }
  */
 
 function extractPercentPx(value) {
@@ -11704,11 +11704,11 @@ function error_getPrototypeOf(o) { error_getPrototypeOf = Object.setPrototypeOf
 
 
 
-/**
- * Define custom errors for calendar
- * These errors are exposed to the user.
- *
- * We can throw the default `Error` instance for internal errors.
+/**
+ * Define custom errors for calendar
+ * These errors are exposed to the user.
+ *
+ * We can throw the default `Error` instance for internal errors.
  */
 
 var InvalidTimezoneNameError = /*#__PURE__*/function (_Error) {
@@ -11870,10 +11870,10 @@ function date() {
 function getLocalTimezoneOffset() {
   return -new Date().getTimezoneOffset();
 }
-/**
- * Calculate timezone offset from UTC.
- *
- * Target date is needed for the case when the timezone is applicable to DST.
+/**
+ * Calculate timezone offset from UTC.
+ *
+ * Target date is needed for the case when the timezone is applicable to DST.
  */
 
 function calculateTimezoneOffset(timezoneName) {
@@ -11911,9 +11911,9 @@ var timezoneNameValidationCache = {};
 function isIntlDateTimeFormatSupported() {
   var _Intl, _Intl$DateTimeFormat, _Intl$DateTimeFormat$;
 
-  /**
-   * Intl.DateTimeFormat & IANA Timezone Data should be supported.
-   * also, hourCycle options should be supported.
+  /**
+   * Intl.DateTimeFormat & IANA Timezone Data should be supported.
+   * also, hourCycle options should be supported.
    */
   return isFunction((_Intl = Intl) === null || _Intl === void 0 ? void 0 : (_Intl$DateTimeFormat = _Intl.DateTimeFormat) === null || _Intl$DateTimeFormat === void 0 ? void 0 : (_Intl$DateTimeFormat$ = _Intl$DateTimeFormat.prototype) === null || _Intl$DateTimeFormat$ === void 0 ? void 0 : _Intl$DateTimeFormat$.formatToParts);
 }
@@ -12012,13 +12012,13 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 function getTZOffsetMSDifference(offset) {
   return (getLocalTimezoneOffset() - offset) * MS_PER_MINUTES;
 }
-/**
- * Custom Date Class to handle timezone offset.
- *
- * For more information, see {@link https://github.com/nhn/tui.calendar/blob/main/docs/en/apis/tzdate.md|TZDate} in guide.
- *
- * @class TZDate
- * @param {number|TZDate|Date|string} date - date value to be converted. If date is number or string, it should be eligible to parse by Date constructor.
+/**
+ * Custom Date Class to handle timezone offset.
+ *
+ * For more information, see {@link https://github.com/nhn/tui.calendar/blob/main/docs/en/apis/tzdate.md|TZDate} in guide.
+ *
+ * @class TZDate
+ * @param {number|TZDate|Date|string} date - date value to be converted. If date is number or string, it should be eligible to parse by Date constructor.
  */
 
 
@@ -12038,9 +12038,9 @@ var date_TZDate = /*#__PURE__*/function () {
       this.d = date.apply(void 0, args);
     }
   }
-  /**
-   * Get the string representation of the date.
-   * @returns {string} string representation of the date.
+  /**
+   * Get the string representation of the date.
+   * @returns {string} string representation of the date.
    */
 
 
@@ -12049,10 +12049,10 @@ var date_TZDate = /*#__PURE__*/function () {
     value: function toString() {
       return this.d.toString();
     }
-    /**
-     * Add years to the instance.
-     * @param {number} y - number of years to be added.
-     * @returns {TZDate} - returns the instance itself.
+    /**
+     * Add years to the instance.
+     * @param {number} y - number of years to be added.
+     * @returns {TZDate} - returns the instance itself.
      */
 
   }, {
@@ -12061,10 +12061,10 @@ var date_TZDate = /*#__PURE__*/function () {
       this.setFullYear(this.getFullYear() + y);
       return this;
     }
-    /**
-     * Add months to the instance.
-     * @param {number} m - number of months to be added.
-     * @returns {TZDate} - returns the instance itself.
+    /**
+     * Add months to the instance.
+     * @param {number} m - number of months to be added.
+     * @returns {TZDate} - returns the instance itself.
      */
 
   }, {
@@ -12073,10 +12073,10 @@ var date_TZDate = /*#__PURE__*/function () {
       this.setMonth(this.getMonth() + m);
       return this;
     }
-    /**
-     * Add dates to the instance.
-     * @param {number} d - number of days to be added.
-     * @returns {TZDate} - returns the instance itself.
+    /**
+     * Add dates to the instance.
+     * @param {number} d - number of days to be added.
+     * @returns {TZDate} - returns the instance itself.
      */
 
   }, {
@@ -12085,10 +12085,10 @@ var date_TZDate = /*#__PURE__*/function () {
       this.setDate(this.getDate() + d);
       return this;
     }
-    /**
-     * Add hours to the instance.
-     * @param {number} h - number of hours to be added.
-     * @returns {TZDate} - returns the instance itself.
+    /**
+     * Add hours to the instance.
+     * @param {number} h - number of hours to be added.
+     * @returns {TZDate} - returns the instance itself.
      */
 
   }, {
@@ -12097,10 +12097,10 @@ var date_TZDate = /*#__PURE__*/function () {
       this.setHours(this.getHours() + h);
       return this;
     }
-    /**
-     * Add minutes to the instance.
-     * @param {number} M - number of minutes to be added.
-     * @returns {TZDate} - returns the instance itself.
+    /**
+     * Add minutes to the instance.
+     * @param {number} M - number of minutes to be added.
+     * @returns {TZDate} - returns the instance itself.
      */
 
   }, {
@@ -12109,10 +12109,10 @@ var date_TZDate = /*#__PURE__*/function () {
       this.setMinutes(this.getMinutes() + M);
       return this;
     }
-    /**
-     * Add seconds to the instance.
-     * @param {number} s - number of seconds to be added.
-     * @returns {TZDate} - returns the instance itself.
+    /**
+     * Add seconds to the instance.
+     * @param {number} s - number of seconds to be added.
+     * @returns {TZDate} - returns the instance itself.
      */
 
   }, {
@@ -12121,10 +12121,10 @@ var date_TZDate = /*#__PURE__*/function () {
       this.setSeconds(this.getSeconds() + s);
       return this;
     }
-    /**
-     * Add milliseconds to the instance.
-     * @param {number} ms - number of milliseconds to be added.
-     * @returns {TZDate} - returns the instance itself.
+    /**
+     * Add milliseconds to the instance.
+     * @param {number} ms - number of milliseconds to be added.
+     * @returns {TZDate} - returns the instance itself.
      */
 
   }, {
@@ -12135,16 +12135,16 @@ var date_TZDate = /*#__PURE__*/function () {
     }
     /* eslint-disable max-params*/
 
-    /**
-     * Set the date and time all at once.
-     * @param {number} y - year
-     * @param {number} m - month
-     * @param {number} d - date
-     * @param {number} h - hours
-     * @param {number} M - minutes
-     * @param {number} s - seconds
-     * @param {number} ms - milliseconds
-     * @returns {TZDate} - returns the instance itself.
+    /**
+     * Set the date and time all at once.
+     * @param {number} y - year
+     * @param {number} m - month
+     * @param {number} d - date
+     * @param {number} h - hours
+     * @param {number} M - minutes
+     * @param {number} s - seconds
+     * @param {number} ms - milliseconds
+     * @returns {TZDate} - returns the instance itself.
      */
 
   }, {
@@ -12154,9 +12154,9 @@ var date_TZDate = /*#__PURE__*/function () {
       this.setHours(h, M, s, ms);
       return this;
     }
-    /**
-     * Convert the instance to the native `Date` object.
-     * @returns {Date} - The native `Date` object.
+    /**
+     * Convert the instance to the native `Date` object.
+     * @returns {Date} - The native `Date` object.
      */
 
   }, {
@@ -12164,9 +12164,9 @@ var date_TZDate = /*#__PURE__*/function () {
     value: function toDate() {
       return this.d.toDate();
     }
-    /**
-     * Get the value of the date. (milliseconds since 1970-01-01 00:00:00 (UTC+0))
-     * @returns {number} - value of the date.
+    /**
+     * Get the value of the date. (milliseconds since 1970-01-01 00:00:00 (UTC+0))
+     * @returns {number} - value of the date.
      */
 
   }, {
@@ -12174,9 +12174,9 @@ var date_TZDate = /*#__PURE__*/function () {
     value: function valueOf() {
       return this.getTime();
     }
-    /**
-     * Get the timezone offset from UTC in minutes.
-     * @returns {number} - timezone offset in minutes.
+    /**
+     * Get the timezone offset from UTC in minutes.
+     * @returns {number} - timezone offset in minutes.
      */
 
   }, {
@@ -12187,9 +12187,9 @@ var date_TZDate = /*#__PURE__*/function () {
       return (_this$tzOffset = this.tzOffset) !== null && _this$tzOffset !== void 0 ? _this$tzOffset : this.d.getTimezoneOffset();
     } // Native properties
 
-    /**
-     * Get milliseconds which is converted by timezone
-     * @returns {number} milliseconds
+    /**
+     * Get milliseconds which is converted by timezone
+     * @returns {number} milliseconds
      */
 
   }, {
@@ -12197,9 +12197,9 @@ var date_TZDate = /*#__PURE__*/function () {
     value: function getTime() {
       return this.d.getTime();
     }
-    /**
-     * Get the year of the instance.
-     * @returns {number} - full year
+    /**
+     * Get the year of the instance.
+     * @returns {number} - full year
      */
 
   }, {
@@ -12207,9 +12207,9 @@ var date_TZDate = /*#__PURE__*/function () {
     value: function getFullYear() {
       return this.d.getFullYear();
     }
-    /**
-     * Get the month of the instance. (zero-based)
-     * @returns {number} - month
+    /**
+     * Get the month of the instance. (zero-based)
+     * @returns {number} - month
      */
 
   }, {
@@ -12217,9 +12217,9 @@ var date_TZDate = /*#__PURE__*/function () {
     value: function getMonth() {
       return this.d.getMonth();
     }
-    /**
-     * Get the date of the instance.
-     * @returns {number} - date
+    /**
+     * Get the date of the instance.
+     * @returns {number} - date
      */
 
   }, {
@@ -12227,9 +12227,9 @@ var date_TZDate = /*#__PURE__*/function () {
     value: function getDate() {
       return this.d.getDate();
     }
-    /**
-     * Get the hours of the instance.
-     * @returns {number} - hours
+    /**
+     * Get the hours of the instance.
+     * @returns {number} - hours
      */
 
   }, {
@@ -12237,9 +12237,9 @@ var date_TZDate = /*#__PURE__*/function () {
     value: function getHours() {
       return this.d.getHours();
     }
-    /**
-     * Get the minutes of the instance.
-     * @returns {number} - minutes
+    /**
+     * Get the minutes of the instance.
+     * @returns {number} - minutes
      */
 
   }, {
@@ -12247,9 +12247,9 @@ var date_TZDate = /*#__PURE__*/function () {
     value: function getMinutes() {
       return this.d.getMinutes();
     }
-    /**
-     * Get the seconds of the instance.
-     * @returns {number} - seconds
+    /**
+     * Get the seconds of the instance.
+     * @returns {number} - seconds
      */
 
   }, {
@@ -12257,9 +12257,9 @@ var date_TZDate = /*#__PURE__*/function () {
     value: function getSeconds() {
       return this.d.getSeconds();
     }
-    /**
-     * Get the milliseconds of the instance.
-     * @returns {number} - milliseconds
+    /**
+     * Get the milliseconds of the instance.
+     * @returns {number} - milliseconds
      */
 
   }, {
@@ -12267,9 +12267,9 @@ var date_TZDate = /*#__PURE__*/function () {
     value: function getMilliseconds() {
       return this.d.getMilliseconds();
     }
-    /**
-     * Get the day of the week of the instance.
-     * @returns {number} - day of the week
+    /**
+     * Get the day of the week of the instance.
+     * @returns {number} - day of the week
      */
 
   }, {
@@ -12277,10 +12277,10 @@ var date_TZDate = /*#__PURE__*/function () {
     value: function getDay() {
       return this.d.getDay();
     }
-    /**
-     * Sets the instance to the time represented by a number of milliseconds since 1970-01-01 00:00:00 (UTC+0).
-     * @param {number} t - number of milliseconds
-     * @returns {number} - Passed milliseconds of the instance since 1970-01-01 00:00:00 (UTC+0).
+    /**
+     * Sets the instance to the time represented by a number of milliseconds since 1970-01-01 00:00:00 (UTC+0).
+     * @param {number} t - number of milliseconds
+     * @returns {number} - Passed milliseconds of the instance since 1970-01-01 00:00:00 (UTC+0).
      */
 
   }, {
@@ -12288,12 +12288,12 @@ var date_TZDate = /*#__PURE__*/function () {
     value: function setTime(t) {
       return this.d.setTime(t);
     }
-    /**
-     * Sets the year-month-date of the instance. Equivalent to calling `setFullYear` of `Date` object.
-     * @param {number} y - year
-     * @param {number} m - month (zero-based)
-     * @param {number} d - date
-     * @returns {number} - Passed milliseconds of the instance since 1970-01-01 00:00:00 (UTC+0).
+    /**
+     * Sets the year-month-date of the instance. Equivalent to calling `setFullYear` of `Date` object.
+     * @param {number} y - year
+     * @param {number} m - month (zero-based)
+     * @param {number} d - date
+     * @returns {number} - Passed milliseconds of the instance since 1970-01-01 00:00:00 (UTC+0).
      */
 
   }, {
@@ -12303,11 +12303,11 @@ var date_TZDate = /*#__PURE__*/function () {
       var d = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : this.getDate();
       return this.d.setFullYear(y, m, d);
     }
-    /**
-     * Sets the month of the instance. Equivalent to calling `setMonth` of `Date` object.
-     * @param {number} m - month (zero-based)
-     * @param {number} d - date
-     * @returns {number} - Passed milliseconds of the instance since 1970-01-01 00:00:00 (UTC+0).
+    /**
+     * Sets the month of the instance. Equivalent to calling `setMonth` of `Date` object.
+     * @param {number} m - month (zero-based)
+     * @param {number} d - date
+     * @returns {number} - Passed milliseconds of the instance since 1970-01-01 00:00:00 (UTC+0).
      */
 
   }, {
@@ -12316,10 +12316,10 @@ var date_TZDate = /*#__PURE__*/function () {
       var d = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.getDate();
       return this.d.setMonth(m, d);
     }
-    /**
-     * Sets the date of the instance. Equivalent to calling `setDate` of `Date` object.
-     * @param {number} d - date
-     * @returns {number} - Passed milliseconds of the instance since 1970-01-01 00:00:00 (UTC+0).
+    /**
+     * Sets the date of the instance. Equivalent to calling `setDate` of `Date` object.
+     * @param {number} d - date
+     * @returns {number} - Passed milliseconds of the instance since 1970-01-01 00:00:00 (UTC+0).
      */
 
   }, {
@@ -12327,13 +12327,13 @@ var date_TZDate = /*#__PURE__*/function () {
     value: function setDate(d) {
       return this.d.setDate(d);
     }
-    /**
-     * Sets the hours of the instance. Equivalent to calling `setHours` of `Date` object.
-     * @param {number} h - hours
-     * @param {number} M - minutes
-     * @param {number} s - seconds
-     * @param {number} ms - milliseconds
-     * @returns {number} - Passed milliseconds of the instance since 1970-01-01 00:00:00 (UTC+0).
+    /**
+     * Sets the hours of the instance. Equivalent to calling `setHours` of `Date` object.
+     * @param {number} h - hours
+     * @param {number} M - minutes
+     * @param {number} s - seconds
+     * @param {number} ms - milliseconds
+     * @returns {number} - Passed milliseconds of the instance since 1970-01-01 00:00:00 (UTC+0).
      */
 
   }, {
@@ -12344,12 +12344,12 @@ var date_TZDate = /*#__PURE__*/function () {
       var ms = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : this.getMilliseconds();
       return this.d.setHours(h, M, s, ms);
     }
-    /**
-     * Sets the minutes of the instance. Equivalent to calling `setMinutes` of `Date` object.
-     * @param {number} M - minutes
-     * @param {number} s - seconds
-     * @param {number} ms - milliseconds
-     * @returns {number} - Passed milliseconds of the instance since 1970-01-01 00:00:00 (UTC+0).
+    /**
+     * Sets the minutes of the instance. Equivalent to calling `setMinutes` of `Date` object.
+     * @param {number} M - minutes
+     * @param {number} s - seconds
+     * @param {number} ms - milliseconds
+     * @returns {number} - Passed milliseconds of the instance since 1970-01-01 00:00:00 (UTC+0).
      */
 
   }, {
@@ -12359,11 +12359,11 @@ var date_TZDate = /*#__PURE__*/function () {
       var ms = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : this.getMilliseconds();
       return this.d.setMinutes(M, s, ms);
     }
-    /**
-     * Sets the seconds of the instance. Equivalent to calling `setSeconds` of `Date` object.
-     * @param {number} s - seconds
-     * @param {number} ms - milliseconds
-     * @returns {number} - Passed milliseconds of the instance since 1970-01-01 00:00:00 (UTC+0).
+    /**
+     * Sets the seconds of the instance. Equivalent to calling `setSeconds` of `Date` object.
+     * @param {number} s - seconds
+     * @param {number} ms - milliseconds
+     * @returns {number} - Passed milliseconds of the instance since 1970-01-01 00:00:00 (UTC+0).
      */
 
   }, {
@@ -12372,10 +12372,10 @@ var date_TZDate = /*#__PURE__*/function () {
       var ms = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.getMilliseconds();
       return this.d.setSeconds(s, ms);
     }
-    /**
-     * Sets the milliseconds of the instance. Equivalent to calling `setMilliseconds` of `Date` object.
-     * @param {number} ms - milliseconds
-     * @returns {number} - Passed milliseconds of the instance since 1970-01-01 00:00:00 (UTC+0).
+    /**
+     * Sets the milliseconds of the instance. Equivalent to calling `setMilliseconds` of `Date` object.
+     * @param {number} ms - milliseconds
+     * @returns {number} - Passed milliseconds of the instance since 1970-01-01 00:00:00 (UTC+0).
      */
 
   }, {
@@ -12383,10 +12383,10 @@ var date_TZDate = /*#__PURE__*/function () {
     value: function setMilliseconds(ms) {
       return this.d.setMilliseconds(ms);
     }
-    /**
-     * Set the timezone offset of the instance.
-     * @param {string|number} tzValue - The name of timezone(IANA name) or timezone offset(in minutes).
-     * @returns {TZDate} - New instance with the timezone offset.
+    /**
+     * Set the timezone offset of the instance.
+     * @param {string|number} tzValue - The name of timezone(IANA name) or timezone offset(in minutes).
+     * @returns {TZDate} - New instance with the timezone offset.
      */
 
   }, {
@@ -12401,15 +12401,15 @@ var date_TZDate = /*#__PURE__*/function () {
       newTZDate.tzOffset = tzOffset;
       return newTZDate;
     }
-    /**
-     * Get the new instance following the system's timezone.
-     * If the system timezone is different from the timezone of the instance,
-     * the instance is converted to the system timezone.
-     *
-     * Instance's `tzOffset` property will be ignored if there is a `tzValue` parameter.
-     *
-     * @param {string|number} tzValue - The name of timezone(IANA name) or timezone offset(in minutes).
-     * @returns {TZDate} - New instance with the system timezone.
+    /**
+     * Get the new instance following the system's timezone.
+     * If the system timezone is different from the timezone of the instance,
+     * the instance is converted to the system timezone.
+     *
+     * Instance's `tzOffset` property will be ignored if there is a `tzValue` parameter.
+     *
+     * @param {string|number} tzValue - The name of timezone(IANA name) or timezone offset(in minutes).
+     * @returns {TZDate} - New instance with the system timezone.
      */
 
   }, {
@@ -12451,27 +12451,27 @@ function pick(obj) {
     return acc;
   }, {});
 }
-/**
- * Clone an instance of a ES6 class.
- *
- * The cloned instance will have the (most of) same properties as the original.
- *
- * Reference: https://stackoverflow.com/a/44782052
+/**
+ * Clone an instance of a ES6 class.
+ *
+ * The cloned instance will have the (most of) same properties as the original.
+ *
+ * Reference: https://stackoverflow.com/a/44782052
  */
 
 function object_clone(source) {
   return Object.assign(Object.create(Object.getPrototypeOf(source)), source);
 }
-/**
- * Merge two objects together. And It has some pitfalls.
- *
- * For performance reason this function only mutates the target object.
- *
- * Also, it only merges values of nested objects. Array or TZDate instance will be totally replaced.
- *
- * Other non-basic objects are not supported.
- *
- * Since it mutates the target object, avoid using it outside immer `produce` function.
+/**
+ * Merge two objects together. And It has some pitfalls.
+ *
+ * For performance reason this function only mutates the target object.
+ *
+ * Also, it only merges values of nested objects. Array or TZDate instance will be totally replaced.
+ *
+ * Other non-basic objects are not supported.
+ *
+ * Since it mutates the target object, avoid using it outside immer `produce` function.
  */
 
 function mergeObject(target) {
@@ -12512,81 +12512,81 @@ function eventUIModel_defineProperty(obj, key, value) { if (key in obj) { Object
 
 
 var eventUIPropsKey = ['top', 'left', 'width', 'height', 'exceedLeft', 'exceedRight', 'croppedStart', 'croppedEnd', 'goingDurationHeight', 'modelDurationHeight', 'comingDurationHeight', 'duplicateEvents', 'duplicateEventIndex', 'duplicateStarts', 'duplicateEnds', 'duplicateLeft', 'duplicateWidth', 'collapse', 'isMain'];
-/**
- * Set of UI-related properties for calendar event.
- * @class
- * @param {EventModel} event EventModel instance.
+/**
+ * Set of UI-related properties for calendar event.
+ * @class
+ * @param {EventModel} event EventModel instance.
  */
 
 var EventUIModel = /*#__PURE__*/function () {
   // If it is one of duplicate events, represents the left value of a group of duplicate events.
   // If it is one of duplicate events, represents the width value of a group of duplicate events.
 
-  /**
-   * whether the actual start-date is before the render-start-date
-   * @type {boolean}
+  /**
+   * whether the actual start-date is before the render-start-date
+   * @type {boolean}
    */
 
-  /**
-   * whether the actual end-date is after the render-end-date
-   * @type {boolean}
+  /**
+   * whether the actual end-date is after the render-end-date
+   * @type {boolean}
    */
 
-  /**
-   * whether the actual start-date is before the render-start-date for column
-   * @type {boolean}
+  /**
+   * whether the actual start-date is before the render-start-date for column
+   * @type {boolean}
    */
 
-  /**
-   * whether the actual end-date is after the render-end-date for column
-   * @type {boolean}
+  /**
+   * whether the actual end-date is after the render-end-date for column
+   * @type {boolean}
    */
 
-  /**
-   * @type {number} percent
+  /**
+   * @type {number} percent
    */
 
-  /**
-   * @type {number} percent
+  /**
+   * @type {number} percent
    */
 
-  /**
-   * @type {number} percent
+  /**
+   * @type {number} percent
    */
 
-  /**
-   * the sorted list of duplicate events.
-   * @type {EventUIModel[]}
+  /**
+   * the sorted list of duplicate events.
+   * @type {EventUIModel[]}
    */
 
-  /**
-   * the index of this event among the duplicate events.
-   * @type {number}
+  /**
+   * the index of this event among the duplicate events.
+   * @type {number}
    */
 
-  /**
-   * represent the left value of a duplicate event.
-   * ex) calc(50% - 24px), calc(50%), ...
-   *
-   * @type {string}
+  /**
+   * represent the left value of a duplicate event.
+   * ex) calc(50% - 24px), calc(50%), ...
+   *
+   * @type {string}
    */
 
-  /**
-   * represent the width value of a duplicate event.
-   * ex) calc(50% - 24px), 9px, ...
-   *
-   * @type {string}
+  /**
+   * represent the width value of a duplicate event.
+   * ex) calc(50% - 24px), 9px, ...
+   *
+   * @type {string}
    */
 
-  /**
-   * whether the event is collapsed or not among the duplicate events.
-   * @type {boolean}
+  /**
+   * whether the event is collapsed or not among the duplicate events.
+   * @type {boolean}
    */
 
-  /**
-   * whether the event is main or not.
-   * The main event is expanded on the initial rendering.
-   * @type {boolean}
+  /**
+   * whether the event is main or not.
+   * The main event is expanded on the initial rendering.
+   * @type {boolean}
    */
   function EventUIModel(event) {
     eventUIModel_classCallCheck(this, EventUIModel);
@@ -12638,10 +12638,10 @@ var EventUIModel = /*#__PURE__*/function () {
     value: function setUIProps(props) {
       Object.assign(this, props);
     }
-    /**
-     * return renderStarts property to render properly when specific event that exceed rendering date range.
-     *
-     * if renderStarts is not set. return model's start property.
+    /**
+     * return renderStarts property to render properly when specific event that exceed rendering date range.
+     *
+     * if renderStarts is not set. return model's start property.
      */
 
   }, {
@@ -12653,10 +12653,10 @@ var EventUIModel = /*#__PURE__*/function () {
 
       return this.model.getStarts();
     }
-    /**
-     * return renderStarts property to render properly when specific event that exceed rendering date range.
-     *
-     * if renderEnds is not set. return model's end property.
+    /**
+     * return renderStarts property to render properly when specific event that exceed rendering date range.
+     *
+     * if renderEnds is not set. return model's end property.
      */
 
   }, {
@@ -12668,8 +12668,8 @@ var EventUIModel = /*#__PURE__*/function () {
 
       return this.model.getEnds();
     }
-    /**
-     * @returns {number} unique number for model.
+    /**
+     * @returns {number} unique number for model.
      */
 
   }, {
@@ -12677,8 +12677,8 @@ var EventUIModel = /*#__PURE__*/function () {
     value: function cid() {
       return this.model.cid();
     }
-    /**
-     * Shadowing valueOf method for event sorting.
+    /**
+     * Shadowing valueOf method for event sorting.
      */
 
   }, {
@@ -12686,9 +12686,9 @@ var EventUIModel = /*#__PURE__*/function () {
     value: function valueOf() {
       return this.model;
     }
-    /**
-     * Link duration method
-     * @returns {number} EventModel#duration result.
+    /**
+     * Link duration method
+     * @returns {number} EventModel#duration result.
      */
 
   }, {
@@ -12953,8 +12953,8 @@ var memo = {
   millisecondsFrom: {}
 };
 var convByTimeUnit = [24, 60, 60, 1000];
-/**
- * pad left zero characters
+/**
+ * pad left zero characters
  */
 
 function leadingZero(number, length) {
@@ -13021,22 +13021,22 @@ var tokenFunc = {
 var MS_PER_DAY = 86400000;
 var MS_PER_HOUR = 3600000;
 var MS_PER_MINUTES = 60000;
-/**
- * The number of milliseconds 20 minutes for event min duration
+/**
+ * The number of milliseconds 20 minutes for event min duration
  */
 
 var MS_EVENT_MIN_DURATION = 20 * MS_PER_MINUTES;
 var MS_PER_THIRTY_MINUTES = 30 * 60 * 1000;
 var SIXTY_SECONDS = 60;
-/**
- * Return formatted string as basis of supplied string.
- *
- * Supported Token Lists.
- *
- * - YYYY => 1988
- * - MM => 01 ~ 12
- * - DD => 01 ~ 31
- * - YYYYMMDD => 19880925
+/**
+ * Return formatted string as basis of supplied string.
+ *
+ * Supported Token Lists.
+ *
+ * - YYYY => 1988
+ * - MM => 01 ~ 12
+ * - DD => 01 ~ 31
+ * - YYYYMMDD => 19880925
  */
 
 function datetime_toFormat(date, strFormat) {
@@ -13050,8 +13050,8 @@ function datetime_toFormat(date, strFormat) {
   });
   return result;
 }
-/**
- * convert to milliseconds
+/**
+ * convert to milliseconds
  */
 
 function convMilliseconds(type, value, iteratee) {
@@ -13068,8 +13068,8 @@ function convMilliseconds(type, value, iteratee) {
 
   return [value].concat(convByTimeUnit.slice(index[type])).reduce(iteratee);
 }
-/**
- * Convert value to milliseconds
+/**
+ * Convert value to milliseconds
  */
 
 
@@ -13092,8 +13092,8 @@ function millisecondsFrom(type, value) {
   cache[key] = result;
   return cache[key];
 }
-/**
- * Return 00:00:00 supplied date
+/**
+ * Return 00:00:00 supplied date
  */
 
 function toStartOfDay(date) {
@@ -13101,8 +13101,8 @@ function toStartOfDay(date) {
   d.setHours(0, 0, 0, 0);
   return d;
 }
-/**
- * Make date array from supplied parameters
+/**
+ * Make date array from supplied parameters
  */
 
 function makeDateRange(startDate, endDate, step) {
@@ -13120,19 +13120,19 @@ function makeDateRange(startDate, endDate, step) {
 
   return result;
 }
-/**
- * Clone supplied date
+/**
+ * Clone supplied date
  */
 
 function datetime_clone(date) {
   return new date_TZDate(date);
 }
-/**
- * Compare two dates.
- *
- * when first date is latest then seconds then return -1.
- *
- * return +1 reverse, and return 0 is same.
+/**
+ * Compare two dates.
+ *
+ * when first date is latest then seconds then return -1.
+ *
+ * return +1 reverse, and return 0 is same.
  */
 
 function compare(d1, d2) {
@@ -13165,15 +13165,15 @@ function max(d1, d2) {
 function min(d1, d2) {
   return compare(d1, d2) === -1 ? d1 : d2;
 }
-/**
- * Convert date string to date object.
- * Only listed below formats available.
- *
- * - YYYYMMDD
- * - YYYY/MM/DD
- * - YYYY-MM-DD
- * - YYYY/MM/DD HH:mm:SS
- * - YYYY-MM-DD HH:mm:SS
+/**
+ * Convert date string to date object.
+ * Only listed below formats available.
+ *
+ * - YYYYMMDD
+ * - YYYY/MM/DD
+ * - YYYY-MM-DD
+ * - YYYY/MM/DD HH:mm:SS
+ * - YYYY-MM-DD HH:mm:SS
  */
 
 function parse(str) {
@@ -13207,9 +13207,9 @@ function parse(str) {
 
   return new date_TZDate().setWithRaw(Number(ymd[0]), Number(ymd[1]) + fixMonth, Number(ymd[2]), Number(hms[0]), Number(hms[1]), Number(hms[2]), 0);
 }
-/**
- * Return 23:59:59 supplied date.
- * If you want to use milliseconds, use format 'YYYY-MM-DDTHH:mm:ss.sssZ' based on http://www.ecma-international.org/ecma-262/5.1/#sec-15.9.1.15
+/**
+ * Return 23:59:59 supplied date.
+ * If you want to use milliseconds, use format 'YYYY-MM-DDTHH:mm:ss.sssZ' based on http://www.ecma-international.org/ecma-262/5.1/#sec-15.9.1.15
  */
 
 function toEndOfDay(date) {
@@ -13226,8 +13226,8 @@ function isSunday(day) {
 function isSaturday(day) {
   return day === Day.SAT;
 }
-/**
- * Whether date is between supplied dates with date value?
+/**
+ * Whether date is between supplied dates with date value?
  */
 
 function isBetweenWithDate(d, d1, d2) {
@@ -13253,8 +13253,8 @@ function toEndOfMonth(date) {
   endDate.setHours(23, 59, 59, 999);
   return endDate;
 }
-/**
- * Calculate grid left(%), width(%) by narrowWeekend, startDayOfWeek, workweek
+/**
+ * Calculate grid left(%), width(%) by narrowWeekend, startDayOfWeek, workweek
  */
 
 function getRowStyleInfo(days, narrowWeekend, startDayOfWeek, workweek) {
@@ -13327,10 +13327,10 @@ function subtractDate(d, steps) {
   date.setDate(d.getDate() - steps);
   return date;
 }
-/**
- * Inspired by `date-fns`
- *
- * See more: https://github.com/date-fns/date-fns/blob/master/src/addMonths/index.ts
+/**
+ * Inspired by `date-fns`
+ *
+ * See more: https://github.com/date-fns/date-fns/blob/master/src/addMonths/index.ts
  */
 
 function addMonths(d) {
@@ -13456,8 +13456,8 @@ function eventModel_defineProperty(obj, key, value) { if (key in obj) { Object.d
 
 
 var EventModel = /*#__PURE__*/function () {
-  /**
-   * whether the event includes multiple dates
+  /**
+   * whether the event includes multiple dates
    */
   function EventModel() {
     var event = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -13640,8 +13640,8 @@ var EventModel = /*#__PURE__*/function () {
 
       this.hasMultiDates = this.end.getTime() - this.start.getTime() > MS_PER_DAY;
     }
-    /**
-     * @returns {TZDate} render start date.
+    /**
+     * @returns {TZDate} render start date.
      */
 
   }, {
@@ -13649,8 +13649,8 @@ var EventModel = /*#__PURE__*/function () {
     value: function getStarts() {
       return this.start;
     }
-    /**
-     * @returns {TZDate} render end date.
+    /**
+     * @returns {TZDate} render end date.
      */
 
   }, {
@@ -13658,8 +13658,8 @@ var EventModel = /*#__PURE__*/function () {
     value: function getEnds() {
       return this.end;
     }
-    /**
-     * @returns {number} instance unique id.
+    /**
+     * @returns {number} instance unique id.
      */
 
   }, {
@@ -13667,10 +13667,10 @@ var EventModel = /*#__PURE__*/function () {
     value: function cid() {
       return stamp(this);
     }
-    /**
-     * Check two  are equals (means title, isAllday, start, end are same)
-     * @param {EventModel}  event model instance to compare.
-     * @returns {boolean} Return false when not same.
+    /**
+     * Check two  are equals (means title, isAllday, start, end are same)
+     * @param {EventModel}  event model instance to compare.
+     * @returns {boolean} Return false when not same.
      */
     // eslint-disable-next-line complexity
 
@@ -13719,9 +13719,9 @@ var EventModel = /*#__PURE__*/function () {
 
       return true;
     }
-    /**
-     * return duration between start and end.
-     * @returns {number} duration milliseconds (UTC)
+    /**
+     * return duration between start and end.
+     * @returns {number} duration milliseconds (UTC)
      */
 
   }, {
@@ -13744,12 +13744,12 @@ var EventModel = /*#__PURE__*/function () {
     value: function valueOf() {
       return this;
     }
-    /**
-     * Returns true if the given EventModel coincides with the same time as the
-     * calling EventModel.
-     * @param {EventModel | EventUIModel} event The other event to compare with this EventModel.
-     * @param {boolean = true} usingTravelTime When calculating collision, whether to calculate with travel time.
-     * @returns {boolean} If the other event occurs within the same time as the first object.
+    /**
+     * Returns true if the given EventModel coincides with the same time as the
+     * calling EventModel.
+     * @param {EventModel | EventUIModel} event The other event to compare with this EventModel.
+     * @param {boolean = true} usingTravelTime When calculating collision, whether to calculate with travel time.
+     * @returns {boolean} If the other event occurs within the same time as the first object.
      */
 
   }, {
@@ -13877,13 +13877,13 @@ function collection_defineProperty(obj, key, value) { if (key in obj) { Object.d
 
 
 
-/**
- * Generic collection base on ES6 Map.
- *
- * It needs function for get model's unique id.
- *
- * if the function is not supplied then it uses default function {@link Collection#getItemID}
- * @param {function} [getItemIDFn] function for get model's id.
+/**
+ * Generic collection base on ES6 Map.
+ *
+ * It needs function for get model's unique id.
+ *
+ * if the function is not supplied then it uses default function {@link Collection#getItemID}
+ * @param {function} [getItemIDFn] function for get model's id.
  */
 var Collection = /*#__PURE__*/function () {
   function Collection(getItemIDFn) {
@@ -13895,20 +13895,20 @@ var Collection = /*#__PURE__*/function () {
       this.getItemID = getItemIDFn;
     }
   }
-  /**
-   * Combine supplied function filters and condition.
-   * @param {...Filter} filterFns - function filters
-   * @returns {function} combined filter
+  /**
+   * Combine supplied function filters and condition.
+   * @param {...Filter} filterFns - function filters
+   * @returns {function} combined filter
    */
 
 
   collection_createClass(Collection, [{
     key: "getItemID",
     value:
-    /**
-     * get model's unique id.
-     * @param {object} item model instance.
-     * @returns {string | number} model unique id.
+    /**
+     * get model's unique id.
+     * @param {object} item model instance.
+     * @returns {string | number} model unique id.
      */
     function getItemID(item) {
       var _item$_id;
@@ -13921,9 +13921,9 @@ var Collection = /*#__PURE__*/function () {
       var iterator = this.internalMap.values();
       return iterator.next().value;
     }
-    /**
-     * add models.
-     * @param {Object[]} items - models to add this collection.
+    /**
+     * add models.
+     * @param {Object[]} items - models to add this collection.
      */
 
   }, {
@@ -13942,9 +13942,9 @@ var Collection = /*#__PURE__*/function () {
       });
       return this;
     }
-    /**
-     * remove models.
-     * @param {Array.<(Object|string|number)>} items model instances or unique ids to delete.
+    /**
+     * remove models.
+     * @param {Array.<(Object|string|number)>} items model instances or unique ids to delete.
      */
 
   }, {
@@ -13971,10 +13971,10 @@ var Collection = /*#__PURE__*/function () {
       });
       return removeResult.length === 1 ? removeResult[0] : removeResult;
     }
-    /**
-     * check collection has specific model.
-     * @param {(object|string|number)} id model instance or id to check
-     * @returns {boolean} is has model?
+    /**
+     * check collection has specific model.
+     * @param {(object|string|number)} id model instance or id to check
+     * @returns {boolean} is has model?
      */
 
   }, {
@@ -13991,10 +13991,10 @@ var Collection = /*#__PURE__*/function () {
       var id = isString_default()(item) || isNumber_default()(item) ? item : this.getItemID(item);
       return (_this$internalMap$get = this.internalMap.get(id)) !== null && _this$internalMap$get !== void 0 ? _this$internalMap$get : null;
     }
-    /**
-     * invoke callback when model exist in collection.
-     * @param {(string|number)} id model unique id.
-     * @param {function} callback the callback.
+    /**
+     * invoke callback when model exist in collection.
+     * @param {(string|number)} id model unique id.
+     * @param {function} callback the callback.
      */
 
   }, {
@@ -14008,26 +14008,26 @@ var Collection = /*#__PURE__*/function () {
 
       callback(item);
     }
-    /**
-     * Search model. and return new collection.
-     * @param {function} filterFn filter function.
-     * @returns {Collection} new collection with filtered models.
-     * @example
-     * collection.filter(function(item) {
-     *     return item.edited === true;
-     * });
-     *
-     * function filter1(item) {
-     *     return item.edited === false;
-     * }
-     *
-     * function filter2(item) {
-     *     return item.disabled === false;
-     * }
-     *
-     * collection.filter(Collection.and(filter1, filter2));
-     *
-     * collection.filter(Collection.or(filter1, filter2));
+    /**
+     * Search model. and return new collection.
+     * @param {function} filterFn filter function.
+     * @returns {Collection} new collection with filtered models.
+     * @example
+     * collection.filter(function(item) {
+     *     return item.edited === true;
+     * });
+     *
+     * function filter1(item) {
+     *     return item.edited === false;
+     * }
+     *
+     * function filter2(item) {
+     *     return item.disabled === false;
+     * }
+     *
+     * collection.filter(Collection.and(filter1, filter2));
+     *
+     * collection.filter(Collection.or(filter1, filter2));
      */
 
   }, {
@@ -14046,24 +14046,24 @@ var Collection = /*#__PURE__*/function () {
       });
       return result;
     }
-    /**
-     * Group element by specific key values.
-     *
-     * if key parameter is function then invoke it and use returned value.
-     * @param {(string|number|function)} groupByFn key property or getter function.
-     * @returns {object.<string|number, Collection>} grouped object
-     * @example
-     * // pass `string`, `number`, `boolean` type value then group by property value.
-     * collection.groupBy('gender');    // group by 'gender' property value.
-     * collection.groupBy(50);          // group by '50' property value.
-     *
-     * // pass `function` then group by return value. each invocation `function` is called with `(item)`.
-     * collection.groupBy(function(item) {
-     *     if (item.score > 60) {
-     *         return 'pass';
-     *     }
-     *     return 'fail';
-     * });
+    /**
+     * Group element by specific key values.
+     *
+     * if key parameter is function then invoke it and use returned value.
+     * @param {(string|number|function)} groupByFn key property or getter function.
+     * @returns {object.<string|number, Collection>} grouped object
+     * @example
+     * // pass `string`, `number`, `boolean` type value then group by property value.
+     * collection.groupBy('gender');    // group by 'gender' property value.
+     * collection.groupBy(50);          // group by '50' property value.
+     *
+     * // pass `function` then group by return value. each invocation `function` is called with `(item)`.
+     * collection.groupBy(function(item) {
+     *     if (item.score > 60) {
+     *         return 'pass';
+     *     }
+     *     return 'fail';
+     * });
      */
 
   }, {
@@ -14086,10 +14086,10 @@ var Collection = /*#__PURE__*/function () {
       });
       return result;
     }
-    /**
-     * Return the first item in collection that satisfies the provided function.
-     * @param {function} [findFn] - function filter
-     * @returns {object|null} item.
+    /**
+     * Return the first item in collection that satisfies the provided function.
+     * @param {function} [findFn] - function filter
+     * @returns {object|null} item.
      */
 
   }, {
@@ -14110,10 +14110,10 @@ var Collection = /*#__PURE__*/function () {
 
       return result;
     }
-    /**
-     * sort a basis of supplied compare function.
-     * @param {function} compareFn compareFunction
-     * @returns {array} sorted array.
+    /**
+     * sort a basis of supplied compare function.
+     * @param {function} compareFn compareFunction
+     * @returns {array} sorted array.
      */
 
   }, {
@@ -14121,11 +14121,11 @@ var Collection = /*#__PURE__*/function () {
     value: function sort(compareFn) {
       return this.toArray().sort(compareFn);
     }
-    /**
-     * iterate each model element.
-     *
-     * when iteratee return false then break the loop.
-     * @param {function} iteratee iteratee(item, index, items)
+    /**
+     * iterate each model element.
+     *
+     * when iteratee return false then break the loop.
+     * @param {function} iteratee iteratee(item, index, items)
      */
 
   }, {
@@ -14146,8 +14146,8 @@ var Collection = /*#__PURE__*/function () {
         next = entries.next();
       }
     }
-    /**
-     * remove all models in collection.
+    /**
+     * remove all models in collection.
      */
 
   }, {
@@ -14155,9 +14155,9 @@ var Collection = /*#__PURE__*/function () {
     value: function clear() {
       this.internalMap.clear();
     }
-    /**
-     * return new array with collection items.
-     * @returns {array} new array.
+    /**
+     * return new array with collection items.
+     * @returns {array} new array.
      */
 
   }, {
@@ -14188,10 +14188,10 @@ var Collection = /*#__PURE__*/function () {
         return true;
       };
     }
-    /**
-     * Combine multiple function filters with OR clause.
-     * @param {...function} filterFns - function filters
-     * @returns {function} combined filter
+    /**
+     * Combine multiple function filters with OR clause.
+     * @param {...function} filterFns - function filters
+     * @returns {function} combined filter
      */
 
   }, {
@@ -14272,9 +14272,9 @@ function base_defineProperty(obj, key, value) { if (key in obj) { Object.defineP
 
 
 
-/**
- * Make a event collection
- * @returns {Collection<EventModel>} instance
+/**
+ * Make a event collection
+ * @returns {Collection<EventModel>} instance
  */
 function createEventCollection() {
   var collection = new Collection(function (event) {
@@ -14287,11 +14287,11 @@ function createEventCollection() {
 
   return collection;
 }
-/**
- * Calculate contain dates in event.
- * @param {TZDate} start - start date of range
- * @param {TZDate} end - end date of range
- * @returns {array} contain dates.
+/**
+ * Calculate contain dates in event.
+ * @param {TZDate} start - start date of range
+ * @param {TZDate} end - end date of range
+ * @returns {array} contain dates.
  */
 
 function getDateRange(start, end) {
@@ -14300,11 +14300,11 @@ function getDateRange(start, end) {
 function isAllday(event) {
   return event.isAllday || event.category === 'time' && Number(event.end) - Number(event.start) > MS_PER_DAY;
 }
-/**
- * function for group each event models.
- * @type {function}
- * @param {EventUIModel} uiModel - ui model instance
- * @returns {string} group key
+/**
+ * function for group each event models.
+ * @type {function}
+ * @param {EventUIModel} uiModel - ui model instance
+ * @returns {string} group key
  */
 
 function filterByCategory(uiModel) {
@@ -14316,14 +14316,14 @@ function filterByCategory(uiModel) {
 
   return model.category;
 }
-/****************
- * Events CRUD
+/****************
+ * Events CRUD
  ****************/
 
-/**
- * Set date matrix to supplied event model instance.
- * @param {IDS_OF_DAY} idsOfDay - ids of day
- * @param {EventModel} event - instance of event model.
+/**
+ * Set date matrix to supplied event model instance.
+ * @param {IDS_OF_DAY} idsOfDay - ids of day
+ * @param {EventModel} event - instance of event model.
  */
 
 function addToMatrix(idsOfDay, event) {
@@ -14334,10 +14334,10 @@ function addToMatrix(idsOfDay, event) {
     matrix.push(event.cid());
   });
 }
-/**
- * Remove event's id from matrix.
- * @param {IDS_OF_DAY} idsOfDay - ids of day
- * @param {EventModel} event - instance of event model
+/**
+ * Remove event's id from matrix.
+ * @param {IDS_OF_DAY} idsOfDay - ids of day
+ * @param {EventModel} event - instance of event model
  */
 
 function removeFromMatrix(idsOfDay, event) {
@@ -14365,13 +14365,13 @@ function base_createEvents(calendarData) {
     return createEvent(calendarData, eventData);
   });
 }
-/**
- * Update an event.
- * @param {CalendarData} calendarData - data of calendar
- * @param {string} eventId - event id
- * @param {string} calendarId - calendar id
- * @param {EventObject} eventData - event data
- * @returns {boolean} success or failure
+/**
+ * Update an event.
+ * @param {CalendarData} calendarData - data of calendar
+ * @param {string} eventId - event id
+ * @param {string} calendarId - calendar id
+ * @param {EventObject} eventData - event data
+ * @returns {boolean} success or failure
  */
 
 function base_updateEvent(calendarData, eventId, calendarId, eventData) {
@@ -14389,11 +14389,11 @@ function base_updateEvent(calendarData, eventId, calendarId, eventData) {
   addToMatrix(idsOfDay, event);
   return true;
 }
-/**
- * Delete event instance from controller.
- * @param {CalendarData} calendarData - data of calendar
- * @param {EventModel} event - event model instance to delete
- * @returns {EventModel} deleted model instance.
+/**
+ * Delete event instance from controller.
+ * @param {CalendarData} calendarData - data of calendar
+ * @param {EventModel} event - event model instance to delete
+ * @returns {EventModel} deleted model instance.
  */
 
 function base_deleteEvent(calendarData, event) {
@@ -14405,22 +14405,22 @@ function base_clearEvents(calendarData) {
   calendarData.idsOfDay = {};
   calendarData.events.clear();
 }
-/**
- * Set calendar list
- * @param {CalendarData} calendarData - data of calendar
- * @param {Array.<Calendar>} calendars - calendar list
+/**
+ * Set calendar list
+ * @param {CalendarData} calendarData - data of calendar
+ * @param {Array.<Calendar>} calendars - calendar list
  */
 
 function setCalendars(calendarData, calendars) {
   calendarData.calendars = calendars;
 }
-/**
- * Return events in supplied date range.
- *
- * available only YMD.
- * @param {CalendarData} calendarData - data of calendar
- * @param {{start: TZDate, end: TZDate}} condition - condition of find range
- * @returns {object.<string, Collection>} event collection grouped by dates.
+/**
+ * Return events in supplied date range.
+ *
+ * available only YMD.
+ * @param {CalendarData} calendarData - data of calendar
+ * @param {{start: TZDate, end: TZDate}} condition - condition of find range
+ * @returns {object.<string, Collection>} event collection grouped by dates.
  */
 
 function findByDateRange(calendarData, condition) {
@@ -15481,10 +15481,10 @@ function store_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 
 
-/**
- * Inspired by Zustand
- *
- * See more: https://github.com/pmndrs/zustand
+/**
+ * Inspired by Zustand
+ *
+ * See more: https://github.com/pmndrs/zustand
  */
 var isSSR = isUndefined_default()(window) || !window.navigator;
 var useIsomorphicLayoutEffect = isSSR ? hooks_module_ : hooks_module_h;
@@ -15579,9 +15579,9 @@ function createStoreContext() {
     }, []);
     return hasNewStateSlice ? newStateSlice : currentSliceRef.current;
   };
-  /**
-   * For handling often occurring state changes (Transient updates)
-   * See more: https://github.com/pmndrs/zustand/blob/master/readme.md#transient-updates-for-often-occuring-state-changes
+  /**
+   * For handling often occurring state changes (Transient updates)
+   * See more: https://github.com/pmndrs/zustand/blob/master/readme.md#transient-updates-for-often-occuring-state-changes
    */
 
 
@@ -15767,9 +15767,9 @@ var browser_default = /*#__PURE__*/__webpack_require__.n(browser);
  // For temporarily saving original target value
 
 var TEMP_TARGET_ATTRIBUTE = 'data-target-temp';
-/**
- * Add DOMPurify hook to handling exceptional rules for certain HTML attributes.
- * Should be set when the calendar instance is created.
+/**
+ * Add DOMPurify hook to handling exceptional rules for certain HTML attributes.
+ * Should be set when the calendar instance is created.
  */
 
 function addAttributeHooks() {
@@ -15796,16 +15796,16 @@ function addAttributeHooks() {
     }
   });
 }
-/**
- * Remove all attribute sanitizing hooks.
- * Use it in `Calendar#destroy`.
+/**
+ * Remove all attribute sanitizing hooks.
+ * Use it in `Calendar#destroy`.
  */
 
 function removeAttributeHooks() {
   browser_default().removeAllHooks();
 }
-/**
- * Prevent XSS attack by sanitizing input string values via DOMPurify
+/**
+ * Prevent XSS attack by sanitizing input string values via DOMPurify
  */
 
 function sanitize(str) {
@@ -16040,9 +16040,9 @@ function DayName(_ref3) {
 ;// CONCATENATED MODULE: ./src/selectors/theme.ts
 
 
-/**
- * Selectors for the theme state.
- * Use selectors with `useTheme` hooks only.
+/**
+ * Selectors for the theme state.
+ * Use selectors with `useTheme` hooks only.
  */
 var commonThemeSelector = topLevelStateSelector('common');
 var theme_weekThemeSelector = topLevelStateSelector('week');
@@ -16430,11 +16430,11 @@ var CellBarType;
 
 
 
-/**
- * Calculate collision group.
- * @param {Array<EventModel|EventUIModel>} events list of ui models.
- * @param {boolean} [usingTravelTime = true]
- * @returns {Array<number[]>} Collision Group.
+/**
+ * Calculate collision group.
+ * @param {Array<EventModel|EventUIModel>} events list of ui models.
+ * @param {boolean} [usingTravelTime = true]
+ * @returns {Array<number[]>} Collision Group.
  */
 function getCollisionGroup(events) {
   var usingTravelTime = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
@@ -16470,11 +16470,11 @@ function getCollisionGroup(events) {
   });
   return collisionGroups;
 }
-/**
- * Get row length by column index in 2d matrix.
- * @param {array[]} matrix Matrix
- * @param {number} col Column index.
- * @returns {number} Last row number in column or -1
+/**
+ * Get row length by column index in 2d matrix.
+ * @param {array[]} matrix Matrix
+ * @param {number} col Column index.
+ * @returns {number} Last row number in column or -1
  */
 
 function getLastRowInColumn(matrix, col) {
@@ -16490,12 +16490,12 @@ function getLastRowInColumn(matrix, col) {
 
   return -1;
 }
-/**
- * Calculate matrix for appointment block element placing.
- * @param {Collection} collection model collection.
- * @param {Array<number[]>} collisionGroups Collision groups for event set.
- * @param {boolean} [usingTravelTime = true]
- * @returns {array} matrices
+/**
+ * Calculate matrix for appointment block element placing.
+ * @param {Collection} collection model collection.
+ * @param {Array<number[]>} collisionGroups Collision groups for event set.
+ * @param {boolean} [usingTravelTime = true]
+ * @returns {array} matrices
  */
 
 function getMatrices(collection, collisionGroups) {
@@ -16534,11 +16534,11 @@ function getMatrices(collection, collisionGroups) {
   });
   return result;
 }
-/**
- * Filter that get event model in supplied date ranges.
- * @param {TZDate} start - start date
- * @param {TZDate} end - end date
- * @returns {function} event filter function
+/**
+ * Filter that get event model in supplied date ranges.
+ * @param {TZDate} start - start date
+ * @param {TZDate} end - end date
+ * @returns {function} event filter function
  */
 
 function getEventInDateRangeFilter(start, end) {
@@ -16553,12 +16553,12 @@ function getEventInDateRangeFilter(start, end) {
     return !(ownEnds < start || ownStarts > end);
   };
 }
-/**
- * Position each ui model for placing into container
- * @param {TZDate} start - start date to render
- * @param {TZDate} end - end date to render
- * @param {Matrix3d} matrices - matrices from controller
- * @param {function} [iteratee] - iteratee function invoke each ui models
+/**
+ * Position each ui model for placing into container
+ * @param {TZDate} start - start date to render
+ * @param {TZDate} end - end date to render
+ * @param {Matrix3d} matrices - matrices from controller
+ * @param {function} [iteratee] - iteratee function invoke each ui models
  */
 
 function positionUIModels(start, end, matrices, iteratee) {
@@ -16582,12 +16582,12 @@ function positionUIModels(start, end, matrices, iteratee) {
     });
   });
 }
-/**
- * Limit render range for ui models
- * @param {TZDate} start
- * @param {TZDate} end
- * @param {EventUIModel} uiModel - ui model instance
- * @returns {EventUIModel} ui model that limited render range
+/**
+ * Limit render range for ui models
+ * @param {TZDate} start
+ * @param {TZDate} end
+ * @param {EventUIModel} uiModel - ui model instance
+ * @returns {EventUIModel} ui model that limited render range
  */
 
 function limit(start, end, uiModel) {
@@ -16603,13 +16603,13 @@ function limit(start, end, uiModel) {
 
   return uiModel;
 }
-/**
- * Limit start, end date each ui model for render properly
- * @param {TZDate} start - start date to render
- * @param {TZDate} end - end date to render
- * @param {Collection<EventUIModel>|EventUIModel} uiModelColl - collection of EventUIModel or EventUIModel
- * @returns {?EventUIModel} return ui model when third parameter is
- *  ui model
+/**
+ * Limit start, end date each ui model for render properly
+ * @param {TZDate} start - start date to render
+ * @param {TZDate} end - end date to render
+ * @param {Collection<EventUIModel>|EventUIModel} uiModelColl - collection of EventUIModel or EventUIModel
+ * @returns {?EventUIModel} return ui model when third parameter is
+ *  ui model
  */
 
 
@@ -16624,10 +16624,10 @@ function limitRenderRange(start, end, uiModelColl) {
 
   return limit(start, end, uiModelColl);
 }
-/**
- * Convert event model collection to ui model collection.
- * @param {Collection} eventCollection - collection of event model
- * @returns {Collection} collection of event ui model
+/**
+ * Convert event model collection to ui model collection.
+ * @param {Collection} eventCollection - collection of event model
+ * @returns {Collection} collection of event ui model
  */
 
 function convertToUIModel(eventCollection) {
@@ -16675,28 +16675,28 @@ function month_arrayLikeToArray(arr, len) { if (len == null || len > arr.length)
 
 
 
-/**
- * Filter function for find allday event
- * @param {EventUIModel} uiModel - ui model
- * @returns {boolean} whether model is allday event?
+/**
+ * Filter function for find allday event
+ * @param {EventUIModel} uiModel - ui model
+ * @returns {boolean} whether model is allday event?
  */
 function _isAllday(_ref) {
   var model = _ref.model;
   return model.isAllday || model.hasMultiDates;
 }
-/**
- * Filter function for find time event
- * @param {EventUIModel} uiModel - ui model
- * @returns {boolean} whether model is time event?
+/**
+ * Filter function for find time event
+ * @param {EventUIModel} uiModel - ui model
+ * @returns {boolean} whether model is time event?
  */
 
 
 function _isNotAllday(uiModel) {
   return !_isAllday(uiModel);
 }
-/**
- * Weight top value +1 for month view render
- * @param {EventUIModel} uiModel - ui model
+/**
+ * Weight top value +1 for month view render
+ * @param {EventUIModel} uiModel - ui model
  */
 
 
@@ -16704,14 +16704,14 @@ function _weightTopValue(uiModel) {
   uiModel.top = uiModel.top || 0;
   uiModel.top += 1;
 }
-/**
- * Adjust render range to render properly.
- *
- * Limit start, end for each allday events and expand start, end for
- * each time events
- * @param {TZDate} start - render start date
- * @param {TZDate} end - render end date
- * @param {Collection} uiModelColl - collection of ui model.
+/**
+ * Adjust render range to render properly.
+ *
+ * Limit start, end for each allday events and expand start, end for
+ * each time events
+ * @param {TZDate} start - render start date
+ * @param {TZDate} end - render end date
+ * @param {Collection} uiModelColl - collection of ui model.
  */
 
 
@@ -16722,12 +16722,12 @@ function _adjustRenderRange(start, end, uiModelColl) {
     }
   });
 }
-/**
- * Get max top index value for allday events in specific date (YMD)
- * @param idsOfDay
- * @param {string} ymd - yyyymmdd formatted value
- * @param {Collection} uiModelAlldayColl - collection of allday events
- * @returns {number} max top index value in date
+/**
+ * Get max top index value for allday events in specific date (YMD)
+ * @param idsOfDay
+ * @param {string} ymd - yyyymmdd formatted value
+ * @param {Collection} uiModelAlldayColl - collection of allday events
+ * @returns {number} max top index value in date
  */
 
 
@@ -16745,10 +16745,10 @@ function _getAlldayMaxTopIndexAtYMD(idsOfDay, ymd, uiModelAlldayColl) {
 
   return 0;
 }
-/**
- * Adjust time ui model's top index value
- * @param idsOfDay
- * @param {Collection} uiModelColl - collection of ui ui model
+/**
+ * Adjust time ui model's top index value
+ * @param idsOfDay
+ * @param {Collection} uiModelColl - collection of ui ui model
  */
 
 
@@ -16767,10 +16767,10 @@ function _adjustTimeTopIndex(idsOfDay, uiModelColl) {
     maxIndexInYMD[eventYMD] = timeUIModel.top = alldayMaxTopInYMD + 1;
   });
 }
-/**
- * Adjust time ui model's top index value
- * @param {IDS_OF_DAY} idsOfDay - ids of days
- * @param {Collection} uiModelColl - collection of ui ui model
+/**
+ * Adjust time ui model's top index value
+ * @param {IDS_OF_DAY} idsOfDay - ids of days
+ * @param {Collection} uiModelColl - collection of ui ui model
  */
 
 
@@ -16806,10 +16806,10 @@ function _stackTimeFromTop(idsOfDay, uiModelColl) {
     topArrayInYMD.push(timeUIModel.top);
   });
 }
-/**
- * Convert multi-date time event to all-day event
- * @param {Collection} uiModelColl - collection of ui models.
- * property.
+/**
+ * Convert multi-date time event to all-day event
+ * @param {Collection} uiModelColl - collection of ui models.
+ * property.
  */
 
 
@@ -16826,11 +16826,11 @@ function _addMultiDatesInfo(uiModelColl) {
     }
   });
 }
-/**
- * Find event and get ui model for specific month
- * @returns {object} ui model data
- * @param calendarData
- * @param condition
+/**
+ * Find event and get ui model for specific month
+ * @returns {object} ui model data
+ * @param calendarData
+ * @param condition
  */
 
 
@@ -16921,15 +16921,15 @@ function week_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 
 
-/**********
- * TIME GRID VIEW
+/**********
+ * TIME GRID VIEW
  **********/
 
-/**
- * make a filter function that is not included range of start, end hour
- * @param {number} hStart - hour start
- * @param {number} hEnd - hour end
- * @returns {function} - filtering function
+/**
+ * make a filter function that is not included range of start, end hour
+ * @param {number} hStart - hour start
+ * @param {number} hEnd - hour end
+ * @returns {function} - filtering function
  */
 function _makeHourRangeFilter(hStart, hEnd) {
   // eslint-disable-next-line complexity
@@ -16946,13 +16946,13 @@ function _makeHourRangeFilter(hStart, hEnd) {
     return ownHourStartTime >= hourStart && ownHourStartTime < hourEnd || ownHourEndTime > hourStart && ownHourEndTime <= hourEnd || ownHourStartTime < hourStart && ownHourEndTime > hourStart || ownHourEndTime > hourEnd && ownHourStartTime < hourEnd;
   };
 }
-/**
- * make ui model function depending on start and end hour
- * if time view options has start or end hour condition
- * it add filter
- * @param {number} hourStart - start hour to be shown
- * @param {number} hourEnd - end hour to be shown
- * @returns {function} function
+/**
+ * make ui model function depending on start and end hour
+ * if time view options has start or end hour condition
+ * it add filter
+ * @param {number} hourStart - start hour to be shown
+ * @param {number} hourEnd - end hour to be shown
+ * @returns {function} function
  */
 
 function _makeGetUIModelFuncForTimeView(hourStart, hourEnd) {
@@ -16966,13 +16966,13 @@ function _makeGetUIModelFuncForTimeView(hourStart, hourEnd) {
     return uiModelColl.filter(_makeHourRangeFilter(hourStart, hourEnd)).sort(array.compare.event.asc);
   };
 }
-/**
- * split event model by ymd.
- * @param {IDS_OF_DAY} idsOfDay - ids of days
- * @param {TZDate} start - start date
- * @param {TZDate} end - end date
- * @param {Collection<EventUIModel>} uiModelColl - collection of ui models.
- * @returns {object.<string, Collection>} splitted event model collections.
+/**
+ * split event model by ymd.
+ * @param {IDS_OF_DAY} idsOfDay - ids of days
+ * @param {TZDate} start - start date
+ * @param {TZDate} end - end date
+ * @param {Collection<EventUIModel>} uiModelColl - collection of ui models.
+ * @returns {object.<string, Collection>} splitted event model collections.
  */
 
 function splitEventByDateRange(idsOfDay, start, end, uiModelColl) {
@@ -16995,16 +16995,16 @@ function splitEventByDateRange(idsOfDay, start, end, uiModelColl) {
   }, {});
   return result;
 }
-/**
- * create ui model for time view part
- * @param {IDS_OF_DAY} idsOfDay - model controller
- * @param {object} condition - find options
- *  @param {TZDate} condition.start - start date.
- *  @param {TZDate} condition.end - end date.
- *  @param {Collection} condition.uiModelTimeColl - collection of ui models.
- *  @param {number} condition.hourStart - start hour to be shown
- *  @param {number} condition.hourEnd - end hour to be shown
- * @returns {object} ui model for time part.
+/**
+ * create ui model for time view part
+ * @param {IDS_OF_DAY} idsOfDay - model controller
+ * @param {object} condition - find options
+ *  @param {TZDate} condition.start - start date.
+ *  @param {TZDate} condition.end - end date.
+ *  @param {Collection} condition.uiModelTimeColl - collection of ui models.
+ *  @param {number} condition.hourStart - start hour to be shown
+ *  @param {number} condition.hourEnd - end hour to be shown
+ * @returns {object} ui model for time part.
  */
 
 function getUIModelForTimeView(idsOfDay, condition) {
@@ -17032,13 +17032,13 @@ function getUIModelForTimeView(idsOfDay, condition) {
   });
   return result;
 }
-/**********
- * ALLDAY VIEW
+/**********
+ * ALLDAY VIEW
  **********/
 
-/**
- * Set hasMultiDates flag to true and set date ranges for rendering
- * @param {Collection} uiModelColl - collection of ui models.
+/**
+ * Set hasMultiDates flag to true and set date ranges for rendering
+ * @param {Collection} uiModelColl - collection of ui models.
  */
 
 function week_addMultiDatesInfo(uiModelColl) {
@@ -17049,12 +17049,12 @@ function week_addMultiDatesInfo(uiModelColl) {
     uiModel.renderEnds = toEndOfDay(model.getEnds());
   });
 }
-/**
- * create ui model for allday view part
- * @param {TZDate} start start date.
- * @param {TZDate} end end date.
- * @param {Collection} uiModelColl - ui models of allday event.
- * @returns {DayGridEventMatrix} matrix of allday event ui models.
+/**
+ * create ui model for allday view part
+ * @param {TZDate} start start date.
+ * @param {TZDate} end end date.
+ * @param {Collection} uiModelColl - ui models of allday event.
+ * @returns {DayGridEventMatrix} matrix of allday event ui models.
  */
 
 function getUIModelForAlldayView(start, end, uiModelColl) {
@@ -17072,21 +17072,21 @@ function getUIModelForAlldayView(start, end, uiModelColl) {
   positionUIModels(start, end, matrices);
   return matrices;
 }
-/**********
- * READ
+/**********
+ * READ
  **********/
 
-/**
- * Populate events in date range.
- * @param {CalendarData} calendarData - data store
- * @param {object} condition - find options
- *  @param {IDS_OF_DAY} condition.idsOfDay - model controller
- *  @param {TZDate} condition.start start date.
- *  @param {TZDate} condition.end end date.
- *  @param {Array.<object>} condition.panels - event panels like 'milestone', 'task', 'allday', 'time'
- *  @param {function[]} condition.[andFilters] - optional filters to applying search query
- *  @param {Object} condition.options - week view options
- * @returns {object} events grouped by dates.
+/**
+ * Populate events in date range.
+ * @param {CalendarData} calendarData - data store
+ * @param {object} condition - find options
+ *  @param {IDS_OF_DAY} condition.idsOfDay - model controller
+ *  @param {TZDate} condition.start start date.
+ *  @param {TZDate} condition.end end date.
+ *  @param {Array.<object>} condition.panels - event panels like 'milestone', 'task', 'allday', 'time'
+ *  @param {function[]} condition.[andFilters] - optional filters to applying search query
+ *  @param {Object} condition.options - week view options
+ * @returns {object} events grouped by dates.
  */
 
 function week_findByDateRange(calendarData, condition) {
@@ -17159,10 +17159,10 @@ function math_limit(value, minArr, maxArr) {
   var v = Math.max.apply(Math, [value].concat(math_toConsumableArray(minArr)));
   return Math.min.apply(Math, [v].concat(math_toConsumableArray(maxArr)));
 }
-/**
- * a : b = y : x;
- * ==
- * x = (b * y) / a;
+/**
+ * a : b = y : x;
+ * ==
+ * x = (b * y) / a;
  */
 
 function ratio(a, b, y) {
@@ -18265,10 +18265,10 @@ function useDrag(draggingItemType) {
   return handleMouseDown;
 }
 ;// CONCATENATED MODULE: ./src/utils/preact.ts
-/**
- * Pass the prop to component conditionally.
- * just passing `undefined` violates the ESLint rule, and it's less readable.
- * So let's use this function to pass the conditional prop.
+/**
+ * Pass the prop to component conditionally.
+ * just passing `undefined` violates the ESLint rule, and it's less readable.
+ * So let's use this function to pass the conditional prop.
  */
 function passConditionalProp(condition, prop) {
   // eslint-disable-next-line no-undefined
@@ -18588,37 +18588,37 @@ function HorizontalEvent(_ref4) {
 }
 ;// CONCATENATED MODULE: ./src/hooks/common/useWhen.ts
 
-/**
- * Check the condition and call the callback if the condition is true.
- * callback is always referencing the latest value
- * so that it doesn't have to register all values in the callback as deps to useEffect.
- * But it's not suitable when you need to keep tracking the value related to condition.
- *
- * @example
- * // when the condition is true, the callback is called.
- * useWhen(() => {
- *   if (shouldUpdateEvent) {
- *     // update event
- *   }
- * }, isDraggingEnd)
- *
- * @example
- * // avoid this when you need to keep updating `setGridDiff` by `currentGridPos` and `initGridPosition`.
- * useWhen(() => {
- *   // it will fire once.
- *   setGridDiff({
- *     columnIndex: currentGridPos.columnIndex - initGridPosition.columnIndex,
- *     rowIndex: currentGridPos.rowIndex - initGridPosition.rowIndex,
- *   });
- * }, isPresent(currentGridPos) && isPresent(initGridPosition));
- *
- * // You need to use `useEffect` this time.
- * useEffect(() => {
- *   setGridDiff({
- *     columnIndex: currentGridPos.columnIndex - initGridPosition.columnIndex,
- *     rowIndex: currentGridPos.rowIndex - initGridPosition.rowIndex,
- *   });
- * }, [currentGridPos, initGridPosition]);
+/**
+ * Check the condition and call the callback if the condition is true.
+ * callback is always referencing the latest value
+ * so that it doesn't have to register all values in the callback as deps to useEffect.
+ * But it's not suitable when you need to keep tracking the value related to condition.
+ *
+ * @example
+ * // when the condition is true, the callback is called.
+ * useWhen(() => {
+ *   if (shouldUpdateEvent) {
+ *     // update event
+ *   }
+ * }, isDraggingEnd)
+ *
+ * @example
+ * // avoid this when you need to keep updating `setGridDiff` by `currentGridPos` and `initGridPosition`.
+ * useWhen(() => {
+ *   // it will fire once.
+ *   setGridDiff({
+ *     columnIndex: currentGridPos.columnIndex - initGridPosition.columnIndex,
+ *     rowIndex: currentGridPos.rowIndex - initGridPosition.rowIndex,
+ *   });
+ * }, isPresent(currentGridPos) && isPresent(initGridPosition));
+ *
+ * // You need to use `useEffect` this time.
+ * useEffect(() => {
+ *   setGridDiff({
+ *     columnIndex: currentGridPos.columnIndex - initGridPosition.columnIndex,
+ *     rowIndex: currentGridPos.rowIndex - initGridPosition.rowIndex,
+ *   });
+ * }, [currentGridPos, initGridPosition]);
  */
 
 function useWhen(callback, condition) {
@@ -22307,8 +22307,8 @@ function useTimeGridEventResize(_ref) {
 
     var columns = timeGridData.columns,
         rows = timeGridData.rows;
-    /**
-     * Filter UIModels that are made from the target event.
+    /**
+     * Filter UIModels that are made from the target event.
      */
 
     var resizeTargetUIModelColumns = totalUIModels.map(function (uiModels) {
@@ -23299,11 +23299,11 @@ var TimeColumn = compat_module_g(function TimeColumn(_ref3) {
 
 
 
-/**
- * @param date
- * @param {TZDate} [start] - start time
- * @param {TZDate} [end] - end time
- * @returns {number} The percent value represent current time between start and end
+/**
+ * @param date
+ * @param {TZDate} [start] - start time
+ * @param {TZDate} [end] - end time
+ * @returns {number} The percent value represent current time between start and end
  */
 function getTopPercentByTime(date, start, end) {
   var startTime = start.getTime();
@@ -23313,19 +23313,19 @@ function getTopPercentByTime(date, start, end) {
   var topPercent = ratio(max, 100, time);
   return math_limit(topPercent, [0], [100]);
 }
-/**
- * @typedef {Object} VerticalPositionsByTime
- * @property {number} top - top percent
- * @property {number} height - height percent
+/**
+ * @typedef {Object} VerticalPositionsByTime
+ * @property {number} top - top percent
+ * @property {number} height - height percent
  */
 
-/**
- *
- * @param {TZDate} start target time which is converted to percent value
- * @param {TZDate} end target time which is converted to percent value
- * @param {TZDate} minTime start time
- * @param {TZDate} maxTime end time
- * @returns {VerticalPositionsByTime} verticalPositions
+/**
+ *
+ * @param {TZDate} start target time which is converted to percent value
+ * @param {TZDate} end target time which is converted to percent value
+ * @param {TZDate} minTime start time
+ * @param {TZDate} maxTime end time
+ * @returns {VerticalPositionsByTime} verticalPositions
  */
 
 function getTopHeightByTime(start, end, minTime, maxTime) {
@@ -23356,12 +23356,12 @@ function setValueByUnit(time, value, unit) {
 
   return time;
 }
-/**
- * Get a previous grid time before the time
- * @param {TZDate} time - target time
- * @param slot
- * @param unit
- * @returns {TZDate} - next grid time
+/**
+ * Get a previous grid time before the time
+ * @param {TZDate} time - target time
+ * @param slot
+ * @param unit
+ * @returns {TZDate} - next grid time
  */
 
 
@@ -23382,12 +23382,12 @@ function getPrevGridTime(time, slot, unit) {
 
   return prevGridTime;
 }
-/**
- * Get a next grid time after the time
- * @param {TZDate} time - target time
- * @param slot
- * @param unit
- * @returns {TZDate} - next grid time
+/**
+ * Get a next grid time after the time
+ * @param {TZDate} time - target time
+ * @param slot
+ * @param unit
+ * @returns {TZDate} - next grid time
  */
 
 function getNextGridTime(time, slot, unit) {
@@ -23444,11 +23444,11 @@ function controller_column_arrayLikeToArray(arr, len) { if (len == null || len >
 
 var MIN_HEIGHT_PERCENT = 1;
 
-/**
- * Filter that get events in supplied date ranges.
- * @param {TZDate} startColumnTime - start date
- * @param {TZDate} endColumnTime - end date
- * @returns {function} event filter function
+/**
+ * Filter that get events in supplied date ranges.
+ * @param {TZDate} startColumnTime - start date
+ * @param {TZDate} endColumnTime - end date
+ * @returns {function} event filter function
  */
 function column_isBetween(startColumnTime, endColumnTime) {
   return function (uiModel) {
@@ -23687,11 +23687,11 @@ function setDuplicateEvents(uiModels, options, selectedDuplicateEventCid) {
   });
   return uiModels;
 }
-/**
- * Convert to EventUIModel and make rendering information of events
- * @param {EventUIModel[]} events - event list
- * @param {TZDate} startColumnTime - start date
- * @param {TZDate} endColumnTime - end date
+/**
+ * Convert to EventUIModel and make rendering information of events
+ * @param {EventUIModel[]} events - event list
+ * @param {TZDate} startColumnTime - start date
+ * @param {TZDate} endColumnTime - end date
  */
 
 
@@ -25355,8 +25355,8 @@ function useDayGridMonthEventResize(_ref) {
     if (type_isNil(resizingStartUIModel)) {
       return null;
     }
-    /**
-     * Filter UIModels that are made from the target event.
+    /**
+     * Filter UIModels that are made from the target event.
      */
 
 
@@ -25436,8 +25436,8 @@ function useDayGridMonthEventResize(_ref) {
   }, [canCalculateProps, currentGridPos, baseResizingInfo, rowIndex]);
   useWhen(function () {
     if (canCalculateProps) {
-      /**
-       * Is current grid position is the same or later comparing to the position of the start date?
+      /**
+       * Is current grid position is the same or later comparing to the position of the start date?
        */
       var eventStartDateColumnIndex = baseResizingInfo.eventStartDateColumnIndex,
           eventStartDateRowIndex = baseResizingInfo.eventStartDateRowIndex;
@@ -26236,140 +26236,140 @@ function calendarCore_createClass(Constructor, protoProps, staticProps) { if (pr
 
 
 
-/**
- * {@link https://nhn.github.io/tui.code-snippet/latest/CustomEvents CustomEvents} document at {@link https://github.com/nhn/tui.code-snippet tui-code-snippet}
- * @typedef {CustomEvents} CustomEvents
+/**
+ * {@link https://nhn.github.io/tui.code-snippet/latest/CustomEvents CustomEvents} document at {@link https://github.com/nhn/tui.code-snippet tui-code-snippet}
+ * @typedef {CustomEvents} CustomEvents
  */
 
-/**
- * Define Calendars to group events.
- *
- * @typedef {object} CalendarInfo
- * @property {string} id - Calendar id.
- * @property {string} name - Calendar name.
- * @property {string} color - Text color of events.
- * @property {string} borderColor - Left border color of events.
- * @property {string} backgroundColor - Background color of events.
- * @property {string} dragBackgroundColor - Background color of events during dragging.
+/**
+ * Define Calendars to group events.
+ *
+ * @typedef {object} CalendarInfo
+ * @property {string} id - Calendar id.
+ * @property {string} name - Calendar name.
+ * @property {string} color - Text color of events.
+ * @property {string} borderColor - Left border color of events.
+ * @property {string} backgroundColor - Background color of events.
+ * @property {string} dragBackgroundColor - Background color of events during dragging.
  */
 
-/**
- * Timezone options of the calendar instance.
- *
- * For more information, see {@link https://github.com/nhn/tui.calendar/blob/main/docs/en/apis/options.md#timezone|Timezone options} in guide.
- *
- * @typedef {object} TimezoneOptions
- * @example
- * const calendar = new Calendar('#container', {
- *   timezone: {
- *     // @property {string} zones[].timezoneName - Timezone name. it should be one of IANA timezone names.
- *     // @property {string} [zones[].displayLabel] - Display label of timezone.
- *     // @property {string} [zones[].tooltip] - Tooltip of the element of the display label.
- *     zones: [
- *       {
- *         timezoneName: 'Asia/Seoul',
- *         displayLabel: 'UTC+9:00',
- *         tooltip: 'Seoul'
- *       },
- *       {
- *         timezoneName: 'Europe/London',
- *         displayLabel: 'UTC+1:00',
- *         tooltip: 'BST'
- *       }
- *     ],
- *     // This function will be called for rendering components for each timezone.
- *     // You don't have to use it if you're able to `Intl.DateTimeFormat` API with `timeZone` option.
- *     // this function should return timezone offset from UTC.
- *     // for instance, using moment-timezone:
- *     customOffsetCalculator: (timezoneName, timestamp) => {
- *       return moment.tz(timezoneName).utcOffset(timestamp);
- *     }
- *   }
- * });
- * @property {Array.<object>} zones - Timezone data.
- * @property {string} zones[].timezoneName - Timezone name. it should be one of IANA timezone names.
- * @property {string} [zones[].displayLabel] - Display label of timezone.
- * @property {string} [zones[].tooltip] - Tooltip of the element of the display label.
- * @property {function} customOffsetCalculator - Custom offset calculator when you're not able to leverage `Intl.DateTimeFormat` API.
+/**
+ * Timezone options of the calendar instance.
+ *
+ * For more information, see {@link https://github.com/nhn/tui.calendar/blob/main/docs/en/apis/options.md#timezone|Timezone options} in guide.
+ *
+ * @typedef {object} TimezoneOptions
+ * @example
+ * const calendar = new Calendar('#container', {
+ *   timezone: {
+ *     // @property {string} zones[].timezoneName - Timezone name. it should be one of IANA timezone names.
+ *     // @property {string} [zones[].displayLabel] - Display label of timezone.
+ *     // @property {string} [zones[].tooltip] - Tooltip of the element of the display label.
+ *     zones: [
+ *       {
+ *         timezoneName: 'Asia/Seoul',
+ *         displayLabel: 'UTC+9:00',
+ *         tooltip: 'Seoul'
+ *       },
+ *       {
+ *         timezoneName: 'Europe/London',
+ *         displayLabel: 'UTC+1:00',
+ *         tooltip: 'BST'
+ *       }
+ *     ],
+ *     // This function will be called for rendering components for each timezone.
+ *     // You don't have to use it if you're able to `Intl.DateTimeFormat` API with `timeZone` option.
+ *     // this function should return timezone offset from UTC.
+ *     // for instance, using moment-timezone:
+ *     customOffsetCalculator: (timezoneName, timestamp) => {
+ *       return moment.tz(timezoneName).utcOffset(timestamp);
+ *     }
+ *   }
+ * });
+ * @property {Array.<object>} zones - Timezone data.
+ * @property {string} zones[].timezoneName - Timezone name. it should be one of IANA timezone names.
+ * @property {string} [zones[].displayLabel] - Display label of timezone.
+ * @property {string} [zones[].tooltip] - Tooltip of the element of the display label.
+ * @property {function} customOffsetCalculator - Custom offset calculator when you're not able to leverage `Intl.DateTimeFormat` API.
  */
 
-/**
- * Object to create/modify events.
- * @typedef {object} EventObject
- * @property {string} [id] - Event id.
- * @property {string} [calendarId] - Calendar id.
- * @property {string} [title] - Event title.
- * @property {string} [body] - Body content of the event.
- * @property {string} [isAllday] - Whether the event is all day or not.
- * @property {string|number|Date|TZDate} [start] - Start time of the event.
- * @property {string|number|Date|TZDate} [end] - End time of the event.
- * @property {number} [goingDuration] - Travel time which is taken to go in minutes.
- * @property {number} [comingDuration] - Travel time which is taken to come back in minutes.
- * @property {string} [location] - Location of the event.
- * @property {Array.<string>} [attendees] - Attendees of the event.
- * @property {string} [category] - Category of the event. Available categories are 'milestone', 'task', 'time' and 'allday'.
- * @property {string} [dueDateClass] - Classification of work events. (before work, before lunch, before work)
- * @property {string} [recurrenceRule] - Recurrence rule of the event.
- * @property {string} [state] - State of the event. Available states are 'Busy', 'Free'.
- * @property {boolean} [isVisible] - Whether the event is visible or not.
- * @property {boolean} [isPending] - Whether the event is pending or not.
- * @property {boolean} [isFocused] - Whether the event is focused or not.
- * @property {boolean} [isReadOnly] - Whether the event is read only or not.
- * @property {boolean} [isPrivate] - Whether the event is private or not.
- * @property {string} [color] - Text color of the event.
- * @property {string} [backgroundColor] - Background color of the event.
- * @property {string} [dragBackgroundColor] - Background color of the event during dragging.
- * @property {string} [borderColor] - Left border color of the event.
- * @property {object} [customStyle] - Custom style of the event. The key of CSS property should be camelCase (e.g. {'fontSize': '12px'})
- * @property {*} [raw] - Raw data of the event. it's an arbitrary property for anything.
+/**
+ * Object to create/modify events.
+ * @typedef {object} EventObject
+ * @property {string} [id] - Event id.
+ * @property {string} [calendarId] - Calendar id.
+ * @property {string} [title] - Event title.
+ * @property {string} [body] - Body content of the event.
+ * @property {string} [isAllday] - Whether the event is all day or not.
+ * @property {string|number|Date|TZDate} [start] - Start time of the event.
+ * @property {string|number|Date|TZDate} [end] - End time of the event.
+ * @property {number} [goingDuration] - Travel time which is taken to go in minutes.
+ * @property {number} [comingDuration] - Travel time which is taken to come back in minutes.
+ * @property {string} [location] - Location of the event.
+ * @property {Array.<string>} [attendees] - Attendees of the event.
+ * @property {string} [category] - Category of the event. Available categories are 'milestone', 'task', 'time' and 'allday'.
+ * @property {string} [dueDateClass] - Classification of work events. (before work, before lunch, before work)
+ * @property {string} [recurrenceRule] - Recurrence rule of the event.
+ * @property {string} [state] - State of the event. Available states are 'Busy', 'Free'.
+ * @property {boolean} [isVisible] - Whether the event is visible or not.
+ * @property {boolean} [isPending] - Whether the event is pending or not.
+ * @property {boolean} [isFocused] - Whether the event is focused or not.
+ * @property {boolean} [isReadOnly] - Whether the event is read only or not.
+ * @property {boolean} [isPrivate] - Whether the event is private or not.
+ * @property {string} [color] - Text color of the event.
+ * @property {string} [backgroundColor] - Background color of the event.
+ * @property {string} [dragBackgroundColor] - Background color of the event during dragging.
+ * @property {string} [borderColor] - Left border color of the event.
+ * @property {object} [customStyle] - Custom style of the event. The key of CSS property should be camelCase (e.g. {'fontSize': '12px'})
+ * @property {*} [raw] - Raw data of the event. it's an arbitrary property for anything.
  */
 
-/**
- * CalendarCore class
- *
- * @class CalendarCore
- * @mixes CustomEvents
- * @param {string|Element} container - container element or selector.
- * @param {object} options - calendar options. For more information, see {@link https://github.com/nhn/tui.calendar/blob/main/docs/en/apis/calendar.md|Calendar options} in guide.
- *   @param {string} [options.defaultView="week"] - Initial view type. Available values are: 'day', 'week', 'month'.
- *   @param {boolean} [options.useFormPopup=false] - Whether to use the default form popup when creating/modifying events.
- *   @param {boolean} [options.useDetailPopup=false] - Whether to use the default detail popup when clicking events.
- *   @param {boolean} [options.isReadOnly=false] - Whether the calendar is read-only.
- *   @param {boolean} [options.usageStatistics=true] - Whether to allow collect hostname and send the information to google analytics.
- *                                              For more information, check out the {@link https://github.com/nhn/tui.calendar/blob/main/apps/calendar/README.md#collect-statistics-on-the-use-of-open-source|documentation}.
- *   @param {function} [options.eventFilter] - A function that returns true if the event should be displayed. The default filter checks if the event's `isVisible` property is true.
- *   @param {object} [options.week] - Week option of the calendar instance.
- *     @param {number} [options.week.startDayOfWeek=0] - Start day of the week. Available values are 0 (Sunday) to 6 (Saturday).
- *     @param {Array.<string>} [options.week.dayNames] - Names of days of the week. Should be 7 items starting from Sunday to Saturday. If not specified, the default names are used.
- *                                               Default values are ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'].
- *     @param {boolean} [options.week.workweek=false] - Whether to exclude Saturday and Sunday.
- *     @param {boolean} [options.week.showTimezoneCollapseButton=true] - Whether to show the timezone collapse button.
- *     @param {boolean} [options.week.timezonesCollapsed=false] - Whether to collapse the timezones.
- *     @param {number} [options.week.hourStart=0] - Start hour of the day. Available values are 0 to 24.
- *     @param {number} [options.week.hourEnd=24] - End hour of the day. Available values are 0 to 24. Must be greater than `hourStart`.
- *     @param {boolean} [options.week.narrowWeekend=false] - Whether to narrow down width of weekends to half.
- *     @param {boolean|Array.<string>} [options.week.eventView=true] - Determine which view to display events. Available values are 'allday' and 'time'. set to `false` to disable event view.
- *     @param {boolean|Array.<string>} [options.week.taskView=true] - Determine which view to display tasks. Available values are 'milestone' and 'task'. set to `false` to disable task view.
- *     @param {boolean|object} [options.week.collapseDuplicateEvents=false] - Whether to collapse duplicate events. If you want to filter duplicate events and choose the main event based on your requirements, set `getDuplicateEvents` and `getMainEvent`. For more information, see {@link https://github.com/nhn/tui.calendar/blob/main/docs/en/apis/options.md#weekcollapseduplicateevents|Options} in guide.
- *   @param {object} options.month - Month option of the calendar instance.
- *     @param {number} [options.month.startDayOfWeek=0] - Start day of the week. Available values are 0 (Sunday) to 6 (Saturday).
- *     @param {Array.<string>} [options.month.dayNames] - Names of days of the week. Should be 7 items starting from Sunday to Saturday. If not specified, the default names are used.
- *                                                Default values are ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'].
- *     @param {boolean} [options.month.workweek=false] - Whether to exclude Saturday and Sunday.
- *     @param {boolean} [options.month.narrowWeekend=false] - Whether to narrow down width of weekends to half.
- *     @param {number} [options.month.visibleWeeksCount=0] - Number of weeks to display. 0 means display all weeks.
- *   @param {Array.<CalendarInfo>} [options.calendars] - Calendars to group events.
- *   @param {boolean|object} [options.gridSelection=true] - Whether to enable grid selection. or it's option. it's enabled when the value is `true` and object and will be disabled when `isReadOnly` is true.
- *     @param {boolean} options.gridSelection.enableDbClick - Whether to enable double click to select area.
- *     @param {boolean} options.gridSelection.enableClick - Whether to enable click to select area.
- *   @param {TimezoneOptions} options.timezone - Timezone option of the calendar instance. For more information about timezone, check out the {@link https://github.com/nhn/tui.calendar/blob/main/docs/en/apis/options.md|Options} in guide.
- *   @param {Theme} options.theme - Theme option of the calendar instance. For more information, see {@link https://github.com/nhn/tui.calendar/blob/main/docs/en/apis/theme.md|Theme} in guide.
- *   @param {TemplateConfig} options.template - Template option of the calendar instance. For more information, see {@link https://github.com/nhn/tui.calendar/blob/main/docs/en/apis/template.md|Template} in guide.
+/**
+ * CalendarCore class
+ *
+ * @class CalendarCore
+ * @mixes CustomEvents
+ * @param {string|Element} container - container element or selector.
+ * @param {object} options - calendar options. For more information, see {@link https://github.com/nhn/tui.calendar/blob/main/docs/en/apis/calendar.md|Calendar options} in guide.
+ *   @param {string} [options.defaultView="week"] - Initial view type. Available values are: 'day', 'week', 'month'.
+ *   @param {boolean} [options.useFormPopup=false] - Whether to use the default form popup when creating/modifying events.
+ *   @param {boolean} [options.useDetailPopup=false] - Whether to use the default detail popup when clicking events.
+ *   @param {boolean} [options.isReadOnly=false] - Whether the calendar is read-only.
+ *   @param {boolean} [options.usageStatistics=true] - Whether to allow collect hostname and send the information to google analytics.
+ *                                              For more information, check out the {@link https://github.com/nhn/tui.calendar/blob/main/apps/calendar/README.md#collect-statistics-on-the-use-of-open-source|documentation}.
+ *   @param {function} [options.eventFilter] - A function that returns true if the event should be displayed. The default filter checks if the event's `isVisible` property is true.
+ *   @param {object} [options.week] - Week option of the calendar instance.
+ *     @param {number} [options.week.startDayOfWeek=0] - Start day of the week. Available values are 0 (Sunday) to 6 (Saturday).
+ *     @param {Array.<string>} [options.week.dayNames] - Names of days of the week. Should be 7 items starting from Sunday to Saturday. If not specified, the default names are used.
+ *                                               Default values are ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'].
+ *     @param {boolean} [options.week.workweek=false] - Whether to exclude Saturday and Sunday.
+ *     @param {boolean} [options.week.showTimezoneCollapseButton=true] - Whether to show the timezone collapse button.
+ *     @param {boolean} [options.week.timezonesCollapsed=false] - Whether to collapse the timezones.
+ *     @param {number} [options.week.hourStart=0] - Start hour of the day. Available values are 0 to 24.
+ *     @param {number} [options.week.hourEnd=24] - End hour of the day. Available values are 0 to 24. Must be greater than `hourStart`.
+ *     @param {boolean} [options.week.narrowWeekend=false] - Whether to narrow down width of weekends to half.
+ *     @param {boolean|Array.<string>} [options.week.eventView=true] - Determine which view to display events. Available values are 'allday' and 'time'. set to `false` to disable event view.
+ *     @param {boolean|Array.<string>} [options.week.taskView=true] - Determine which view to display tasks. Available values are 'milestone' and 'task'. set to `false` to disable task view.
+ *     @param {boolean|object} [options.week.collapseDuplicateEvents=false] - Whether to collapse duplicate events. If you want to filter duplicate events and choose the main event based on your requirements, set `getDuplicateEvents` and `getMainEvent`. For more information, see {@link https://github.com/nhn/tui.calendar/blob/main/docs/en/apis/options.md#weekcollapseduplicateevents|Options} in guide.
+ *   @param {object} options.month - Month option of the calendar instance.
+ *     @param {number} [options.month.startDayOfWeek=0] - Start day of the week. Available values are 0 (Sunday) to 6 (Saturday).
+ *     @param {Array.<string>} [options.month.dayNames] - Names of days of the week. Should be 7 items starting from Sunday to Saturday. If not specified, the default names are used.
+ *                                                Default values are ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'].
+ *     @param {boolean} [options.month.workweek=false] - Whether to exclude Saturday and Sunday.
+ *     @param {boolean} [options.month.narrowWeekend=false] - Whether to narrow down width of weekends to half.
+ *     @param {number} [options.month.visibleWeeksCount=0] - Number of weeks to display. 0 means display all weeks.
+ *   @param {Array.<CalendarInfo>} [options.calendars] - Calendars to group events.
+ *   @param {boolean|object} [options.gridSelection=true] - Whether to enable grid selection. or it's option. it's enabled when the value is `true` and object and will be disabled when `isReadOnly` is true.
+ *     @param {boolean} options.gridSelection.enableDbClick - Whether to enable double click to select area.
+ *     @param {boolean} options.gridSelection.enableClick - Whether to enable click to select area.
+ *   @param {TimezoneOptions} options.timezone - Timezone option of the calendar instance. For more information about timezone, check out the {@link https://github.com/nhn/tui.calendar/blob/main/docs/en/apis/options.md|Options} in guide.
+ *   @param {Theme} options.theme - Theme option of the calendar instance. For more information, see {@link https://github.com/nhn/tui.calendar/blob/main/docs/en/apis/theme.md|Theme} in guide.
+ *   @param {TemplateConfig} options.template - Template option of the calendar instance. For more information, see {@link https://github.com/nhn/tui.calendar/blob/main/docs/en/apis/template.md|Template} in guide.
  */
 var CalendarCore = /*#__PURE__*/function () {
-  /**
-   * start and end date of weekly, monthly
-   * @private
+  /**
+   * start and end date of weekly, monthly
+   * @private
    */
   function CalendarCore(container) {
     var _document$querySelect, _document;
@@ -26403,8 +26403,8 @@ var CalendarCore = /*#__PURE__*/function () {
       var dispatchers = this.store.getState().dispatch;
       return group ? dispatchers[group] : dispatchers;
     }
-    /**
-     * Destroys the instance.
+    /**
+     * Destroys the instance.
      */
 
   }, {
@@ -26494,27 +26494,27 @@ var CalendarCore = /*#__PURE__*/function () {
         }
       };
     }
-    /**
-     * Move the rendered date to the next/prev range.
-     *
-     * The range of movement differs depending on the current view, Basically:
-     *   - In month view, it moves to the next/prev month.
-     *   - In week view, it moves to the next/prev week.
-     *   - In day view, it moves to the next/prev day.
-     *
-     * Also, the range depends on the options like how many visible weeks/months should be rendered.
-     *
-     * @param {number} offset The offset to move by.
-     *
-     * @example
-     * // Move to the next month in month view.
-     * calendar.move(1);
-     *
-     * // Move to the next year in month view.
-     * calendar.move(12);
-     *
-     * // Move to yesterday in day view.
-     * calendar.move(-1);
+    /**
+     * Move the rendered date to the next/prev range.
+     *
+     * The range of movement differs depending on the current view, Basically:
+     *   - In month view, it moves to the next/prev month.
+     *   - In week view, it moves to the next/prev week.
+     *   - In day view, it moves to the next/prev day.
+     *
+     * Also, the range depends on the options like how many visible weeks/months should be rendered.
+     *
+     * @param {number} offset The offset to move by.
+     *
+     * @example
+     * // Move to the next month in month view.
+     * calendar.move(1);
+     *
+     * // Move to the next year in month view.
+     * calendar.move(12);
+     *
+     * // Move to yesterday in day view.
+     * calendar.move(-1);
      */
 
   }, {
@@ -26563,34 +26563,34 @@ var CalendarCore = /*#__PURE__*/function () {
       setRenderDate(calculatedRenderDate.renderDate);
       this.renderRange = calculatedRenderDate.renderRange;
     }
-    /**********
-     * CRUD Methods
+    /**********
+     * CRUD Methods
      **********/
 
-    /**
-     * Create events and render calendar.
-     * @param {Array.<EventObject>} events - list of {@link EventObject}
-     * @example
-     * calendar.createEvents([
-     *   {
-     *     id: '1',
-     *     calendarId: '1',
-     *     title: 'my event',
-     *     category: 'time',
-     *     dueDateClass: '',
-     *     start: '2018-01-18T22:30:00+09:00',
-     *     end: '2018-01-19T02:30:00+09:00',
-     *   },
-     *   {
-     *     id: '2',
-     *     calendarId: '1',
-     *     title: 'second event',
-     *     category: 'time',
-     *     dueDateClass: '',
-     *     start: '2018-01-18T17:30:00+09:00',
-     *     end: '2018-01-19T17:31:00+09:00',
-     *   },
-     * ]);
+    /**
+     * Create events and render calendar.
+     * @param {Array.<EventObject>} events - list of {@link EventObject}
+     * @example
+     * calendar.createEvents([
+     *   {
+     *     id: '1',
+     *     calendarId: '1',
+     *     title: 'my event',
+     *     category: 'time',
+     *     dueDateClass: '',
+     *     start: '2018-01-18T22:30:00+09:00',
+     *     end: '2018-01-19T02:30:00+09:00',
+     *   },
+     *   {
+     *     id: '2',
+     *     calendarId: '1',
+     *     title: 'second event',
+     *     category: 'time',
+     *     dueDateClass: '',
+     *     start: '2018-01-18T17:30:00+09:00',
+     *     end: '2018-01-19T17:31:00+09:00',
+     *   },
+     * ]);
      */
 
   }, {
@@ -26613,17 +26613,17 @@ var CalendarCore = /*#__PURE__*/function () {
         return id === eventId && eventCalendarId === calendarId;
       });
     }
-    /**
-     * Get an {@link EventObject} with event's id and calendar's id.
-     *
-     * @param {string} eventId - event's id
-     * @param {string} calendarId - calendar's id of the event
-     * @returns {EventObject|null} event. If the event can't be found, it returns null.
-     *
-     * @example
-     * const event = calendar.getEvent(eventId, calendarId);
-     *
-     * console.log(event.title);
+    /**
+     * Get an {@link EventObject} with event's id and calendar's id.
+     *
+     * @param {string} eventId - event's id
+     * @param {string} calendarId - calendar's id of the event
+     * @returns {EventObject|null} event. If the event can't be found, it returns null.
+     *
+     * @example
+     * const event = calendar.getEvent(eventId, calendarId);
+     *
+     * console.log(event.title);
      */
 
   }, {
@@ -26633,19 +26633,19 @@ var CalendarCore = /*#__PURE__*/function () {
 
       return (_this$getEventModel$t = (_this$getEventModel = this.getEventModel(eventId, calendarId)) === null || _this$getEventModel === void 0 ? void 0 : _this$getEventModel.toEventObject()) !== null && _this$getEventModel$t !== void 0 ? _this$getEventModel$t : null;
     }
-    /**
-     * Update an event.
-     *
-     * @param {string} eventId - ID of an event to update
-     * @param {string} calendarId - The calendarId of the event to update
-     * @param {EventObject} changes - The new {@link EventObject} data to apply to the event
-     *
-     * @example
-     * calendar.on('beforeUpdateEvent', function ({ event, changes }) {
-     *   const { id, calendarId } = event;
-     *
-     *   calendar.updateEvent(id, calendarId, changes);
-     * });
+    /**
+     * Update an event.
+     *
+     * @param {string} eventId - ID of an event to update
+     * @param {string} calendarId - The calendarId of the event to update
+     * @param {EventObject} changes - The new {@link EventObject} data to apply to the event
+     *
+     * @example
+     * calendar.on('beforeUpdateEvent', function ({ event, changes }) {
+     *   const { id, calendarId } = event;
+     *
+     *   calendar.updateEvent(id, calendarId, changes);
+     * });
      */
 
   }, {
@@ -26663,11 +26663,11 @@ var CalendarCore = /*#__PURE__*/function () {
         });
       }
     }
-    /**
-     * Delete an event.
-     *
-     * @param {string} eventId - event's id to delete
-     * @param {string} calendarId - The CalendarId of the event to delete
+    /**
+     * Delete an event.
+     *
+     * @param {string} eventId - event's id to delete
+     * @param {string} calendarId - The CalendarId of the event to delete
      */
 
   }, {
@@ -26682,15 +26682,15 @@ var CalendarCore = /*#__PURE__*/function () {
         deleteEvent(event);
       }
     }
-    /**********
-     * General Methods
+    /**********
+     * General Methods
      **********/
 
-    /**
-     * Set events' visibility by calendar ID
-     *
-     * @param {string|Array.<string>} calendarId - The calendar id or ids to change visibility
-     * @param {boolean} isVisible - If set to true, show the events. If set to false, hide the events.
+    /**
+     * Set events' visibility by calendar ID
+     *
+     * @param {string|Array.<string>} calendarId - The calendar id or ids to change visibility
+     * @param {boolean} isVisible - If set to true, show the events. If set to false, hide the events.
      */
 
   }, {
@@ -26702,17 +26702,17 @@ var CalendarCore = /*#__PURE__*/function () {
       var calendarIds = Array.isArray(calendarId) ? calendarId : [calendarId];
       setCalendarVisibility(calendarIds, isVisible);
     }
-    /**
-     * Render the calendar.
-     *
-     * @example
-     * calendar.render();
-     *
-     * @example
-     * // Re-render the calendar when resizing a window.
-     * window.addEventListener('resize', () => {
-     *   calendar.render();
-     * });
+    /**
+     * Render the calendar.
+     *
+     * @example
+     * calendar.render();
+     *
+     * @example
+     * // Re-render the calendar when resizing a window.
+     * window.addEventListener('resize', () => {
+     *   calendar.render();
+     * });
      */
 
   }, {
@@ -26728,10 +26728,10 @@ var CalendarCore = /*#__PURE__*/function () {
 
       return this;
     }
-    /**
-     * For SSR(Server Side Rendering), Return the HTML string of the whole calendar.
-     *
-     * @returns {string} HTML string
+    /**
+     * For SSR(Server Side Rendering), Return the HTML string of the whole calendar.
+     *
+     * @returns {string} HTML string
      */
 
   }, {
@@ -26743,11 +26743,11 @@ var CalendarCore = /*#__PURE__*/function () {
         eventBus: this.eventBus
       }, this.getComponent()));
     }
-    /**
-     * Delete all events and clear view
-     *
-     * @example
-     * calendar.clear();
+    /**
+     * Delete all events and clear view
+     *
+     * @example
+     * calendar.clear();
      */
 
   }, {
@@ -26758,15 +26758,15 @@ var CalendarCore = /*#__PURE__*/function () {
 
       clearEvents();
     }
-    /**
-     * Scroll to current time on today in case of daily, weekly view.
-     * Nothing happens in the monthly view.
-     *
-     * @example
-     * function onNewEvents(events) {
-     *   calendar.createEvents(events);
-     *   calendar.scrollToNow('smooth');
-     * }
+    /**
+     * Scroll to current time on today in case of daily, weekly view.
+     * Nothing happens in the monthly view.
+     *
+     * @example
+     * function onNewEvents(events) {
+     *   calendar.createEvents(events);
+     *   calendar.scrollToNow('smooth');
+     * }
      */
 
   }, {
@@ -26810,13 +26810,13 @@ var CalendarCore = /*#__PURE__*/function () {
 
       return newRenderRange;
     }
-    /**
-     * Move to today.
-     *
-     * @example
-     * function onClickTodayBtn() {
-     *   calendar.today();
-     * }
+    /**
+     * Move to today.
+     *
+     * @example
+     * function onClickTodayBtn() {
+     *   calendar.today();
+     * }
      */
 
   }, {
@@ -26827,19 +26827,19 @@ var CalendarCore = /*#__PURE__*/function () {
       setRenderDate(today);
       this.renderRange = this.calculateRenderRange(today);
     }
-    /**
-     * Move to specific date.
-     *
-     * @param {Date|string|number|TZDate} date - The date to move. it should be eligible parameter to create a `Date` instance if `date` is string or number.
-     * @example
-     * calendar.on('clickDayName', (event) => {
-     *   if (calendar.getViewName() === 'week') {
-     *     const dateToMove = new Date(event.date);
-     *
-     *     calendar.setDate(dateToMove);
-     *     calendar.changeView('day');
-     *   }
-     * });
+    /**
+     * Move to specific date.
+     *
+     * @param {Date|string|number|TZDate} date - The date to move. it should be eligible parameter to create a `Date` instance if `date` is string or number.
+     * @example
+     * calendar.on('clickDayName', (event) => {
+     *   if (calendar.getViewName() === 'week') {
+     *     const dateToMove = new Date(event.date);
+     *
+     *     calendar.setDate(dateToMove);
+     *     calendar.changeView('day');
+     *   }
+     * });
      */
 
   }, {
@@ -26852,17 +26852,17 @@ var CalendarCore = /*#__PURE__*/function () {
       setRenderDate(dateToChange);
       this.renderRange = this.calculateRenderRange(dateToChange);
     }
-    /**
-     * Move the calendar forward to the next range.
-     *
-     * @example
-     * function moveToNextOrPrevRange(offset) {
-     *   if (offset === -1) {
-     *     calendar.prev();
-     *   } else if (offset === 1) {
-     *     calendar.next();
-     *   }
-     * }
+    /**
+     * Move the calendar forward to the next range.
+     *
+     * @example
+     * function moveToNextOrPrevRange(offset) {
+     *   if (offset === -1) {
+     *     calendar.prev();
+     *   } else if (offset === 1) {
+     *     calendar.next();
+     *   }
+     * }
      */
 
   }, {
@@ -26870,17 +26870,17 @@ var CalendarCore = /*#__PURE__*/function () {
     value: function next() {
       this.move(1);
     }
-    /**
-     * Move the calendar backward to the previous range.
-     *
-     * @example
-     * function moveToNextOrPrevRange(offset) {
-     *   if (offset === -1) {
-     *     calendar.prev();
-     *   } else if (offset === 1) {
-     *     calendar.next();
-     *   }
-     * }
+    /**
+     * Move the calendar backward to the previous range.
+     *
+     * @example
+     * function moveToNextOrPrevRange(offset) {
+     *   if (offset === -1) {
+     *     calendar.prev();
+     *   } else if (offset === 1) {
+     *     calendar.next();
+     *   }
+     * }
      */
 
   }, {
@@ -26888,35 +26888,35 @@ var CalendarCore = /*#__PURE__*/function () {
     value: function prev() {
       this.move(-1);
     }
-    /**
-     * Change color values of events belong to a certain calendar.
-     *
-     * @param {string} calendarId - The calendar ID
-     * @param {object} colorOptions - The color values of the calendar
-     *   @param {string} colorOptions.color - The text color of the events
-     *   @param {string} colorOptions.borderColor - Left border color of events
-     *   @param {string} colorOptions.backgroundColor - Background color of events
-     *   @param {string} colorOptions.dragBackgroundColor - Background color of events during dragging
-     *
-     * @example
-     * calendar.setCalendarColor('1', {
-     *     color: '#e8e8e8',
-     *     backgroundColor: '#585858',
-     *     borderColor: '#a1b56c',
-     *     dragBackgroundColor: '#585858',
-     * });
-     * calendar.setCalendarColor('2', {
-     *     color: '#282828',
-     *     backgroundColor: '#dc9656',
-     *     borderColor: '#a1b56c',
-     *     dragBackgroundColor: '#dc9656',
-     * });
-     * calendar.setCalendarColor('3', {
-     *     color: '#a16946',
-     *     backgroundColor: '#ab4642',
-     *     borderColor: '#a1b56c',
-     *     dragBackgroundColor: '#ab4642',
-     * });
+    /**
+     * Change color values of events belong to a certain calendar.
+     *
+     * @param {string} calendarId - The calendar ID
+     * @param {object} colorOptions - The color values of the calendar
+     *   @param {string} colorOptions.color - The text color of the events
+     *   @param {string} colorOptions.borderColor - Left border color of events
+     *   @param {string} colorOptions.backgroundColor - Background color of events
+     *   @param {string} colorOptions.dragBackgroundColor - Background color of events during dragging
+     *
+     * @example
+     * calendar.setCalendarColor('1', {
+     *     color: '#e8e8e8',
+     *     backgroundColor: '#585858',
+     *     borderColor: '#a1b56c',
+     *     dragBackgroundColor: '#585858',
+     * });
+     * calendar.setCalendarColor('2', {
+     *     color: '#282828',
+     *     backgroundColor: '#dc9656',
+     *     borderColor: '#a1b56c',
+     *     dragBackgroundColor: '#dc9656',
+     * });
+     * calendar.setCalendarColor('3', {
+     *     color: '#a16946',
+     *     backgroundColor: '#ab4642',
+     *     borderColor: '#a1b56c',
+     *     dragBackgroundColor: '#ab4642',
+     * });
      */
 
   }, {
@@ -26925,20 +26925,20 @@ var CalendarCore = /*#__PURE__*/function () {
       var setCalendarColor = this.getStoreDispatchers().calendar.setCalendarColor;
       setCalendarColor(calendarId, colorOptions);
     }
-    /**
-     * Change current view type.
-     *
-     * @param {string} viewName - The new view name to change to. Available values are 'month', 'week', 'day'.
-     *
-     * @example
-     * // change to daily view
-     * calendar.changeView('day');
-     *
-     * // change to weekly view
-     * calendar.changeView('week');
-     *
-     * // change to monthly view
-     * calendar.changeView('month');
+    /**
+     * Change current view type.
+     *
+     * @param {string} viewName - The new view name to change to. Available values are 'month', 'week', 'day'.
+     *
+     * @example
+     * // change to daily view
+     * calendar.changeView('day');
+     *
+     * // change to weekly view
+     * calendar.changeView('week');
+     *
+     * // change to monthly view
+     * calendar.changeView('month');
      */
 
   }, {
@@ -26950,17 +26950,17 @@ var CalendarCore = /*#__PURE__*/function () {
       changeView(viewName);
       this.renderRange = this.calculateRenderRange(this.getDate());
     }
-    /**
-     * Get the DOM element of the event by event id and calendar id
-     *
-     * @param {string} eventId - ID of event
-     * @param {string} calendarId - calendarId of event
-     * @returns {HTMLElement} event element if found or null
-     *
-     * @example
-     * const element = calendar.getElement(eventId, calendarId);
-     *
-     * console.log(element);
+    /**
+     * Get the DOM element of the event by event id and calendar id
+     *
+     * @param {string} eventId - ID of event
+     * @param {string} calendarId - calendarId of event
+     * @returns {HTMLElement} event element if found or null
+     *
+     * @example
+     * const element = calendar.getElement(eventId, calendarId);
+     *
+     * console.log(element);
      */
 
   }, {
@@ -26974,29 +26974,29 @@ var CalendarCore = /*#__PURE__*/function () {
 
       return null;
     }
-    /**
-     * Set the theme of the calendar.
-     *
-     * @param {Theme} theme - The theme object to apply. For more information, see {@link https://github.com/nhn/tui.calendar/blob/main/docs/en/apis/theme.md|Theme} in guide.
-     *
-     * @example
-     * calendar.setTheme({
-     *   common: {
-     *     gridSelection: {
-     *       backgroundColor: '#333',
-     *     },
-     *   },
-     *   week: {
-     *     nowIndicatorLabel: {
-     *       color: '#00FF00',
-     *     },
-     *   },
-     *   month: {
-     *     dayName: {
-     *       borderLeft: '1px solid #e5e5e5',
-     *     },
-     *   },
-     * });
+    /**
+     * Set the theme of the calendar.
+     *
+     * @param {Theme} theme - The theme object to apply. For more information, see {@link https://github.com/nhn/tui.calendar/blob/main/docs/en/apis/theme.md|Theme} in guide.
+     *
+     * @example
+     * calendar.setTheme({
+     *   common: {
+     *     gridSelection: {
+     *       backgroundColor: '#333',
+     *     },
+     *   },
+     *   week: {
+     *     nowIndicatorLabel: {
+     *       color: '#00FF00',
+     *     },
+     *   },
+     *   month: {
+     *     dayName: {
+     *       borderLeft: '1px solid #e5e5e5',
+     *     },
+     *   },
+     * });
      */
 
   }, {
@@ -27005,10 +27005,10 @@ var CalendarCore = /*#__PURE__*/function () {
       var setTheme = this.theme.getState().dispatch.setTheme;
       setTheme(theme);
     }
-    /**
-     * Get current options.
-     *
-     * @returns {Options} - The current options of the instance
+    /**
+     * Get current options.
+     *
+     * @returns {Options} - The current options of the instance
      */
 
   }, {
@@ -27027,10 +27027,10 @@ var CalendarCore = /*#__PURE__*/function () {
         theme: theme
       });
     }
-    /**
-     * Set options of calendar. For more information, see {@link https://github.com/nhn/tui.calendar/blob/main/docs/en/apis/options.md|Options} in guide.
-     *
-     * @param {Options} options - The options to set
+    /**
+     * Set options of calendar. For more information, see {@link https://github.com/nhn/tui.calendar/blob/main/docs/en/apis/options.md|Options} in guide.
+     *
+     * @param {Options} options - The options to set
      */
 
   }, {
@@ -27057,10 +27057,10 @@ var CalendarCore = /*#__PURE__*/function () {
 
       setOptions(restOptions);
     }
-    /**
-     * Get current rendered date. (see {@link TZDate} for further information)
-     *
-     * @returns {TZDate}
+    /**
+     * Get current rendered date. (see {@link TZDate} for further information)
+     *
+     * @returns {TZDate}
      */
 
   }, {
@@ -27069,10 +27069,10 @@ var CalendarCore = /*#__PURE__*/function () {
       var renderDate = this.getStoreState().view.renderDate;
       return renderDate;
     }
-    /**
-     * Start time of rendered date range. (see {@link TZDate} for further information)
-     *
-     * @returns {TZDate}
+    /**
+     * Start time of rendered date range. (see {@link TZDate} for further information)
+     *
+     * @returns {TZDate}
      */
 
   }, {
@@ -27080,10 +27080,10 @@ var CalendarCore = /*#__PURE__*/function () {
     value: function getDateRangeStart() {
       return this.renderRange.start;
     }
-    /**
-     * End time of rendered date range. (see {@link TZDate} for further information)
-     *
-     * @returns {TZDate}
+    /**
+     * End time of rendered date range. (see {@link TZDate} for further information)
+     *
+     * @returns {TZDate}
      */
 
   }, {
@@ -27091,10 +27091,10 @@ var CalendarCore = /*#__PURE__*/function () {
     value: function getDateRangeEnd() {
       return this.renderRange.end;
     }
-    /**
-     * Get current view name('day', 'week', 'month').
-     *
-     * @returns {string} current view name ('day', 'week', 'month')
+    /**
+     * Get current view name('day', 'week', 'month').
+     *
+     * @returns {string} current view name ('day', 'week', 'month')
      */
 
   }, {
@@ -27105,10 +27105,10 @@ var CalendarCore = /*#__PURE__*/function () {
 
       return currentView;
     }
-    /**
-     * Set calendar list.
-     *
-     * @param {CalendarInfo[]} calendars - list of calendars
+    /**
+     * Set calendar list.
+     *
+     * @param {CalendarInfo[]} calendars - list of calendars
      */
 
   }, {
@@ -27118,10 +27118,10 @@ var CalendarCore = /*#__PURE__*/function () {
       setCalendars(calendars);
     } // TODO: specify position of popup
 
-    /**
-     * Open event form popup with predefined form values.
-     *
-     * @param {EventObject} event - The predefined {@link EventObject} data to show in form.
+    /**
+     * Open event form popup with predefined form values.
+     *
+     * @param {EventObject} event - The predefined {@link EventObject} data to show in form.
      */
 
   }, {
@@ -27239,12 +27239,12 @@ function isValidViewType(viewType) {
     return type === viewType;
   });
 }
-/**
- * Calendar class
- *
- * @class Calendar
- * @extends CalendarCore
- * @param {object} options - Calendar options. Check out {@link CalendarCore} for more information.
+/**
+ * Calendar class
+ *
+ * @class Calendar
+ * @extends CalendarCore
+ * @param {object} options - Calendar options. Check out {@link CalendarCore} for more information.
  */