@syncfusion/ej2-schedule 21.1.38 → 21.1.41

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 21.1.38
+*  version : 21.1.41
 *  Copyright Syncfusion Inc. 2001 - 2020. 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@21.1.37",
+  "_id": "@syncfusion/ej2-schedule@21.1.39",
   "_inBundle": false,
-  "_integrity": "sha512-NLCQtiu5Olzfi6SxLt7AYA1KmVoEH8iCMIfnH3R+AGKx2M3jAc8kj254/r6ZjCOG+Hv5HJzRlzXcpsjcF6STUA==",
+  "_integrity": "sha512-QCuW7EJLOWM4mzsfa7H6Y3GFtwpxmm/hoS9Zh7AM9yaczBZGfo1fVoMa1BX9kj/GvnVKd1dQKg4bww2ljX7wng==",
   "_location": "/@syncfusion/ej2-schedule",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-schedule",
     "/@syncfusion/ej2-vue-schedule"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-21.1.37.tgz",
-  "_shasum": "ca770b8410b16994dc458ebd2dce869f52476c1d",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-21.1.39.tgz",
+  "_shasum": "48df2b6ebc4f2cfc54708f2e049cf7b0add5e953",
   "_spec": "@syncfusion/ej2-schedule@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -35,16 +35,16 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~21.1.38",
+    "@syncfusion/ej2-base": "~21.1.40",
     "@syncfusion/ej2-buttons": "~21.1.37",
-    "@syncfusion/ej2-calendars": "~21.1.38",
+    "@syncfusion/ej2-calendars": "~21.1.41",
     "@syncfusion/ej2-data": "~21.1.38",
-    "@syncfusion/ej2-dropdowns": "~21.1.38",
+    "@syncfusion/ej2-dropdowns": "~21.1.41",
     "@syncfusion/ej2-excel-export": "~21.1.37",
-    "@syncfusion/ej2-inputs": "~21.1.38",
-    "@syncfusion/ej2-lists": "~21.1.37",
-    "@syncfusion/ej2-navigations": "~21.1.38",
-    "@syncfusion/ej2-popups": "~21.1.37"
+    "@syncfusion/ej2-inputs": "~21.1.39",
+    "@syncfusion/ej2-lists": "~21.1.41",
+    "@syncfusion/ej2-navigations": "~21.1.39",
+    "@syncfusion/ej2-popups": "~21.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": "21.1.38",
+  "version": "21.1.41",
   "sideEffects": false
 }

package/src/schedule/base/resource.js

@@ -432,7 +432,7 @@ var ResourceBase = /** @class */ (function () {
                 return resData[resourceLevel.idField] === resource.groupOrder[parseInt(i.toString(), 10)];
             });
             var resourceName = createElement('div', { className: cls.RESOURCE_NAME });
-            resourceName.innerText = this_2.parent.sanitize(resourceText[0][resourceLevel.textField]);
+            this_2.parent.sanitize(resourceText[0][resourceLevel.textField], resourceName);
             headerCollection.push(resourceName);
             var levelIcon = createElement('div', { className: 'e-icons e-icon-next' });
             headerCollection.push(levelIcon);

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

@@ -80,6 +80,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     workCellAction: WorkCellInteraction;
     tzModule: Timezone;
     resourceBase: ResourceBase;
+    currentTimezoneDate: Date;
     private cellHeaderTemplateFn;
     private cellTemplateFn;
     private dateHeaderTemplateFn;
@@ -910,13 +911,14 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
      */
     resetTemplates(templates?: string[]): void;
     /**
-     * Method to sanitize any suspected untrusted strings and scripts before rendering them.
+     * This method renders untrusted strings and scripts securely by sanitizing them first.
      *
      * @param {string} value - A string value representing the HTML string value to be sanitized.
-     * @returns {string} A sanitized Html string.
+     * @param {HTMLElement} element - An HTML element to which the sanitized or unsanitized HTML string will be assigned.
+     * @returns {void}
      * @private
      */
-    sanitize(value: string): string;
+    sanitize(value: string, element: HTMLElement): void;
     private initializeResources;
     /**
      * Method to render the layout elements

package/src/schedule/base/schedule.js

@@ -160,17 +160,20 @@ var Schedule = /** @class */ (function (_super) {
         }
     };
     /**
-     * Method to sanitize any suspected untrusted strings and scripts before rendering them.
+     * This method renders untrusted strings and scripts securely by sanitizing them first.
      *
      * @param {string} value - A string value representing the HTML string value to be sanitized.
-     * @returns {string} A sanitized Html string.
+     * @param {HTMLElement} element - An HTML element to which the sanitized or unsanitized HTML string will be assigned.
+     * @returns {void}
      * @private
      */
-    Schedule.prototype.sanitize = function (value) {
+    Schedule.prototype.sanitize = function (value, element) {
         if (this.enableHtmlSanitizer) {
-            return SanitizeHtmlHelper.sanitize(value);
+            element.innerText = SanitizeHtmlHelper.sanitize(value);
+        }
+        else {
+            element.innerHTML = value;
         }
-        return value;
     };
     Schedule.prototype.initializeResources = function (isSetModel) {
         if (isSetModel === void 0) { isSetModel = false; }
@@ -692,7 +695,8 @@ var Schedule = /** @class */ (function (_super) {
                 isIgnoreOccurrence: false, groupIndex: 0, action: false, isBlock: false, isCustomMonth: true, isPreventTimezone: false
             };
         }
-        this.activeCellsData = { startTime: this.getCurrentTime(), endTime: this.getCurrentTime(), isAllDay: false };
+        this.currentTimezoneDate = this.getCurrentTime();
+        this.activeCellsData = { startTime: new Date(this.currentTimezoneDate), endTime: new Date(this.currentTimezoneDate), isAllDay: false };
         this.activeEventData = { event: undefined, element: undefined };
         this.getDefaultLocale();
         this.localeObj = new L10n(this.getModuleName(), this.defaultLocale, this.locale);
@@ -1142,7 +1146,7 @@ var Schedule = /** @class */ (function (_super) {
      */
     Schedule.prototype.getStartEndTime = function (startEndTime) {
         if (!isNullOrUndefined(startEndTime) && startEndTime !== '') {
-            var startEndDate = util.resetTime(this.getCurrentTime());
+            var startEndDate = util.resetTime(new Date(this.currentTimezoneDate) || this.getCurrentTime());
             var timeString = startEndTime.split(':');
             if (timeString.length === 2) {
                 startEndDate.setHours(parseInt(timeString[0], 10), parseInt(timeString[1], 10), 0);

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

@@ -111,11 +111,11 @@ var AgendaBase = /** @class */ (function (_super) {
             eventSubject += ',';
         }
         var appSubjectText = createElement('div', { className: cls.SUBJECT_CLASS });
-        appSubjectText.innerText = this.parent.sanitize(eventSubject);
+        this.parent.sanitize(eventSubject, appSubjectText);
         appSubjectWrap.appendChild(appSubjectText);
         if (!isNullOrUndefined(eventLocation) && eventLocation !== '') {
             var appLocation = createElement('div', { className: cls.LOCATION_CLASS });
-            appLocation.innerText = this.parent.sanitize(eventLocation);
+            this.parent.sanitize(eventLocation, appLocation);
             appSubjectWrap.appendChild(appLocation);
         }
         if (!isNullOrUndefined(event[fieldMapping.recurrenceRule])) {

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

@@ -1118,7 +1118,7 @@ var EventBase = /** @class */ (function () {
         }
         else {
             var appointmentSubject = createElement('div', { className: cls.SUBJECT_CLASS });
-            appointmentSubject.innerText = this.parent.sanitize(eventSubject);
+            this.parent.sanitize(eventSubject, appointmentSubject);
             templateElement = [appointmentSubject];
         }
         append(templateElement, appointmentWrapper);

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

@@ -410,7 +410,7 @@ var MonthEvent = /** @class */ (function (_super) {
         else {
             var eventLocation = (record[this.fields.location] || this.parent.eventSettings.fields.location.default || '');
             var appointmentSubject = createElement('div', { className: cls.SUBJECT_CLASS });
-            appointmentSubject.innerText = this.parent.sanitize((eventSubject + (eventLocation ? '; ' + eventLocation : '')));
+            this.parent.sanitize((eventSubject + (eventLocation ? '; ' + eventLocation : '')), appointmentSubject);
             var appointmentStartTime = createElement('div', {
                 className: cls.APPOINTMENT_TIME + (this.parent.isAdaptive ? ' ' + cls.DISABLE_CLASS : ''),
                 innerHTML: this.parent.getTimeString(eventData[this.fields.startTime])
@@ -454,7 +454,7 @@ var MonthEvent = /** @class */ (function (_super) {
                         className: cls.APPOINTMENT_TIME + (this.parent.isAdaptive ? ' ' + cls.DISABLE_CLASS : ''), innerHTML: timeString
                     });
                     var appLocation = createElement('div', { className: cls.LOCATION_CLASS });
-                    appLocation.innerText = this.parent.sanitize(eventLocation);
+                    this.parent.sanitize(eventLocation, appLocation);
                     innerElement = [appointmentSubject, appTime, appLocation];
                 }
                 var wrap = createElement('div', { className: 'e-inner-wrap' });

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

@@ -168,12 +168,12 @@ var TimelineEvent = /** @class */ (function (_super) {
             isValidEvent = this.isValidEvent(eventObj, startTime, endTime, schedule);
         }
         if (startTime <= endTime && isValidEvent) {
-            var appWidth_1 = this.getEventWidth(startTime, endTime, event[this.fields.isAllDay], diffInDays);
-            appWidth_1 = this.renderType === 'day' ? appWidth_1 - 2 : appWidth_1;
+            var appWidth = this.getEventWidth(startTime, endTime, event[this.fields.isAllDay], diffInDays);
+            appWidth = this.renderType === 'day' ? appWidth - 2 : appWidth;
             var appLeft = 0;
             var appRight = 0;
             var position = this.getPosition(startTime, endTime, event[this.fields.isAllDay], this.day);
-            appWidth_1 = (appWidth_1 <= 0) ? this.cellWidth : appWidth_1; // appWidth 0 when start and end time as same
+            appWidth = (appWidth <= 0) ? this.cellWidth : appWidth; // appWidth 0 when start and end time as same
             this.renderedEvents.push(extend({}, event, null, true));
             if (isNullOrUndefined(this.cellTops[parseInt(resIndex.toString(), 10)])) {
                 this.cellTops[parseInt(resIndex.toString(), 10)] = this.getRowTop(resIndex);
@@ -194,7 +194,7 @@ var TimelineEvent = /** @class */ (function (_super) {
                 }
                 this.applyResourceColor(appointmentElement, event, 'backgroundColor', this.groupOrder);
                 setStyleAttribute(appointmentElement, {
-                    'width': appWidth_1 + 'px', 'left': appLeft + 'px', 'right': appRight + 'px', 'top': appTop + 'px'
+                    'width': appWidth + 'px', 'left': appLeft + 'px', 'right': appRight + 'px', 'top': appTop + 'px'
                 });
                 this.wireAppointmentEvents(appointmentElement, event);
                 this.renderEventElement(event, appointmentElement, cellTd);
@@ -202,13 +202,6 @@ var TimelineEvent = /** @class */ (function (_super) {
                     var firstChild = this.getFirstChild(resIndex);
                     this.updateCellHeight(firstChild, height);
                 }
-                if (this.parent.activeViewOptions.option !== 'TimelineMonth' && this.parent.activeViewOptions.timeScale.enable
-                    && appWidth_1 < this.cellWidth) {
-                    var resizeHandlers = [].slice.call(appointmentElement.querySelectorAll('.' + cls.EVENT_RESIZE_CLASS));
-                    resizeHandlers.forEach(function (resizeHandler) {
-                        resizeHandler.style.width = Math.ceil(appWidth_1 / resizeHandler.getBoundingClientRect().width) + 'px';
-                    });
-                }
             }
             else {
                 for (var i = 0; i < diffInDays; i++) {

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

@@ -345,7 +345,7 @@ var VerticalEvent = /** @class */ (function (_super) {
         }
         else {
             var appointmentSubject = createElement('div', { className: cls.SUBJECT_CLASS });
-            appointmentSubject.innerText = this.parent.sanitize(recordSubject);
+            this.parent.sanitize(recordSubject, appointmentSubject);
             if (isAllDay) {
                 if (record[fieldMapping.isAllDay]) {
                     templateElement = [appointmentSubject];
@@ -378,7 +378,7 @@ var VerticalEvent = /** @class */ (function (_super) {
                     innerHTML: timeStr
                 });
                 var appointmentLocation = createElement('div', { className: cls.LOCATION_CLASS });
-                appointmentLocation.innerText = this.parent.sanitize((record[fieldMapping.location] || this.parent.eventSettings.fields.location.default || ''));
+                this.parent.sanitize((record[fieldMapping.location] || this.parent.eventSettings.fields.location.default || ''), appointmentLocation);
                 templateElement = [appointmentSubject, appointmentTime, appointmentLocation];
             }
         }
@@ -557,7 +557,7 @@ var VerticalEvent = /** @class */ (function (_super) {
             return;
         }
         if (eStart <= eEnd && isValidEvent && this.isWorkDayAvailable(resource, eStart)) {
-            var appHeight_1 = this.getHeight(eStart, eEnd);
+            var appHeight = this.getHeight(eStart, eEnd);
             if (eStart.getTime() > schedule.startHour.getTime()) {
                 topValue = this.getTopValue(eStart, dayIndex, resource);
             }
@@ -594,10 +594,10 @@ var VerticalEvent = /** @class */ (function (_super) {
             }
             setStyleAttribute(appointmentElement, {
                 'width': (this.parent.eventSettings.enableMaxHeight ? '100%' : tempData.appWidth),
-                'height': appHeight_1 + 'px', 'top': topValue + 'px'
+                'height': appHeight + 'px', 'top': topValue + 'px'
             });
             var iconHeight = appointmentElement.querySelectorAll('.' + cls.EVENT_INDICATOR_CLASS).length * 15;
-            var maxHeight = appHeight_1 - 40 - iconHeight;
+            var maxHeight = appHeight - 40 - iconHeight;
             var subjectElement = appointmentElement.querySelector('.' + cls.SUBJECT_CLASS);
             if (!this.parent.isAdaptive && subjectElement) {
                 subjectElement.style.maxHeight = formatUnit(maxHeight);
@@ -609,12 +609,6 @@ var VerticalEvent = /** @class */ (function (_super) {
             record.data = eventData;
             this.appendEvent(record, appointmentElement, index, tempData.appLeft);
             this.wireAppointmentEvents(appointmentElement, eventObj);
-            if (appHeight_1 < this.cellHeight) {
-                var resizeHandlers = [].slice.call(appointmentElement.querySelectorAll('.' + cls.EVENT_RESIZE_CLASS));
-                resizeHandlers.forEach(function (resizeHandler) {
-                    resizeHandler.style.height = Math.ceil(appHeight_1 / resizeHandler.offsetHeight) + 'px';
-                });
-            }
         }
     };
     VerticalEvent.prototype.getEventWidth = function () {

package/src/schedule/exports/print.js

@@ -92,6 +92,8 @@ var Print = /** @class */ (function () {
         ];
         var scheduleTemplates = ['cellHeaderTemplate', 'dayHeaderTemplate', 'monthHeaderTemplate', 'cellTemplate',
             'dateHeaderTemplate', 'dateRangeTemplate', 'eventTemplate', 'resourceHeaderTemplate', 'headerIndentTemplate'];
+        var scheduleEvents = ['actionBegin', 'actionComplete', 'actionFailure', 'created', 'dataBinding', 'dataBound',
+            'destroyed', 'eventRendered', 'moreEventsClick', 'navigating', 'popupOpen', 'popupClose', 'renderCell'];
         var eventSettings;
         var group;
         var timeScale;
@@ -99,12 +101,15 @@ var Print = /** @class */ (function () {
         for (var _i = 0, scheduleProps_1 = scheduleProps; _i < scheduleProps_1.length; _i++) {
             var key = scheduleProps_1[_i];
             switch (key) {
-                case 'eventSettings':
+                case 'eventSettings': {
                     eventSettings = Object.assign({}, this.parent.eventSettings.properties);
                     eventSettings.dataSource = this.parent.eventsData;
-                    eventSettings.template = typeof (eventSettings.template) === 'function' ? null : eventSettings.template;
+                    var eventTemplate = !isNullOrUndefined(printOptions.eventSettings) &&
+                        !isNullOrUndefined(printOptions.eventSettings.template) ? printOptions.eventSettings.template : eventSettings.template;
+                    eventSettings.template = typeof (eventTemplate) === 'function' ? null : eventTemplate;
                     printModel.eventSettings = eventSettings;
                     break;
+                }
                 case 'group':
                     group = isNullOrUndefined(printOptions.group) ? this.parent.group : printOptions.group;
                     group.headerTooltipTemplate = null;
@@ -140,6 +145,10 @@ var Print = /** @class */ (function () {
                             (typeof (printOptions["" + key]) === 'function' ? null : printOptions["" + key]);
                         break;
                     }
+                    if (scheduleEvents.indexOf(key) > -1) {
+                        printModel["" + key] = printOptions["" + key];
+                        break;
+                    }
                     printModel["" + key] = isNullOrUndefined(printOptions["" + key]) ?
                         this.parent["" + key] : printOptions["" + key];
                     break;

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

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { createElement, isNullOrUndefined, addClass, remove, EventHandler, extend, append, detach } from '@syncfusion/ej2-base';
-import { cldrData, removeClass, getValue, getDefaultDateObject, closest } from '@syncfusion/ej2-base';
+import { cldrData, removeClass, getValue, getDefaultDateObject, closest, SanitizeHtmlHelper } from '@syncfusion/ej2-base';
 import { Query, Deferred } from '@syncfusion/ej2-data';
 import { CheckBox, Button } from '@syncfusion/ej2-buttons';
 import { Dialog } from '@syncfusion/ej2-popups';
@@ -262,6 +262,7 @@ var EventWindow = /** @class */ (function () {
                     var element = formElements_1[_i];
                     remove(element);
                 }
+                this.parent.resetTemplates(['editorTemplate']);
             }
             var templateId = this.parent.element.id + '_editorTemplate';
             var tempEle = [].slice.call(this.parent.getEditorTemplate()(args || {}, this.parent, 'editorTemplate', templateId, false));
@@ -836,10 +837,13 @@ var EventWindow = /** @class */ (function () {
         }
     };
     EventWindow.prototype.applyFormValidation = function () {
+        var form = this.element.querySelector('.' + cls.FORM_CLASS);
+        if (!form) {
+            return;
+        }
         var getValidationRule = function (rules) {
             return (rules && Object.keys(rules).length > 0) ? rules : undefined;
         };
-        var form = this.element.querySelector('.' + cls.FORM_CLASS);
         var rules = {};
         var subjectRule = getValidationRule(this.parent.eventSettings.fields.subject.validation);
         if (!isNullOrUndefined(subjectRule)) {
@@ -1670,7 +1674,8 @@ var EventWindow = /** @class */ (function () {
                 value = element.checked;
             }
             else {
-                value = this.parent.sanitize(element.value);
+                value = this.parent.enableHtmlSanitizer ?
+                    SanitizeHtmlHelper.sanitize(element.value) : element.value;
             }
         }
         return value;
@@ -1815,6 +1820,9 @@ var EventWindow = /** @class */ (function () {
             else if (element.classList.contains('e-multiselect')) {
                 instance = element.ej2_instances;
             }
+            else if (element.classList.contains('e-numerictextbox')) {
+                instance = element.ej2_instances;
+            }
             if (instance && instance[0]) {
                 instance[0].destroy();
             }

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

@@ -332,7 +332,7 @@ var QuickPopups = /** @class */ (function () {
                 }
                 else {
                     appointmentElement.appendChild(createElement('div', { className: cls.SUBJECT_CLASS }));
-                    appointmentElement.firstElementChild.innerText = this_1.parent.sanitize(eventText);
+                    this_1.parent.sanitize(eventText, appointmentElement.firstElementChild);
                 }
                 if (!isNullOrUndefined(groupIndex)) {
                     appointmentElement.setAttribute('data-group-index', groupIndex);
@@ -592,7 +592,7 @@ var QuickPopups = /** @class */ (function () {
             var templateWrapper = createElement('div', { innerHTML: header });
             if (headerType === 'Event') {
                 var subjectText = templateWrapper.querySelector('.' + cls.SUBJECT_CLASS);
-                subjectText.innerText = this.parent.sanitize(args.eventSubject);
+                this.parent.sanitize(args.eventSubject, subjectText);
             }
             append([].slice.call(templateWrapper.childNodes), headerTemplate);
         }
@@ -656,19 +656,19 @@ var QuickPopups = /** @class */ (function () {
             if (data[this.parent.eventFields.location]) {
                 var locationDetails = templateWrapper.querySelector('.' + cls.LOCATION_DETAILS_CLASS);
                 if (!isNullOrUndefined(locationDetails)) {
-                    locationDetails.innerText = this.parent.sanitize(data[this.parent.eventFields.location]);
+                    this.parent.sanitize(data[this.parent.eventFields.location], locationDetails);
                 }
             }
             if (data[this.parent.eventFields.description]) {
                 var descriptionDetails = templateWrapper.querySelector('.' + cls.DESCRIPTION_DETAILS_CLASS);
                 if (!isNullOrUndefined(descriptionDetails)) {
-                    descriptionDetails.innerText = this.parent.sanitize(data[this.parent.eventFields.description]);
+                    this.parent.sanitize(data[this.parent.eventFields.description], descriptionDetails);
                 }
             }
             if (resourceText) {
                 var resourceDetails = templateWrapper.querySelector('.' + cls.RESOURCE_DETAILS_CLASS);
                 if (!isNullOrUndefined(resourceDetails)) {
-                    resourceDetails.innerText = this.parent.sanitize(resourceText);
+                    this.parent.sanitize(resourceText, resourceDetails);
                 }
             }
             append([].slice.call(templateWrapper.childNodes), contentTemplate);

package/src/schedule/renderer/month.js

@@ -174,7 +174,7 @@ var Month = /** @class */ (function (_super) {
         for (var col = 0; col < count; col++) {
             var classList = [cls.HEADER_CELLS_CLASS];
             var currentDateIndex = renderDates.slice(0, count).map(function (date) { return date.getDay(); });
-            if (isCurrentMonth && currentDateIndex.indexOf(this.parent.getCurrentTime().getDay()) === col) {
+            if (isCurrentMonth && currentDateIndex.indexOf(this.parent.currentTimezoneDate.getDay()) === col) {
                 classList.push(cls.CURRENT_DAY_CLASS);
             }
             dateSlots.push({ date: renderDates[parseInt(col.toString(), 10)], type: 'monthDay', className: classList, colSpan: 1, workDays: workDays });
@@ -546,7 +546,7 @@ var Month = /** @class */ (function (_super) {
             addClass([dateHeader], cls.NAVIGATE_CLASS);
             var skeleton = 'full';
             var announcementText = this.parent.globalize.formatDate(data.date, { skeleton: skeleton, calendar: this.parent.getCalendarMode() });
-            dateHeader.setAttribute('aria-label', announcementText);
+            ntd.setAttribute('aria-label', announcementText);
         }
     };
     Month.prototype.getMonthStart = function (currentDate) {

package/src/schedule/renderer/renderer.js

@@ -105,6 +105,7 @@ var Render = /** @class */ (function () {
             }
         }
         this.updateHeader();
+        this.parent.currentTimezoneDate = this.parent.getCurrentTime();
         this.parent.activeView.renderLayout(cls.CURRENT_PANEL_CLASS);
         this.parent.renderTemplates();
         if (this.parent.eventTooltip) {

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

@@ -236,8 +236,11 @@ var TimelineYear = /** @class */ (function (_super) {
                 else {
                     isDateAvail = column >= monthStart.getDay() && date.getTime() < monthEnd.getTime();
                 }
+                var announcementText = this.parent.globalize.formatDate(date, {
+                    skeleton: 'full', calendar: this.parent.getCalendarMode()
+                });
                 var td = createElement('td', {
-                    className: cls.WORK_CELLS_CLASS, attrs: { 'aria-selected': 'false' }
+                    className: cls.WORK_CELLS_CLASS, attrs: { 'aria-selected': 'false', 'aria-label': announcementText }
                 });
                 contentTr.appendChild(td);
                 var dateHeader = createElement('div', {
@@ -245,11 +248,6 @@ var TimelineYear = /** @class */ (function (_super) {
                     innerHTML: (isDateAvail) ?
                         this.parent.globalize.formatDate(date, { skeleton: 'd', calendar: this.parent.getCalendarMode() }) : ''
                 });
-                var skeleton = 'full';
-                var announcementText = this.parent.globalize.formatDate(date, {
-                    skeleton: skeleton, calendar: this.parent.getCalendarMode()
-                });
-                dateHeader.setAttribute('aria-label', announcementText);
                 if (isDateAvail) {
                     var tds = [td];
                     var classList = [];

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

@@ -239,7 +239,8 @@ var VerticalView = /** @class */ (function (_super) {
             this.parent.activeViewOptions.headerRows.slice(-1)[0].option !== 'Hour') {
             return;
         }
-        if (this.parent.showTimeIndicator && this.isWorkHourRange(this.parent.getCurrentTime())) {
+        var currentDate = this.parent.getCurrentTime();
+        if (this.parent.showTimeIndicator && this.isWorkHourRange(currentDate)) {
             var currentDateIndex = this.getCurrentTimeIndicatorIndex();
             if (currentDateIndex.length > 0) {
                 var workCells = [].slice.call(this.element.querySelectorAll('.' + cls.WORK_CELLS_CLASS));
@@ -247,7 +248,6 @@ var VerticalView = /** @class */ (function (_super) {
                     this.changeCurrentTimePosition();
                 }
                 if (isNullOrUndefined(this.currentTimeIndicatorTimer)) {
-                    var currentDate = this.parent.getCurrentTime();
                     var interval = util.MS_PER_MINUTE - ((currentDate.getSeconds() * 1000) + currentDate.getMilliseconds());
                     if (interval <= (util.MS_PER_MINUTE - 1000)) {
                         window.setTimeout(function () {
@@ -274,11 +274,12 @@ var VerticalView = /** @class */ (function (_super) {
         if (!isNullOrUndefined(this.parent.resourceBase) && (this.parent.activeViewOptions.group.resources.length > 0) &&
             !this.parent.uiStateValues.isGroupAdaptive) {
             var count = 0;
+            var currentDate = util.resetTime(this.parent.getCurrentTime());
             if (this.parent.virtualScrollModule && this.parent.activeViewOptions.allowVirtualScrolling &&
                 this.parent.activeViewOptions.group.byDate) {
                 for (var _i = 0, _a = this.parent.resourceBase.expandedResources; _i < _a.length; _i++) {
                     var resource = _a[_i];
-                    if (util.resetTime(resource.date).getTime() === util.resetTime(this.parent.getCurrentTime()).getTime()) {
+                    if (util.resetTime(resource.date).getTime() === currentDate.getTime()) {
                         currentDateIndex.push(count);
                     }
                     count += 1;
@@ -287,7 +288,7 @@ var VerticalView = /** @class */ (function (_super) {
             else {
                 for (var _b = 0, _c = this.parent.resourceBase.renderedResources; _b < _c.length; _b++) {
                     var resource = _c[_b];
-                    var index = this.parent.getIndexOfDate(resource.renderDates, util.resetTime(this.parent.getCurrentTime()));
+                    var index = this.parent.getIndexOfDate(resource.renderDates, currentDate);
                     if (index >= 0) {
                         var resIndex = this.parent.activeViewOptions.group.byDate ?
                             (this.parent.resourceBase.lastResourceLevel.length * index) + count : count + index;

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

@@ -217,7 +217,7 @@ var ViewBase = /** @class */ (function () {
         return endHour;
     };
     ViewBase.prototype.isCurrentDate = function (date) {
-        return date.setHours(0, 0, 0, 0) === this.parent.getCurrentTime().setHours(0, 0, 0, 0);
+        return date.setHours(0, 0, 0, 0) === new Date(this.parent.currentTimezoneDate).setHours(0, 0, 0, 0);
     };
     ViewBase.prototype.isCurrentMonth = function (date) {
         if (this.parent.activeViewOptions.displayDate || this.parent.activeViewOptions.numberOfWeeks > 0) {
@@ -425,7 +425,7 @@ var ViewBase = /** @class */ (function () {
         }
         else {
             var resourceText = createElement('div', { className: className });
-            resourceText.innerText = this.parent.sanitize(tdData.resourceData[tdData.resource.textField]);
+            this.parent.sanitize(tdData.resourceData[tdData.resource.textField], resourceText);
             tdElement.appendChild(resourceText);
         }
     };

package/styles/bootstrap-dark.css

@@ -697,7 +697,9 @@
 }
 .e-schedule .e-event-resize.e-left-handler, .e-schedule .e-event-resize.e-right-handler {
   height: 100%;
-  width: 10px;
+  min-width: 1px;
+  max-width: 10px;
+  width: 20%;
 }
 .e-schedule .e-event-resize.e-left-handler {
   cursor: ew-resize;
@@ -710,7 +712,9 @@
   right: 0;
 }
 .e-schedule .e-event-resize.e-top-handler, .e-schedule .e-event-resize.e-bottom-handler {
-  height: 10px;
+  min-height: 1px;
+  max-height: 10px;
+  height: 20%;
   width: 100%;
 }
 .e-schedule .e-event-resize.e-top-handler {

package/styles/bootstrap.css

@@ -697,7 +697,9 @@
 }
 .e-schedule .e-event-resize.e-left-handler, .e-schedule .e-event-resize.e-right-handler {
   height: 100%;
-  width: 10px;
+  min-width: 1px;
+  max-width: 10px;
+  width: 20%;
 }
 .e-schedule .e-event-resize.e-left-handler {
   cursor: ew-resize;
@@ -710,7 +712,9 @@
   right: 0;
 }
 .e-schedule .e-event-resize.e-top-handler, .e-schedule .e-event-resize.e-bottom-handler {
-  height: 10px;
+  min-height: 1px;
+  max-height: 10px;
+  height: 20%;
   width: 100%;
 }
 .e-schedule .e-event-resize.e-top-handler {

package/styles/bootstrap4.css

@@ -776,7 +776,9 @@
 }
 .e-schedule .e-event-resize.e-left-handler, .e-schedule .e-event-resize.e-right-handler {
   height: 100%;
-  width: 10px;
+  min-width: 1px;
+  max-width: 10px;
+  width: 20%;
 }
 .e-schedule .e-event-resize.e-left-handler {
   cursor: ew-resize;
@@ -789,7 +791,9 @@
   right: 0;
 }
 .e-schedule .e-event-resize.e-top-handler, .e-schedule .e-event-resize.e-bottom-handler {
-  height: 10px;
+  min-height: 1px;
+  max-height: 10px;
+  height: 20%;
   width: 100%;
 }
 .e-schedule .e-event-resize.e-top-handler {

package/styles/bootstrap5-dark.css

@@ -750,7 +750,9 @@
 }
 .e-schedule .e-event-resize.e-left-handler, .e-schedule .e-event-resize.e-right-handler {
   height: 100%;
-  width: 10px;
+  min-width: 1px;
+  max-width: 10px;
+  width: 20%;
 }
 .e-schedule .e-event-resize.e-left-handler {
   cursor: ew-resize;
@@ -763,7 +765,9 @@
   right: 0;
 }
 .e-schedule .e-event-resize.e-top-handler, .e-schedule .e-event-resize.e-bottom-handler {
-  height: 10px;
+  min-height: 1px;
+  max-height: 10px;
+  height: 20%;
   width: 100%;
 }
 .e-schedule .e-event-resize.e-top-handler {

package/styles/bootstrap5.css

@@ -750,7 +750,9 @@
 }
 .e-schedule .e-event-resize.e-left-handler, .e-schedule .e-event-resize.e-right-handler {
   height: 100%;
-  width: 10px;
+  min-width: 1px;
+  max-width: 10px;
+  width: 20%;
 }
 .e-schedule .e-event-resize.e-left-handler {
   cursor: ew-resize;
@@ -763,7 +765,9 @@
   right: 0;
 }
 .e-schedule .e-event-resize.e-top-handler, .e-schedule .e-event-resize.e-bottom-handler {
-  height: 10px;
+  min-height: 1px;
+  max-height: 10px;
+  height: 20%;
   width: 100%;
 }
 .e-schedule .e-event-resize.e-top-handler {