@syncfusion/ej2-schedule 27.1.52 → 27.1.55

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 27.1.52
+*  version : 27.1.55
 *  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@27.1.51",
+  "_id": "@syncfusion/ej2-schedule@27.1.53",
   "_inBundle": false,
-  "_integrity": "sha512-tWoxWvJfAIU2htx1DrK3slTP2JUiQ1enkPZYB+tFAcYgy+zNWv9ypSpFDIbFKtk5cSZs+fSPNMGHW5cZYEYUjA==",
+  "_integrity": "sha512-eCYWez3dZD5pMKNeAPRVDLdH/X+5htZeVD65OxMdfIMS5/Fqmwjh4rZ0JmgowSEZon522i41/I5gF2TzCTvm0g==",
   "_location": "/@syncfusion/ej2-schedule",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-schedule",
     "/@syncfusion/ej2-vue-schedule"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-27.1.51.tgz",
-  "_shasum": "0f6618c8304d52cd417e3d37cda1c0af19d9b949",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-27.1.53.tgz",
+  "_shasum": "10390d6fc7e1a6861d7b096db0238f3b84f463c5",
   "_spec": "@syncfusion/ej2-schedule@*",
   "_where": "/jenkins/workspace/elease-automation_release_27.1.1/packages/included",
   "author": {
@@ -35,16 +35,16 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~27.1.52",
-    "@syncfusion/ej2-buttons": "~27.1.51",
-    "@syncfusion/ej2-calendars": "~27.1.52",
+    "@syncfusion/ej2-base": "~27.1.55",
+    "@syncfusion/ej2-buttons": "~27.1.53",
+    "@syncfusion/ej2-calendars": "~27.1.55",
     "@syncfusion/ej2-data": "~27.1.52",
-    "@syncfusion/ej2-dropdowns": "~27.1.52",
+    "@syncfusion/ej2-dropdowns": "~27.1.55",
     "@syncfusion/ej2-excel-export": "~27.1.50",
-    "@syncfusion/ej2-inputs": "~27.1.50",
+    "@syncfusion/ej2-inputs": "~27.1.55",
     "@syncfusion/ej2-lists": "~27.1.50",
-    "@syncfusion/ej2-navigations": "~27.1.52",
-    "@syncfusion/ej2-popups": "~27.1.50"
+    "@syncfusion/ej2-navigations": "~27.1.55",
+    "@syncfusion/ej2-popups": "~27.1.55"
   },
   "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": "27.1.52",
+  "version": "27.1.55",
   "sideEffects": false
 }

package/src/schedule/actions/resize.js

@@ -365,11 +365,8 @@ var Resize = /** @class */ (function (_super) {
         var eventStart = new Date(this.actionObj.event[this.parent.eventFields.startTime].getTime());
         var eventEnd = new Date(this.actionObj.event[this.parent.eventFields.endTime].getTime());
         var resizeTime;
-        var isDateHeader = false;
         var headerName = this.parent.currentView;
-        var isTimeViews = ['TimelineDay', 'TimelineWeek', 'TimelineWorkWeek'].indexOf(this.parent.currentView) > -1;
         var isTimelineMonth = this.parent.currentView === 'TimelineMonth';
-        var isWithoutScale = isTimelineMonth || isTimeViews && !this.parent.activeViewOptions.timeScale.enable;
         if (this.parent.activeView.isTimelineView()) {
             var tr = this.parent.getContentTable().querySelector('tr');
             if (this.parent.activeViewOptions.headerRows.length > 0) {
@@ -402,7 +399,6 @@ var Resize = /** @class */ (function (_super) {
                 }
                 cellIndex = !isTimelineMonth ? Math.round(offsetValue / (this.parent.getElementWidth(tr) / noOfDays)) :
                     Math.floor(offsetValue / Math.floor(this.parent.getElementWidth(tr) / noOfDays));
-                isDateHeader = isTimeViews && headerName === 'Date';
                 cellIndex = isLeft ? cellIndex : isTimelineMonth ? cellIndex + 1 : cellIndex;
                 isLastCell = cellIndex === tdCollections.length;
                 cellIndex = (cellIndex < 0) ? 0 : (cellIndex >= noOfDays) ? noOfDays - 1 : cellIndex;
@@ -468,15 +464,14 @@ var Resize = /** @class */ (function (_super) {
             !this.parent.activeViewOptions.timeScale.enable;
         if (isLeft) {
             if ((eventEnd.getTime() - resizeTime.getTime()) <= 0) {
-                resizeTime = isWithoutScale ? util.resetTime(eventEnd) : eventStart;
+                resizeTime = isNotHourSlot ? util.resetTime(eventEnd) : eventStart;
             }
             this.actionObj.start = !isNotHourSlot ? this.calculateIntervalTime(resizeTime) : resizeTime;
         }
         else {
-            var isTimeScaleViews = isTimeViews && this.parent.activeViewOptions.timeScale.enable;
-            var resizeEnd = ((!isTimeScaleViews || isDateHeader || isTimeViews && ['Week', 'Month', 'Year'].indexOf(headerName) > -1)
-                && resizeTime.getHours() === 0 && resizeTime.getMinutes() === 0) ? util.addDays(resizeTime, 1) : resizeTime;
-            if (isWithoutScale && (resizeEnd.getTime() - eventStart.getTime()) <= 0) {
+            var resizeEnd = (isNotHourSlot && resizeTime.getHours() === 0 && resizeTime.getMinutes() === 0) ?
+                util.addDays(resizeTime, 1) : resizeTime;
+            if (isNotHourSlot && (resizeEnd.getTime() - eventStart.getTime()) <= 0) {
                 resizeEnd = util.addDays(util.resetTime(eventStart), 1);
             }
             this.actionObj.end = !isNotHourSlot ? this.calculateIntervalTime(resizeEnd) : resizeEnd;

package/src/schedule/base/schedule.js

@@ -1967,8 +1967,9 @@ var Schedule = /** @class */ (function (_super) {
         var msMajorInterval = this.activeViewOptions.timeScale.interval * util.MS_PER_MINUTE;
         var msInterval = msMajorInterval / this.activeViewOptions.timeScale.slotCount;
         var offsetDiff = ((viewStartHour.getTimezoneOffset() - startHour.getTimezoneOffset()) * util.MS_PER_MINUTE);
+        var endOffsetDiff = Math.abs((viewStartHour.getTimezoneOffset() - endHour.getTimezoneOffset()) * util.MS_PER_MINUTE);
         var startIndex = Math.round((startHour.getTime() - viewStartHour.getTime() + offsetDiff) / msInterval);
-        var endIndex = Math.ceil((endHour.getTime() - viewStartHour.getTime() + offsetDiff) / msInterval);
+        var endIndex = Math.ceil((endHour.getTime() - viewStartHour.getTime() - endOffsetDiff) / msInterval);
         var tempStartIndex = startIndex;
         var tempEndIndex = endIndex;
         var cells = [];

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

@@ -48,6 +48,7 @@ export declare class MonthEvent extends EventBase {
     getIndex(date: Date): number;
     moreIndicatorClick(event: Event): void;
     renderEventElement(event: Record<string, any>, appointmentElement: HTMLElement, cellTd: Element): void;
+    private getSpannedTime;
     getEventData(event: Record<string, any>): Record<string, any>;
     renderElement(cellTd: HTMLElement | Element, element: HTMLElement, isAppointment?: boolean): void;
     getMoreIndicatorElement(count: number, startDate: Date, endDate: Date): HTMLElement;

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

@@ -641,7 +641,7 @@ var MonthEvent = /** @class */ (function (_super) {
         var _this = this;
         var eventType = appointmentElement.classList.contains(cls.BLOCK_APPOINTMENT_CLASS) ? 'blockEvent' : 'event';
         var isAppointment = appointmentElement.classList.contains(cls.APPOINTMENT_CLASS);
-        var eventObj = this.getEventData(event);
+        var eventObj = this.parent.currentView === 'Month' ? this.getSpannedTime(event) : this.getEventData(event);
         var args = { data: eventObj, element: appointmentElement, cancel: false, type: eventType };
         this.parent.trigger(events.eventRendered, args, function (eventArgs) {
             if (eventArgs.cancel) {
@@ -652,6 +652,16 @@ var MonthEvent = /** @class */ (function (_super) {
             }
         });
     };
+    MonthEvent.prototype.getSpannedTime = function (event) {
+        var eventObj = extend({}, event, null, true);
+        if ((eventObj[this.fields.startTime]).getDate() === (eventObj.data[this.fields.startTime]).getDate()) {
+            eventObj[this.fields.startTime] = eventObj.data[this.fields.startTime];
+        }
+        if ((eventObj[this.fields.endTime]).getDate() === (eventObj.data[this.fields.endTime]).getDate()) {
+            eventObj[this.fields.endTime] = eventObj.data[this.fields.endTime];
+        }
+        return eventObj;
+    };
     MonthEvent.prototype.getEventData = function (event) {
         var eventObj = extend({}, event, null, true);
         eventObj[this.fields.startTime] = event.data[this.fields.startTime];

package/src/schedule/event-renderer/timeline-view.d.ts

@@ -40,6 +40,7 @@ export declare class TimelineEvent extends MonthEvent {
     private getAppointmentLeft;
     getPosition(startTime: Date, endTime: Date, isAllDay: boolean, day: number): number;
     private getFilterEvents;
+    private getIntervalInMinutes;
     private isAlreadyAvail;
     getRowTop(resIndex: number): number;
     getCellTd(): HTMLElement;

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

@@ -465,13 +465,8 @@ var TimelineEvent = /** @class */ (function (_super) {
         }
     };
     TimelineEvent.prototype.getSameDayEventsWidth = function (startDate, endDate) {
-        var intervalMins = this.interval;
-        if (this.slotsPerDay === 1) {
-            var hoursRange = util.getStartEndHours(util.resetTime(new Date(startDate.getTime())), this.startHour, this.endHour);
-            intervalMins = (hoursRange.endHour.getTime() - hoursRange.startHour.getTime()) / util.MS_PER_MINUTE;
-        }
         return ((util.getUniversalTime(endDate) - util.getUniversalTime(startDate)) /
-            util.MS_PER_MINUTE * (this.cellWidth * this.slotCount) / intervalMins);
+            util.MS_PER_MINUTE * (this.cellWidth * this.slotCount) / this.getIntervalInMinutes(startDate));
     };
     TimelineEvent.prototype.getSpannedEventsWidth = function (startDate, endDate, diffInDays) {
         var width = (diffInDays * this.slotsPerDay) * this.cellWidth;
@@ -497,13 +492,13 @@ var TimelineEvent = /** @class */ (function (_super) {
     TimelineEvent.prototype.getAppointmentLeft = function (schedule, startTime, day) {
         var slotTd = (this.isSameDay(startTime, schedule.startHour)) ?
             ((util.getUniversalTime(startTime) - util.getUniversalTime(schedule.startHour)) /
-                (util.MS_PER_MINUTE * this.interval)) * this.slotCount : 0;
+                (util.MS_PER_MINUTE * this.getIntervalInMinutes(startTime))) * this.slotCount : 0;
         if (day === 0) {
             return slotTd;
         }
         else {
             var daySlot = Math.round((((util.getUniversalTime(schedule.endHour) - util.getUniversalTime(schedule.startHour)) /
-                util.MS_PER_MINUTE) / this.interval) * this.slotCount);
+                util.MS_PER_MINUTE) / this.getIntervalInMinutes(startTime)) * this.slotCount);
             return (daySlot * day) + slotTd;
         }
     };
@@ -536,6 +531,13 @@ var TimelineEvent = /** @class */ (function (_super) {
             return this.getFilteredEvents(startTime, endTime, gIndex, eventsList);
         }
     };
+    TimelineEvent.prototype.getIntervalInMinutes = function (startDate) {
+        if (this.slotsPerDay !== 1) {
+            return this.interval;
+        }
+        var hoursRange = util.getStartEndHours(util.resetTime(new Date(startDate.getTime())), this.startHour, this.endHour);
+        return (hoursRange.endHour.getTime() - hoursRange.startHour.getTime()) / util.MS_PER_MINUTE;
+    };
     TimelineEvent.prototype.isAlreadyAvail = function (appPos, cellTd) {
         var moreIndicator = [].slice.call(cellTd.querySelectorAll('.' + cls.MORE_INDICATOR_CLASS));
         for (var i = 0; i < moreIndicator.length; i++) {

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

@@ -689,10 +689,32 @@ var VerticalEvent = /** @class */ (function (_super) {
             if (this.parent.activeViewOptions.group.resources.length > 0) {
                 this.overlapList = this.filterEventsByResource(this.resources[parseInt(resource.toString(), 10)], this.overlapList);
             }
+            var queue_1 = [];
             this.overlapList.forEach(function (obj) {
-                var filterList = appointmentList_1.filter(function (data) {
-                    return data[fieldMapping.endTime] > obj[fieldMapping.startTime] && data[fieldMapping.startTime] <= obj[fieldMapping.endTime];
-                });
+                queue_1.push(obj);
+                var filterList = [];
+                var processedIds = new Set();
+                var _loop_2 = function () {
+                    var currentObj = queue_1.shift();
+                    var overlaps = appointmentList_1.filter(function (data) {
+                        return data[fieldMapping.endTime] > currentObj[fieldMapping.startTime] &&
+                            data[fieldMapping.startTime] <= currentObj[fieldMapping.endTime] &&
+                            !processedIds.has(data[fieldMapping.id]);
+                    });
+                    overlaps.forEach(function (overlap) {
+                        filterList.push(overlap);
+                        processedIds.add(overlap[fieldMapping.id]);
+                        queue_1.push(overlap);
+                    });
+                    if (processedIds.size < appointmentList_1.length - 1) {
+                        return "break";
+                    }
+                };
+                while (queue_1.length > 0) {
+                    var state_1 = _loop_2();
+                    if (state_1 === "break")
+                        break;
+                }
                 if (_this.parent.activeViewOptions.group.resources.length > 0) {
                     filterList = _this.filterEventsByResource(_this.resources[parseInt(resource.toString(), 10)], filterList);
                 }

package/src/schedule/popups/event-window.js

@@ -1037,6 +1037,9 @@ var EventWindow = /** @class */ (function () {
             else if (element.classList.contains('e-checkbox')) {
                 fieldSelector = 'e-checkbox';
             }
+            else if (element.classList.contains('e-numerictextbox')) {
+                fieldSelector = 'e-numerictextbox';
+            }
             var classSelector = isDropDowns ? "." + fieldSelector + ":not(.e-control)" : "." + fieldSelector;
             var control = closest(element, classSelector) || element.querySelector("." + fieldSelector);
             if (control) {
@@ -1786,6 +1789,9 @@ var EventWindow = /** @class */ (function () {
         else if (element.classList.contains('e-checkbox')) {
             value = element.ej2_instances[0].checked;
         }
+        else if (element.classList.contains('e-numerictextbox')) {
+            value = element.ej2_instances[0].value;
+        }
         else {
             if (element.type === 'checkbox') {
                 value = element.checked;
@@ -1830,6 +1836,11 @@ var EventWindow = /** @class */ (function () {
             instance.checked = value;
             instance.dataBind();
         }
+        else if (element.classList.contains('e-numerictextbox')) {
+            var instance = element.ej2_instances[0];
+            instance.value = value;
+            instance.dataBind();
+        }
         else {
             if (element.type !== 'checkbox') {
                 element.value = value || '';
@@ -1867,6 +1878,11 @@ var EventWindow = /** @class */ (function () {
             instance.checked = false;
             instance.dataBind();
         }
+        else if (element.classList.contains('e-numerictextbox')) {
+            var instance = element.ej2_instances[0];
+            instance.value = null;
+            instance.dataBind();
+        }
         else {
             if (element.type === 'checkbox') {
                 element.checked = false;