funda-ui 4.3.355 → 4.3.721

package/lib/cjs/EventCalendarTimeline/index.js

@@ -2244,6 +2244,604 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
 /***/ }),
 
+/***/ 322:
+/***/ (function(module, exports, __webpack_require__) {
+
+/* module decorator */ module = __webpack_require__.nmd(module);
+var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+(function webpackUniversalModuleDefinition(root, factory) {
+  if (( false ? 0 : _typeof(exports)) === 'object' && ( false ? 0 : _typeof(module)) === 'object') module.exports = factory();else if (true) !(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+		__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
+		(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
+		__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}
+})(this, function () {
+  return (/******/function () {
+      // webpackBootstrap
+      /******/
+      "use strict";
+
+      /******/ // The require scope
+      /******/
+      var __nested_webpack_require_987__ = {};
+      /******/
+      /************************************************************************/
+      /******/ /* webpack/runtime/define property getters */
+      /******/
+      (function () {
+        /******/ // define getter functions for harmony exports
+        /******/__nested_webpack_require_987__.d = function (exports, definition) {
+          /******/for (var key in definition) {
+            /******/if (__nested_webpack_require_987__.o(definition, key) && !__nested_webpack_require_987__.o(exports, key)) {
+              /******/Object.defineProperty(exports, key, {
+                enumerable: true,
+                get: definition[key]
+              });
+              /******/
+            }
+            /******/
+          }
+          /******/
+        };
+        /******/
+      })();
+      /******/
+      /******/ /* webpack/runtime/hasOwnProperty shorthand */
+      /******/
+      (function () {
+        /******/__nested_webpack_require_987__.o = function (obj, prop) {
+          return Object.prototype.hasOwnProperty.call(obj, prop);
+        };
+        /******/
+      })();
+      /******/
+      /******/ /* webpack/runtime/make namespace object */
+      /******/
+      (function () {
+        /******/ // define __esModule on exports
+        /******/__nested_webpack_require_987__.r = function (exports) {
+          /******/if (typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+            /******/Object.defineProperty(exports, Symbol.toStringTag, {
+              value: 'Module'
+            });
+            /******/
+          }
+          /******/
+          Object.defineProperty(exports, '__esModule', {
+            value: true
+          });
+          /******/
+        };
+        /******/
+      })();
+      /******/
+      /************************************************************************/
+      var __webpack_exports__ = {};
+      __nested_webpack_require_987__.r(__webpack_exports__);
+      /* harmony export */
+      __nested_webpack_require_987__.d(__webpack_exports__, {
+        /* harmony export */"dateFormat": function dateFormat() {
+          return (/* binding */_dateFormat
+          );
+        },
+        /* harmony export */"getCalendarDate": function getCalendarDate() {
+          return (/* binding */_getCalendarDate
+          );
+        },
+        /* harmony export */"getCurrentDate": function getCurrentDate() {
+          return (/* binding */_getCurrentDate
+          );
+        },
+        /* harmony export */"getCurrentDay": function getCurrentDay() {
+          return (/* binding */_getCurrentDay
+          );
+        },
+        /* harmony export */"getCurrentMonth": function getCurrentMonth() {
+          return (/* binding */_getCurrentMonth
+          );
+        },
+        /* harmony export */"getCurrentYear": function getCurrentYear() {
+          return (/* binding */_getCurrentYear
+          );
+        },
+        /* harmony export */"getFirstAndLastMonthDay": function getFirstAndLastMonthDay() {
+          return (/* binding */_getFirstAndLastMonthDay
+          );
+        },
+        /* harmony export */"getFullTime": function getFullTime() {
+          return (/* binding */_getFullTime
+          );
+        },
+        /* harmony export */"getLastDayInMonth": function getLastDayInMonth() {
+          return (/* binding */_getLastDayInMonth
+          );
+        },
+        /* harmony export */"getNextMonthDate": function getNextMonthDate() {
+          return (/* binding */_getNextMonthDate
+          );
+        },
+        /* harmony export */"getNextYearDate": function getNextYearDate() {
+          return (/* binding */_getNextYearDate
+          );
+        },
+        /* harmony export */"getNow": function getNow() {
+          return (/* binding */_getNow
+          );
+        },
+        /* harmony export */"getPrevMonthDate": function getPrevMonthDate() {
+          return (/* binding */_getPrevMonthDate
+          );
+        },
+        /* harmony export */"getPrevYearDate": function getPrevYearDate() {
+          return (/* binding */_getPrevYearDate
+          );
+        },
+        /* harmony export */"getSpecifiedDate": function getSpecifiedDate() {
+          return (/* binding */_getSpecifiedDate
+          );
+        },
+        /* harmony export */"getTodayDate": function getTodayDate() {
+          return (/* binding */_getTodayDate
+          );
+        },
+        /* harmony export */"getTomorrowDate": function getTomorrowDate() {
+          return (/* binding */_getTomorrowDate
+          );
+        },
+        /* harmony export */"getYesterdayDate": function getYesterdayDate() {
+          return (/* binding */_getYesterdayDate
+          );
+        },
+        /* harmony export */"isTimeString": function isTimeString() {
+          return (/* binding */_isTimeString
+          );
+        },
+        /* harmony export */"isValidDate": function isValidDate() {
+          return (/* binding */_isValidDate
+          );
+        },
+        /* harmony export */"isValidDay": function isValidDay() {
+          return (/* binding */_isValidDay
+          );
+        },
+        /* harmony export */"isValidHours": function isValidHours() {
+          return (/* binding */_isValidHours
+          );
+        },
+        /* harmony export */"isValidMinutesAndSeconds": function isValidMinutesAndSeconds() {
+          return (/* binding */_isValidMinutesAndSeconds
+          );
+        },
+        /* harmony export */"isValidMonth": function isValidMonth() {
+          return (/* binding */_isValidMonth
+          );
+        },
+        /* harmony export */"isValidYear": function isValidYear() {
+          return (/* binding */_isValidYear
+          );
+        },
+        /* harmony export */"padZero": function padZero() {
+          return (/* binding */_padZero
+          );
+        },
+        /* harmony export */"setDateDays": function setDateDays() {
+          return (/* binding */_setDateDays
+          );
+        },
+        /* harmony export */"setDateHours": function setDateHours() {
+          return (/* binding */_setDateHours
+          );
+        },
+        /* harmony export */"setDateMinutes": function setDateMinutes() {
+          return (/* binding */_setDateMinutes
+          );
+        },
+        /* harmony export */"timestampToDate": function timestampToDate() {
+          return (/* binding */_timestampToDate
+          );
+        }
+        /* harmony export */
+      });
+      /**
+       * The check string contains only hours, minutes, and seconds
+       * @returns {Boolean}  
+       */
+      function _isTimeString(str) {
+        // match "HH:mm:ss"
+        var timePattern = /^([01]\d|2[0-3]):([0-5]\d):([0-5]\d)$/;
+        return timePattern.test(str);
+      }
+
+      /**
+       * Get now
+       * @returns {Date}  // Wed Apr 17 2024 14:31:36 GMT+0800 (China Standard Time)
+       */
+      var _getNow = function getNow() {
+        return new Date(Date.now());
+      };
+
+      /**
+       * Zero Padding
+       * @param {Number} num
+       * @param {Boolean} padZeroEnabled 
+       * @returns {String}  '01', '05', '12'
+       */
+      var _padZero = function padZero(num) {
+        var padZeroEnabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+        if (padZeroEnabled) {
+          return num < 10 ? '0' + num : num.toString();
+        } else {
+          return num.toString();
+        }
+      };
+
+      /**
+       * Hours validation
+       * @param {*} v 
+       * @returns {Boolean}  
+       */
+      var _isValidHours = function isValidHours(v) {
+        return /^([01]?[0-9]|2[0-3])$/.test(v); //  0～23, 00～23
+      };
+
+      /**
+       * Minutes and Seconds validation
+       * @param {*} v 
+       * @returns {Boolean}  
+       */
+      var _isValidMinutesAndSeconds = function isValidMinutesAndSeconds(v) {
+        return /^([01]?[0-9]|[0-5][0-9])$/.test(v); //  0~59, 00~59
+      };
+
+      /**
+       * Year validation
+       * @param {*} v 
+       * @returns {Boolean}  
+       */
+      var _isValidYear = function isValidYear(v) {
+        return /^([1-9][0-9])\d{2}$/.test(v); //  1000 ～ 9999
+      };
+
+      /**
+       * Month validation
+       * @param {*} v 
+       * @returns {Boolean}  
+       */
+      var _isValidMonth = function isValidMonth(v) {
+        return /^(0?[1-9]|1[0-2])$/.test(v); //  01～12, 1~12
+      };
+
+      /**
+       * Day validation
+       * @param {*} v 
+       * @returns {Boolean}  
+       */
+      var _isValidDay = function isValidDay(v) {
+        return /^(0?[1-9]|[1-2][0-9]|3[0-1])$/.test(v); //  01～31, 1~31
+      };
+
+      /**
+       * Check if the string is legitimate
+       * @param {String} v 
+       * @returns {Boolean}  
+       */
+      var _isValidDate = function isValidDate(v) {
+        return !(String(new Date(v)).toLowerCase() === 'invalid date');
+      };
+
+      /**
+       * Get calendar date
+       * @param {Date | String} v 
+       * @returns {Date | String}  yyyy-MM-dd
+       */
+      function _dateFormat(v) {
+        var date = typeof v === 'string' ? new Date(v.replace(/-/g, "/")) : v; // fix "Invalid date in safari"
+        return date;
+      }
+
+      /**
+       * Get calendar date
+       * @param {Date | String} v 
+       * @param {Boolean} padZeroEnabled 
+       * @returns {String}  yyyy-MM-dd
+       */
+      function _getCalendarDate(v) {
+        var padZeroEnabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+        var date = _dateFormat(v);
+        var year = date.getFullYear();
+        var month = _padZero(date.getMonth() + 1, padZeroEnabled);
+        var day = _padZero(date.getDate(), padZeroEnabled);
+        var hours = _padZero(date.getHours(), padZeroEnabled);
+        var minutes = _padZero(date.getMinutes(), padZeroEnabled);
+        var seconds = _padZero(date.getSeconds(), padZeroEnabled);
+        var res = "".concat(year, "-").concat(month, "-").concat(day);
+        return res;
+      }
+
+      /**
+       * Get today date
+       * @returns {String}  yyyy-MM-dd
+       */
+      function _getTodayDate() {
+        return _getCalendarDate(new Date());
+      }
+
+      /**
+       * Get tomorrow date
+       * @param {Date | String} v 
+       * @returns {String}  yyyy-MM-dd
+       */
+      function _getTomorrowDate(v) {
+        var today = _dateFormat(v);
+        var _tomorrow = today;
+        _tomorrow.setDate(_tomorrow.getDate() + 1);
+        var tomorrow = _getCalendarDate(_tomorrow);
+        return tomorrow;
+      }
+
+      /**
+       * Get yesterday date
+       * @param {Date | String} v 
+       * @returns {String}  yyyy-MM-dd
+       */
+      function _getYesterdayDate(v) {
+        var today = _dateFormat(v);
+        var _yesterday = today;
+        _yesterday.setDate(_yesterday.getDate() - 1);
+        var yesterday = _getCalendarDate(_yesterday);
+        return yesterday;
+      }
+
+      /**
+       * Get specified date
+       * @param {Date | String} v 
+       * @param {Number} days  The number of days forward or backward, which can be a negative number
+       * @returns {String}  yyyy-MM-dd
+       */
+      /* console.log(getSpecifiedDate(getTodayDate(), -180)); // 2023-08-27 (180 days before February 23, 202) */
+      function _getSpecifiedDate(v, days) {
+        var today = _dateFormat(v);
+        var _specifiedDay = today;
+        _specifiedDay.setDate(_specifiedDay.getDate() + days);
+        var specifiedDay = _getCalendarDate(_specifiedDay);
+        return specifiedDay;
+      }
+
+      /**
+       * Get next month date
+       * @param {Date | String} v 
+       * @returns {String}  yyyy-MM-dd
+       */
+      function _getNextMonthDate(v) {
+        var today = _dateFormat(v);
+        today.setMonth(today.getMonth() + 1);
+        return _getCalendarDate(today);
+      }
+
+      /**
+       * Get previous month date
+       * @param {Date | String} v 
+       * @returns {String}  yyyy-MM-dd
+       */
+      function _getPrevMonthDate(v) {
+        var today = _dateFormat(v);
+        today.setMonth(today.getMonth() - 1);
+        return _getCalendarDate(today);
+      }
+
+      /**
+       * Get next year date
+       * @param {Date | String} v 
+       * @returns {String}  yyyy-MM-dd
+       */
+      function _getNextYearDate(v) {
+        var today = _dateFormat(v);
+        var current = new Date(today);
+        current.setFullYear(current.getFullYear() + 1);
+        return _getCalendarDate(current);
+      }
+
+      /**
+       * Get previous year date
+       * @param {Date | String} v 
+       * @returns {String}  yyyy-MM-dd
+       */
+      function _getPrevYearDate(v) {
+        var today = _dateFormat(v);
+        var current = new Date(today);
+        current.setFullYear(current.getFullYear() - 1);
+        return _getCalendarDate(current);
+      }
+
+      /**
+       * Get last day in month
+       * @param {Date | String} v 
+       * @param {?Number}  targetMonth 
+       * @returns {String | Number}  yyyy-MM-dd
+       */
+      /*
+      Example: Get last day in  next month 
+      
+      const _day = '2024-01-01';
+      const y = new Date(getNextMonthDate(_day)).getFullYear();
+      const m = String(new Date(getNextMonthDate(_day)).getMonth() + 1).padStart(2, '0');
+      const d = getLastDayInMonth(getNextMonthDate(_day), new Date(getNextMonthDate(_day)).getMonth() + 1);
+      
+      const lastDayOfNextMonth = `${y}-${m}-${d}`; // 2024-02-29
+      
+      */
+      function _getLastDayInMonth(v) {
+        var targetMonth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
+        var date = _dateFormat(v);
+        return new Date(date.getFullYear(), typeof targetMonth !== 'undefined' ? targetMonth : date.getMonth() - 1, 0).getDate();
+      }
+
+      /**
+       * Get current year
+       * @returns {Number}
+       */
+      function _getCurrentYear() {
+        return new Date().getFullYear();
+      }
+
+      /**
+       * Get current month
+       * @param {Boolean} padZeroEnabled 
+       * @returns {Number}
+       */
+      function _getCurrentMonth() {
+        var padZeroEnabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+        var m = new Date().getMonth() + 1;
+        return padZeroEnabled ? String(m).padStart(2, '0') : m;
+      }
+
+      /**
+       * Get current day
+       * @param {Boolean} padZeroEnabled 
+       * @returns {Number}
+       */
+      function _getCurrentDay() {
+        var padZeroEnabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+        var d = new Date().getDate();
+        return padZeroEnabled ? String(d).padStart(2, '0') : d;
+      }
+
+      /**
+       * Get first and last month day
+       * @param {Number} v 
+       * @param {Boolean} padZeroEnabled 
+       * @returns  {Array}
+       */
+      function _getFirstAndLastMonthDay(year) {
+        var padZeroEnabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+        var theFirst = new Date(year, 0, 1).getDate();
+        var theLast = new Date(year, 11, 31).getDate();
+        var padZero = function padZero(num) {
+          if (padZeroEnabled) {
+            return num < 10 ? '0' + num : num.toString();
+          } else {
+            return num.toString();
+          }
+        };
+        return [padZero(theFirst), padZero(theLast)];
+      }
+
+      /**
+       * Get current date
+       * @param {Boolean} padZeroEnabled 
+       * @typedef {String} JSON
+       */
+      function _getCurrentDate() {
+        var padZeroEnabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+        var date = new Date();
+        var padZero = function padZero(num) {
+          if (padZeroEnabled) {
+            return num < 10 ? '0' + num : num.toString();
+          } else {
+            return num.toString();
+          }
+        };
+        var year = date.getFullYear();
+        var month = padZero(date.getMonth() + 1);
+        var day = padZero(date.getDate());
+        var hours = padZero(date.getHours());
+        var minutes = padZero(date.getMinutes());
+        return {
+          today: "".concat(year, "-").concat(month, "-").concat(day),
+          yearStart: "".concat(year, "-01-01"),
+          yearEnd: "".concat(year, "-12-").concat(_getLastDayInMonth(date, 12))
+        };
+      }
+
+      /**
+       * Get full time
+       * @param {Date | String} v 
+       * @param {Boolean} padZeroEnabled 
+       * @param {Boolean} hasSeconds 
+       * @returns {String}  yyyy-MM-dd HH:mm:ss
+       */
+      function _getFullTime(v) {
+        var padZeroEnabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+        var hasSeconds = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+        var date = _dateFormat(v);
+        var padZero = function padZero(num) {
+          if (padZeroEnabled) {
+            return num < 10 ? '0' + num : num.toString();
+          } else {
+            return num.toString();
+          }
+        };
+        var year = date.getFullYear();
+        var month = padZero(date.getMonth() + 1);
+        var day = padZero(date.getDate());
+        var hours = padZero(date.getHours());
+        var minutes = padZero(date.getMinutes());
+        var seconds = padZero(date.getSeconds());
+        var res = "".concat(year, "-").concat(month, "-").concat(day, " ").concat(hours, ":").concat(minutes, ":").concat(seconds);
+        var res2 = "".concat(year, "-").concat(month, "-").concat(day, " ").concat(hours, ":").concat(minutes);
+        return hasSeconds ? res : res2;
+      }
+
+      /**
+       * Add hours
+       * @param {Date | String} v 
+       * @param {Number} offset
+       * @param {Boolean} padZeroEnabled 
+       * @returns {String}  yyyy-MM-dd HH:mm:ss
+       */
+      function _setDateHours(v, offset) {
+        var padZeroEnabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+        var date = _dateFormat(v);
+        var _cur = new Date(date).setTime(new Date(date).getTime() + offset * 60 * 60 * 1000);
+        return _getFullTime(new Date(_cur), padZeroEnabled);
+      }
+
+      /**
+       * Add minutes
+       * @param {Date | String} v 
+       * @param {Number} offset
+       * @param {Boolean} padZeroEnabled 
+       * @returns {String}  yyyy-MM-dd HH:mm:ss
+       */
+      function _setDateMinutes(v, offset) {
+        var padZeroEnabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+        var date = _dateFormat(v);
+        var _cur = new Date(date).setTime(new Date(date).getTime() + offset * 60 * 1000);
+        return _getFullTime(new Date(_cur), padZeroEnabled);
+      }
+      /**
+       * Add days
+       * @param {Date | String} v 
+       * @param {Number} offset
+       * @param {Boolean} padZeroEnabled 
+       * @returns {String}  yyyy-MM-dd HH:mm:ss
+       */
+      function _setDateDays(v, offset) {
+        var padZeroEnabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+        var date = _dateFormat(v);
+        var _cur = new Date(date).setTime(new Date(date).getTime() + offset * 24 * 60 * 60 * 1000);
+        return _getFullTime(new Date(_cur), padZeroEnabled);
+      }
+
+      /**
+       * Convert timestamp to date
+       * @param {Number} v 
+       * @param {Boolean} padZeroEnabled 
+       * @returns {String}  yyyy-MM-dd HH:mm:ss
+       */
+      function _timestampToDate(v) {
+        var padZeroEnabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+        return _getFullTime(new Date(v), padZeroEnabled);
+      }
+
+      /******/
+      return __webpack_exports__;
+      /******/
+    }()
+  );
+});
+
+/***/ }),
+
 /***/ 767:
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -3013,8 +3611,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var funda_utils_dist_cjs_useClickOutside__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(funda_utils_dist_cjs_useClickOutside__WEBPACK_IMPORTED_MODULE_4__);
 /* harmony import */ var funda_utils_dist_cjs_getElementProperty__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(767);
 /* harmony import */ var funda_utils_dist_cjs_getElementProperty__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(funda_utils_dist_cjs_getElementProperty__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(188);
-/* harmony import */ var funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var funda_utils_dist_cjs_date__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(322);
+/* harmony import */ var funda_utils_dist_cjs_date__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(funda_utils_dist_cjs_date__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(188);
+/* harmony import */ var funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_7__);
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
@@ -3036,8 +3636,10 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 
 
+
 var EventCalendarTimeline = function EventCalendarTimeline(props) {
-  var calendarWrapperClassName = props.calendarWrapperClassName,
+  var contentRef = props.contentRef,
+    calendarWrapperClassName = props.calendarWrapperClassName,
     tableWrapperClassName = props.tableWrapperClassName,
     tableClassName = props.tableClassName,
     tableHeadClassName = props.tableHeadClassName,
@@ -3053,8 +3655,11 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
     langMonthsFull = props.langMonthsFull,
     langToday = props.langToday,
     iconRemove = props.iconRemove,
+    iconAdd = props.iconAdd,
     cellCloseBtnClassName = props.cellCloseBtnClassName,
     cellCloseBtnLabel = props.cellCloseBtnLabel,
+    cellAddBtnClassName = props.cellAddBtnClassName,
+    cellAddBtnLabel = props.cellAddBtnLabel,
     forwardAndBackFillDisabled = props.forwardAndBackFillDisabled,
     draggable = props.draggable,
     showWeek = props.showWeek,
@@ -3101,10 +3706,17 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
   var WEEK_FULL = langWeekFull || ['MONDAY', 'TUESDAY', 'WEDNESDAY', 'THURSDAY', 'FRIDAY', 'SATURDAY', 'SUNDAY'];
   var MONTHS = langMonths || ['JAN', 'FEB', 'MAR', 'APR', 'MAY', 'JUN', 'JUL', 'AUG', 'SEP', 'OCT', 'NOV', 'DEC'];
   var MONTHS_FULL = langMonthsFull || ['January', 'Febuary', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
+
+  // orginal data
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),
     _useState2 = _slicedToArray(_useState, 2),
     val = _useState2[0],
     setVal = _useState2[1];
+
+  //
+  var FILL_BLANK_DATE_DISABLD = typeof forwardAndBackFillDisabled === 'undefined' ? true : forwardAndBackFillDisabled;
+
+  //
   var now = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
     return new Date();
   }, []);
@@ -3156,6 +3768,7 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
 
   // modal dialog
   var EVENTS_ENABLED = typeof modalContent !== 'undefined';
+  var EVENTS_DELETE_ENABLED = typeof modalDeleteContent !== 'undefined';
   var _useState23 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
     _useState24 = _slicedToArray(_useState23, 2),
     showEdit = _useState24[0],
@@ -3175,23 +3788,73 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
   var scrollHeaderRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
   var scrollBodyRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
   var scrollListRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+
+  // Open temporary storage for pop-ups
   var _useState27 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(-1),
     _useState28 = _slicedToArray(_useState27, 2),
     tableRowNum = _useState28[0],
     setTableRowNum = _useState28[1];
+  var _useState29 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(-1),
+    _useState30 = _slicedToArray(_useState29, 2),
+    tableCellId = _useState30[0],
+    setTableCellId = _useState30[1];
 
   // table grid tooltip
   var CELL_TOOLTIP_EXCEEDED_SIDE_POS_OFFSET = Number(tableTooltipExceededSidePosOffset) || 15;
   var CELL_TOOLTIP_POS_OFFSET = typeof tableTooltipOffset === 'undefined' ? 10 : tableTooltipOffset;
   var tableTooltipModalRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
-  var _useState29 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
-    _useState30 = _slicedToArray(_useState29, 2),
-    isShowTableTooltip = _useState30[0],
-    setIsShowTableTooltip = _useState30[1];
-  var _useState31 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),
+  var _useState31 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
     _useState32 = _slicedToArray(_useState31, 2),
-    tableTooltipContent = _useState32[0],
-    setTableTooltipContent = _useState32[1];
+    isShowTableTooltip = _useState32[0],
+    setIsShowTableTooltip = _useState32[1];
+  var _useState33 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),
+    _useState34 = _slicedToArray(_useState33, 2),
+    tableTooltipContent = _useState34[0],
+    setTableTooltipContent = _useState34[1];
+
+  // exposes the following methods
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useImperativeHandle)(contentRef, function () {
+    return {
+      gridInit: function gridInit() {
+        tableGridInit();
+      },
+      gridReset: function gridReset(cb) {
+        tableGridReset();
+      }
+    };
+  }, [contentRef]);
+
+  // helper buttons
+  var _delBtn = function _delBtn() {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, iconRemove ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, iconRemove) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", {
+      width: "20px",
+      height: "20px",
+      viewBox: "0 0 24 24",
+      fill: "none"
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10ZM8 11a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2H8Z",
+      fill: "#000"
+    }))), cellCloseBtnLabel || '');
+  };
+  var _addBtn = function _addBtn() {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, iconAdd ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, iconAdd) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", {
+      width: "20px",
+      height: "20px",
+      viewBox: "0 0 32 32"
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("g", {
+      stroke: "none",
+      strokeWidth: "1",
+      fill: "none",
+      fillRule: "evenodd"
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("g", {
+      transform: "translate(-102.000000, -1037.000000)",
+      fill: "#000000"
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path", {
+      d: "M124,1054 L119,1054 L119,1059 C119,1059.55 118.552,1060 118,1060 C117.448,1060 117,1059.55 117,1059 L117,1054 L112,1054 C111.448,1054 111,1053.55 111,1053 C111,1052.45 111.448,1052 112,1052 L117,1052 L117,1047 C117,1046.45 117.448,1046 118,1046 C118.552,1046 119,1046.45 119,1047 L119,1052 L124,1052 C124.552,1052 125,1052.45 125,1053 C125,1053.55 124.552,1054 124,1054 L124,1054 Z M130,1037 L106,1037 C103.791,1037 102,1038.79 102,1041 L102,1065 C102,1067.21 103.791,1069 106,1069 L130,1069 C132.209,1069 134,1067.21 134,1065 L134,1041 C134,1038.79 132.209,1037 130,1037 L130,1037 Z"
+    }))))), cellAddBtnLabel || '');
+  };
 
   // click outside
   funda_utils_dist_cjs_useClickOutside__WEBPACK_IMPORTED_MODULE_4___default()({
@@ -3204,24 +3867,6 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
       hideTableTooltip();
     }
   }, [isShowTableTooltip, tableGridRef]);
-  var padZero = function padZero(num) {
-    var padZeroEnabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-    if (padZeroEnabled) {
-      return num < 10 ? '0' + num : num.toString();
-    } else {
-      return num.toString();
-    }
-  };
-  var isValidDate = function isValidDate(v) {
-    return !(String(new window.Date(v)).toLowerCase() === 'invalid date');
-  };
-  var dateFormat = function dateFormat(v) {
-    var date = typeof v === 'string' ? new window.Date(v.replace(/-/g, "/")) : v; // fix "Invalid date in safari"
-    return date;
-  };
-  var getTodayDate = function getTodayDate() {
-    return getCalendarDate(new Date());
-  };
 
   // cell
   var getCells = function getCells() {
@@ -3300,6 +3945,37 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
       return [];
     }
   };
+  var queryItemObj = function queryItemObj() {
+    var curRowData = val[tableRowNum];
+    if (curRowData) {
+      var eventSourcesData = curRowData.eventSources;
+      var _rowData = eventSourcesData.filter(function (item) {
+        return (0,funda_utils_dist_cjs_date__WEBPACK_IMPORTED_MODULE_6__.getCalendarDate)(item.date) === (0,funda_utils_dist_cjs_date__WEBPACK_IMPORTED_MODULE_6__.getCalendarDate)("".concat(year, "-").concat(month + 1, "-").concat(day));
+      });
+      var _currentData = undefined;
+      if (_rowData[0]) {
+        var _items = _rowData[0].list;
+        if (tableCellId === -1) {
+          // add new
+          _currentData = {
+            rowData: curRowData.listSection,
+            id: 0,
+            date: (0,funda_utils_dist_cjs_date__WEBPACK_IMPORTED_MODULE_6__.getCalendarDate)("".concat(year, "-").concat(month + 1, "-").concat(day))
+          };
+        } else {
+          // edit or delete
+          _currentData = _items.filter(function (item) {
+            return item.id == tableCellId;
+          })[0];
+        }
+      }
+      return _rowData[0] ? _currentData : {
+        rowData: curRowData.listSection,
+        id: 0,
+        date: (0,funda_utils_dist_cjs_date__WEBPACK_IMPORTED_MODULE_6__.getCalendarDate)("".concat(year, "-").concat(month + 1, "-").concat(day))
+      };
+    }
+  };
 
   // ================================================================
   // Table Grid drag & drop
@@ -3369,7 +4045,7 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
       }
 
       // Determine whether it exceeds the far right or left side of the screen
-      var _modalContent = _tableTooltipModalRef.querySelector('.e-cal-tl-table__cell-tooltipcontent');
+      var _modalContent = _tableTooltipModalRef.querySelector('.e-cal-timeline-table__cell-tooltipcontent');
       var _modalBox = _modalContent.getBoundingClientRect();
       if (typeof _modalContent.dataset.offset === 'undefined' && _modalBox.left > 0) {
         // 10 pixels is used to account for some bias in mobile devices
@@ -3400,28 +4076,6 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
   // ================================================================
   // Calendar
   // ================================================================
-
-  function getCalendarDate(v) {
-    var padZeroEnabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-    if (typeof v === 'undefined') return '';
-
-    // yyyy-MM-dd
-    var date = typeof v === 'string' ? new Date(v.replace(/-/g, "/")) : v; // fix "Invalid date in safari"
-    var padZero = function padZero(num) {
-      if (padZeroEnabled) {
-        return num < 10 ? '0' + num : num.toString();
-      } else {
-        return num.toString();
-      }
-    };
-    var year = date.getFullYear();
-    var month = padZero(date.getMonth() + 1);
-    var day = padZero(date.getDate());
-    var hours = padZero(date.getHours());
-    var minutes = padZero(date.getMinutes());
-    var res = "".concat(year, "-").concat(month, "-").concat(day);
-    return res;
-  }
   function setTodayDate(inputDate) {
     setDay(inputDate.getDate());
     setMonth(inputDate.getMonth());
@@ -3432,7 +4086,7 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
     setSelectedMonth(inputDate.getMonth());
     setSelectedYear(inputDate.getFullYear());
 
-    // table grid
+    // initialize table grid
     setTimeout(function () {
       tableGridInit();
     }, 500);
@@ -3455,8 +4109,8 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
 
       //
       onChangeMonth === null || onChangeMonth === void 0 ? void 0 : onChangeMonth({
-        day: padZero(day),
-        month: padZero(_date.getMonth() + 1),
+        day: (0,funda_utils_dist_cjs_date__WEBPACK_IMPORTED_MODULE_6__.padZero)(day),
+        month: (0,funda_utils_dist_cjs_date__WEBPACK_IMPORTED_MODULE_6__.padZero)(_date.getMonth() + 1),
         year: _date.getFullYear().toString()
       });
 
@@ -3475,8 +4129,8 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
 
       //
       onChangeMonth === null || onChangeMonth === void 0 ? void 0 : onChangeMonth({
-        day: padZero(day),
-        month: padZero(_date.getMonth() + 1),
+        day: (0,funda_utils_dist_cjs_date__WEBPACK_IMPORTED_MODULE_6__.padZero)(day),
+        month: (0,funda_utils_dist_cjs_date__WEBPACK_IMPORTED_MODULE_6__.padZero)(_date.getMonth() + 1),
         year: _date.getFullYear().toString()
       });
 
@@ -3509,8 +4163,8 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
 
     //
     onChangeMonth === null || onChangeMonth === void 0 ? void 0 : onChangeMonth({
-      day: padZero(day),
-      month: padZero(currentIndex + 1),
+      day: (0,funda_utils_dist_cjs_date__WEBPACK_IMPORTED_MODULE_6__.padZero)(day),
+      month: (0,funda_utils_dist_cjs_date__WEBPACK_IMPORTED_MODULE_6__.padZero)(currentIndex + 1),
       year: year.toString()
     });
 
@@ -3523,7 +4177,7 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
     setTodayDate(now);
 
     //
-    var _now = getTodayDate().split('-');
+    var _now = (0,funda_utils_dist_cjs_date__WEBPACK_IMPORTED_MODULE_6__.getTodayDate)().split('-');
     onChangeToday === null || onChangeToday === void 0 ? void 0 : onChangeToday({
       day: _now[2],
       month: _now[1],
@@ -3557,9 +4211,9 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
       }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("td", {
         role: "gridcell",
         "data-resource-index": i,
-        className: "e-cal-tl-table__datagrid-cell"
+        className: "e-cal-timeline-table__datagrid-cell"
       }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-        className: "e-cal-tl-table__cell-cushion e-cal-tl-table__cell-cushion-title",
+        className: "e-cal-timeline-table__cell-cushion e-cal-timeline-table__cell-cushion-title",
         dangerouslySetInnerHTML: {
           __html: item.listSection.title
         }
@@ -3571,28 +4225,52 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
     var listSectionData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
     var rowIndex = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
     var showEvents = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-    if (forwardAndBackFillDisabled) {
-      //#######################
+    // colIndex
+    var colIndex = 0;
+    return getCells().map(function (item, j) {
+      var isFirstRow = j === 0;
+      var isLastRow = j === getCells().length - 1;
 
-      // colIndex
-      var colIndex = 0;
-      return getCells().map(function (item, j) {
-        return item.col.map(function (dayIndex, i) {
-          colIndex++;
-          var d = typeof dayIndex === 'number' ? dayIndex - (startDay - 2) : 0;
-          var _currentData = eventSourcesData.filter(function (item) {
-            return getCalendarDate(item.date) === getCalendarDate("".concat(year, "-").concat(month + 1, "-").concat(d));
-          });
-          var isLastCol = colIndex === 7 * getCells().length;
+      // forward fill
+      var __forwardFillNum = getForwardFill();
 
-          // date
-          var _dateShow = d > 0 ? "".concat(year, "-").concat(month + 1, "-").concat(d) : '';
+      // back fill
+      var __backFillNum = getBackFill();
+      return item.col.map(function (dayIndex, i) {
+        colIndex++;
+        var d = typeof dayIndex === 'number' ? dayIndex - (startDay - 2) : 0;
+        var _currentData = eventSourcesData.filter(function (item) {
+          return (0,funda_utils_dist_cjs_date__WEBPACK_IMPORTED_MODULE_6__.getCalendarDate)(item.date) === (0,funda_utils_dist_cjs_date__WEBPACK_IMPORTED_MODULE_6__.getCalendarDate)("".concat(year, "-").concat(month + 1, "-").concat(d));
+        });
+        var isLastCol = colIndex === 7 * getCells().length;
+
+        // date
+        var _dateShow = d > 0 ? "".concat(year, "-").concat(month + 1, "-").concat(d) : '';
+
+        // forward & back
+        if (isFirstRow && __forwardFillNum && _dateShow === '') {
+          if (month + 1 === 1) {
+            _dateShow = "".concat(year - 1, "-12-").concat(__forwardFillNum[i]);
+          } else {
+            _dateShow = "".concat(year, "-").concat(month, "-").concat(__forwardFillNum[i]);
+          }
+        }
+        if (isLastRow && __backFillNum && _dateShow === '') {
+          if (month + 1 === 12) {
+            _dateShow = "".concat(year + 1, "-1-").concat(__backFillNum[i - item.col.filter(Boolean).length]);
+          } else {
+            _dateShow = "".concat(year, "-").concat(month + 2, "-").concat(__backFillNum[i - item.col.filter(Boolean).length]);
+          }
+        }
 
-          // days
-          //------
-          if (!showEvents) {
-            return d > 0 && d <= days[month] ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("th", {
-              className: (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_6__.combinedCls)('e-cal-tl-table__cell-cushion-headercontent__container', {
+        // days
+        //------
+        if (!showEvents) {
+          var _thContent = function _thContent() {
+            var isForward = isFirstRow && __forwardFillNum && typeof __forwardFillNum[i] !== 'undefined';
+            var isBack = isLastRow && __backFillNum && typeof __backFillNum[i - item.col.filter(Boolean).length] !== 'undefined';
+            return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("th", {
+              className: (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_7__.combinedCls)('e-cal-timeline-table__cell-cushion-headercontent__container', {
                 'empty': d <= 0,
                 'today': d === now.getDate(),
                 'selected': d === day,
@@ -3602,8 +4280,8 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
               "data-index": colIndex - 1,
               "data-datagrid-col": colIndex - 1,
               colSpan: 1,
-              "data-date": getCalendarDate(_dateShow),
-              "data-day": padZero(d),
+              "data-date": (0,funda_utils_dist_cjs_date__WEBPACK_IMPORTED_MODULE_6__.getCalendarDate)(_dateShow),
+              "data-day": (0,funda_utils_dist_cjs_date__WEBPACK_IMPORTED_MODULE_6__.padZero)(d),
               "data-week": i,
               style: {
                 minWidth: CELL_MIN_W + 'px'
@@ -3611,31 +4289,40 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
               onClick: function onClick(e) {
                 // update row data
                 setTableRowNum(-1);
+
+                // update cell data
+                setTableCellId(-1);
                 if (_currentData.length > 0) {
                   _currentData[0].rowData = listSectionData;
                 }
 
                 //
                 if (d > 0) {
-                  handleDayChange(e, d);
+                  handleDayChange(e, d); // update current day
+
                   onChangeDate === null || onChangeDate === void 0 ? void 0 : onChangeDate(e, _currentData.length === 0 ? {
                     rowData: listSectionData,
                     id: 0,
-                    date: getCalendarDate("".concat(year, "-").concat(month + 1, "-").concat(d))
+                    date: (0,funda_utils_dist_cjs_date__WEBPACK_IMPORTED_MODULE_6__.getCalendarDate)("".concat(year, "-").concat(month + 1, "-").concat(d))
                   } : _currentData[0]);
                   if (EVENTS_ENABLED) {
                     onModalEditOpen === null || onModalEditOpen === void 0 ? void 0 : onModalEditOpen(_currentData.length === 0 ? {
                       rowData: listSectionData,
                       id: 0,
-                      date: getCalendarDate("".concat(year, "-").concat(month + 1, "-").concat(d))
+                      date: (0,funda_utils_dist_cjs_date__WEBPACK_IMPORTED_MODULE_6__.getCalendarDate)("".concat(year, "-").concat(month + 1, "-").concat(d))
                     } : _currentData[0], function () {
                       return setShowEdit(true);
-                    });
+                    }, 'normal');
                   }
                 }
               }
-            }, d > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-              className: "e-cal-tl-table__cell-cushion e-cal-tl-table__cell-cushion-headercontent",
+            }, !FILL_BLANK_DATE_DISABLD && isForward ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+              className: "e-cal-timeline-table__cell-cushion e-cal-timeline-table__cell-cushion-headercontent disabled",
+              style: {
+                width: CELL_MIN_W - 1 + 'px'
+              }
+            }, __forwardFillNum[i])) : null, d > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, FILL_BLANK_DATE_DISABLD ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+              className: "e-cal-timeline-table__cell-cushion e-cal-timeline-table__cell-cushion-headercontent",
               style: {
                 width: CELL_MIN_W - 1 + 'px'
               }
@@ -3643,359 +4330,236 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
               dangerouslySetInnerHTML: {
                 __html: WEEK[i]
               }
-            }) : null)) : null) : null;
-          }
-
-          // events
-          //------
-          if (showEvents) {
-            var _eventContentTooltip = _currentData.length > 0 ? typeof _currentData[0] !== 'undefined' ? typeof _currentData[0].dataTooltip === 'undefined' ? '' : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-              className: "e-cal-tl__day__event-tooltipcontent",
-              dangerouslySetInnerHTML: {
-                __html: _currentData[0].dataTooltip
+            }) : null)) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+              className: "e-cal-timeline-table__cell-cushion e-cal-timeline-table__cell-cushion-headercontent",
+              style: {
+                width: CELL_MIN_W - 1 + 'px'
               }
-            })) : '' : '';
-            var _eventContent = _currentData.length > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-              className: "e-cal-tl__day__event",
-              style: typeof _currentData[0] !== 'undefined' && _currentData[0].eventStyles !== 'undefined' ? _currentData[0].eventStyles : {},
-              dangerouslySetInnerHTML: {
-                __html: _currentData[0].data
+            }, d))) : null, !FILL_BLANK_DATE_DISABLD && isBack ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+              className: "e-cal-timeline-table__cell-cushion e-cal-timeline-table__cell-cushion-headercontent disabled",
+              style: {
+                width: CELL_MIN_W - 1 + 'px'
               }
-            }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-              className: "e-cal-tl__day__eventdel ".concat(cellCloseBtnClassName || '')
-            }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
-              href: "#",
-              tabIndex: -1,
-              className: "align-middle",
-              onClick: function onClick(e) {
-                e.preventDefault();
-                e.stopPropagation();
-                setShowDelete(true);
-                var _existsContent = _currentData[0];
-                if (typeof _existsContent !== 'undefined') {
-                  _existsContent.rowData = listSectionData;
+            }, __backFillNum[i - item.col.filter(Boolean).length])) : null);
+          };
+          if (!FILL_BLANK_DATE_DISABLD) {
+            return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, _thContent());
+          } else {
+            return d > 0 && d <= days[month] ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, _thContent()) : null;
+          }
+        }
+
+        // events
+        //------
+        if (showEvents) {
+          var _eventContent = function _eventContent() {
+            if (_currentData.length === 0 || !Array.isArray(_currentData) || typeof _currentData[0].list === 'undefined') {
+              return null;
+            }
+
+            //
+            var _items = _currentData[0].list;
+            return _items.map(function (cellItem, cellItemIndex) {
+              var _eventContentTooltip = typeof cellItem.dataTooltip === 'undefined' ? '' : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+                className: "e-cal-timeline__day__event-tooltipcontent",
+                dangerouslySetInnerHTML: {
+                  __html: cellItem.dataTooltip
                 }
-                onModalDeleteOpen === null || onModalDeleteOpen === void 0 ? void 0 : onModalDeleteOpen(_currentData.length === 0 ? {
-                  rowData: listSectionData,
-                  id: 0,
-                  date: getCalendarDate("".concat(year, "-").concat(month + 1, "-").concat(d))
-                } : _existsContent);
-              }
-            }, iconRemove ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, iconRemove) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", {
-              width: "20px",
-              height: "20px",
-              viewBox: "0 0 24 24",
-              fill: "none"
-            }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path", {
-              fillRule: "evenodd",
-              clipRule: "evenodd",
-              d: "M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10ZM8 11a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2H8Z",
-              fill: "#000"
-            }))), cellCloseBtnLabel || ''))) : '';
-            return d > 0 && d <= days[month] ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("td", {
-              className: (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_6__.combinedCls)('e-cal-tl-table__cell-cushion-content__container e-cal-tl-table__cell-tooltiptrigger', {
-                'has-event': eventSourcesData && _currentData.length > 0,
-                'empty': d <= 0,
-                'today': d === now.getDate(),
-                'selected': d === day && tableRowNum === rowIndex,
-                'last-cell': isLastCol
-              }),
-              key: "col" + i,
-              "data-overlay-id": "e-cal-tl-table__cell-tooltipwrapper-".concat(idRes),
-              "data-index": colIndex - 1,
-              colSpan: 1,
-              "data-date": getCalendarDate(_dateShow),
-              "data-day": padZero(d),
-              "data-week": i,
-              "data-row": rowIndex,
-              onMouseEnter: function onMouseEnter(e) {
-                onCellMouseEnter === null || onCellMouseEnter === void 0 ? void 0 : onCellMouseEnter(e);
-                if (_eventContentTooltip !== '') {
-                  if (typeof tableTooltipDisabled === 'undefined' || tableTooltipDisabled === false) {
-                    if (_eventContent !== '') {
+              }));
+              return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+                className: (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_7__.combinedCls)("e-cal-timeline-table__cell-cushion-content__item e-cal-timeline-table__cell-cushion-content__item-".concat(cellItemIndex), {
+                  'first': cellItemIndex === 0,
+                  'last': cellItemIndex === _items.length - 1
+                }),
+                key: "cell-item-".concat(rowIndex, "-").concat(cellItemIndex, "}"),
+                "data-overlay-id": "e-cal-timeline-table__cell-tooltipwrapper-".concat(idRes),
+                "data-cell-item-index": cellItemIndex,
+                "data-date": (0,funda_utils_dist_cjs_date__WEBPACK_IMPORTED_MODULE_6__.getCalendarDate)(_dateShow),
+                "data-day": (0,funda_utils_dist_cjs_date__WEBPACK_IMPORTED_MODULE_6__.padZero)(d),
+                "data-week": i,
+                "data-row": rowIndex,
+                onMouseEnter: function onMouseEnter(e) {
+                  e.stopPropagation();
+                  if (_eventContentTooltip !== '') {
+                    if (typeof tableTooltipDisabled === 'undefined' || tableTooltipDisabled === false) {
                       handleTableTooltipMouseEnter(e, _eventContentTooltip);
                     }
                   }
-                }
-              },
-              onMouseLeave: function onMouseLeave(e) {
-                onCellMouseLeave === null || onCellMouseLeave === void 0 ? void 0 : onCellMouseLeave(e);
-                if (_eventContentTooltip !== '') {
-                  if (typeof tableTooltipDisabled === 'undefined' || tableTooltipDisabled === false) {
-                    if (_eventContent !== '') {
+                },
+                onMouseLeave: function onMouseLeave(e) {
+                  e.stopPropagation();
+                  if (_eventContentTooltip !== '') {
+                    if (typeof tableTooltipDisabled === 'undefined' || tableTooltipDisabled === false) {
                       handleTableTooltipMouseLeave();
                     }
                   }
-                }
-              },
-              onClick: function onClick(e) {
-                //
-                onCellClick === null || onCellClick === void 0 ? void 0 : onCellClick(e);
-
-                // update row data
-                setTableRowNum(rowIndex);
-                if (_currentData.length > 0) {
-                  _currentData[0].rowData = listSectionData;
-                }
-
-                //
-                if (d > 0) {
-                  handleDayChange(e, d);
-                  onChangeDate === null || onChangeDate === void 0 ? void 0 : onChangeDate(e, _currentData.length === 0 ? {
-                    rowData: listSectionData,
-                    id: 0,
-                    date: getCalendarDate("".concat(year, "-").concat(month + 1, "-").concat(d))
-                  } : _currentData[0]);
-                  if (EVENTS_ENABLED) {
-                    onModalEditOpen === null || onModalEditOpen === void 0 ? void 0 : onModalEditOpen(_currentData.length === 0 ? {
-                      rowData: listSectionData,
-                      id: 0,
-                      date: getCalendarDate("".concat(year, "-").concat(month + 1, "-").concat(d))
-                    } : _currentData[0], function () {
-                      return setShowEdit(true);
-                    });
-                  }
-                }
-              }
-            }, d > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-              className: "e-cal-tl-table__cell-cushion e-cal-tl-table__cell-cushion-content"
-            }, _eventContent)) : null) : null;
-          }
-        });
-      });
+                },
+                onClick: function onClick(e) {
+                  var _cellItem$callback;
+                  e.stopPropagation();
 
-      //#######################
-    } else {
-      //#######################
+                  // update row data
+                  setTableRowNum(rowIndex);
 
-      // colIndex
-      var _colIndex = 0;
-      return getCells().map(function (item, j) {
-        var isFirstRow = j === 0;
-        var isLastRow = j === getCells().length - 1;
+                  // update cell data
+                  setTableCellId(cellItem.id);
+                  cellItem.rowData = listSectionData;
 
-        // forward fill
-        var __forwardFillNum = getForwardFill();
+                  // Callback
+                  (_cellItem$callback = cellItem.callback) === null || _cellItem$callback === void 0 ? void 0 : _cellItem$callback.call(cellItem);
 
-        // back fill
-        var __backFillNum = getBackFill();
-        return item.col.map(function (dayIndex, i) {
-          _colIndex++;
-          var d = typeof dayIndex === 'number' ? dayIndex - (startDay - 2) : 0;
-          var _currentData = eventSourcesData.filter(function (item) {
-            return getCalendarDate(item.date) === getCalendarDate("".concat(year, "-").concat(month + 1, "-").concat(d));
-          });
-          var isLastCol = _colIndex === 7 * getCells().length;
-
-          // date
-          var _dateShow = d > 0 ? "".concat(year, "-").concat(month + 1, "-").concat(d) : '';
-          if (isFirstRow && __forwardFillNum && _dateShow === '') {
-            if (month + 1 === 1) {
-              _dateShow = "".concat(year - 1, "-12-").concat(__forwardFillNum[i]);
-            } else {
-              _dateShow = "".concat(year, "-").concat(month, "-").concat(__forwardFillNum[i]);
-            }
-          }
-          if (isLastRow && __backFillNum && _dateShow === '') {
-            if (month + 1 === 12) {
-              _dateShow = "".concat(year + 1, "-1-").concat(__backFillNum[i - item.col.filter(Boolean).length]);
-            } else {
-              _dateShow = "".concat(year, "-").concat(month + 2, "-").concat(__backFillNum[i - item.col.filter(Boolean).length]);
-            }
-          }
+                  //
+                  if (d > 0) {
+                    handleDayChange(e, d); // update current day
 
-          // days
-          //------
-          if (!showEvents) {
-            return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("th", {
-              className: (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_6__.combinedCls)('e-cal-tl-table__cell-cushion-headercontent__container', {
-                'empty': d <= 0,
-                'today': d === now.getDate(),
-                'selected': d === day,
-                'last-cell': isLastCol
-              }),
-              key: "col" + i,
-              "data-index": _colIndex - 1,
-              "data-datagrid-col": _colIndex - 1,
-              colSpan: 1,
-              "data-date": getCalendarDate(_dateShow),
-              "data-day": padZero(d),
-              "data-week": i,
-              style: {
-                minWidth: CELL_MIN_W + 'px'
-              },
-              onClick: function onClick(e) {
-                // update row data
-                setTableRowNum(-1);
-                if (_currentData.length > 0) {
-                  _currentData[0].rowData = listSectionData;
+                    onChangeDate === null || onChangeDate === void 0 ? void 0 : onChangeDate(e, cellItem);
+                    if (EVENTS_ENABLED) {
+                      onModalEditOpen === null || onModalEditOpen === void 0 ? void 0 : onModalEditOpen(cellItem, function () {
+                        return setShowEdit(true);
+                      }, 'normal');
+                    }
+                  }
                 }
+              }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+                className: "e-cal-timeline__day__event",
+                style: typeof cellItem !== 'undefined' && cellItem.eventStyles !== 'undefined' ? cellItem.eventStyles : {},
+                dangerouslySetInnerHTML: {
+                  __html: cellItem.data
+                }
+              }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+                className: "e-cal-timeline__day__eventdel ".concat(cellCloseBtnClassName || '')
+              }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
+                href: "#",
+                tabIndex: -1,
+                className: "align-middle",
+                "data-date": (0,funda_utils_dist_cjs_date__WEBPACK_IMPORTED_MODULE_6__.getCalendarDate)(_dateShow),
+                "data-day": (0,funda_utils_dist_cjs_date__WEBPACK_IMPORTED_MODULE_6__.padZero)(d),
+                "data-week": i,
+                "data-row": rowIndex,
+                onClick: function onClick(e) {
+                  e.preventDefault();
+                  e.stopPropagation();
+
+                  // update row data
+                  setTableRowNum(rowIndex);
+
+                  // update cell data
+                  setTableCellId(cellItem.id);
+                  var _existsContent = cellItem;
+                  if (typeof _existsContent !== 'undefined') {
+                    _existsContent.rowData = listSectionData;
+                  }
 
-                //
-                if (d > 0) {
-                  handleDayChange(e, d);
-                  onChangeDate === null || onChangeDate === void 0 ? void 0 : onChangeDate(e, _currentData.length === 0 ? {
-                    rowData: listSectionData,
-                    id: 0,
-                    date: getCalendarDate("".concat(year, "-").concat(month + 1, "-").concat(d))
-                  } : _currentData[0]);
-                  if (EVENTS_ENABLED) {
-                    onModalEditOpen === null || onModalEditOpen === void 0 ? void 0 : onModalEditOpen(_currentData.length === 0 ? {
+                  //
+                  if (d > 0) {
+                    handleDayChange(e, d); // update current day
+
+                    onChangeDate === null || onChangeDate === void 0 ? void 0 : onChangeDate(e, {
                       rowData: listSectionData,
                       id: 0,
-                      date: getCalendarDate("".concat(year, "-").concat(month + 1, "-").concat(d))
-                    } : _currentData[0], function () {
-                      return setShowEdit(true);
+                      date: (0,funda_utils_dist_cjs_date__WEBPACK_IMPORTED_MODULE_6__.getCalendarDate)("".concat(year, "-").concat(month + 1, "-").concat(d))
                     });
+                    if (EVENTS_DELETE_ENABLED) {
+                      onModalDeleteOpen === null || onModalDeleteOpen === void 0 ? void 0 : onModalDeleteOpen(_existsContent, function () {
+                        return setShowDelete(true);
+                      });
+                    }
                   }
                 }
-              }
-            }, isFirstRow && __forwardFillNum && typeof __forwardFillNum[i] !== 'undefined' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-              className: "e-cal-tl-table__cell-cushion e-cal-tl-table__cell-cushion-headercontent disabled",
-              style: {
-                width: CELL_MIN_W - 1 + 'px'
-              }
-            }, __forwardFillNum[i])) : null, d > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-              className: "e-cal-tl-table__cell-cushion e-cal-tl-table__cell-cushion-headercontent",
-              style: {
-                width: CELL_MIN_W - 1 + 'px'
-              }
-            }, d)) : null, isLastRow && __backFillNum && typeof __backFillNum[i - item.col.filter(Boolean).length] !== 'undefined' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-              className: "e-cal-tl-table__cell-cushion e-cal-tl-table__cell-cushion-headercontent disabled",
-              style: {
-                width: CELL_MIN_W - 1 + 'px'
-              }
-            }, __backFillNum[i - item.col.filter(Boolean).length])) : null);
-          }
-
-          // events
-          //------
-          if (showEvents) {
-            var _eventContentTooltip = _currentData.length > 0 ? typeof _currentData[0] !== 'undefined' ? typeof _currentData[0].dataTooltip === 'undefined' ? '' : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-              className: "e-cal-tl__day__event-tooltipcontent",
-              dangerouslySetInnerHTML: {
-                __html: _currentData[0].dataTooltip
-              }
-            })) : '' : '';
-            var _eventContent = _currentData.length > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-              className: "e-cal-tl__day__event",
-              style: typeof _currentData[0] !== 'undefined' && _currentData[0].eventStyles !== 'undefined' ? _currentData[0].eventStyles : {},
-              dangerouslySetInnerHTML: {
-                __html: _currentData[0].data
-              }
-            }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-              className: "e-cal-tl__day__eventdel ".concat(cellCloseBtnClassName || '')
-            }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
-              href: "#",
-              tabIndex: -1,
-              className: "align-middle",
-              onClick: function onClick(e) {
-                e.preventDefault();
-                e.stopPropagation();
-                setShowDelete(true);
-                var _existsContent = _currentData[0];
-                if (typeof _existsContent !== 'undefined') {
-                  _existsContent.rowData = listSectionData;
-                }
-                onModalDeleteOpen === null || onModalDeleteOpen === void 0 ? void 0 : onModalDeleteOpen(_currentData.length === 0 ? {
-                  rowData: listSectionData,
-                  id: 0,
-                  date: getCalendarDate("".concat(year, "-").concat(month + 1, "-").concat(d))
-                } : _existsContent);
-              }
-            }, iconRemove ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, iconRemove) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", {
-              width: "20px",
-              height: "20px",
-              viewBox: "0 0 24 24",
-              fill: "none"
-            }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path", {
-              fillRule: "evenodd",
-              clipRule: "evenodd",
-              d: "M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10ZM8 11a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2H8Z",
-              fill: "#000"
-            }))), cellCloseBtnLabel || ''))) : '';
+              }, _delBtn())));
+            });
+          };
+          var _tdContent = function _tdContent() {
+            var isForward = isFirstRow && __forwardFillNum && typeof __forwardFillNum[i] !== 'undefined';
+            var isBack = isLastRow && __backFillNum && typeof __backFillNum[i - item.col.filter(Boolean).length] !== 'undefined';
             return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("td", {
-              className: (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_6__.combinedCls)('e-cal-tl-table__cell-cushion-content__container e-cal-tl-table__cell-tooltiptrigger', {
-                'has-event': _currentData.length > 0,
+              className: (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_7__.combinedCls)('e-cal-timeline-table__cell-cushion-content__container e-cal-timeline-table__cell-tooltiptrigger', {
+                'has-event': eventSourcesData && _currentData.length > 0,
                 'empty': d <= 0,
                 'today': d === now.getDate(),
                 'selected': d === day && tableRowNum === rowIndex,
                 'last-cell': isLastCol
               }),
               key: "col" + i,
-              "data-overlay-id": "e-cal-tl-table__cell-tooltipwrapper-".concat(idRes),
-              "data-index": _colIndex - 1,
+              "data-index": colIndex - 1,
               colSpan: 1,
-              "data-date": getCalendarDate(_dateShow),
-              "data-day": padZero(d),
+              "data-date": (0,funda_utils_dist_cjs_date__WEBPACK_IMPORTED_MODULE_6__.getCalendarDate)(_dateShow),
+              "data-day": (0,funda_utils_dist_cjs_date__WEBPACK_IMPORTED_MODULE_6__.padZero)(d),
               "data-week": i,
               "data-row": rowIndex,
               onMouseEnter: function onMouseEnter(e) {
                 onCellMouseEnter === null || onCellMouseEnter === void 0 ? void 0 : onCellMouseEnter(e);
-                if (_eventContentTooltip !== '') {
-                  if (typeof tableTooltipDisabled === 'undefined' || tableTooltipDisabled === false) {
-                    if (_eventContent !== '') {
-                      handleTableTooltipMouseEnter(e, _eventContentTooltip);
-                    }
-                  }
-                }
               },
               onMouseLeave: function onMouseLeave(e) {
                 onCellMouseLeave === null || onCellMouseLeave === void 0 ? void 0 : onCellMouseLeave(e);
-                if (_eventContentTooltip !== '') {
-                  if (typeof tableTooltipDisabled === 'undefined' || tableTooltipDisabled === false) {
-                    if (_eventContent !== '') {
-                      handleTableTooltipMouseLeave();
-                    }
-                  }
-                }
               },
               onClick: function onClick(e) {
                 //
                 onCellClick === null || onCellClick === void 0 ? void 0 : onCellClick(e);
+                if (d > 0) {
+                  handleDayChange(e, d); // update current day
+                  onChangeDate === null || onChangeDate === void 0 ? void 0 : onChangeDate(e, null);
+                }
+              }
+            }, !FILL_BLANK_DATE_DISABLD && isForward ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+              className: "e-cal-timeline-table__cell-cushion e-cal-timeline-table__cell-cushion-content disabled"
+            }, "\xA0")) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+              className: "e-cal-timeline-table__cell-cushion e-cal-timeline-table__cell-cushion-content"
+            }, _eventContent(), isForward || isBack ? null : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+              className: "e-cal-timeline__day__eventadd ".concat(cellAddBtnClassName || '')
+            }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
+              href: "#",
+              tabIndex: -1,
+              className: "align-middle",
+              "data-date": (0,funda_utils_dist_cjs_date__WEBPACK_IMPORTED_MODULE_6__.getCalendarDate)(_dateShow),
+              "data-day": (0,funda_utils_dist_cjs_date__WEBPACK_IMPORTED_MODULE_6__.padZero)(d),
+              "data-week": i,
+              "data-row": rowIndex,
+              onClick: function onClick(e) {
+                e.preventDefault();
+                e.stopPropagation();
 
                 // update row data
                 setTableRowNum(rowIndex);
-                if (_currentData.length > 0) {
-                  _currentData[0].rowData = listSectionData;
-                }
 
-                // 
+                // update cell data
+                setTableCellId(-1);
+
+                //
                 if (d > 0) {
-                  handleDayChange(e, d);
-                  onChangeDate === null || onChangeDate === void 0 ? void 0 : onChangeDate(e, _currentData.length === 0 ? {
+                  handleDayChange(e, d); // update current day
+
+                  onChangeDate === null || onChangeDate === void 0 ? void 0 : onChangeDate(e, {
                     rowData: listSectionData,
                     id: 0,
-                    date: getCalendarDate("".concat(year, "-").concat(month + 1, "-").concat(d))
-                  } : _currentData[0]);
+                    date: (0,funda_utils_dist_cjs_date__WEBPACK_IMPORTED_MODULE_6__.getCalendarDate)("".concat(year, "-").concat(month + 1, "-").concat(d))
+                  });
                   if (EVENTS_ENABLED) {
-                    onModalEditOpen === null || onModalEditOpen === void 0 ? void 0 : onModalEditOpen(_currentData.length === 0 ? {
+                    onModalEditOpen === null || onModalEditOpen === void 0 ? void 0 : onModalEditOpen({
                       rowData: listSectionData,
                       id: 0,
-                      date: getCalendarDate("".concat(year, "-").concat(month + 1, "-").concat(d))
-                    } : _currentData[0], function () {
+                      date: (0,funda_utils_dist_cjs_date__WEBPACK_IMPORTED_MODULE_6__.getCalendarDate)("".concat(year, "-").concat(month + 1, "-").concat(d))
+                    }, function () {
                       return setShowEdit(true);
-                    });
+                    }, 'new');
                   }
                 }
               }
-            }, isFirstRow && __forwardFillNum && typeof __forwardFillNum[i] !== 'undefined' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-              className: "e-cal-tl-table__cell-cushion e-cal-tl-table__cell-cushion-content disabled"
-            }, "\xA0")) : null, d > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-              className: "e-cal-tl-table__cell-cushion e-cal-tl-table__cell-cushion-content"
-            }, _eventContent)) : null, isLastRow && __backFillNum && typeof __backFillNum[i - item.col.filter(Boolean).length] !== 'undefined' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-              className: "e-cal-tl-table__cell-cushion e-cal-tl-table__cell-cushion-content disabled"
+            }, _addBtn())))), !FILL_BLANK_DATE_DISABLD && isBack ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+              className: "e-cal-timeline-table__cell-cushion e-cal-timeline-table__cell-cushion-content disabled"
             }, "\xA0")) : null);
+          };
+          if (!FILL_BLANK_DATE_DISABLD) {
+            return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, _tdContent());
+          } else {
+            return d > 0 && d <= days[month] ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, _tdContent()) : null;
           }
-        });
+        }
       });
-
-      //#######################
-    }
+    });
   }
-
   function generateColUi() {
-    if (forwardAndBackFillDisabled) {
+    if (FILL_BLANK_DATE_DISABLD) {
       //#######################
       return Array.from({
         length: days[month]
@@ -4059,6 +4623,7 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
     if (scrollBodyRef.current) scrollBodyRef.current.scrollLeft = 0;
   }
   function tableGridInit() {
+    var scrollBarInit = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
     //
     if (tableGridRef.current === null) return;
     var tableGridEl = tableGridRef.current;
@@ -4069,7 +4634,7 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
     // calculate min width 
     //--------------
     var cellMinWidth = CELL_MIN_W;
-    var colCount = forwardAndBackFillDisabled ? days[month] : 7 * getCells().length;
+    var colCount = FILL_BLANK_DATE_DISABLD ? days[month] : 7 * getCells().length;
     var scrollableMinWidth = cellMinWidth * colCount;
 
     //****************
@@ -4077,34 +4642,37 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
     //****************    
     // initialize scrollable wrapper (width)
     //--------------
-    var _scrollableWrapper = tableGridEl.querySelectorAll('.e-cal-tl-table__scroller-harness');
-    [].slice.call(_scrollableWrapper).forEach(function (el) {
-      var scrollType = el.dataset.scroll;
-      if (scrollType !== 'list') {
-        var _content = el.querySelector('.e-cal-tl-table__scroller');
-        var tableMaxWidth = tableGridEl.clientWidth;
-        var tableHeaderTitleWidth = tableGridEl.querySelector('.e-cal-tl-table__cell-cushion-headertitle').clientWidth;
-        var tableDividerWidth = tableGridEl.querySelector('.e-cal-tl-table__timeline-divider').clientWidth;
-        var tableBorderWidth = 4;
-        var scrollMaxWidth = tableMaxWidth - tableHeaderTitleWidth - tableDividerWidth - tableBorderWidth;
-        el.dataset.width = scrollMaxWidth;
-        el.style.maxWidth = el.dataset.width + 'px';
-        _content.style.minWidth = scrollableMinWidth + 'px';
-      }
-    });
+    var _scrollableWrapper = [];
+    if (scrollBarInit) {
+      _scrollableWrapper = tableGridEl.querySelectorAll('.e-cal-timeline-table__scroller-harness');
+      [].slice.call(_scrollableWrapper).forEach(function (el) {
+        var scrollType = el.dataset.scroll;
+        if (scrollType !== 'list') {
+          var _content = el.querySelector('.e-cal-timeline-table__scroller');
+          var tableMaxWidth = tableGridEl.clientWidth;
+          var tableHeaderTitleWidth = tableGridEl.querySelector('.e-cal-timeline-table__cell-cushion-headertitle').clientWidth;
+          var tableDividerWidth = tableGridEl.querySelector('.e-cal-timeline-table__timeline-divider').clientWidth;
+          var tableBorderWidth = 4;
+          var scrollMaxWidth = tableMaxWidth - tableHeaderTitleWidth - tableDividerWidth - tableBorderWidth;
+          el.dataset.width = scrollMaxWidth;
+          el.style.maxWidth = el.dataset.width + 'px';
+          _content.style.minWidth = scrollableMinWidth + 'px';
+        }
+      });
+    }
 
     //****************
     // STEP 3: 
     //****************
     // initialize cell width
     //--------------
-    var headerThElements = tableGridEl.querySelector('.e-cal-tl-table__datagrid-header__content tbody').getElementsByTagName('th');
-    var colElements = tableGridEl.querySelector('.e-cal-tl-table__datagrid-body__content colgroup').getElementsByTagName('col');
-    var tdElements = tableGridEl.querySelector('.e-cal-tl-table__datagrid-body__content tbody').getElementsByTagName('td');
-    var tdElementMaxWidth = typeof tdElements[0] === 'undefined' ? 0 : parseFloat(window.getComputedStyle(tdElements[0].querySelector('.e-cal-tl-table__cell-cushion-content')).maxWidth);
+    var headerThElements = tableGridEl.querySelector('.e-cal-timeline-table__datagrid-header__content tbody').getElementsByTagName('th');
+    var colElements = tableGridEl.querySelector('.e-cal-timeline-table__datagrid-body__content colgroup').getElementsByTagName('col');
+    var tdElements = tableGridEl.querySelector('.e-cal-timeline-table__datagrid-body__content tbody').getElementsByTagName('td');
+    var tdElementMaxWidth = typeof tdElements[0] === 'undefined' ? 0 : parseFloat(window.getComputedStyle(tdElements[0].querySelector('.e-cal-timeline-table__cell-cushion-content')).maxWidth);
     if (Array.isArray(eventsValue) && eventsValue.length > 0) {
       for (var i = 0; i < headerThElements.length; i++) {
-        var curHeaderThElementMaxWidth = parseFloat(window.getComputedStyle(headerThElements[i].querySelector('.e-cal-tl-table__cell-cushion-headercontent')).width);
+        var curHeaderThElementMaxWidth = parseFloat(window.getComputedStyle(headerThElements[i].querySelector('.e-cal-timeline-table__cell-cushion-headercontent')).width);
         var targetElement = headerThElements[i].offsetWidth > tdElements[i].offsetWidth ? headerThElements[i] : tdElements[i];
         var tdOwidth = parseFloat(window.getComputedStyle(targetElement).width);
 
@@ -4120,8 +4688,8 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
 
         // Prevent the width from being +1 each time it is initialized
         tdOwidth = tdOwidth - 1;
-        headerThElements[i].querySelector('.e-cal-tl-table__cell-cushion-headercontent').style.width = tdOwidth + 'px';
-        tdElements[i].querySelector('.e-cal-tl-table__cell-cushion-content').style.minWidth = tdOwidth + 'px';
+        headerThElements[i].querySelector('.e-cal-timeline-table__cell-cushion-headercontent').style.width = tdOwidth + 'px';
+        tdElements[i].querySelector('.e-cal-timeline-table__cell-cushion-content').style.minWidth = tdOwidth + 'px';
         colElements[i].style.minWidth = tdOwidth + 'px';
       }
     }
@@ -4132,7 +4700,7 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
     // initialize max width of table content
     //--------------
     if (scrollBodyRef.current !== null && scrollHeaderRef.current !== null) {
-      var tableContentWidth = window.getComputedStyle(tableGridEl.querySelector('.e-cal-tl-table__datagrid-body__content')).width;
+      var tableContentWidth = window.getComputedStyle(tableGridEl.querySelector('.e-cal-timeline-table__datagrid-body__content')).width;
       var scrollBodyEl = scrollBodyRef.current;
       var scrollHeaderEl = scrollHeaderRef.current;
       scrollBodyEl.style.width = tableContentWidth;
@@ -4143,7 +4711,7 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
       //
       var tableWrapperMaxWidthLatest = tableGridEl.clientWidth;
       if (tableWrapperMaxWidthLatest > parseFloat(tableContentWidth)) {
-        tableGridEl.querySelector('.e-cal-tl-table__timeline-table').style.width = tableContentWidth;
+        tableGridEl.querySelector('.e-cal-timeline-table__timeline-table').style.width = tableContentWidth;
       }
     }
 
@@ -4152,8 +4720,8 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
     //****************
     // initialize cell height
     //--------------
-    var headerTitleTrElements = tableGridEl.querySelector('.e-cal-tl-table__datagrid-body__title tbody').getElementsByTagName('tr');
-    var trElements = tableGridEl.querySelector('.e-cal-tl-table__datagrid-body__content tbody').getElementsByTagName('tr');
+    var headerTitleTrElements = tableGridEl.querySelector('.e-cal-timeline-table__datagrid-body__title tbody').getElementsByTagName('tr');
+    var trElements = tableGridEl.querySelector('.e-cal-timeline-table__datagrid-body__content tbody').getElementsByTagName('tr');
     for (var _i2 = 0; _i2 < headerTitleTrElements.length; _i2++) {
       var _targetElement = headerTitleTrElements[_i2].offsetHeight > trElements[_i2].offsetHeight ? headerTitleTrElements[_i2] : trElements[_i2];
       var tdOHeight = window.getComputedStyle(_targetElement).height;
@@ -4166,16 +4734,18 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
     //****************
     //initialize scrollable wrapper (height)
     //--------------
-    [].slice.call(_scrollableWrapper).forEach(function (el) {
-      var scrollType = el.dataset.scroll;
-      var oldHeight = el.clientHeight;
-      if (scrollType !== 'header') {
-        var tableWrapperMaxHeight = window.getComputedStyle(tableGridEl).height;
-        if (oldHeight > parseFloat(tableWrapperMaxHeight)) {
-          el.style.height = tableWrapperMaxHeight;
+    if (scrollBarInit) {
+      [].slice.call(_scrollableWrapper).forEach(function (el) {
+        var scrollType = el.dataset.scroll;
+        var oldHeight = el.clientHeight;
+        if (scrollType !== 'header') {
+          var tableWrapperMaxHeight = window.getComputedStyle(tableGridEl).height;
+          if (oldHeight > parseFloat(tableWrapperMaxHeight)) {
+            el.style.height = tableWrapperMaxHeight;
+          }
         }
-      }
-    });
+      });
+    }
 
     //****************
     // STEP 7: 
@@ -4185,18 +4755,30 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
     tableGridEl.classList.remove('invisible');
   }
   function tableGridReset() {
+    var scrollBarInit = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
     if (tableGridRef.current === null) return;
     var tableGridEl = tableGridRef.current;
 
     // initialize scrollable wrapper (width & height)
     //--------------
-    var _scrollableWrapper = tableGridEl.querySelectorAll('.e-cal-tl-table__scroller-harness');
-    [].slice.call(_scrollableWrapper).forEach(function (el) {
-      var _content = el.querySelector('.e-cal-tl-table__scroller');
-      el.removeAttribute('data-width');
-      el.removeAttribute('style');
-      _content.removeAttribute('style');
-    });
+    if (scrollBarInit) {
+      var _scrollableWrapper = tableGridEl.querySelectorAll('.e-cal-timeline-table__scroller-harness');
+      [].slice.call(_scrollableWrapper).forEach(function (el) {
+        var _content = el.querySelector('.e-cal-timeline-table__scroller');
+        el.removeAttribute('data-width');
+        el.removeAttribute('style');
+        _content.removeAttribute('style');
+      });
+    }
+
+    // initialize cell height
+    //--------------
+    var headerTitleTrElements = tableGridEl.querySelector('.e-cal-timeline-table__datagrid-body__title tbody').getElementsByTagName('tr');
+    var trElements = tableGridEl.querySelector('.e-cal-timeline-table__datagrid-body__content tbody').getElementsByTagName('tr');
+    for (var i = 0; i < headerTitleTrElements.length; i++) {
+      headerTitleTrElements[i].removeAttribute('style');
+      trElements[i].removeAttribute('style');
+    }
   }
 
   // ================================================================
@@ -4216,8 +4798,8 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
     // Guaranteed year change triggered by the front and rear buttons
     onChangeYear === null || onChangeYear === void 0 ? void 0 : onChangeYear({
-      day: padZero(day),
-      month: padZero(month + 1),
+      day: (0,funda_utils_dist_cjs_date__WEBPACK_IMPORTED_MODULE_6__.padZero)(day),
+      month: (0,funda_utils_dist_cjs_date__WEBPACK_IMPORTED_MODULE_6__.padZero)(month + 1),
       year: year.toString()
     });
   }, [year]);
@@ -4226,7 +4808,7 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
     if (Array.isArray(eventsValue)) setVal(eventsValue);
 
     // update current today
-    if (typeof customTodayDate !== 'undefined' && isValidDate(customTodayDate)) {
+    if (typeof customTodayDate !== 'undefined' && (0,funda_utils_dist_cjs_date__WEBPACK_IMPORTED_MODULE_6__.isValidDate)(customTodayDate)) {
       var _customNow = new Date(customTodayDate);
       setTodayDate(_customNow);
     }
@@ -4234,18 +4816,18 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
     // Call a function when the list has been rendered completely
     onListRenderComplete === null || onListRenderComplete === void 0 ? void 0 : onListRenderComplete();
     return function () {
-      // table grid
+      // reset table grid
       tableGridReset();
     };
   }, [eventsValue, customTodayDate]);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_6__.combinedCls)("e-cal-tl__wrapper", calendarWrapperClassName)
+    className: (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_7__.combinedCls)("e-cal-timeline__wrapper", calendarWrapperClassName)
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "e-cal-tl__header bg-body-tertiary"
+    className: "e-cal-timeline__header bg-body-tertiary"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
     tabIndex: -1,
     type: "button",
-    className: "e-cal-tl__btn e-cal-tl__btn--prev",
+    className: "e-cal-timeline__btn e-cal-timeline__btn--prev",
     onClick: handlePrevChange
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", {
     width: "20px",
@@ -4256,11 +4838,11 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
     d: "M14.2893 5.70708C13.8988 5.31655 13.2657 5.31655 12.8751 5.70708L7.98768 10.5993C7.20729 11.3805 7.2076 12.6463 7.98837 13.427L12.8787 18.3174C13.2693 18.7079 13.9024 18.7079 14.293 18.3174C14.6835 17.9269 14.6835 17.2937 14.293 16.9032L10.1073 12.7175C9.71678 12.327 9.71678 11.6939 10.1073 11.3033L14.2893 7.12129C14.6799 6.73077 14.6799 6.0976 14.2893 5.70708Z",
     fill: "#000"
   }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "e-cal-tl__header__btns"
+    className: "e-cal-timeline__header__btns"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
     tabIndex: -1,
     type: "button",
-    className: "e-cal-tl__btn ".concat(winMonth ? 'active' : ''),
+    className: "e-cal-timeline__btn ".concat(winMonth ? 'active' : ''),
     onClick: handleShowWinMonth
   }, MONTHS[month], /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", {
     width: "12px",
@@ -4272,7 +4854,7 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
   }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
     tabIndex: -1,
     type: "button",
-    className: "e-cal-tl__btn ".concat(winYear ? 'active' : ''),
+    className: "e-cal-timeline__btn ".concat(winYear ? 'active' : ''),
     onClick: handleShowWinYear
   }, year, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", {
     width: "12px",
@@ -4284,7 +4866,7 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
   })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
     tabIndex: -1,
     type: "button",
-    className: "e-cal-tl__btn e-cal-tl__btn--next",
+    className: "e-cal-timeline__btn e-cal-timeline__btn--next",
     onClick: handleNextChange
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", {
     width: "20px",
@@ -4295,52 +4877,52 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
     d: "M9.71069 18.2929C10.1012 18.6834 10.7344 18.6834 11.1249 18.2929L16.0123 13.4006C16.7927 12.6195 16.7924 11.3537 16.0117 10.5729L11.1213 5.68254C10.7308 5.29202 10.0976 5.29202 9.70708 5.68254C9.31655 6.07307 9.31655 6.70623 9.70708 7.09676L13.8927 11.2824C14.2833 11.6729 14.2833 12.3061 13.8927 12.6966L9.71069 16.8787C9.32016 17.2692 9.32016 17.9023 9.71069 18.2929Z",
     fill: "#000"
   })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "e-cal-tl__body"
+    className: "e-cal-timeline__body"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "e-cal-tl__row"
+    className: "e-cal-timeline__row"
   })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "e-cal-tl__month-wrapper shadow p-3 mb-5 bg-body-tertiary rounded ".concat(winMonth ? 'active' : '')
+    className: "e-cal-timeline__month-wrapper shadow p-3 mb-5 bg-body-tertiary rounded ".concat(winMonth ? 'active' : '')
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "e-cal-tl__month-container"
+    className: "e-cal-timeline__month-container"
   }, MONTHS_FULL.map(function (month, index) {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-      "data-month": padZero(index + 1),
-      className: "e-cal-tl__month ".concat(selectedMonth === index ? ' selected' : ''),
+      "data-month": (0,funda_utils_dist_cjs_date__WEBPACK_IMPORTED_MODULE_6__.padZero)(index + 1),
+      className: "e-cal-timeline__month ".concat(selectedMonth === index ? ' selected' : ''),
       key: month + index,
       onClick: function onClick() {
         handleMonthChange(index);
       }
     }, month);
   }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "e-cal-tl__year-wrapper shadow p-3 mb-5 bg-body-tertiary rounded ".concat(winYear ? 'active' : '')
+    className: "e-cal-timeline__year-wrapper shadow p-3 mb-5 bg-body-tertiary rounded ".concat(winYear ? 'active' : '')
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "e-cal-tl__year-container bg-body-tertiary"
+    className: "e-cal-timeline__year-container bg-body-tertiary"
   }, yearsArray.map(function (year, index) {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
       "data-year": year,
-      className: "e-cal-tl__year ".concat(selectedYear === year ? ' selected' : ''),
+      className: "e-cal-timeline__year ".concat(selectedYear === year ? ' selected' : ''),
       key: year + index,
       onClick: function onClick() {
         handleYearChange(year);
       }
     }, year);
   }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "e-cal-tl__today-wrapper p-2"
+    className: "e-cal-timeline__today-wrapper p-2"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
     tabIndex: -1,
     type: "button",
-    className: "e-cal-tl__btn e-cal-tl__btn--today",
+    className: "e-cal-timeline__btn e-cal-timeline__btn--today",
     onClick: handleTodayChange
   }, langToday || 'Today'))), val.length === 0 ? null : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     ref: tableGridRef,
-    className: (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_6__.combinedCls)("e-cal-tl-table__timeline-table__wrapper invisible", tableWrapperClassName)
+    className: (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_7__.combinedCls)("e-cal-timeline-table__timeline-table__wrapper invisible", tableWrapperClassName)
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("table", {
     role: "grid",
-    className: (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_6__.combinedCls)("e-cal-tl-table__timeline-table", tableClassName)
+    className: (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_7__.combinedCls)("e-cal-timeline-table__timeline-table", tableClassName)
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("colgroup", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("col", {
-    className: "e-cal-tl-table__datagrid-header"
+    className: "e-cal-timeline-table__datagrid-header"
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("col", null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("col", null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("thead", {
-    className: (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_6__.combinedCls)(tableHeadClassName),
+    className: (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_7__.combinedCls)(tableHeadClassName),
     ref: tableGridHeaderRef,
     role: "rowgroup"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("tr", {
@@ -4348,10 +4930,10 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("th", {
     role: "presentation"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "e-cal-tl-table__timeline-header e-cal-tl-table__timeline-headertitle"
+    className: "e-cal-timeline-table__timeline-header e-cal-timeline-table__timeline-headertitle"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("table", {
     role: "presentation",
-    className: "e-cal-tl-table__datagrid-header__title"
+    className: "e-cal-timeline-table__datagrid-header__title"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("colgroup", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("col", null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("thead", {
     role: "presentation"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("tr", {
@@ -4359,53 +4941,57 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("th", {
     role: "columnheader"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "e-cal-tl-table__cell-cushion e-cal-tl-table__cell-cushion-headertitle"
-  }, tableListSectionTitle || ''))))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("td", {
+    className: "e-cal-timeline-table__cell-cushion e-cal-timeline-table__cell-cushion-headertitle"
+  }, tableListSectionTitle || ''))))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("th", {
     role: "presentation",
-    className: "e-cal-tl-table__timeline-divider"
+    className: "e-cal-timeline-table__timeline-divider"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("th", {
     role: "presentation"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     ref: scrollHeaderRef,
-    className: "e-cal-tl-table__scroller-harness e-cal-tl-table__scroller-harness--hide",
+    className: "e-cal-timeline-table__scroller-harness e-cal-timeline-table__scroller-harness--hide",
     "data-scroll": "header",
     onScroll: syncTableScrollHeader
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "e-cal-tl-table__scroller"
+    className: "e-cal-timeline-table__scroller"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "e-cal-tl-table__timeline-header"
+    className: "e-cal-timeline-table__timeline-header"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("table", {
-    className: "e-cal-tl-table__datagrid-header__content e-cal-tl-table__scrollgrid-sync-table"
+    className: "e-cal-timeline-table__datagrid-header__content e-cal-timeline-table__scrollgrid-sync-table"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("tbody", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("tr", null, generateDaysUi()))))))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("tbody", {
-    className: (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_6__.combinedCls)(tableBodyClassName),
+    className: (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_7__.combinedCls)(tableBodyClassName),
     role: "rowgroup"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("tr", {
     role: "presentation",
-    className: "e-cal-tl-table__list-section"
+    className: "e-cal-timeline-table__list-section"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("td", {
     role: "presentation",
-    className: (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_6__.combinedCls)(tableListStartClassName)
+    className: (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_7__.combinedCls)(tableListStartClassName)
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     ref: scrollListRef,
-    className: "e-cal-tl-table__scroller-harness ".concat(AUTO_SCROLL ? 'autoscroll' : ''),
+    className: (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_7__.combinedCls)('e-cal-timeline-table__scroller-harness', {
+      'autoscroll': AUTO_SCROLL
+    }),
     "data-scroll": "list",
     onScroll: syncTableScrollList
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "e-cal-tl-table__scroller"
+    className: "e-cal-timeline-table__scroller"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("table", {
     role: "presentation",
-    className: "e-cal-tl-table__datagrid-body__title e-cal-tl-table__scrollgrid-sync-table"
+    className: "e-cal-timeline-table__datagrid-body__title e-cal-timeline-table__scrollgrid-sync-table"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("colgroup", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("col", null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("tbody", {
     role: "presentation"
   }, generateListSectionUi()))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("td", {
     role: "presentation",
-    className: (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_6__.combinedCls)('e-cal-tl-table__timeline-divider', tableListDividerClassName)
+    className: (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_7__.combinedCls)('e-cal-timeline-table__timeline-divider', tableListDividerClassName)
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("td", {
     role: "presentation",
-    className: (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_6__.combinedCls)(tableListEndClassName)
+    className: (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_7__.combinedCls)(tableListEndClassName)
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     ref: scrollBodyRef,
-    className: "e-cal-tl-table__scroller-harness ".concat(AUTO_SCROLL ? 'autoscroll' : ''),
+    className: (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_7__.combinedCls)('e-cal-timeline-table__scroller-harness', {
+      'autoscroll': AUTO_SCROLL
+    }),
     "data-scroll": "body",
     onScroll: syncTableScrollBody,
     onMouseMove: BODY_DRAG ? handleTableMove : function () {},
@@ -4413,11 +4999,11 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
     onMouseUp: BODY_DRAG ? handleTableDragEnd : function () {},
     onMouseLeave: BODY_DRAG ? handleTableDragEnd : function () {}
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "e-cal-tl-table__scroller"
+    className: "e-cal-timeline-table__scroller"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "e-cal-tl-table__timeline-body"
+    className: "e-cal-timeline-table__timeline-body"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("table", {
-    className: "e-cal-tl-table__datagrid-body__content e-cal-tl-table__scrollgrid-sync-table"
+    className: "e-cal-timeline-table__datagrid-body__content e-cal-timeline-table__scrollgrid-sync-table"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("colgroup", null, generateColUi()), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("tbody", null, val.map(function (item, i) {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("tr", {
       key: i
@@ -4434,29 +5020,22 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
     onClose: function onClose(e) {
       setTimeout(function () {
         setShowDelete(false);
-        var _currentData = val.filter(function (item) {
-          return getCalendarDate(item.date) === getCalendarDate("".concat(year, "-").concat(month + 1, "-").concat(day));
-        });
-        onModalDeleteClose === null || onModalDeleteClose === void 0 ? void 0 : onModalDeleteClose(_currentData.length === 0 ? {
-          id: 0,
-          date: getCalendarDate("".concat(year, "-").concat(month + 1, "-").concat(day))
-        } : _currentData[0]);
+        onModalDeleteClose === null || onModalDeleteClose === void 0 ? void 0 : onModalDeleteClose(queryItemObj());
       }, 350);
     },
     onSubmit: /*#__PURE__*/function () {
       var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(e, closewin, data) {
-        var _currentData;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              _currentData = val.filter(function (item) {
-                return getCalendarDate(item.date) === getCalendarDate("".concat(year, "-").concat(month + 1, "-").concat(day));
+              onModalDeleteEvent === null || onModalDeleteEvent === void 0 ? void 0 : onModalDeleteEvent(queryItemObj(), closewin, function () {
+                // initialize table grid
+                setTimeout(function () {
+                  tableGridReset(false);
+                  tableGridInit(false);
+                }, 500);
               });
-              onModalDeleteEvent === null || onModalDeleteEvent === void 0 ? void 0 : onModalDeleteEvent(_currentData.length === 0 ? {
-                id: 0,
-                date: getCalendarDate("".concat(year, "-").concat(month + 1, "-").concat(day))
-              } : _currentData[0], closewin);
-            case 2:
+            case 1:
             case "end":
               return _context.stop();
           }
@@ -4481,29 +5060,22 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
     onClose: function onClose(e) {
       setTimeout(function () {
         setShowEdit(false);
-        var _currentData = val.filter(function (item) {
-          return getCalendarDate(item.date) === getCalendarDate("".concat(year, "-").concat(month + 1, "-").concat(day));
-        });
-        onModalEditClose === null || onModalEditClose === void 0 ? void 0 : onModalEditClose(_currentData.length === 0 ? {
-          id: 0,
-          date: getCalendarDate("".concat(year, "-").concat(month + 1, "-").concat(day))
-        } : _currentData[0]);
+        onModalEditClose === null || onModalEditClose === void 0 ? void 0 : onModalEditClose(queryItemObj());
       }, 350);
     },
     onSubmit: /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(e, closewin, data) {
-        var _currentData;
         return _regeneratorRuntime().wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              _currentData = val.filter(function (item) {
-                return getCalendarDate(item.date) === getCalendarDate("".concat(year, "-").concat(month + 1, "-").concat(day));
+              onModalEditEvent === null || onModalEditEvent === void 0 ? void 0 : onModalEditEvent(queryItemObj(), closewin, function () {
+                // initialize table grid
+                setTimeout(function () {
+                  tableGridReset(false);
+                  tableGridInit(false);
+                }, 500);
               });
-              onModalEditEvent === null || onModalEditEvent === void 0 ? void 0 : onModalEditEvent(_currentData.length === 0 ? {
-                id: 0,
-                date: getCalendarDate("".concat(year, "-").concat(month + 1, "-").concat(day))
-              } : _currentData[0], closewin);
-            case 2:
+            case 1:
             case "end":
               return _context2.stop();
           }
@@ -4518,8 +5090,8 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
     containerClassName: "EventCalendarTimeline-TooltipModal"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     ref: tableTooltipModalRef,
-    id: "e-cal-tl-table__cell-tooltipwrapper-".concat(idRes),
-    className: "e-cal-tl-table__cell-tooltipwrapper d-inline-block ".concat(isShowTableTooltip ? 'active' : ''),
+    id: "e-cal-timeline-table__cell-tooltipwrapper-".concat(idRes),
+    className: "e-cal-timeline-table__cell-tooltipwrapper d-inline-block ".concat(isShowTableTooltip ? 'active' : ''),
     role: "tooltip",
     "data-microtip-position": tableTooltipDirection || 'bottom',
     "data-microtip-size": tableTooltipSize || 'auto',
@@ -4527,7 +5099,7 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
       display: 'none'
     }
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "e-cal-tl-table__cell-tooltipcontent"
+    className: "e-cal-timeline-table__cell-tooltipcontent"
   }, tableTooltipContent))));
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (EventCalendarTimeline);