@syncfusion/ej2-schedule 25.1.37 → 25.1.41

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 25.1.37
+*  version : 25.1.41
 *  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@25.1.35",
+  "_id": "@syncfusion/ej2-schedule@25.1.39",
   "_inBundle": false,
-  "_integrity": "sha512-C5bGDJaFwqPz1Wq+Z8zpeJVuVORM+lbciSAfEMADI0Y4RxFMazNh7QeO+TmJob7HNwweDSMqndt8PekrkE+/iw==",
+  "_integrity": "sha512-n8KMWDnVN3i11oUDjapXygq0Nvk8VdRbYG0yP+02krCjEXT5+qb53ZhUPfnU5WU32INxNv5IofGeaBN8EVmF4A==",
   "_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-25.1.35.tgz",
-  "_shasum": "dcc2a86f99921e8b4a2578498d701159a470ecec",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-25.1.39.tgz",
+  "_shasum": "166c86d21160b16e7c4f6edb56bf633324aa511f",
   "_spec": "@syncfusion/ej2-schedule@*",
   "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
   "author": {
@@ -36,15 +36,15 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~25.1.35",
-    "@syncfusion/ej2-buttons": "~25.1.35",
-    "@syncfusion/ej2-calendars": "~25.1.37",
+    "@syncfusion/ej2-buttons": "~25.1.39",
+    "@syncfusion/ej2-calendars": "~25.1.40",
     "@syncfusion/ej2-data": "~25.1.35",
-    "@syncfusion/ej2-dropdowns": "~25.1.37",
+    "@syncfusion/ej2-dropdowns": "~25.1.41",
     "@syncfusion/ej2-excel-export": "~25.1.35",
-    "@syncfusion/ej2-inputs": "~25.1.37",
-    "@syncfusion/ej2-lists": "~25.1.35",
-    "@syncfusion/ej2-navigations": "~25.1.37",
-    "@syncfusion/ej2-popups": "~25.1.35"
+    "@syncfusion/ej2-inputs": "~25.1.40",
+    "@syncfusion/ej2-lists": "~25.1.41",
+    "@syncfusion/ej2-navigations": "~25.1.41",
+    "@syncfusion/ej2-popups": "~25.1.41"
   },
   "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": "25.1.37",
+  "version": "25.1.41",
   "sideEffects": false
 }

package/src/schedule/actions/virtual-scroll.d.ts

@@ -14,6 +14,7 @@ export declare class VirtualScroll {
     private focusedEle;
     private isResourceCell;
     isHorizontalScroll: boolean;
+    isRemoteRefresh: boolean;
     private startIndex;
     constructor(parent: Schedule);
     private addEventListener;
@@ -23,6 +24,7 @@ export declare class VirtualScroll {
     updateVirtualScrollHeight(): void;
     updateVirtualTrackHeight(wrap: HTMLElement): void;
     setItemSize(): void;
+    refreshLayout(): void;
     private renderEvents;
     virtualScrolling(): void;
     private horizontalScrolling;

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

@@ -92,6 +92,27 @@ var VirtualScroll = /** @class */ (function () {
             this.itemSize = util.getElementHeightFromClass(this.parent.activeView.element, cls.WORK_CELLS_CLASS) || this.itemSize;
         }
     };
+    VirtualScroll.prototype.refreshLayout = function () {
+        var initialHeight = this.parent.uiStateValues.scheduleHeight;
+        this.parent.uiStateValues.scheduleHeight = this.parent.element.offsetHeight;
+        var preRenderedLength = this.renderedLength;
+        if (this.parent.uiStateValues.scheduleHeight !== initialHeight) {
+            if (preRenderedLength < this.getRenderedCount()) {
+                this.isRemoteRefresh = true;
+            }
+            var resWrap = this.parent.element.querySelector('.' + cls.RESOURCE_COLUMN_WRAP_CLASS);
+            var conWrap = this.parent.element.querySelector('.' + cls.CONTENT_WRAP_CLASS);
+            var eventWrap = this.parent.element.querySelector('.' + cls.EVENT_TABLE_CLASS);
+            var firstTDIndex = parseInt(resWrap.querySelector('tbody td').getAttribute('data-group-index'), 10);
+            var endIndex = (firstTDIndex + this.renderedLength);
+            firstTDIndex = (endIndex > this.parent.resourceBase.expandedResources.length) ?
+                (this.parent.resourceBase.expandedResources.length - this.renderedLength) : firstTDIndex;
+            this.parent.resourceBase.renderedResources = this.parent.resourceBase.expandedResources.slice(firstTDIndex, endIndex);
+            if (this.parent.resourceBase.renderedResources.length > 0) {
+                this.updateContent(resWrap, conWrap, eventWrap, this.parent.resourceBase.renderedResources);
+            }
+        }
+    };
     VirtualScroll.prototype.renderEvents = function () {
         this.setTabIndex();
         var dynamicData = this.triggerScrollEvent(events.virtualScrollStop);
@@ -127,7 +148,9 @@ var VirtualScroll = /** @class */ (function () {
             var eventWrap = this.parent.element.querySelector('.' + cls.EVENT_TABLE_CLASS);
             var timeIndicator = this.parent.element.querySelector('.' + cls.CURRENT_TIMELINE_CLASS);
             var conTable = this.parent.element.querySelector('.' + cls.CONTENT_TABLE_CLASS);
-            addClass([conWrap], 'e-transition');
+            if (!this.parent.rowAutoHeight) {
+                addClass([conWrap, resWrap], 'e-transition');
+            }
             this.renderedLength = resWrap.querySelector('tbody').children.length;
             var firstTDIndex = parseInt(resWrap.querySelector('tbody td').getAttribute('data-group-index'), 10);
             var scrollHeight = this.parent.rowAutoHeight ?

package/src/schedule/base/css-constant.d.ts

@@ -8,6 +8,8 @@ export declare const RTL: string;
 /** @private */
 export declare const DEVICE_CLASS: string;
 /** @private */
+export declare const ADAPTIVE_CLASS: string;
+/** @private */
 export declare const MULTI_DRAG: string;
 /** @private */
 export declare const ICON: string;

package/src/schedule/base/css-constant.js

@@ -8,6 +8,8 @@ export var RTL = 'e-rtl';
 /** @private */
 export var DEVICE_CLASS = 'e-device';
 /** @private */
+export var ADAPTIVE_CLASS = 'e-adaptive';
+/** @private */
 export var MULTI_DRAG = 'e-multi-drag';
 /** @private */
 export var ICON = 'e-icons';

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

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

package/src/schedule/base/resource.js

@@ -493,6 +493,7 @@ var ResourceBase = /** @class */ (function () {
                 args = {
                     cancel: false, event: (event) ? event.event : null, groupIndex: _this.parent.uiStateValues.groupIndex, requestType: 'resourceChanged'
                 };
+                _this.parent.adaptiveGroupIndex = _this.parent.uiStateValues.groupIndex;
                 _this.parent.trigger(events.actionComplete, args);
             }
         });

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

@@ -137,6 +137,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     scrollTop: number;
     scrollLeft: number;
     isPrinting: boolean;
+    adaptiveGroupIndex: number;
     /**
      * Sets the `width` of the Schedule component, accepting both string and number values.
      *

package/src/schedule/base/schedule.js

@@ -72,7 +72,9 @@ var Schedule = /** @class */ (function (_super) {
      * @param {string | HTMLElement} element Accepts the DOM element reference
      */
     function Schedule(options, element) {
-        return _super.call(this, options, element) || this;
+        var _this = _super.call(this, options, element) || this;
+        _this.adaptiveGroupIndex = 0;
+        return _this;
     }
     /**
      * Core method that initializes the control rendering.
@@ -96,6 +98,12 @@ var Schedule = /** @class */ (function (_super) {
         else {
             removeClasses.push(cls.DEVICE_CLASS);
         }
+        if (this.enableAdaptiveUI) {
+            addClasses.push(cls.ADAPTIVE_CLASS);
+        }
+        else {
+            removeClasses.push(cls.ADAPTIVE_CLASS);
+        }
         if (this.allowMultiDrag) {
             addClasses.push(cls.MULTI_DRAG);
         }
@@ -708,7 +716,7 @@ var Schedule = /** @class */ (function (_super) {
         if (this && isNullOrUndefined(this.uiStateValues) || !(this.enablePersistence)) {
             this.uiStateValues = {
                 expand: false, isInitial: true, left: 0, top: 0, isGroupAdaptive: false,
-                isIgnoreOccurrence: false, groupIndex: 0, action: false, isBlock: false, isCustomMonth: true, isPreventTimezone: false
+                isIgnoreOccurrence: false, groupIndex: this.adaptiveGroupIndex, action: false, isBlock: false, isCustomMonth: true, isPreventTimezone: false
             };
         }
         this.currentTimezoneDate = this.getCurrentTime();
@@ -1202,6 +1210,9 @@ var Schedule = /** @class */ (function (_super) {
             && document.activeElement.classList.contains(cls.SUBJECT_CLASS))) {
             return;
         }
+        if (this.virtualScrollModule && this.activeView.isTimelineView()) {
+            this.virtualScrollModule.refreshLayout();
+        }
         if (this.activeViewOptions.timeScale.enable && this.activeView) {
             this.activeView.highlightCurrentTime();
         }
@@ -1213,7 +1224,12 @@ var Schedule = /** @class */ (function (_super) {
             && !this.activeViewOptions.timeScale.enable) || this.activeView.isTimelineView()) {
             this.activeView.resetColWidth();
             this.notify(events.scrollUiUpdate, { cssProperties: this.getCssProperties(), isPreventScrollUpdate: true });
-            this.refreshEvents(false);
+            var isRemoteRefresh = false;
+            if (this.activeViewOptions.enableLazyLoading && this.virtualScrollModule && this.virtualScrollModule.isRemoteRefresh) {
+                isRemoteRefresh = this.virtualScrollModule.isRemoteRefresh;
+                this.virtualScrollModule.isRemoteRefresh = false;
+            }
+            this.refreshEvents(isRemoteRefresh);
         }
         else {
             this.notify(events.contentReady, {});
@@ -1396,7 +1412,7 @@ var Schedule = /** @class */ (function (_super) {
      * @private
      */
     Schedule.prototype.getPersistData = function () {
-        return this.addOnPersist(['currentView', 'selectedDate', 'scrollTop', 'scrollLeft']);
+        return this.addOnPersist(['currentView', 'selectedDate', 'scrollTop', 'scrollLeft', 'adaptiveGroupIndex']);
     };
     /**
      * Called internally, if any of the property value changed.

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

@@ -676,8 +676,7 @@ var MonthEvent = /** @class */ (function (_super) {
             attrs: {
                 'role': 'button',
                 'tabindex': '0',
-                'aria-label': this.parent.globalize.formatNumber(count) + ' '
-                    + (this.parent.isAdaptive ? '' : this.parent.localeObj.getConstant('more')),
+                'aria-label': this.parent.globalize.formatNumber(count) + ' ' + this.parent.localeObj.getConstant('moreEvents'),
                 'data-count': count.toString(),
                 'data-start-date': startDate.getTime().toString(),
                 'data-end-date': endDate.getTime().toString()

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

@@ -90,11 +90,18 @@ var TimelineEvent = /** @class */ (function (_super) {
     };
     TimelineEvent.prototype.getOverlapSortComparerEvents = function (startDate, endDate, appointmentsCollection) {
         var appointments = [];
-        for (var _i = 0, appointmentsCollection_1 = appointmentsCollection; _i < appointmentsCollection_1.length; _i++) {
-            var app = appointmentsCollection_1[_i];
-            if (this.renderType === 'day') {
-                if ((util.resetTime(app[this.fields.startTime]).getTime() <= util.resetTime(new Date(startDate.getTime())).getTime()) &&
-                    (util.resetTime(app[this.fields.endTime]).getTime() >= util.resetTime(new Date(startDate.getTime())).getTime())) {
+        var _loop_1 = function (app) {
+            if (this_1.renderType === 'day') {
+                var start_1 = util.resetTime(startDate).getTime();
+                var end_1 = util.resetTime(endDate).getTime();
+                var appStart_1 = util.resetTime(app[this_1.fields.startTime]).getTime();
+                var appEnd_1 = util.resetTime(app[this_1.fields.endTime]).getTime();
+                var isEndOverlap = function () {
+                    var endTime = (end_1 - (util.getDateInMs(endDate) <= 0 ? util.MS_PER_DAY : 0));
+                    endTime = start_1 > endTime ? start_1 : endTime;
+                    return appEnd_1 >= endTime && appStart_1 <= endTime;
+                };
+                if (appStart_1 <= start_1 && appEnd_1 >= start_1 || isEndOverlap() || appStart_1 > start_1 && appEnd_1 < end_1) {
                     appointments.push(app);
                 }
             }
@@ -105,6 +112,11 @@ var TimelineEvent = /** @class */ (function (_super) {
                     appointments.push(app);
                 }
             }
+        };
+        var this_1 = this;
+        for (var _i = 0, appointmentsCollection_1 = appointmentsCollection; _i < appointmentsCollection_1.length; _i++) {
+            var app = appointmentsCollection_1[_i];
+            _loop_1(app);
         }
         return appointments;
     };

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

@@ -12,7 +12,7 @@ var __extends = (this && this.__extends) || (function () {
     };
 })();
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { append, createElement, extend, EventHandler, Animation, formatUnit } from '@syncfusion/ej2-base';
+import { append, createElement, extend, EventHandler, Animation, formatUnit, closest } from '@syncfusion/ej2-base';
 import { isNullOrUndefined, setStyleAttribute, remove, removeClass, addClass } from '@syncfusion/ej2-base';
 import { EventBase } from './event-base';
 import * as util from '../base/util';
@@ -55,6 +55,14 @@ var VerticalEvent = /** @class */ (function (_super) {
         var wrapperElements = [].slice.call(this.parent.element.querySelectorAll('.' + cls.BLOCK_APPOINTMENT_CLASS +
             ',.' + cls.APPOINTMENT_CLASS + ',.' + cls.ROW_COUNT_WRAPPER_CLASS));
         var isDragging = (this.parent.crudModule && this.parent.crudModule.crudObj.isCrudAction) ? true : false;
+        var hideWrapper = function (wrapper) {
+            if (_this.parent.isReact && !isNullOrUndefined(_this.parent.activeViewOptions.eventTemplate)) {
+                var appWrapper = closest(wrapper, '.' + cls.DAY_WRAPPER_CLASS + ',.' + cls.ALLDAY_APPOINTMENT_WRAPPER_CLASS);
+                if (appWrapper && !appWrapper.classList.contains(cls.APPOINTMENT_WRAPPER_HIDDEN_CLASS)) {
+                    addClass([appWrapper], cls.APPOINTMENT_WRAPPER_HIDDEN_CLASS);
+                }
+            }
+        };
         for (var _i = 0, wrapperElements_1 = wrapperElements; _i < wrapperElements_1.length; _i++) {
             var wrapper = wrapperElements_1[_i];
             if (isDragging && !(wrapper.classList.contains(cls.ALLDAY_APPOINTMENT_CLASS) ||
@@ -63,11 +71,13 @@ var VerticalEvent = /** @class */ (function (_super) {
                 for (var j = 0, len = this.parent.crudModule.crudObj.sourceEvent.length; j < len; j++) {
                     if (groupIndex === this.parent.crudModule.crudObj.sourceEvent[parseInt(j.toString(), 10)].groupIndex ||
                         groupIndex === this.parent.crudModule.crudObj.targetEvent[parseInt(j.toString(), 10)].groupIndex) {
+                        hideWrapper(wrapper);
                         remove(wrapper);
                     }
                 }
             }
             else {
+                hideWrapper(wrapper);
                 remove(wrapper);
             }
         }
@@ -628,9 +638,12 @@ var VerticalEvent = /** @class */ (function (_super) {
         return (tempLeft > 99 ? 99 : tempLeft) + '%';
     };
     VerticalEvent.prototype.getTopValue = function (date, day, resource) {
-        var startEndHours = util.getStartEndHours(util.resetTime(this.dateRender[parseInt(resource.toString(), 10)][parseInt(day.toString(), 10)]), this.startHour, this.endHour);
+        var viewDate = util.resetTime(this.dateRender[parseInt(resource.toString(), 10)][parseInt(day.toString(), 10)]);
+        var startEndHours = util.getStartEndHours(viewDate, this.startHour, this.endHour);
         var startHour = startEndHours.startHour;
-        var diffInMinutes = ((date.getHours() - startHour.getHours()) * 60) + (date.getMinutes() - startHour.getMinutes());
+        var adjustedStartHour = util.isDaylightSavingTime(viewDate) && (startHour.getHours() !== this.startHour.getHours()) ?
+            this.startHour.getHours() : startHour.getHours();
+        var diffInMinutes = ((date.getHours() - adjustedStartHour) * 60) + (date.getMinutes() - startHour.getMinutes());
         return (this.parent.activeViewOptions.timeScale.enable) ? ((diffInMinutes * this.cellHeight * this.slotCount) / this.interval) : 0;
     };
     VerticalEvent.prototype.getOverlapIndex = function (record, day, isAllDay, resource) {

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

@@ -519,7 +519,7 @@ var EventWindow = /** @class */ (function () {
         var resourceInput = this.createInputElement(value + ' ' + EVENT_FIELD, fieldName);
         resourceDiv.appendChild(resourceInput);
         var resourceTemplate = function (data) {
-            return "<div class=\"e-resource-template\"><div class=\"e-resource-color\" style=\"background-color:" + data[resourceData.colorField] + "\"></div><div class=\"e-resource-text\">" + data[resourceData.textField] + "</div></div>";
+            return SanitizeHtmlHelper.sanitize("<div class=\"e-resource-template\"><div class=\"e-resource-color\" style=\"background-color:" + data[resourceData.colorField] + "\"></div><div class=\"e-resource-text\">" + data[resourceData.textField] + "</div></div>");
         };
         initializeCSPTemplate(resourceTemplate, resourceData);
         if (resourceData.allowMultiple) {

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

@@ -53,7 +53,7 @@ var QuickPopups = /** @class */ (function () {
     QuickPopups.prototype.renderMorePopup = function () {
         var moreEventPopup = "<div class=\"" + cls.MORE_EVENT_POPUP_CLASS + "\"><div class=\"" + cls.MORE_EVENT_HEADER_CLASS + "\">" +
             ("<div class=\"" + cls.MORE_EVENT_CLOSE_CLASS + "\" title=\"" + this.l10n.getConstant('close') + "\" tabindex=\"0\" role=\"button\"></div>") +
-            ("<div class=\"" + cls.MORE_EVENT_DATE_HEADER_CLASS + "\"><div class=\"" + cls.MORE_EVENT_HEADER_DAY_CLASS + "\"></div>") +
+            ("<div class=\"" + cls.MORE_EVENT_DATE_HEADER_CLASS + "\"><div class=\"" + cls.MORE_EVENT_HEADER_DAY_CLASS + "\" id=\"" + this.parent.element.id + "_more_popup\"></div>") +
             ("<div class=\"" + cls.MORE_EVENT_HEADER_DATE_CLASS + " " + cls.NAVIGATE_CLASS + "\" tabindex=\"0\" role=\"link\"></div></div></div></div>");
         var moreEventWrapper = createElement('div', {
             className: cls.MORE_POPUP_WRAPPER_CLASS + ' e-popup-close',
@@ -78,6 +78,8 @@ var QuickPopups = /** @class */ (function () {
             viewPortElement: (this.parent.isAdaptive ? document.body : this.parent.element),
             zIndex: (this.parent.isAdaptive ? 1002 : 2)
         });
+        this.morePopup.element.setAttribute('role', 'dialog');
+        this.morePopup.element.setAttribute('aria-labelledby', this.parent.element.id + '_more_popup');
         var closeButton = this.morePopup.element.querySelector('.' + cls.MORE_EVENT_CLOSE_CLASS);
         this.renderButton('e-round', cls.ICON + ' ' + cls.CLOSE_ICON_CLASS, false, closeButton, this.closeClick);
         EventHandler.add(this.morePopup.element.querySelector('.' + cls.MORE_EVENT_HEADER_DATE_CLASS), 'click', this.navigationClick, this);

package/src/schedule/renderer/header-renderer.js

@@ -86,6 +86,7 @@ var HeaderRenderer = /** @class */ (function () {
             });
             _this.toolbarObj.root = _this.parent.root ? _this.parent.root : _this.parent;
             _this.toolbarObj.appendTo(_this.parent.element.querySelector('.' + cls.HEADER_TOOLBAR));
+            _this.toolbarObj.element.setAttribute('aria-label', 'Scheduler');
             var prevNavEle = _this.toolbarObj.element.querySelector('.e-prev');
             if (prevNavEle) {
                 prevNavEle.firstElementChild.setAttribute('title', _this.l10n.getConstant('previous'));
@@ -273,7 +274,7 @@ var HeaderRenderer = /** @class */ (function () {
                 switch (item.name) {
                     case 'Today':
                         tbItem = {
-                            showAlwaysInPopup: (this.parent.isAdaptive || this.parent.enableAdaptiveUI), prefixIcon: 'e-icon-day',
+                            showAlwaysInPopup: (this.parent.isAdaptive || this.parent.enableAdaptiveUI), prefixIcon: 'e-icon-today',
                             text: this.l10n.getConstant('today'), cssClass: 'e-today', overflow: 'Show'
                         };
                         tbItem.align = propItem.align ? propItem.align : item.align;
@@ -360,7 +361,7 @@ var HeaderRenderer = /** @class */ (function () {
         }
         else {
             items.push({
-                align: 'Right', showAlwaysInPopup: (this.parent.isAdaptive || this.parent.enableAdaptiveUI), prefixIcon: 'e-icon-day',
+                align: 'Right', showAlwaysInPopup: (this.parent.isAdaptive || this.parent.enableAdaptiveUI), prefixIcon: 'e-icon-today',
                 text: this.l10n.getConstant('today'), cssClass: 'e-today', overflow: 'Show'
             });
             if (this.parent.views.length > 1) {

package/src/schedule/renderer/renderer.js

@@ -88,6 +88,7 @@ var Render = /** @class */ (function () {
             }
             throw Error('Inject required modules');
         }
+        this.parent.uiStateValues.scheduleHeight = this.parent.element.offsetHeight;
         this.parent.activeView.viewIndex = this.parent.viewIndex;
         this.updateLabelText(viewName);
         this.parent.activeView.addEventListener();

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

@@ -385,11 +385,14 @@ var TimelineYear = /** @class */ (function (_super) {
                     groupIndex = this.colLevels.slice(-1)[0][parseInt(month.toString(), 10)].groupIndex;
                     classList.push(cls.WORKDAY_CLASS);
                 }
+                var startDateText = this.parent.globalize.formatDate(date, { type: 'dateTime', skeleton: 'full', calendar: this.parent.getCalendarMode() });
+                var endDateText = this.parent.globalize.formatDate(this.parent.calendarUtil.getMonthEndDate(new Date(monthDate.getTime())), { type: 'dateTime', skeleton: 'full', calendar: this.parent.getCalendarMode() });
                 var td = createElement('td', {
                     className: cls.WORK_CELLS_CLASS,
                     attrs: {
                         'aria-selected': 'false',
-                        'data-date': date.getTime().toString()
+                        'data-date': date.getTime().toString(),
+                        'aria-label': startDateText + ' ' + this.parent.localeObj.getConstant('endAt') + ' ' + endDateText
                     }
                 });
                 addClass([td], classList);

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

@@ -713,6 +713,20 @@ var VerticalView = /** @class */ (function (_super) {
             append(tooltipTemplate, ntd);
         }
         ntd.setAttribute('data-date', cellDate.getTime().toString());
+        var skeleton = 'full';
+        if (!this.parent.activeViewOptions.timeScale.enable) {
+            var announcementText = this.parent.globalize.formatDate(tdData.date, { skeleton: skeleton, calendar: this.parent.getCalendarMode() });
+            ntd.setAttribute('aria-label', announcementText);
+        }
+        else {
+            var startDateText = this.parent.globalize.formatDate(cellDate, {
+                type: 'dateTime', skeleton: skeleton, calendar: this.parent.getCalendarMode()
+            });
+            var endDateText = this.parent.globalize.formatDate(this.getEndDateFromStartDate(cellDate), {
+                type: 'dateTime', skeleton: skeleton, calendar: this.parent.getCalendarMode()
+            });
+            ntd.setAttribute('aria-label', startDateText + ' ' + this.parent.localeObj.getConstant('endAt') + ' ' + endDateText);
+        }
         if (!isNullOrUndefined(tdData.groupIndex) || this.parent.uiStateValues.isGroupAdaptive) {
             var groupIndex = this.parent.uiStateValues.isGroupAdaptive ? this.parent.uiStateValues.groupIndex :
                 tdData.groupIndex;

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

@@ -452,7 +452,7 @@ var ViewBase = /** @class */ (function () {
             var colWidth_1 = (util.getElementWidth(contentBody) / (colElements.length / 2));
             if (content.offsetHeight !== content.clientHeight) {
                 var resourceColumn = this.parent.element.querySelector('.' + cls.RESOURCE_COLUMN_WRAP_CLASS);
-                if (!isNullOrUndefined(resourceColumn)) {
+                if (!isNullOrUndefined(resourceColumn) && resourceColumn.offsetHeight !== content.clientHeight) {
                     setStyleAttribute(resourceColumn, { 'height': formatUnit(content.clientHeight) });
                 }
             }

package/styles/bootstrap-dark.css

@@ -395,6 +395,12 @@
   background: #393939;
   color: #0070f0;
 }
+.e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today {
+  display: block;
+}
+.e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today + .e-tbar-btn-text {
+  display: none;
+}
 .e-schedule.e-device .e-schedule-toolbar {
   height: 56px;
   min-height: 56px;
@@ -2020,7 +2026,8 @@
 .e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
   position: relative;
 }
-.e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
+.e-schedule .e-virtual-scroll .e-content-wrap.e-transition,
+.e-schedule .e-virtual-scroll .e-resource-column-wrap.e-transition {
   transition: all 1000ms linear;
 }
 .e-schedule.e-rtl .e-timeline-view .e-appointment .e-left-icon,

package/styles/bootstrap.css

@@ -390,6 +390,12 @@
   background: #e6e6e6;
   color: #317ab9;
 }
+.e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today {
+  display: block;
+}
+.e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today + .e-tbar-btn-text {
+  display: none;
+}
 .e-schedule.e-device .e-schedule-toolbar {
   height: 56px;
   min-height: 56px;
@@ -2015,7 +2021,8 @@
 .e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
   position: relative;
 }
-.e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
+.e-schedule .e-virtual-scroll .e-content-wrap.e-transition,
+.e-schedule .e-virtual-scroll .e-resource-column-wrap.e-transition {
   transition: all 1000ms linear;
 }
 .e-schedule.e-rtl .e-timeline-view .e-appointment .e-left-icon,

package/styles/bootstrap4.css

@@ -495,6 +495,12 @@
   background: #545b62;
   color: #fff;
 }
+.e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today {
+  display: block;
+}
+.e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today + .e-tbar-btn-text {
+  display: none;
+}
 .e-schedule.e-device .e-schedule-toolbar {
   height: 54px;
   min-height: 54px;
@@ -2120,7 +2126,8 @@
 .e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
   position: relative;
 }
-.e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
+.e-schedule .e-virtual-scroll .e-content-wrap.e-transition,
+.e-schedule .e-virtual-scroll .e-resource-column-wrap.e-transition {
   transition: all 1000ms linear;
 }
 .e-schedule.e-rtl .e-timeline-view .e-appointment .e-left-icon,

package/styles/bootstrap5-dark.css

@@ -440,6 +440,12 @@
   background: #495057;
   color: rgba(13, 110, 253, 0.87);
 }
+.e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today {
+  display: block;
+}
+.e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today + .e-tbar-btn-text {
+  display: none;
+}
 .e-schedule.e-device .e-schedule-toolbar {
   height: 54px;
   min-height: 54px;
@@ -2065,7 +2071,8 @@
 .e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
   position: relative;
 }
-.e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
+.e-schedule .e-virtual-scroll .e-content-wrap.e-transition,
+.e-schedule .e-virtual-scroll .e-resource-column-wrap.e-transition {
   transition: all 1000ms linear;
 }
 .e-schedule.e-rtl .e-timeline-view .e-appointment .e-left-icon,

package/styles/bootstrap5.css

@@ -440,6 +440,12 @@
   background: #dee2e6;
   color: rgba(13, 110, 253, 0.87);
 }
+.e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today {
+  display: block;
+}
+.e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today + .e-tbar-btn-text {
+  display: none;
+}
 .e-schedule.e-device .e-schedule-toolbar {
   height: 54px;
   min-height: 54px;
@@ -2065,7 +2071,8 @@
 .e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
   position: relative;
 }
-.e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
+.e-schedule .e-virtual-scroll .e-content-wrap.e-transition,
+.e-schedule .e-virtual-scroll .e-resource-column-wrap.e-transition {
   transition: all 1000ms linear;
 }
 .e-schedule.e-rtl .e-timeline-view .e-appointment .e-left-icon,

package/styles/fabric-dark.css

@@ -358,6 +358,12 @@
   background: #414040;
   color: #dadada;
 }
+.e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today {
+  display: block;
+}
+.e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today + .e-tbar-btn-text {
+  display: none;
+}
 .e-schedule.e-device .e-schedule-toolbar {
   height: 56px;
   min-height: 56px;
@@ -1983,7 +1989,8 @@
 .e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
   position: relative;
 }
-.e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
+.e-schedule .e-virtual-scroll .e-content-wrap.e-transition,
+.e-schedule .e-virtual-scroll .e-resource-column-wrap.e-transition {
   transition: all 1000ms linear;
 }
 .e-schedule.e-rtl .e-timeline-view .e-appointment .e-left-icon,

package/styles/fabric.css

@@ -348,6 +348,12 @@
   background: #f4f4f4;
   color: #333;
 }
+.e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today {
+  display: block;
+}
+.e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today + .e-tbar-btn-text {
+  display: none;
+}
 .e-schedule.e-device .e-schedule-toolbar {
   height: 56px;
   min-height: 56px;
@@ -1973,7 +1979,8 @@
 .e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
   position: relative;
 }
-.e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
+.e-schedule .e-virtual-scroll .e-content-wrap.e-transition,
+.e-schedule .e-virtual-scroll .e-resource-column-wrap.e-transition {
   transition: all 1000ms linear;
 }
 .e-schedule.e-rtl .e-timeline-view .e-appointment .e-left-icon,

package/styles/fluent-dark.css

@@ -422,6 +422,12 @@
   background: #292827;
   color: rgba(0, 120, 212, 0.87);
 }
+.e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today {
+  display: block;
+}
+.e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today + .e-tbar-btn-text {
+  display: none;
+}
 .e-schedule.e-device .e-schedule-toolbar {
   height: 54px;
   min-height: 54px;
@@ -2047,7 +2053,8 @@
 .e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
   position: relative;
 }
-.e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
+.e-schedule .e-virtual-scroll .e-content-wrap.e-transition,
+.e-schedule .e-virtual-scroll .e-resource-column-wrap.e-transition {
   transition: all 1000ms linear;
 }
 .e-schedule.e-rtl .e-timeline-view .e-appointment .e-left-icon,