@syncfusion/ej2-schedule 24.2.4 → 25.1.35

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 24.2.4
+*  version : 25.1.35
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-schedule@*",
-  "_id": "@syncfusion/ej2-schedule@24.2.3",
+  "_id": "@syncfusion/ej2-schedule@22.9.0",
   "_inBundle": false,
-  "_integrity": "sha512-Gl514rzz50QthXreUYNs3USTKmeufyBVrP23DMVahPJiR8tVS8350GXUgGOhvsVaHn5NmtgDvqcqB3StCeJZxw==",
+  "_integrity": "sha512-HgWYJsJtHsRwZLq9VMWjqS/mOk6zZlOZ4oCvazTD0KeKLwl5mimeKns07gIPbz0pY8yWKHLOwt2tvzjYxIi23A==",
   "_location": "/@syncfusion/ej2-schedule",
   "_phantomChildren": {},
   "_requested": {
@@ -23,10 +23,10 @@
     "/@syncfusion/ej2-react-schedule",
     "/@syncfusion/ej2-vue-schedule"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-24.2.3.tgz",
-  "_shasum": "68cf18dacb39bf44d0164f3b73fdb185aae9fbd4",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-schedule/-/ej2-schedule-22.9.0.tgz",
+  "_shasum": "35f485e5f3e388697c615f38881aa98e3965b071",
   "_spec": "@syncfusion/ej2-schedule@*",
-  "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -35,16 +35,16 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~24.2.3",
-    "@syncfusion/ej2-buttons": "~24.2.3",
-    "@syncfusion/ej2-calendars": "~24.2.3",
-    "@syncfusion/ej2-data": "~24.2.3",
-    "@syncfusion/ej2-dropdowns": "~24.2.4",
-    "@syncfusion/ej2-excel-export": "~24.2.4",
-    "@syncfusion/ej2-inputs": "~24.2.4",
-    "@syncfusion/ej2-lists": "~24.2.4",
-    "@syncfusion/ej2-navigations": "~24.2.4",
-    "@syncfusion/ej2-popups": "~24.2.3"
+    "@syncfusion/ej2-base": "~25.1.35",
+    "@syncfusion/ej2-buttons": "~25.1.35",
+    "@syncfusion/ej2-calendars": "~25.1.35",
+    "@syncfusion/ej2-data": "~25.1.35",
+    "@syncfusion/ej2-dropdowns": "~25.1.35",
+    "@syncfusion/ej2-excel-export": "~25.1.35",
+    "@syncfusion/ej2-inputs": "~25.1.35",
+    "@syncfusion/ej2-lists": "~25.1.35",
+    "@syncfusion/ej2-navigations": "~25.1.35",
+    "@syncfusion/ej2-popups": "~25.1.35"
   },
   "deprecated": false,
   "description": "Flexible scheduling library with more built-in features and enhanced customization options similar to outlook and google calendar, allowing the users to plan and manage their appointments with efficient data-binding support.",
@@ -73,6 +73,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "24.2.4",
+  "version": "25.1.35",
   "sideEffects": false
 }

package/src/schedule/actions/crud.js

@@ -29,6 +29,12 @@ var Crud = /** @class */ (function () {
         if (!this.parent.activeView) {
             return;
         }
+        if (this.parent.uiStateValues && this.parent.uiStateValues.isPreventEventRefresh) {
+            this.parent.uiStateValues.isPreventEventRefresh = false;
+            this.parent.refreshEvents(false);
+            this.parent.hideSpinner();
+            return;
+        }
         var start = this.parent.activeView.startDate();
         var end = this.parent.activeView.endDate();
         var dataManager = this.parent.dataModule.getData(this.parent.dataModule.generateQuery(start, end));

package/src/schedule/actions/drag.js

@@ -436,7 +436,7 @@ var DragAndDrop = /** @class */ (function (_super) {
             this.timelineEventModule.cellWidth = this.actionObj.cellWidth;
             this.timelineEventModule.getSlotDates();
             this.actionObj.cellWidth = this.isHeaderRows ? this.timelineEventModule.cellWidth :
-                this.parent.element.querySelector('.' + cls.WORK_CELLS_CLASS).getBoundingClientRect().width;
+                util.getElementWidth(this.parent.element.querySelector('.' + cls.WORK_CELLS_CLASS));
             this.calculateTimelineTime(e);
         }
         else {
@@ -1255,7 +1255,7 @@ var DragAndDrop = /** @class */ (function (_super) {
             ~~(dragArea.querySelector('table').offsetHeight / trCollection.length) : this.actionObj.cellHeight;
         var rowIndex = Math.floor(Math.floor((this.actionObj.Y +
             (dragArea.scrollTop - translateY - (window.scrollY || window.pageYOffset))) -
-            dragArea.getBoundingClientRect().top) / rowHeight);
+            util.getElementTop(dragArea)) / rowHeight);
         rowIndex = (rowIndex < 0) ? 0 : (rowIndex > trCollection.length - 1) ? trCollection.length - 1 : rowIndex;
         this.actionObj.index = rowIndex;
         var eventContainer = this.parent.element.querySelectorAll('.e-appointment-container:not(.e-hidden)').item(rowIndex);
@@ -1271,7 +1271,7 @@ var DragAndDrop = /** @class */ (function (_super) {
         if (!isNullOrUndefined(this.parent.eventDragArea)) {
             return;
         }
-        var top = trCollection[parseInt(rowIndex.toString(), 10)].getBoundingClientRect().height * rowIndex;
+        var top = util.getElementHeight(trCollection[parseInt(rowIndex.toString(), 10)]) * rowIndex;
         if (this.parent.rowAutoHeight) {
             var cursorElement = this.getCursorElement(e);
             if (cursorElement) {

package/src/schedule/actions/keyboard.d.ts

@@ -42,6 +42,7 @@ export declare class KeyboardInteraction {
     private getUniqueAppointmentElements;
     private getWorkCellFromAppointmentElement;
     private processViewNavigation;
+    private isCalendarTarget;
     private cancelUpDownAction;
     private processUp;
     private processDown;

package/src/schedule/actions/keyboard.js

@@ -558,6 +558,13 @@ var KeyboardInteraction = /** @class */ (function () {
             }
         }
     };
+    KeyboardInteraction.prototype.isCalendarTarget = function (e) {
+        var keyTarget = e.currentTarget || e.target;
+        if (keyTarget && !isNullOrUndefined(keyTarget.querySelector('.e-header-popup.e-popup-open'))) {
+            return true;
+        }
+        return false;
+    };
     KeyboardInteraction.prototype.cancelUpDownAction = function (isTimelineYear) {
         var isVerticalYear = isTimelineYear && this.parent.activeViewOptions.orientation === 'Vertical';
         var isGroup = this.parent.activeViewOptions.group.resources.length > 0;
@@ -571,7 +578,7 @@ var KeyboardInteraction = /** @class */ (function () {
     };
     KeyboardInteraction.prototype.processUp = function (e, isMultiple) {
         var isTimelineYear = this.parent.currentView === 'TimelineYear';
-        if (isMultiple && this.cancelUpDownAction(isTimelineYear)) {
+        if (isMultiple && this.cancelUpDownAction(isTimelineYear) || (this.isCalendarTarget(e))) {
             return;
         }
         var target = (e.target);
@@ -619,7 +626,7 @@ var KeyboardInteraction = /** @class */ (function () {
     };
     KeyboardInteraction.prototype.processDown = function (e, isMultiple) {
         var isTimelineYear = this.parent.currentView === 'TimelineYear';
-        if (isMultiple && this.cancelUpDownAction(isTimelineYear)) {
+        if (isMultiple && this.cancelUpDownAction(isTimelineYear) || (this.isCalendarTarget(e))) {
             return;
         }
         var target = (e.target);
@@ -729,7 +736,7 @@ var KeyboardInteraction = /** @class */ (function () {
     };
     KeyboardInteraction.prototype.processRight = function (e, isMultiple) {
         var isTimelineYear = this.parent.currentView === 'TimelineYear';
-        if (this.isCancelLeftRightAction(e, isMultiple, isTimelineYear)) {
+        if (this.isCancelLeftRightAction(e, isMultiple, isTimelineYear) || (this.isCalendarTarget(e))) {
             return;
         }
         var selectedCells = this.parent.getSelectedCells();
@@ -800,7 +807,7 @@ var KeyboardInteraction = /** @class */ (function () {
     };
     KeyboardInteraction.prototype.processLeft = function (e, isMultiple) {
         var isTimelineYear = this.parent.currentView === 'TimelineYear';
-        if (this.isCancelLeftRightAction(e, isMultiple, isTimelineYear)) {
+        if (this.isCancelLeftRightAction(e, isMultiple, isTimelineYear) || (this.isCalendarTarget(e))) {
             return;
         }
         var target = (e.target);

package/src/schedule/actions/resize.js

@@ -81,9 +81,9 @@ var Resize = /** @class */ (function (_super) {
                 bottom: resizeTarget.classList.contains(cls.BOTTOM_RESIZE_HANDLER)
             };
             _this.actionObj.groupIndex = _this.parent.uiStateValues.isGroupAdaptive ? _this.parent.uiStateValues.groupIndex : 0;
-            var workCell = _this.parent.element.querySelector('.' + cls.WORK_CELLS_CLASS).getBoundingClientRect();
-            _this.actionObj.cellWidth = workCell.width;
-            _this.actionObj.cellHeight = workCell.height;
+            var workCell = _this.parent.element.querySelector('.' + cls.WORK_CELLS_CLASS);
+            _this.actionObj.cellWidth = util.getElementWidth(workCell);
+            _this.actionObj.cellHeight = util.getElementHeight(workCell);
             var hRows = _this.parent.activeViewOptions.headerRows.map(function (row) { return row.option; });
             if (_this.parent.activeView.isTimelineView() && hRows.length > 0 && ['Date', 'Hour'].indexOf(hRows.slice(-1)[0]) < 0) {
                 var tr = _this.parent.getContentTable().querySelector('tr');
@@ -385,9 +385,9 @@ var Resize = /** @class */ (function (_super) {
                     parseInt(this.actionObj.clone.style.left, 10);
                 offsetValue = Math.round(offsetValue / this.actionObj.cellWidth) * this.actionObj.cellWidth;
                 if (!isLeft) {
-                    offsetValue += (this.actionObj.clone.getBoundingClientRect().width - this.actionObj.cellWidth);
+                    offsetValue += (util.getElementWidth(this.actionObj.clone) - this.actionObj.cellWidth);
                 }
-                cellIndex = Math.floor(offsetValue / Math.floor(tr.getBoundingClientRect().width / noOfDays));
+                cellIndex = Math.floor(offsetValue / Math.floor(util.getElementWidth(tr) / noOfDays));
                 isDateHeader = isTimeViews && headerName === 'Date';
                 cellIndex = isLeft ? cellIndex : isTimelineMonth ? cellIndex + 1 : cellIndex;
                 isLastCell = cellIndex === tdCollections.length;
@@ -396,7 +396,7 @@ var Resize = /** @class */ (function (_super) {
             else {
                 var cellWidth = this.actionObj.cellWidth;
                 cellIndex = isLeft ? Math.floor(offset / this.actionObj.cellWidth) :
-                    Math.ceil((offset + (this.actionObj.clone.getBoundingClientRect().width - cellWidth)) / this.actionObj.cellWidth);
+                    Math.ceil((offset + (util.getElementWidth(this.actionObj.clone) - cellWidth)) / this.actionObj.cellWidth);
                 if (this.parent.enableRtl) {
                     var cellOffsetWidth = 0;
                     if (headerName === 'TimelineMonth' || (!this.parent.activeViewOptions.timeScale.enable &&
@@ -404,7 +404,7 @@ var Resize = /** @class */ (function (_super) {
                         cellOffsetWidth = this.actionObj.cellWidth;
                     }
                     var offsetWidth = (Math.floor(offset / this.actionObj.cellWidth) *
-                        this.actionObj.cellWidth) + (isLeft ? 0 : this.actionObj.clone.getBoundingClientRect().width - cellOffsetWidth);
+                        this.actionObj.cellWidth) + (isLeft ? 0 : util.getElementWidth(this.actionObj.clone) - cellOffsetWidth);
                     cellIndex = Math.floor(offsetWidth / this.actionObj.cellWidth);
                 }
                 isLastCell = cellIndex === tdCollections.length;
@@ -423,7 +423,7 @@ var Resize = /** @class */ (function (_super) {
             }
             else {
                 if (!isLeft) {
-                    offset += this.actionObj.clone.getBoundingClientRect().width;
+                    offset += util.getElementWidth(this.actionObj.clone);
                 }
                 var spanMinutes = Math.ceil((this.actionObj.slotInterval / this.actionObj.cellWidth) *
                     (offset - Math.floor(offset / this.actionObj.cellWidth) * this.actionObj.cellWidth));
@@ -435,9 +435,9 @@ var Resize = /** @class */ (function (_super) {
         }
         else {
             var cloneIndex = closest(this.actionObj.clone, 'td').cellIndex;
-            var originalWidth = Math.ceil((isLeft ? this.actionObj.element.getBoundingClientRect().width : 0) /
+            var originalWidth = Math.ceil((isLeft ? util.getElementWidth(this.actionObj.element) : 0) /
                 this.actionObj.cellWidth) * this.actionObj.cellWidth;
-            var noOfDays = Math.ceil((this.actionObj.clone.getBoundingClientRect().width - originalWidth) /
+            var noOfDays = Math.ceil((util.getElementWidth(this.actionObj.clone) - originalWidth) /
                 this.actionObj.cellWidth);
             var tr = closest(this.actionObj.clone, 'tr');
             var dayIndex = isLeft ? cloneIndex - noOfDays : cloneIndex + noOfDays - 1;
@@ -500,23 +500,24 @@ var Resize = /** @class */ (function (_super) {
         var slotInterval = (this.actionObj.cellWidth / this.actionObj.slotInterval) * this.actionObj.interval;
         var pageWidth = isLeft ? (this.actionObj.X - this.actionObj.pageX) : (this.actionObj.pageX - this.actionObj.X);
         var targetWidth = isTimelineView ?
-            (this.actionObj.element.getBoundingClientRect().width / this.actionObj.cellWidth) * this.actionObj.cellWidth :
-            this.parent.currentView === 'Month' ? this.actionObj.element.getBoundingClientRect().width :
-                Math.ceil(this.actionObj.element.getBoundingClientRect().width / this.actionObj.cellWidth) * this.actionObj.cellWidth;
+            (util.getElementWidth(this.actionObj.element) / this.actionObj.cellWidth) * this.actionObj.cellWidth :
+            this.parent.currentView === 'Month' ? util.getElementWidth(this.actionObj.element) :
+                Math.ceil(util.getElementWidth(this.actionObj.element) / this.actionObj.cellWidth) * this.actionObj.cellWidth;
         var offsetWidth = targetWidth + (Math.ceil(pageWidth / this.actionObj.cellWidth) * this.actionObj.cellWidth);
         var left = (this.parent.enableRtl) ? parseInt(this.actionObj.element.style.right, 10) : this.actionObj.clone.offsetLeft;
         if (isTimeViews) {
             offsetWidth = targetWidth + (Math.ceil(pageWidth / slotInterval) * slotInterval);
             if (!isLeft) {
                 var roundedLeft = (+parseFloat(this.actionObj.element.style[this.parent.enableRtl ? 'right' : 'left'])).toFixed(1);
-                if (roundedLeft !== left.toFixed(1)) {
+                var roundedWidth = Math.round(targetWidth / slotInterval) * slotInterval;
+                if (roundedLeft !== left.toFixed(1) || roundedWidth !== targetWidth) {
                     offsetWidth = (Math.round((left + offsetWidth) / slotInterval) * slotInterval) - left;
                 }
             }
             this.actionObj.event[this.parent.eventFields.isAllDay] = false;
         }
         var width = !isLeft && ((offsetWidth + this.actionObj.clone.offsetLeft > this.scrollArgs.width)) ?
-            this.actionObj.clone.getBoundingClientRect().width : (offsetWidth < this.actionObj.cellWidth) ? offsetWidth : offsetWidth;
+            util.getElementWidth(this.actionObj.clone) : (offsetWidth < this.actionObj.cellWidth) ? offsetWidth : offsetWidth;
         if (this.parent.enableRtl) {
             var rightValue = isTimelineView ? parseInt(this.actionObj.element.style.right, 10) :
                 -(offsetWidth - this.actionObj.cellWidth);
@@ -530,7 +531,7 @@ var Resize = /** @class */ (function (_super) {
             }
             rightValue = rightValue >= this.scrollArgs.width ? this.scrollArgs.width - this.actionObj.cellWidth : rightValue;
             styles.right = formatUnit(rightValue);
-            width = width + rightValue > this.scrollArgs.width ? this.actionObj.clone.getBoundingClientRect().width : width;
+            width = width + rightValue > this.scrollArgs.width ? util.getElementWidth(this.actionObj.clone) : width;
         }
         else {
             var offsetLeft = isLeft ? this.actionObj.element.offsetLeft - (this.actionObj.X - this.actionObj.pageX) :
@@ -538,12 +539,12 @@ var Resize = /** @class */ (function (_super) {
             if (isTimelineView) {
                 offsetLeft = isLeft ? offsetLeft : parseInt(this.actionObj.clone.style.left, 10);
                 if (this.parent.enableRtl) {
-                    offsetLeft = !isLeft ? (this.actionObj.pageX < this.actionObj.X - this.actionObj.clone.getBoundingClientRect().width)
+                    offsetLeft = !isLeft ? (this.actionObj.pageX < this.actionObj.X - util.getElementWidth(this.actionObj.clone))
                         ? parseInt(this.actionObj.clone.style.right, 10) : offsetLeft : offsetLeft;
                 }
                 else {
-                    offsetLeft = isLeft ? (this.actionObj.pageX > this.actionObj.X + this.actionObj.clone.getBoundingClientRect().width &&
-                        this.actionObj.clone.getBoundingClientRect().width === this.actionObj.cellWidth) ?
+                    offsetLeft = isLeft ? (this.actionObj.pageX > this.actionObj.X + util.getElementWidth(this.actionObj.clone) &&
+                        util.getElementWidth(this.actionObj.clone) === this.actionObj.cellWidth) ?
                         parseInt(this.actionObj.clone.style.left, 10) : offsetLeft : offsetLeft;
                 }
             }
@@ -559,10 +560,10 @@ var Resize = /** @class */ (function (_super) {
                 }
                 else {
                     offsetLeft = 0;
-                    width = this.actionObj.clone.getBoundingClientRect().width;
+                    width = util.getElementWidth(this.actionObj.clone);
                 }
             }
-            var cloneWidth = Math.ceil(this.actionObj.clone.getBoundingClientRect().width / this.actionObj.cellWidth) *
+            var cloneWidth = Math.ceil(util.getElementWidth(this.actionObj.clone) / this.actionObj.cellWidth) *
                 this.actionObj.cellWidth;
             if (isLeft) {
                 styles.left = formatUnit(isTimelineView ? offsetLeft : isLeft ? leftValue < 0 ? -offsetLeft :

package/src/schedule/actions/virtual-scroll.js

@@ -55,6 +55,10 @@ var VirtualScroll = /** @class */ (function () {
             this.renderedLength = conTable.querySelector('tbody').children.length;
             virtual.style.height = (conTable.offsetHeight + (this.parent.resourceBase.expandedResources.length - (this.renderedLength)) *
                 conTable.offsetHeight / this.renderedLength) + 'px';
+            var conWrap = this.parent.element.querySelector('.' + cls.CONTENT_WRAP_CLASS);
+            if ((conWrap.scrollHeight - conWrap.scrollTop) < conWrap.offsetHeight * this.bufferCount) {
+                virtual.style.height = parseInt(virtual.style.height) + (conWrap.offsetHeight * this.bufferCount) + 'px';
+            }
         }
         else {
             virtual.style.height = '';

package/src/schedule/base/interface.d.ts

@@ -521,6 +521,7 @@ export interface UIStateArgs {
     isBlock?: boolean;
     isCustomMonth?: boolean;
     isPreventTimezone?: boolean;
+    isPreventEventRefresh?: boolean;
 }
 /**
  *  @private

package/src/schedule/base/schedule.d.ts

@@ -1457,9 +1457,10 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
      *
      * @function setResourceCollections
      * @param {ResourcesModel[]} resourceCol Accepts the resource collections in ResourcesModel type
+     * @param {boolean} isEventDataRefresh Accepts the boolean to refresh the appointment data source from remote or local
      * @returns {void}
      */
-    setResourceCollections(resourceCol: ResourcesModel[]): void;
+    setResourceCollections(resourceCol: ResourcesModel[], isEventDataRefresh?: boolean): void;
     /**
      * Current View could be change based on the provided parameters.
      *
@@ -1708,6 +1709,8 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     getEventDetails(element: Element): Record<string, any>;
     /**
      * To check whether the given time range slots are available for event creation or already occupied by other events.
+     * This method currently focuses on validating appointments within the current view date range.
+     * However, it does not extend this availability check to recurrence occurrences outside of the current date range.
      *
      * @function isSlotAvailable
      * @param {Date | Object} startTime Denotes the start time of the slot.

package/src/schedule/base/schedule.js

@@ -1992,9 +1992,14 @@ var Schedule = /** @class */ (function (_super) {
      *
      * @function setResourceCollections
      * @param {ResourcesModel[]} resourceCol Accepts the resource collections in ResourcesModel type
+     * @param {boolean} isEventDataRefresh Accepts the boolean to refresh the appointment data source from remote or local
      * @returns {void}
      */
-    Schedule.prototype.setResourceCollections = function (resourceCol) {
+    Schedule.prototype.setResourceCollections = function (resourceCol, isEventDataRefresh) {
+        if (isEventDataRefresh === void 0) { isEventDataRefresh = true; }
+        if (!isEventDataRefresh && this.uiStateValues) {
+            this.uiStateValues.isPreventEventRefresh = true;
+        }
         this.setProperties({ resources: resourceCol }, false);
     };
     /**
@@ -2114,6 +2119,8 @@ var Schedule = /** @class */ (function (_super) {
             this.iCalendarExportModule.initializeCalendarExport(fileName, customData);
         }
         else {
+            console.warn('[WARNING] :: Module "ICalendarExport" is not available in Schedule component!' +
+                ' You either misspelled the module name or forgot to load it.');
             throw Error('Inject ICalendarExport module');
         }
     };
@@ -2130,6 +2137,8 @@ var Schedule = /** @class */ (function (_super) {
             this.iCalendarImportModule.initializeCalendarImport(fileContent);
         }
         else {
+            console.warn('[WARNING] :: Module "ICalendarImport" is not available in Schedule component!' +
+                ' You either misspelled the module name or forgot to load it.');
             throw Error('Inject ICalendarImport module');
         }
     };
@@ -2175,6 +2184,8 @@ var Schedule = /** @class */ (function (_super) {
             this.excelExportModule.initializeExcelExport(excelExportOptions);
         }
         else {
+            console.warn('[WARNING] :: Module "ExcelExport" is not available in Schedule component!' +
+                ' You either misspelled the module name or forgot to load it.');
             throw Error('Inject ExcelExport module');
         }
     };
@@ -2191,6 +2202,8 @@ var Schedule = /** @class */ (function (_super) {
             this.printModule.print(printOptions);
         }
         else {
+            console.warn('[WARNING] :: Module "Print" is not available in Schedule component!' +
+                ' You either misspelled the module name or forgot to load it.');
             throw Error('Inject Print module');
         }
     };
@@ -2474,6 +2487,8 @@ var Schedule = /** @class */ (function (_super) {
     };
     /**
      * To check whether the given time range slots are available for event creation or already occupied by other events.
+     * This method currently focuses on validating appointments within the current view date range.
+     * However, it does not extend this availability check to recurrence occurrences outside of the current date range.
      *
      * @function isSlotAvailable
      * @param {Date | Object} startTime Denotes the start time of the slot.

package/src/schedule/base/util.d.ts

@@ -238,3 +238,24 @@ export declare function isIPadDevice(): boolean;
  * @returns {string} Returns the output string
  */
 export declare function capitalizeFirstWord(inputString: string, type: string): string;
+/**
+ * Method to get element cell width
+ *
+ * @param {HTMLElement} element Accepts the DOM element
+ * @returns {number} Returns the width of the given element
+ */
+export declare function getElementWidth(element: HTMLElement): number;
+/**
+ * Method to get element cell Height
+ *
+ * @param {HTMLElement} element Accepts the DOM element
+ * @returns {number} Returns the Height of the given element
+ */
+export declare function getElementHeight(element: HTMLElement): number;
+/**
+ * Method to get element cell Top
+ *
+ * @param {HTMLElement} element Accepts the DOM element
+ * @returns {number} Returns the top value of the given element
+ */
+export declare function getElementTop(element: HTMLElement): number;

package/src/schedule/base/util.js

@@ -20,7 +20,7 @@ export function getElementHeightFromClass(container, elementClass) {
     el.style.visibility = 'hidden';
     el.style.position = 'absolute';
     container.appendChild(el);
-    height = el.getBoundingClientRect().height;
+    height = getElementHeight(el);
     remove(el);
     return height;
 }
@@ -37,7 +37,7 @@ export function getElementWidthFromClass(container, elementClass) {
     el.style.visibility = 'hidden';
     el.style.position = 'absolute';
     container.appendChild(el);
-    width = el.getBoundingClientRect().width;
+    width = getElementWidth(el);
     remove(el);
     return width;
 }
@@ -425,3 +425,30 @@ export function capitalizeFirstWord(inputString, type) {
     }
     return inputString;
 }
+/**
+ * Method to get element cell width
+ *
+ * @param {HTMLElement} element Accepts the DOM element
+ * @returns {number} Returns the width of the given element
+ */
+export function getElementWidth(element) {
+    return document.body.style.transform.includes('scale') ? element.offsetWidth : element.getBoundingClientRect().width;
+}
+/**
+ * Method to get element cell Height
+ *
+ * @param {HTMLElement} element Accepts the DOM element
+ * @returns {number} Returns the Height of the given element
+ */
+export function getElementHeight(element) {
+    return document.body.style.transform.includes('scale') ? element.offsetHeight : element.getBoundingClientRect().height;
+}
+/**
+ * Method to get element cell Top
+ *
+ * @param {HTMLElement} element Accepts the DOM element
+ * @returns {number} Returns the top value of the given element
+ */
+export function getElementTop(element) {
+    return document.body.style.transform.includes('scale') ? element.offsetTop : element.getBoundingClientRect().top;
+}

package/src/schedule/event-renderer/event-base.d.ts

@@ -89,7 +89,6 @@ export declare class EventBase {
     getPageCoordinates(e: MouseEvent & TouchEvent): (MouseEvent & TouchEvent) | Touch;
     renderSpannedIcon(element: HTMLElement, spanEvent: Record<string, any>): void;
     addCellHeight(selector: string, eventHeight: number, eventGap: number, headerHeight: number, indHeight: number, isScrollUpdate?: boolean): void;
-    getCellWidth(element: HTMLElement): number;
     private unWireEvents;
     destroy(): void;
 }

package/src/schedule/event-renderer/event-base.js

@@ -1354,9 +1354,6 @@ var EventBase = /** @class */ (function () {
             }
         }
     };
-    EventBase.prototype.getCellWidth = function (element) {
-        return document.body.style.transform.includes('scale') ? parseFloat(window.getComputedStyle(element).width) : element.getBoundingClientRect().width;
-    };
     EventBase.prototype.unWireEvents = function () {
         var appElements = [].slice.call(this.parent.element.querySelectorAll('.' + cls.APPOINTMENT_CLASS));
         for (var _i = 0, appElements_1 = appElements; _i < appElements_1.length; _i++) {

package/src/schedule/event-renderer/inline-edit.js

@@ -108,7 +108,7 @@ var InlineEdit = /** @class */ (function () {
             var allDayElements = [].slice.call(this.parent.element.querySelectorAll('.' + cls.ALLDAY_APPOINTMENT_CLASS));
             var allDayLevel = 0;
             if (allDayElements.length > 0) {
-                allDayLevel = Math.floor(this.parent.element.querySelector('.' + cls.ALLDAY_ROW_CLASS).getBoundingClientRect().height /
+                allDayLevel = Math.floor(util.getElementHeight(this.parent.element.querySelector('.' + cls.ALLDAY_ROW_CLASS)) /
                     allDayElements[0].offsetHeight) - 1;
             }
             verticalEvent.allDayLevel = allDayLevel;

package/src/schedule/event-renderer/month.js

@@ -175,8 +175,8 @@ var MonthEvent = /** @class */ (function (_super) {
             });
         }
         var cellDetail = this.workCells[this.parent.activeView.isTimelineView() ? 0 : this.workCells.length - 1];
-        this.cellWidth = this.parent.eventBase.getCellWidth(cellDetail);
-        this.cellHeight = cellDetail.getBoundingClientRect().height;
+        this.cellWidth = util.getElementWidth(cellDetail);
+        this.cellHeight = util.getElementHeight(cellDetail);
         this.dateRender = dateRender;
         var filteredDates = this.getRenderedDates(dateRender);
         this.getSlotDates(workDays || this.parent.activeViewOptions.workDays);

package/src/schedule/event-renderer/timeline-view.js

@@ -38,7 +38,7 @@ var TimelineEvent = /** @class */ (function (_super) {
         _this.eventContainers = [].slice.call(_this.element.querySelectorAll('.' + cls.APPOINTMENT_CONTAINER_CLASS));
         var tr = [].slice.call(_this.element.querySelectorAll('.' + cls.CONTENT_TABLE_CLASS + ' tbody tr'));
         _this.dayLength = tr.length === 0 ? 0 : tr[0].children.length;
-        _this.content = _this.parent.element.querySelector('.' + cls.CONTENT_TABLE_CLASS);
+        _this.content = _this.parent.element.querySelector('.' + cls.SCHEDULE_TABLE_CLASS + '.' + cls.CONTENT_TABLE_CLASS);
         return _this;
     }
     TimelineEvent.prototype.getSlotDates = function () {
@@ -48,7 +48,7 @@ var TimelineEvent = /** @class */ (function (_super) {
             this.parent.activeViewOptions.headerRows.slice(-1)[0].option !== 'Hour') {
             this.renderType = 'day';
             var workCell = this.content.querySelector('.' + cls.WORK_CELLS_CLASS);
-            this.cellWidth = workCell.getBoundingClientRect().width / +(workCell.getAttribute('colspan') || 1);
+            this.cellWidth = util.getElementWidth(workCell) / +(workCell.getAttribute('colspan') || 1);
             this.slotsPerDay = 1;
         }
         else {
@@ -204,14 +204,14 @@ var TimelineEvent = /** @class */ (function (_super) {
                 this.wireAppointmentEvents(appointmentElement, event);
                 if (this.parent.rowAutoHeight) {
                     var conWrap = this.parent.element.querySelector('.' + cls.CONTENT_WRAP_CLASS);
-                    var conWidth = conWrap.getBoundingClientRect().width;
+                    var conWidth = util.getElementWidth(conWrap);
                     var isWithoutScroll = conWrap.offsetHeight === conWrap.clientHeight &&
                         conWrap.offsetWidth === conWrap.clientWidth;
                     this.renderEventElement(event, appointmentElement, cellTd);
                     var firstChild = this.getFirstChild(resIndex);
                     this.updateCellHeight(firstChild, height);
                     if (isWithoutScroll &&
-                        (conWrap.offsetWidth > conWrap.clientWidth || conWidth !== conWrap.getBoundingClientRect().width)) {
+                        (conWrap.offsetWidth > conWrap.clientWidth || conWidth !== util.getElementWidth(conWrap))) {
                         this.adjustAppointments(conWidth);
                     }
                 }
@@ -330,7 +330,7 @@ var TimelineEvent = /** @class */ (function (_super) {
     TimelineEvent.prototype.adjustAppointments = function (conWidth) {
         var _this = this;
         var tr = this.parent.element.querySelector('.' + cls.CONTENT_TABLE_CLASS + ' tbody tr');
-        var actualCellWidth = this.workCells[0].getBoundingClientRect().width;
+        var actualCellWidth = util.getElementWidth(this.workCells[0]);
         this.cellWidth = actualCellWidth / +(this.workCells[0].getAttribute('colspan') || 1);
         var currentPercentage = (actualCellWidth * tr.children.length) / (conWidth / 100);
         var apps = [].slice.call(this.parent.element.querySelectorAll('.' + cls.APPOINTMENT_CLASS));

package/src/schedule/event-renderer/vertical-view.js

@@ -113,7 +113,7 @@ var VerticalEvent = /** @class */ (function (_super) {
             this.resources = this.parent.resourceBase.renderedResources;
         }
         this.cellHeight =
-            parseFloat(this.parent.element.querySelector('.e-content-wrap tbody tr').getBoundingClientRect().height.toFixed(2));
+            parseFloat(util.getElementHeight(this.parent.element.querySelector('.e-content-wrap tbody tr')).toFixed(2));
         this.dateRender[0] = this.parent.activeView.renderDates;
         if (this.parent.activeViewOptions.group.resources.length > 0) {
             for (var i = 0, len = this.resources.length; i < len; i++) {

package/src/schedule/event-renderer/year.js

@@ -89,7 +89,7 @@ var YearEvent = /** @class */ (function (_super) {
     YearEvent.prototype.timelineYearViewEvents = function () {
         var _this = this;
         var workCell = this.parent.element.querySelector('.' + cls.WORK_CELLS_CLASS + ':not(.' + cls.OTHERMONTH_CLASS + ')');
-        this.cellWidth = this.parent.eventBase.getCellWidth(workCell);
+        this.cellWidth = util.getElementWidth(workCell);
         this.cellHeader = util.getOuterHeight(workCell.querySelector('.' + cls.DATE_HEADER_CLASS));
         var eventTable = this.parent.element.querySelector('.' + cls.EVENT_TABLE_CLASS);
         this.eventHeight = util.getElementHeightFromClass(eventTable, cls.APPOINTMENT_CLASS);
@@ -247,7 +247,7 @@ var YearEvent = /** @class */ (function (_super) {
         var contentTable = this.parent.element.querySelector('.' + cls.CONTENT_WRAP_CLASS);
         var isVerticalScrollbarAvail = contentTable.offsetWidth > contentTable.clientWidth;
         var workCell = this.parent.element.querySelector('.' + cls.WORK_CELLS_CLASS);
-        this.cellWidth = workCell.getBoundingClientRect().width;
+        this.cellWidth = util.getElementWidth(workCell);
         this.cellHeader = 0;
         var eventTable = this.parent.element.querySelector('.' + cls.EVENT_TABLE_CLASS);
         this.eventHeight = util.getElementHeightFromClass(eventTable, cls.APPOINTMENT_CLASS);
@@ -292,7 +292,7 @@ var YearEvent = /** @class */ (function (_super) {
                 appWrapper.forEach(function (appWrap, cellIndex) {
                     var td = row.querySelector("td:nth-child(" + (cellIndex + 1) + ")");
                     var app = [].slice.call(appWrap.children);
-                    var width = td.getBoundingClientRect().width;
+                    var width = util.getElementWidth(td);
                     var left = td.offsetLeft;
                     if (_this.parent.enableRtl) {
                         var right_1 = conTable_1.offsetWidth - left - td.offsetWidth;

package/src/schedule/popups/quick-popups.js

@@ -1357,6 +1357,17 @@ var QuickPopups = /** @class */ (function () {
                 instance.destroy();
             }
         }
+        if (popupName === 'quickPopup') {
+            var input = popup.element.querySelector('input.' + cls.SUBJECT_CLASS);
+            if (input) {
+                input.remove();
+            }
+            var form = this.quickPopup.element.querySelector('form.' + cls.FORM_CLASS);
+            if (form) {
+                util.removeChildren(form);
+                form.remove();
+            }
+        }
     };
     QuickPopups.prototype.refreshQuickDialog = function () {
         this.destroyQuickDialog();