@syncfusion/ej2-schedule 32.1.19 → 32.1.20

package/dist/global/index.d.ts

@@ -1,3 +1,12 @@
+/*!
+*  filename: index.d.ts
+*  version : 32.1.20
+*  Copyright Syncfusion Inc. 2001 - 2025. 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
+*  licensing@syncfusion.com. Any infringement will be prosecuted under
+*  applicable laws. 
+*/
 import * as _schedule from '@syncfusion/ej2-schedule';
 
 export declare namespace ej {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-schedule",
-  "version": "32.1.19",
+  "version": "32.1.20",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
   "main": "./dist/ej2-schedule.umd.min.js",
@@ -9,11 +9,11 @@
   "dependencies": {
     "@syncfusion/ej2-base": "~32.1.19",
     "@syncfusion/ej2-buttons": "~32.1.19",
-    "@syncfusion/ej2-calendars": "~32.1.19",
+    "@syncfusion/ej2-calendars": "~32.1.20",
     "@syncfusion/ej2-data": "~32.1.19",
-    "@syncfusion/ej2-dropdowns": "~32.1.19",
+    "@syncfusion/ej2-dropdowns": "~32.1.20",
     "@syncfusion/ej2-excel-export": "~32.1.19",
-    "@syncfusion/ej2-inputs": "~32.1.19",
+    "@syncfusion/ej2-inputs": "~32.1.20",
     "@syncfusion/ej2-lists": "~32.1.19",
     "@syncfusion/ej2-navigations": "~32.1.19",
     "@syncfusion/ej2-popups": "~32.1.19"

package/src/schedule/actions/action-base.js

@@ -91,7 +91,7 @@ var ActionBase = /** @class */ (function () {
         var startHour = this.parent.activeView.getStartHour();
         var intervalInMS = util.MS_PER_MINUTE * this.actionObj.interval;
         dateInMS += (startHour.getHours() * 60 + startHour.getMinutes()) * util.MS_PER_MINUTE + startHour.getSeconds() * 1000;
-        dateInMS = dateInMS + Math.floor((date.getTime() - dateInMS) / intervalInMS) * intervalInMS;
+        dateInMS = dateInMS + ((date.getTime() - dateInMS) / intervalInMS) * intervalInMS;
         return new Date(dateInMS);
     };
     ActionBase.prototype.getContentAreaDimension = function () {

package/src/schedule/actions/resize.js

@@ -415,7 +415,7 @@ var Resize = /** @class */ (function (_super) {
                     var offsetWidth = (Math.round(offset / this.actionObj.cellWidth) *
                         this.actionObj.cellWidth) + (isLeft ? 0 : (this.parent.getElementWidth(this.actionObj.clone) -
                         this.actionObj.cellWidth));
-                    cellIndex = Math.floor(offsetWidth / this.actionObj.cellWidth);
+                    cellIndex = Math.ceil(offsetWidth / this.actionObj.cellWidth);
                 }
                 isLastCell = cellIndex === tdCollections.length;
                 cellIndex = this.getIndex(cellIndex);
@@ -433,13 +433,29 @@ var Resize = /** @class */ (function (_super) {
             }
             else {
                 if (!isLeft) {
-                    offset += this.parent.getElementWidth(this.actionObj.clone);
+                    var cloneWidth = this.parent.getElementWidth(this.actionObj.clone);
+                    var pixelsPerInterval = this.actionObj.cellWidth /
+                        (this.actionObj.slotInterval / this.actionObj.interval);
+                    var numIntervals = Math.round(cloneWidth / pixelsPerInterval);
+                    cloneWidth = numIntervals * pixelsPerInterval;
+                    offset = offset + cloneWidth;
                 }
-                var spanMinutes = Math.floor((this.actionObj.slotInterval / this.actionObj.cellWidth) *
+                var spanMinutes = Math.ceil((this.actionObj.slotInterval / this.actionObj.cellWidth) *
                     (offset - Math.floor(offset / this.actionObj.cellWidth) * this.actionObj.cellWidth));
                 spanMinutes = (isLastCell || (!isLeft && spanMinutes === 0)) ? this.actionObj.slotInterval : spanMinutes;
                 resizeTime = new Date(resizeDate.getTime());
                 resizeTime = new Date(resizeDate.getTime() + (spanMinutes * util.MS_PER_MINUTE));
+                var isCustomResizeInterval = this.actionObj.interval !== this.actionObj.slotInterval;
+                var initialCellTime = new Date(resizeTime.getTime());
+                var intervalInMS = this.actionObj.interval * 60000;
+                if (intervalInMS > 0 && isCustomResizeInterval) {
+                    if (this.resizeEdges.right || this.resizeEdges.left) {
+                        var eventTime = this.resizeEdges.right ? eventEnd : eventStart;
+                        var timeDifferenceMs = initialCellTime.getTime() - eventTime.getTime();
+                        var intervalCount = Math.round(timeDifferenceMs / intervalInMS);
+                        resizeTime = new Date(eventTime.getTime() + intervalCount * intervalInMS);
+                    }
+                }
                 this.updateTimePosition(resizeTime);
             }
         }

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

@@ -372,6 +372,8 @@ export interface ResourceDetails {
     resourceData: Record<string, any>;
     /** Returns the respective resource fields data. */
     groupData?: Record<string, any>;
+    /** Returns the respective resource date. */
+    date?: Date;
     /** It returns the child level resources in compact mode. */
     resourceChild?: ResourceDetails[];
     /** It returns the Id of current resource in compact mode. */

package/src/schedule/base/resource.js

@@ -379,14 +379,16 @@ var ResourceBase = /** @class */ (function () {
                         resourceId: levelId,
                         resourceName: treeLevel.resourceData[resource.textField],
                         resource: treeLevel.resource,
-                        resourceData: treeLevel.resourceData
+                        resourceData: treeLevel.resourceData,
+                        date: _this.parent.selectedDate
                     };
                 }
                 else {
                     resObj = {
                         type: 'resourceHeader', resource: treeLevel.resource,
                         resourceData: treeLevel.resourceData, groupIndex: groupIndex,
-                        groupOrder: treeLevel.groupOrder
+                        groupOrder: treeLevel.groupOrder,
+                        date: _this.parent.selectedDate
                     };
                     resTreeColl.push(resObj);
                     groupIndex++;
@@ -714,9 +716,15 @@ var ResourceBase = /** @class */ (function () {
         }
         this.lastResourceLevel = headerLevels.slice(-1)[0] || [];
         if (!this.parent.activeViewOptions.group.byDate) {
+            for (var levelIndex = 0; levelIndex < headerLevels.length; levelIndex++) {
+                for (var _d = 0, _e = headerLevels[parseInt(levelIndex.toString(), 10)]; _d < _e.length; _d++) {
+                    var levelItem = _e[_d];
+                    levelItem.date = this.parent.selectedDate;
+                }
+            }
             var index = 0;
-            for (var _d = 0, _e = this.lastResourceLevel; _d < _e.length; _d++) {
-                var lastLevelResource = _e[_d];
+            for (var _f = 0, _g = this.lastResourceLevel; _f < _g.length; _f++) {
+                var lastLevelResource = _g[_f];
                 for (var i = 0; i < lastLevelResource.colSpan; i++) {
                     lastColumnDates[parseInt(index.toString(), 10)].groupIndex = lastLevelResource.groupIndex;
                     index++;
@@ -800,8 +808,8 @@ var ResourceBase = /** @class */ (function () {
                 dateIndex++;
             };
             var this_3 = this;
-            for (var _f = 0, headerDates_1 = headerDates; _f < headerDates_1.length; _f++) {
-                var headerDate = headerDates_1[_f];
+            for (var _h = 0, headerDates_1 = headerDates; _h < headerDates_1.length; _h++) {
+                var headerDate = headerDates_1[_h];
                 _loop_3(headerDate);
             }
             this.resourceDateTree = this.resourceDateTree.filter(function (data) { return data.length > 0; });
@@ -814,19 +822,23 @@ var ResourceBase = /** @class */ (function () {
             return dateHeaderLevels;
         }
         var dateColSpan = 0;
-        for (var _g = 0, _h = levels[0]; _g < _h.length; _g++) {
-            var firstRowTd = _h[_g];
+        for (var _j = 0, _k = levels[0]; _j < _k.length; _j++) {
+            var firstRowTd = _k[_j];
             dateColSpan += firstRowTd.colSpan;
         }
-        for (var _j = 0, headerDates_2 = headerDates; _j < headerDates_2.length; _j++) {
-            var headerDate = headerDates_2[_j];
+        for (var _l = 0, headerDates_2 = headerDates; _l < headerDates_2.length; _l++) {
+            var headerDate = headerDates_2[_l];
             headerDate.colSpan = dateColSpan;
             datesColumn.push(headerDate);
             var resGroup = extend([], levels, null, true);
             for (var k = 0, length_2 = resGroup.length; k < length_2; k++) {
+                for (var _m = 0, _o = resGroup[parseInt(k.toString(), 10)]; _m < _o.length; _m++) {
+                    var resTd = _o[_m];
+                    resTd.date = headerDate.date;
+                }
                 if (k === resGroup.length - 1) {
-                    for (var _k = 0, _l = resGroup[parseInt(k.toString(), 10)]; _k < _l.length; _k++) {
-                        var resTd = _l[_k];
+                    for (var _p = 0, _q = resGroup[parseInt(k.toString(), 10)]; _p < _q.length; _p++) {
+                        var resTd = _q[_p];
                         resTd.date = headerDate.date;
                         resTd.workDays = headerDate.workDays;
                         resTd.startHour = this.parent.getStartEndTime(resTd.resourceData[resTd.resource.startHourField]) ||

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

@@ -249,7 +249,7 @@ var AgendaBase = /** @class */ (function (_super) {
                                         groupOrder: resData[parseInt(res.toString(), 10)].groupOrder.slice(0, -1),
                                         resourceData: resData[parseInt(res.toString(), 10)].resourceData,
                                         groupIndex: (lastLevelInfo.length - data.length), className: [cls.RESOURCE_NAME],
-                                        date: agendaDate
+                                        date: this.parent.activeViewOptions.group.byDate ? firstDate : agendaDate
                                     };
                                     lastLevelInfo[parseInt((lastLevelInfo.length - data.length).toString(), 10)].push(tempObj);
                                     tempLastLevelInfo.push(extend({}, tempObj, null, true));
@@ -277,7 +277,8 @@ var AgendaBase = /** @class */ (function (_super) {
                                 tempGroupedData[0].type = 'parentColumnLevel_' + (y + 1);
                                 tempGroupedData[0].resource = topResources[topResources.length - (y + 1)];
                                 tempGroupedData[0].resourceData = data[parseInt(x.toString(), 10)];
-                                tempGroupedData[0].date = agendaDate;
+                                tempGroupedData[0].date = this.parent.activeViewOptions.group.byDate ?
+                                    tempLastLevelInfo[parseInt(u.toString(), 10)].date : agendaDate;
                                 lastLevelInfo[tempGroupedData[0].groupIndex].push(tempGroupedData[0]);
                                 tempGroupedData = [];
                                 totalRowSpan = 0;

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

@@ -176,14 +176,18 @@ var ViewBase = /** @class */ (function () {
         }
     };
     ViewBase.prototype.getHeaderBarHeight = function () {
-        var headerBarHeight = 2;
+        var computedStyle = getComputedStyle(this.parent.element);
+        var borderTop = parseFloat(computedStyle.borderTopWidth) || 1;
+        var borderBottom = parseFloat(computedStyle.borderBottomWidth) || 1;
+        var border = Math.round(borderTop + borderBottom);
+        var headerBarHeight = border;
         if (this.parent.headerModule) {
             headerBarHeight += util.getOuterHeight(this.parent.headerModule.getHeaderElement());
         }
         if (this.parent.uiStateValues.isGroupAdaptive) {
             var resHeader = this.parent.element.querySelector('.' + cls.RESOURCE_HEADER_TOOLBAR);
             if (resHeader) {
-                headerBarHeight += resHeader.offsetHeight;
+                headerBarHeight += util.getOuterHeight(resHeader);
             }
         }
         return headerBarHeight;
@@ -471,7 +475,7 @@ var ViewBase = /** @class */ (function () {
     ViewBase.prototype.setResourceHeaderContent = function (tdElement, tdData, className) {
         if (className === void 0) { className = cls.TEXT_ELLIPSIS; }
         if (this.parent.activeViewOptions.resourceHeaderTemplate) {
-            var data = { resource: tdData.resource, resourceData: tdData.resourceData };
+            var data = { resource: tdData.resource, resourceData: tdData.resourceData, date: tdData.date };
             var scheduleId = this.parent.element.id + '_';
             var viewName = this.parent.activeViewOptions.resourceHeaderTemplateName;
             var templateId = scheduleId + viewName + 'resourceHeaderTemplate';