@syncfusion/ej2-schedule 28.2.4 → 28.2.6

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 28.2.4
+*  version : 28.2.6
 *  Copyright Syncfusion Inc. 2001 - 2024. 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@28.2.3",
+  "_id": "@syncfusion/ej2-schedule@28.2.5",
   "_inBundle": false,
-  "_integrity": "sha512-vRaCJipyu0WOz8zNsBt0o5l6C5FlaVCFl6yhFGLNn+ipaJ3rYe9ayv5S/I0A2Qb4PLpuNEk8tYkpduppPwX4Mg==",
+  "_integrity": "sha512-+rZaSnvg9nwZja+Oq7M7UDSOW7m07NIIC+GuomhsxYqKJUQnCAnkcIO7rYA1efgEzoSq3aJWF0eLV87XbNZ86g==",
   "_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-28.2.3.tgz",
-  "_shasum": "49008b0b547e8011d023d8ec52ba2706cca9c8a0",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-28.2.5.tgz",
+  "_shasum": "d95dc763820088bf4cdbfcf8443acc230ba94549",
   "_spec": "@syncfusion/ej2-schedule@*",
   "_where": "/jenkins/workspace/elease-automation_release_28.1.1/packages/included",
   "author": {
@@ -35,16 +35,16 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~28.2.3",
-    "@syncfusion/ej2-buttons": "~28.2.3",
+    "@syncfusion/ej2-base": "~28.2.5",
+    "@syncfusion/ej2-buttons": "~28.2.6",
     "@syncfusion/ej2-calendars": "~28.2.3",
     "@syncfusion/ej2-data": "~28.2.3",
-    "@syncfusion/ej2-dropdowns": "~28.2.4",
+    "@syncfusion/ej2-dropdowns": "~28.2.6",
     "@syncfusion/ej2-excel-export": "~28.2.3",
     "@syncfusion/ej2-inputs": "~28.2.3",
     "@syncfusion/ej2-lists": "~28.2.3",
-    "@syncfusion/ej2-navigations": "~28.2.4",
-    "@syncfusion/ej2-popups": "~28.2.3"
+    "@syncfusion/ej2-navigations": "~28.2.6",
+    "@syncfusion/ej2-popups": "~28.2.6"
   },
   "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": "28.2.4",
+  "version": "28.2.6",
   "sideEffects": false
 }

package/src/schedule/actions/resize.js

@@ -405,16 +405,12 @@ var Resize = /** @class */ (function (_super) {
             }
             else {
                 var cellWidth = this.actionObj.cellWidth;
-                cellIndex = isLeft ? Math.floor(offset / this.actionObj.cellWidth) :
+                cellIndex = isLeft ? Math.round(offset / this.actionObj.cellWidth) :
                     Math.ceil((offset + (this.parent.getElementWidth(this.actionObj.clone) - cellWidth)) / this.actionObj.cellWidth);
                 if (this.parent.enableRtl) {
-                    var cellOffsetWidth = 0;
-                    if (headerName === 'TimelineMonth' || (!this.parent.activeViewOptions.timeScale.enable &&
-                        !isTimelineMonth)) {
-                        cellOffsetWidth = this.actionObj.cellWidth;
-                    }
-                    var offsetWidth = (Math.floor(offset / this.actionObj.cellWidth) *
-                        this.actionObj.cellWidth) + (isLeft ? 0 : this.parent.getElementWidth(this.actionObj.clone) - cellOffsetWidth);
+                    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);
                 }
                 isLastCell = cellIndex === tdCollections.length;
@@ -435,11 +431,11 @@ var Resize = /** @class */ (function (_super) {
                 if (!isLeft) {
                     offset += this.parent.getElementWidth(this.actionObj.clone);
                 }
-                var spanMinutes = Math.ceil((this.actionObj.slotInterval / this.actionObj.cellWidth) *
+                var spanMinutes = Math.floor((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.setMinutes(resizeTime.getMinutes() + spanMinutes);
+                resizeTime = new Date(resizeDate.getTime() + (spanMinutes * util.MS_PER_MINUTE));
                 this.updateTimePosition(resizeTime);
             }
         }
@@ -509,11 +505,12 @@ 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.parent.getElementWidth(this.actionObj.element) / this.actionObj.cellWidth) * this.actionObj.cellWidth :
+            Math.round(this.parent.getElementWidth(this.actionObj.element) / this.actionObj.cellWidth) * this.actionObj.cellWidth :
             this.parent.currentView === 'Month' ? this.parent.getElementWidth(this.actionObj.element) :
                 Math.ceil(this.parent.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;
+        left = Math.round(left / slotInterval) * slotInterval;
         if (isTimeViews) {
             offsetWidth = targetWidth + (Math.ceil(pageWidth / slotInterval) * slotInterval);
             if (!isLeft) {
@@ -532,6 +529,7 @@ var Resize = /** @class */ (function (_super) {
                 -(offsetWidth - this.actionObj.cellWidth);
             rightValue = isTimelineView ? rightValue : isLeft ? 0 : rightValue > 0 ? 0 : rightValue;
             if (isTimelineView && !isLeft) {
+                rightValue = Math.round(rightValue / slotInterval) * slotInterval;
                 rightValue = rightValue - (Math.ceil((this.actionObj.pageX - this.actionObj.X) / slotInterval) * slotInterval);
                 if (rightValue < 0) {
                     rightValue = parseInt(this.actionObj.clone.style.right, 10);

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

@@ -49,7 +49,7 @@ var MonthAgenda = /** @class */ (function (_super) {
         return 'abbreviated';
     };
     MonthAgenda.prototype.updateSelectedCellClass = function (data) {
-        if (util.resetTime(data.date).getTime() === util.resetTime(this.monthAgendaDate).getTime()) {
+        if (util.resetTime(data.date).getTime() === util.resetTime(new Date('' + this.parent.selectedDate)).getTime()) {
             data.className.push(cls.SELECTED_CELL_CLASS);
         }
     };
@@ -110,6 +110,7 @@ var MonthAgenda = /** @class */ (function (_super) {
         this.onEventRender(filterData, event.startTime);
         this.parent.notify(events.eventsLoaded, {});
         this.monthAgendaDate = new Date('' + event.startTime);
+        this.parent.setProperties({ selectedDate: this.monthAgendaDate }, true);
     };
     MonthAgenda.prototype.onEventRender = function (events, date) {
         this.agendaBase = this.getAgendaBase();

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

@@ -155,9 +155,16 @@ var TimelineViews = /** @class */ (function (_super) {
         var diffInDates = 0;
         var diffInMinutes = ((date.getHours() - startHour.getHours()) * 60) + (date.getMinutes() - startHour.getMinutes());
         var hoursRange = util.getStartEndHours(util.resetTime(new Date(date.getTime())), startHour, endHour);
-        var interval = this.parent.activeViewOptions.timeScale.slotCount !== 1 ?
-            this.parent.activeViewOptions.timeScale.interval :
-            (hoursRange.endHour.getTime() - hoursRange.startHour.getTime()) / util.MS_PER_MINUTE;
+        var totalMinutes = (hoursRange.endHour.getTime() - hoursRange.startHour.getTime()) / util.MS_PER_MINUTE;
+        var timescaleInterval = this.parent.activeViewOptions.timeScale.interval;
+        var interval = 0;
+        if (startHour.getHours() === 0 && startHour.getMinutes() === 0 && endHour.getHours() === 0 && endHour.getMinutes() === 0) {
+            interval = timescaleInterval;
+        }
+        else {
+            interval = (this.parent.activeViewOptions.timeScale.slotCount !== 1) ? timescaleInterval :
+                (timescaleInterval > totalMinutes ? totalMinutes : timescaleInterval);
+        }
         if (!isNullOrUndefined(currentDateIndex)) {
             if (currentDateIndex[0] !== 0) {
                 var index = this.parent.activeView.colLevels.findIndex(function (level) { return level[0].type === 'dateHeader'; });

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

@@ -373,9 +373,16 @@ var VerticalView = /** @class */ (function (_super) {
         var endHour = this.getStartEndHours(this.parent.activeViewOptions.endHour);
         var diffInMinutes = ((date.getHours() - startHour.getHours()) * 60) + (date.getMinutes() - startHour.getMinutes());
         var hoursRange = util.getStartEndHours(util.resetTime(new Date(date.getTime())), startHour, endHour);
-        var interval = this.parent.activeViewOptions.timeScale.slotCount !== 1 ?
-            this.parent.activeViewOptions.timeScale.interval :
-            (hoursRange.endHour.getTime() - hoursRange.startHour.getTime()) / util.MS_PER_MINUTE;
+        var totalMinutes = (hoursRange.endHour.getTime() - hoursRange.startHour.getTime()) / util.MS_PER_MINUTE;
+        var timescaleInterval = this.parent.activeViewOptions.timeScale.interval;
+        var interval = 0;
+        if (startHour.getHours() === 0 && startHour.getMinutes() === 0 && endHour.getHours() === 0 && endHour.getMinutes() === 0) {
+            interval = timescaleInterval;
+        }
+        else {
+            interval = (this.parent.activeViewOptions.timeScale.slotCount !== 1) ? timescaleInterval :
+                (timescaleInterval > totalMinutes ? totalMinutes : timescaleInterval);
+        }
         return (diffInMinutes * this.getWorkCellHeight() * this.parent.activeViewOptions.timeScale.slotCount) / interval;
     };
     VerticalView.prototype.getWorkCellHeight = function () {

package/styles/fluent2-lite.css

@@ -4177,7 +4177,7 @@
   width: 100%;
 }
 .e-recurrenceeditor .e-recurrence-table .e-week-position {
-  min-width: 94px;
+  min-width: 100px;
   position: relative;
   right: 20px;
 }
@@ -4293,7 +4293,7 @@
 .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
   font-size: 12px;
   font-weight: 600;
-  margin-bottom: 6px;
+  margin-bottom: 3px;
   padding-right: 16px;
 }
 .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
@@ -4414,7 +4414,7 @@
   }
   .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
   .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
-    margin-bottom: 6px;
+    margin-bottom: 3px;
   }
   .e-recurrenceeditor .e-editor > div {
     margin-top: 20px;

package/styles/fluent2.css

@@ -4854,7 +4854,7 @@
   width: 100%;
 }
 .e-recurrenceeditor .e-recurrence-table .e-week-position {
-  min-width: 94px;
+  min-width: 100px;
   position: relative;
   right: 20px;
 }
@@ -4970,7 +4970,7 @@
 .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
   font-size: 12px;
   font-weight: 600;
-  margin-bottom: 6px;
+  margin-bottom: 3px;
   padding-right: 16px;
 }
 .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
@@ -5091,7 +5091,7 @@
   }
   .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
   .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
-    margin-bottom: 6px;
+    margin-bottom: 3px;
   }
   .e-recurrenceeditor .e-editor > div {
     margin-top: 20px;

package/styles/recurrence-editor/_fluent2-definition.scss

@@ -1,5 +1,5 @@
 $recurrence-label-bottom: 7px !default;
-$recurrence-month-label-bottom: 6px !default;
+$recurrence-month-label-bottom: 3px !default;
 $recurrence-month-label-bottom-bgr: 0 !default;
 $recurrence-week-label-bottom: 10px !default;
 $recurrence-label-font-weight: $font-weight-medium !default;
@@ -10,5 +10,5 @@ $recurrence-week-position-bgr-min-width: 130px !default;
 $recurrence-day-position-bgr-min-width: 190px !default;
 $recurrence-day-position-bgr-padding-left: 54px !default;
 $recurrence-end-bgr-padding-right: 5px !default;
-$recurrence-week-position-min-width: 94px !default;
+$recurrence-week-position-min-width: 100px !default;
 $recurrence-end-on-date-margin-top: 24px !default;

package/styles/recurrence-editor/fluent2.css

@@ -105,7 +105,7 @@
   width: 100%;
 }
 .e-recurrenceeditor .e-recurrence-table .e-week-position {
-  min-width: 94px;
+  min-width: 100px;
   position: relative;
   right: 20px;
 }
@@ -221,7 +221,7 @@
 .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
   font-size: 12px;
   font-weight: 600;
-  margin-bottom: 6px;
+  margin-bottom: 3px;
   padding-right: 16px;
 }
 .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
@@ -342,7 +342,7 @@
   }
   .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
   .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
-    margin-bottom: 6px;
+    margin-bottom: 3px;
   }
   .e-recurrenceeditor .e-editor > div {
     margin-top: 20px;