@syncfusion/ej2-schedule - npm Package Compare versions

Comparing version 20.1.52 to 20.1.55

CHANGELOG.md

@@ -5,3 +5,3 @@ # Changelog
 
-## 19.4.55 (2022-03-08)
+## 20.1.52 (2022-05-04)
 
@@ -12,3 +12,38 @@ ### Schedule
 
-- `#SF-368002` - A issue with cell height not updated property based on appointment rendering while row auto height enabled has been fixed.
+- `#I374675` - The appointment border maintained after deselection on multiple appointment selections has been fixed.
+- `#I373707` - An issue with appointments rendered in the min-max date range in vertical views has been fixed.
+
+## 20.1.50 (2022-04-19)
+
+### Schedule
+
+#### Bug Fixes
+
+- `#I373678` - An issue with the recurrence appointment time change in the DST time zone has been fixed.
+- `#I372043` - An issue with the appointment rendering performance of the month view has been fixed.
+- `#I373179` - The Schedule `exportToICalendar` method throws a script error on exporting events issue has been fixed.
+- `#I373707` - An issue with the appointments in the min-max date range not rendered in the month view has been fixed.
+
+## 20.1.48 (2022-04-12)
+
+### Schedule
+
+#### Bug Fixes
+
+- `#F173985` - An issue with duplicate cells rendered when the time scale interval set as 1440 has been fixed.
+
+## 20.1.47 (2022-04-04)
+
+### Schedule
+
+#### New Features
+
+- `#I305258`, `#FB20522`, `#FB20233` - Provided virtual scrolling support for timeline year view with vertical orientation.
+
+#### Bug Fixes
+
+- `#I368002, #I369932` - A issue with cell height not updated property based on appointment rendering while row auto height enabled has been fixed.
+- `#I368806` - An issue with an incorrect end date in the editor when using `openEditor` method has been fixed.
+- `#I367110` - An issue with more indicator count value is wrong in month view has been fixed.
+- `#I370378` - An issue with the wrong count of occurrences rendered when clear and set up until date value again has been fixed.
 - `#F172905` - An issue with scroll position not maintained for timeline year and timeline month views has been fixed.
@@ -22,4 +57,4 @@
 
-- `#SF-362813` - An issue with appointment start and end time changes on each schedule layout resize action while using `timezone` property has been fixed.
-- `#SF-363018` - An issue with event template content is empty after performing CRUD action with resource has been fixed.
+- `#I362813` - An issue with appointment start and end time changes on each schedule layout resize action while using `timezone` property has been fixed.
+- `#I363018` - An issue with event template content is empty after performing CRUD action with resource has been fixed.
 
@@ -32,5 +67,5 @@ ## 19.4.47 (2022-01-25)
 
-- `#SF-361305` - A performance issue while loading more events in the Timeline views has been fixed.
-- `#SF-361135` - An issue with improper argument data received in the `eventRendered` event in each view has been fixed.
-- `#SF-363266` - An issue with the more popup window has truncated at bottom of the schedule in month view has been fixed.
+- `#I361305` - A performance issue while loading more events in the Timeline views has been fixed.
+- `#I361135` - An issue with improper argument data received in the `eventRendered` event in each view has been fixed.
+- `#I363266` - An issue with the more popup window has truncated at bottom of the schedule in month view has been fixed.
 
@@ -51,3 +86,3 @@ ## 19.4.43 (2022-01-18)
 
-- `#SF-360126` - Timeline views appointment misalignment issue while work cells width reduced has been fixed.
+- `#I360126` - Timeline views appointment misalignment issue while work cells width reduced has been fixed.
 
@@ -60,3 +95,3 @@ ## 19.4.41 (2022-01-04)
 
-- `#SF-357890` - An issue with work cells misalignment in the timeline month view has been fixed.
+- `#I357890` - An issue with work cells misalignment in the timeline month view has been fixed.
 - `#FB31401` - An issue with today button navigating issue only in the `MonthAgenda` view issue has been fixed.
@@ -71,3 +106,3 @@ - `#FB30967` - An issue while drag and drop an event with `eventDragArea` has been fixed.
 
-- `#SF-353817` - An issue with all-day region scrolling issue only in the Mac device has been fixed.
+- `#I353817` - An issue with all-day region scrolling issue only in the Mac device has been fixed.
 
@@ -87,3 +122,3 @@ ## 19.4.38 (2021-12-17)
 
-- `#SF-357194` - An issue while slower the performance of the schedule, while drag and drop the event with `eventTemplate` has been fixed.
+- `#I357194` - An issue while slower the performance of the schedule, while drag and drop the event with `eventTemplate` has been fixed.
 
@@ -90,0 +125,0 @@ ## 19.3.55 (2021-11-23)

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 20.1.52
+*  version : 20.1.55
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
@@ -5,0 +5,0 @@ *  Use of this code is subject to the terms of our license.

package.json

 {
   "_from": "@syncfusion/ej2-schedule@*",
-  "_id": "@syncfusion/ej2-schedule@19.4.55",
+  "_id": "@syncfusion/ej2-schedule@20.1.52",
   "_inBundle": false,
-  "_integrity": "sha512-HWYQpMcZNz/5Y9uM/wwSmC/6yhOXJGqd8wFQ2ewAdUlPOBKGCC8FHZgPABmn/qhuSu2xn2qRh6jjNGoLQ0QY6A==",
+  "_integrity": "sha512-qtFM7akIbheekvc1bALoRXscem+S6iYvN7WNF5oJbZEsoEePiXdWtSosjCutVqWUSjZFmZm04+if9DqS5rGI3w==",
   "_location": "/@syncfusion/ej2-schedule",
@@ -26,4 +26,4 @@ "_phantomChildren": {},
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-19.4.55.tgz",
-  "_shasum": "5a4ee8cabee27e82436391695885009226b059b5",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-20.1.52.tgz",
+  "_shasum": "3b89c078a1653001bf46f6af13fa7fef95b90fb1",
   "_spec": "@syncfusion/ej2-schedule@*",
@@ -39,12 +39,12 @@ "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.1.50",
-    "@syncfusion/ej2-buttons": "~20.1.52",
-    "@syncfusion/ej2-calendars": "~20.1.52",
-    "@syncfusion/ej2-data": "~20.1.47",
-    "@syncfusion/ej2-dropdowns": "~20.1.52",
-    "@syncfusion/ej2-excel-export": "~20.1.48",
-    "@syncfusion/ej2-inputs": "~20.1.48",
-    "@syncfusion/ej2-lists": "~20.1.47",
-    "@syncfusion/ej2-navigations": "~20.1.51",
-    "@syncfusion/ej2-popups": "~20.1.47"
+    "@syncfusion/ej2-base": "~20.1.55",
+    "@syncfusion/ej2-buttons": "~20.1.55",
+    "@syncfusion/ej2-calendars": "~20.1.55",
+    "@syncfusion/ej2-data": "~20.1.55",
+    "@syncfusion/ej2-dropdowns": "~20.1.55",
+    "@syncfusion/ej2-excel-export": "~20.1.55",
+    "@syncfusion/ej2-inputs": "~20.1.55",
+    "@syncfusion/ej2-lists": "~20.1.55",
+    "@syncfusion/ej2-navigations": "~20.1.55",
+    "@syncfusion/ej2-popups": "~20.1.55"
   },
@@ -86,4 +86,4 @@ "deprecated": false,
   "typings": "index.d.ts",
-  "version": "20.1.52",
+  "version": "20.1.55",
   "sideEffects": false
 }

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

@@ -37,3 +37,3 @@ var __extends = (this && this.__extends) || (function () {
                 itemClass: this.parent.activeView.viewClass,
-                template: '<div class=' + cls.AGENDA_NO_EVENT_CLASS + '>${subject}</div>'
+                template: "<div class=\"" + cls.AGENDA_NO_EVENT_CLASS + "\">" + this.parent.localeObj.getConstant('noEvents') + "</div>"
             });
@@ -40,0 +40,0 @@ }

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

@@ -53,2 +53,3 @@ import { EventFieldsMapping, TdData } from '../base/interface';
     getMoreIndicatorElement(count: number, startDate: Date, endDate: Date): HTMLElement;
+    private getMoreIndicatorText;
     removeHeightProperty(selector: string): void;
@@ -55,0 +56,0 @@ setMaxEventHeight(event: HTMLElement, cell: HTMLElement): void;

src/schedule/event-renderer/month.js

@@ -50,3 +50,3 @@ var __extends = (this && this.__extends) || (function () {
                 var wrap = appElement_1[_i];
-                if (!wrap.classList.contains('e-more-indicator') && wrap.parentElement && wrap.parentElement.parentNode) {
+                if (wrap.parentElement && wrap.parentElement.parentNode) {
                     remove(wrap.parentElement);
@@ -182,2 +182,3 @@ }
         this.processBlockEvents(blockList, resIndex, resData);
+        var events = [];
         for (var _i = 0, eventsList_1 = eventsList; _i < eventsList_1.length; _i++) {
@@ -188,3 +189,9 @@ var event_1 = eventsList_1[_i];
             }
-            var spannedEvents = this.splitEvent(event_1, filteredDates || this.dateRender);
+            events = events.concat(this.splitEvent(event_1, filteredDates || this.dateRender));
+        }
+        for (var level = 0; level < this.slots.length; level++) {
+            this.renderedEvents = [];
+            var slot = this.slots[level];
+            var endDate = util.addDays(new Date(slot[slot.length - 1]), 1);
+            var spannedEvents = this.filterEvents(new Date(slot[0]), endDate, events);
             for (var _a = 0, spannedEvents_1 = spannedEvents; _a < spannedEvents_1.length; _a++) {
@@ -491,12 +498,7 @@ var event_2 = spannedEvents_1[_a];
         var day = this.parent.getIndexOfDate(this.dateRender, util.resetTime(startTime));
-        if (day < 0) {
+        if ((day < 0) || (startTime.getTime() < this.parent.minDate.getTime()) || (endTime.getTime() > this.parent.maxDate.getTime())) {
             return;
         }
-        if ((startTime.getTime() < this.parent.minDate.getTime()) || (endTime.getTime() > this.parent.maxDate.getTime())) {
-            return;
-        }
         var overlapCount = this.getIndex(startTime);
         event.Index = overlapCount;
-        var appHeight = this.eventHeight;
-        this.renderedEvents.push(extend({}, event, null, true));
         var diffInDays = event.data.count;
@@ -506,6 +508,7 @@ if (startTime.getTime() <= endTime.getTime()) {
             var cellTd = this.workCells[day];
-            var appTop = (overlapCount * (appHeight + EVENT_GAP));
-            var height = this.monthHeaderHeight + ((overlapCount + 1) * (appHeight + EVENT_GAP)) + this.moreIndicatorHeight;
+            var appTop = (overlapCount * (this.eventHeight + EVENT_GAP));
+            var height = this.monthHeaderHeight + ((overlapCount + 1) * (this.eventHeight + EVENT_GAP)) + this.moreIndicatorHeight;
             var enableAppRender = this.maxOrIndicator ? overlapCount < 1 ? true : false : this.cellHeight > height;
             if (this.parent.rowAutoHeight || enableAppRender) {
+                this.renderedEvents.push(extend({}, event, null, true));
                 var appointmentElement = void 0;
@@ -529,20 +532,22 @@ if (this.inlineValue) {
                 for (var i = 0; i < diffInDays; i++) {
-                    var cellTd_1 = this.workCells[day + i];
-                    if (cellTd_1 && isNullOrUndefined(cellTd_1.querySelector('.' + cls.MORE_INDICATOR_CLASS))) {
-                        var startDate = new Date(this.dateRender[day + i].getTime());
-                        var endDate = util.addDays(this.dateRender[day + i], 1);
-                        var groupIndex = cellTd_1.getAttribute('data-group-index');
-                        var filterEvents = this.getFilteredEvents(startDate, endDate, groupIndex);
-                        var appArea = this.cellHeight - this.monthHeaderHeight - this.moreIndicatorHeight;
-                        appHeight = this.withIndicator ? appArea : appHeight;
-                        var renderedAppCount = Math.floor(appArea / (appHeight + EVENT_GAP));
-                        var count = (filterEvents.length - renderedAppCount) <= 0 ? 1 : (filterEvents.length - renderedAppCount);
-                        var moreIndicatorElement = this.getMoreIndicatorElement(count, startDate, endDate);
-                        if (!isNullOrUndefined(groupIndex)) {
-                            moreIndicatorElement.setAttribute('data-group-index', groupIndex);
+                    if (this.workCells[day + i]) {
+                        var indicator = this.workCells[day + i].querySelector('.' + cls.MORE_INDICATOR_CLASS);
+                        if (indicator) {
+                            var count = parseInt(indicator.getAttribute('data-count'), 10) + 1;
+                            indicator.setAttribute('data-count', count.toString());
+                            indicator.innerHTML = this.getMoreIndicatorText(count);
                         }
-                        moreIndicatorElement.style.top = appArea + 'px';
-                        moreIndicatorElement.style.width = this.cellWidth - 2 + 'px';
-                        this.renderElement(cellTd_1, moreIndicatorElement);
-                        EventHandler.add(moreIndicatorElement, 'click', this.moreIndicatorClick, this);
+                        else {
+                            var startDate = new Date(this.dateRender[day + i].getTime());
+                            var endDate = util.addDays(this.dateRender[day + i], 1);
+                            var groupIndex = this.workCells[day + i].getAttribute('data-group-index');
+                            var moreIndicatorElement = this.getMoreIndicatorElement(1, startDate, endDate);
+                            if (!isNullOrUndefined(groupIndex)) {
+                                moreIndicatorElement.setAttribute('data-group-index', groupIndex);
+                            }
+                            moreIndicatorElement.style.top = (this.cellHeight - this.monthHeaderHeight - this.moreIndicatorHeight) + 'px';
+                            moreIndicatorElement.style.width = this.cellWidth - 2 + 'px';
+                            this.renderElement(this.workCells[day + i], moreIndicatorElement);
+                            EventHandler.add(moreIndicatorElement, 'click', this.moreIndicatorClick, this);
+                        }
                     }
@@ -584,5 +589,5 @@ }
         var appointmentsList = [];
+        var dateTime = util.resetTime(date).getTime();
         for (var _i = 0, appointments_1 = appointments; _i < appointments_1.length; _i++) {
             var app = appointments_1[_i];
-            var dateTime = util.resetTime(date).getTime();
             if ((util.resetTime(app[this.fields.startTime]).getTime() <= dateTime) &&
@@ -671,5 +676,6 @@ (util.resetTime(app[this.fields.endTime]).getTime() >= dateTime)) {
             className: cls.MORE_INDICATOR_CLASS,
-            innerHTML: '+' + this.parent.globalize.formatNumber(count) + '&nbsp;' + (this.parent.isAdaptive ? '' : this.parent.localeObj.getConstant('more')),
+            innerHTML: this.getMoreIndicatorText(count),
             attrs: {
                 'tabindex': '0',
+                'data-count': count.toString(),
                 'data-start-date': startDate.getTime().toString(),
@@ -682,2 +688,5 @@ 'data-end-date': endDate.getTime().toString(),
     };
+    MonthEvent.prototype.getMoreIndicatorText = function (count) {
+        return '+' + this.parent.globalize.formatNumber(count) + '&nbsp;' + (this.parent.isAdaptive ? '' : this.parent.localeObj.getConstant('more'));
+    };
     MonthEvent.prototype.removeHeightProperty = function (selector) {
@@ -684,0 +693,0 @@ var rows = [].slice.call(this.element.querySelectorAll('.' + selector + ' tbody tr'));

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

@@ -534,2 +534,5 @@ var __extends = (this && this.__extends) || (function () {
         var isValidEvent = this.isValidEvent(eventObj, eStart, eEnd, schedule);
+        if ((eStart.getTime() < this.parent.minDate.getTime()) || (eEnd.getTime() > this.parent.maxDate.getTime())) {
+            return;
+        }
         if (eStart <= eEnd && isValidEvent) {
@@ -536,0 +539,0 @@ var appHeight_1 = this.getHeight(eStart, eEnd);

src/schedule/event-renderer/year.js

@@ -227,3 +227,5 @@ var __extends = (this && this.__extends) || (function () {
         var resources = this.parent.uiStateValues.isGroupAdaptive ?
-            [this.parent.resourceBase.lastResourceLevel[this.parent.uiStateValues.groupIndex]] : this.parent.resourceBase.lastResourceLevel;
+            [this.parent.resourceBase.lastResourceLevel[this.parent.uiStateValues.groupIndex]] :
+            this.parent.activeViewOptions.allowVirtualScrolling ? this.parent.resourceBase.renderedResources :
+                this.parent.resourceBase.lastResourceLevel;
         var months = this.getMonths();
@@ -230,0 +232,0 @@ if (this.parent.activeViewOptions.orientation === 'Horizontal') {

src/schedule/exports/calendar-export.js

@@ -26,3 +26,3 @@ /* eslint-disable @typescript-eslint/no-explicit-any */
                 var filter = _this.filterEvents(filterCollection, fields.id, eventObj[fields.recurrenceID]);
-                uId = filter[0].UID;
+                uId = filter.length > 0 ? filter[0].UID : uId;
             }
@@ -29,0 +29,0 @@ if (!eventObj[fields.recurrenceID] && eventObj[fields.recurrenceRule] && eventObj[fields.recurrenceException]) {

src/schedule/renderer/month.js

@@ -95,2 +95,7 @@ var __extends = (this && this.__extends) || (function () {
         if (args.scrollPosition || !args.isPreventScrollUpdate && this.parent.currentView === 'TimelineMonth') {
+            var top_1 = this.parent.currentView === 'TimelineMonth' ? this.parent.uiStateValues.top : args.scrollPosition.top;
+            if (leftPanel) {
+                leftPanel.scrollTop = top_1;
+            }
+            content.scrollTop = top_1;
             if (this.parent.uiStateValues.isInitial) {
@@ -101,7 +106,2 @@ this.scrollToSelectedDate();
             else {
-                var top_1 = this.parent.currentView === 'TimelineMonth' ? this.parent.uiStateValues.top : args.scrollPosition.top;
-                if (leftPanel) {
-                    leftPanel.scrollTop = top_1;
-                }
-                content.scrollTop = top_1;
                 content.scrollLeft = this.parent.currentView === 'TimelineMonth' ? this.parent.uiStateValues.left :
@@ -127,2 +127,5 @@ args.scrollPosition.left;
         }
+        if (content.scrollLeft === 0 && this.parent.uiStateValues.isInitial) {
+            this.parent.uiStateValues.left = 0;
+        }
     };
@@ -129,0 +132,0 @@ Month.prototype.setContentHeight = function (content, leftPanelElement, height) {

src/schedule/renderer/renderer.js

@@ -94,3 +94,4 @@ import { isNullOrUndefined, addClass, removeClass } from '@syncfusion/ej2-base';
         }
-        if (this.parent.currentView.indexOf('Timeline') !== -1 && this.parent.currentView.indexOf('Year') === -1
+        if (this.parent.currentView.indexOf('Timeline') !== -1 && (this.parent.currentView.indexOf('Year') === -1 ||
+            (this.parent.currentView === 'TimelineYear' && this.parent.activeViewOptions.orientation === 'Vertical'))
             && this.parent.activeViewOptions.allowVirtualScrolling
@@ -97,0 +98,0 @@ && this.parent.activeViewOptions.group.resources.length > 0 && !this.parent.uiStateValues.isGroupAdaptive) {

src/schedule/renderer/timeline-year.d.ts

@@ -15,3 +15,4 @@ import { Schedule } from '../base/schedule';
     private renderDefaultContent;
-    private renderResourceContent;
+    getContentRows(): Element[];
+    renderResourceContent(wrapper: HTMLElement, monthBody: HTMLTableSectionElement, contentBody: HTMLTableSectionElement): void;
     private renderDayMonthHeaderTemplate;
@@ -18,0 +19,0 @@ private renderCellTemplate;

src/schedule/renderer/timeline-year.js

@@ -152,3 +152,3 @@ var __extends = (this && this.__extends) || (function () {
             firstTd.appendChild(this.parent.resourceBase.createResourceColumn());
-            this.rowCount = this.parent.resourceBase.lastResourceLevel.length;
+            this.rowCount = this.parent.resourceBase.renderedResources.length;
         }
@@ -170,2 +170,5 @@ else {
         content.appendChild(eventWrapper);
+        if (this.parent.virtualScrollModule) {
+            this.parent.virtualScrollModule.renderVirtualTrack(content);
+        }
         var contentTBody = contentTable.querySelector('tbody');
@@ -288,2 +291,43 @@ if (this.parent.activeViewOptions.group.resources.length > 0 && !this.parent.uiStateValues.isGroupAdaptive) {
     };
+    TimelineYear.prototype.getContentRows = function () {
+        var tRow = [];
+        var monthCells = this.getMonths();
+        for (var row = 0; row < this.parent.resourceBase.renderedResources.length; row++) {
+            var tr = createElement('tr', { attrs: { 'role': 'row' } });
+            tRow.push(tr);
+            var resData = void 0;
+            if (this.parent.activeViewOptions.group.resources.length > 0 && !this.parent.uiStateValues.isGroupAdaptive) {
+                resData = this.parent.resourceBase.renderedResources[row];
+            }
+            var monthDate = new Date(this.parent.selectedDate.getFullYear(), monthCells[row], 1);
+            var date = this.parent.calendarUtil.getMonthStartDate(new Date(monthDate.getTime()));
+            for (var month = 0; month < this.columnCount; month++) {
+                var classList = [];
+                var groupIndex = resData.groupIndex;
+                classList = classList.concat(resData.className);
+                if (classList.indexOf(cls.RESOURCE_PARENT_CLASS) > -1) {
+                    classList.push(cls.RESOURCE_GROUP_CELLS_CLASS);
+                }
+                else {
+                    classList.push(cls.WORKDAY_CLASS);
+                }
+                monthDate = new Date(this.parent.selectedDate.getFullYear(), monthCells[month], 1);
+                date = this.parent.calendarUtil.getMonthStartDate(new Date(monthDate.getTime()));
+                var tdELe = createElement('td', {
+                    className: cls.WORK_CELLS_CLASS,
+                    attrs: {
+                        'role': 'gridcell', 'aria-selected': 'false',
+                        'data-date': date.getTime().toString()
+                    }
+                });
+                addClass([tdELe], classList);
+                tdELe.setAttribute('data-group-index', groupIndex.toString());
+                this.renderCellTemplate({ date: date, type: 'resourceGroupCells', groupIndex: groupIndex }, tdELe);
+                this.wireEvents(tdELe, 'cell');
+                this.parent.trigger(event.renderCell, { elementType: 'resourceGroupCells', element: tdELe, date: date });
+                tr.appendChild(tdELe);
+            }
+        }
+        return tRow;
+    };
     TimelineYear.prototype.renderResourceContent = function (wrapper, monthBody, contentBody) {
@@ -296,4 +340,4 @@ var months = this.getMonths();
             var resData = void 0;
-            if (this.parent.activeViewOptions.group.resources.length > 0 && !this.parent.uiStateValues.isGroupAdaptive) {
-                resData = this.parent.resourceBase.lastResourceLevel[row];
+            if (this.parent.activeViewOptions.orientation === 'Vertical' && this.parent.activeViewOptions.group.resources.length > 0 && !this.parent.uiStateValues.isGroupAdaptive) {
+                resData = this.parent.resourceBase.renderedResources[row];
             }
@@ -319,4 +363,5 @@ var monthDate = new Date(this.parent.selectedDate.getFullYear(), months[row], 1);
                 var classList = [];
-                var groupIndex = row;
+                var groupIndex = void 0;
                 if (this.parent.activeViewOptions.orientation === 'Vertical') {
+                    groupIndex = resData.groupIndex;
                     classList = classList.concat(resData.className);
@@ -323,0 +368,0 @@ if (classList.indexOf(cls.RESOURCE_PARENT_CLASS) > -1) {

src/schedule/renderer/vertical-view.js

@@ -729,4 +729,5 @@ var __extends = (this && this.__extends) || (function () {
         if (msStartHour !== msEndHour) {
+            var duration = this.parent.activeViewOptions.timeScale.interval / this.parent.activeViewOptions.timeScale.slotCount;
             length = (Math.abs(msEndHour - msStartHour) / msInterval) - ((new Date(msEndHour).getTimezoneOffset()
-                - new Date(msStartHour).getTimezoneOffset()) / (60 / this.parent.activeViewOptions.timeScale.slotCount));
+                - new Date(msStartHour).getTimezoneOffset()) / duration);
         }
@@ -733,0 +734,0 @@ if (!this.parent.activeViewOptions.timeScale.enable) {

src/schedule/renderer/year.js

@@ -44,2 +44,5 @@ var __extends = (this && this.__extends) || (function () {
         this.renderPanel(className);
+        if (this.parent.activeViewOptions.allowVirtualScrolling) {
+            addClass([this.element], [cls.VIRTUAL_SCROLL_CLASS]);
+        }
         var calendarTable = this.createTableLayout(cls.OUTER_TABLE_CLASS);
@@ -265,2 +268,3 @@ this.element.appendChild(calendarTable);
         var headerWrapper = this.getDatesHeaderElement();
+        this.parent.notify(event.virtualScroll, e);
         if (headerWrapper) {
@@ -267,0 +271,0 @@ headerWrapper.firstElementChild.scrollLeft = target.scrollLeft;

No alert changes

Improved metrics

Total package byte prevSize

18784730

increased by0.16%

Worsened metrics

Lines of code

218640

decreased by-0.15%

Dependency changes

• Updated@syncfusion/ej2-base@~20.1.55

• Updated@syncfusion/ej2-buttons@~20.1.55

• Updated@syncfusion/ej2-calendars@~20.1.55

• Updated@syncfusion/ej2-data@~20.1.55

• Updated@syncfusion/ej2-dropdowns@~20.1.55

• Updated@syncfusion/ej2-excel-export@~20.1.55

• Updated@syncfusion/ej2-inputs@~20.1.55

• Updated@syncfusion/ej2-lists@~20.1.55

• Updated@syncfusion/ej2-navigations@~20.1.55

• Updated@syncfusion/ej2-popups@~20.1.55