@syncfusion/ej2-schedule 25.2.7 → 26.1.38

package/dist/es6/ej2-schedule.es5.js

@@ -1,9 +1,9 @@
-import { Animation, Browser, ChildProperty, Collection, Complex, Component, Draggable, Event, EventHandler, HijriParser, Internationalization, KeyboardEvents, L10n, NotifyPropertyChanges, Property, SanitizeHtmlHelper, Touch, addClass, append, classList, cldrData, closest, compile, createElement, detach, extend, formatUnit, getDefaultDateObject, getElement, getValue, initializeCSPTemplate, isNullOrUndefined, prepend, print, remove, removeClass, setStyleAttribute } from '@syncfusion/ej2-base';
-import { Dialog, Popup, Tooltip, createSpinner, hideSpinner, isCollide, showSpinner } from '@syncfusion/ej2-popups';
+import { createElement, remove, isNullOrUndefined, closest, addClass, removeClass, append, extend, formatUnit, Touch, EventHandler, Browser, KeyboardEvents, HijriParser, getValue, getDefaultDateObject, cldrData, prepend, setStyleAttribute, Animation, initializeCSPTemplate, L10n, classList, detach, Property, Event, NotifyPropertyChanges, Component, SanitizeHtmlHelper, ChildProperty, Complex, Internationalization, compile, getElement, Collection, Draggable, print as print$1 } from '@syncfusion/ej2-base';
+import { Popup, Dialog, isCollide, Tooltip, createSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';
 import { Toolbar, TreeView } from '@syncfusion/ej2-navigations';
 import { Calendar, DatePicker, DateTimePicker } from '@syncfusion/ej2-calendars';
-import { DataManager, Deferred, Predicate, Query } from '@syncfusion/ej2-data';
-import { Button, CheckBox, RadioButton } from '@syncfusion/ej2-buttons';
+import { DataManager, Query, Predicate, Deferred } from '@syncfusion/ej2-data';
+import { Button, RadioButton, CheckBox } from '@syncfusion/ej2-buttons';
 import { FormValidator, Input, NumericTextBox } from '@syncfusion/ej2-inputs';
 import { DropDownList, MultiSelect } from '@syncfusion/ej2-dropdowns';
 import { ListBase } from '@syncfusion/ej2-lists';
@@ -74,7 +74,7 @@ var initialLoad = 'initial-load';
 /** @private */
 var initialEnd = 'initial-end';
 /** @private */
-var print$1 = 'print';
+var print = 'print';
 /** @private */
 var dataReady = 'data-ready';
 /** @private */
@@ -168,7 +168,7 @@ function getTranslateX(element) {
 function getWeekFirstDate(date, firstDayOfWeek) {
     var date1 = new Date(date.getTime());
     firstDayOfWeek = (firstDayOfWeek - date1.getDay() + 7 * (-1)) % 7;
-    return new Date(date1.setDate(date1.getDate() + firstDayOfWeek));
+    return new Date(date1.setDate(date1.getDate() + (isNaN(firstDayOfWeek) ? 0 : firstDayOfWeek)));
 }
 /**
  * Method to get week last date
@@ -667,8 +667,6 @@ var PREVIOUS_TIMELINE_CLASS = 'e-previous-timeline';
 var HIDE_CHILDS_CLASS = 'e-hide-childs';
 /** @private */
 var SCROLL_CONTAINER_CLASS = 'e-scroll-container';
-/** @private */
-
 /** @private */
 var TIMELINE_WRAPPER_CLASS = 'e-timeline-wrapper';
 /** @private */
@@ -1029,7 +1027,6 @@ var __assign = (undefined && undefined.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-/* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * Header module
  */
@@ -1087,7 +1084,8 @@ var HeaderRenderer = /** @__PURE__ @class */ (function () {
     };
     HeaderRenderer.prototype.renderToolbar = function () {
         var _this = this;
-        var items = (this.parent.toolbarItems && this.parent.toolbarItems.length > 0) ? this.getToolbarItems() : this.getItems();
+        var items = (this.parent.toolbarItems && this.parent.toolbarItems.length > 0) ?
+            this.getToolbarItems() : this.getItems();
         this.parent.trigger(actionBegin, { requestType: 'toolbarItemRendering', items: items }, function (args) {
             _this.toolbarObj = new Toolbar({
                 items: args.items,
@@ -1180,6 +1178,7 @@ var HeaderRenderer = /** @__PURE__ @class */ (function () {
         if (!selEle) {
             return;
         }
+        selEle.firstElementChild.setAttribute('aria-haspopup', 'true');
         var textEle = selEle.querySelector('.e-tbar-btn-text');
         if (this.parent.activeViewOptions.dateRangeTemplate) {
             textEle.textContent = '';
@@ -1189,7 +1188,7 @@ var HeaderRenderer = /** @__PURE__ @class */ (function () {
             };
             var viewName = this.parent.activeViewOptions.dateRangeTemplateName;
             var templateId = this.parent.element.id + '_' + viewName + 'dateRangeTemplate';
-            var dateTemplate = [].slice.call(this.parent.getDateRangeTemplate()(args, this.parent, 'dateRangeTemplate', templateId, false));
+            var dateTemplate = [].slice.call(this.parent.getDateRangeTemplate()(args, this.parent, 'dateRangeTemplate', templateId, false, undefined, undefined, this.parent.root));
             append(dateTemplate, textEle);
         }
         else {
@@ -1327,7 +1326,7 @@ var HeaderRenderer = /** @__PURE__ @class */ (function () {
                         items.push(__assign({}, tbItem, propItem));
                         break;
                     case 'Views':
-                        if (this.parent.views.length > 1) {
+                        if (!isNullOrUndefined(this.parent.views) && this.parent.views.length > 1) {
                             for (var _b = 0, _c = this.parent.views; _b < _c.length; _b++) {
                                 var view = _c[_b];
                                 tbItem = this.getItemObject(view);
@@ -1377,11 +1376,11 @@ var HeaderRenderer = /** @__PURE__ @class */ (function () {
                 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) {
+            if (!isNullOrUndefined(this.parent.views) && this.parent.views.length > 1) {
                 items.push({ align: 'Right', type: 'Separator', cssClass: 'e-schedule-seperator' });
             }
         }
-        if (this.parent.views.length > 1) {
+        if (!isNullOrUndefined(this.parent.views) && this.parent.views.length > 1) {
             for (var _i = 0, _a = this.parent.views; _i < _a.length; _i++) {
                 var item = _a[_i];
                 items.push(this.getItemObject(item));
@@ -2607,7 +2606,7 @@ var KeyboardInteraction = /** @__PURE__ @class */ (function () {
     };
     KeyboardInteraction.prototype.processViewNavigation = function (e) {
         var index = parseInt(e.key, 10) - 1;
-        if (index < this.parent.views.length) {
+        if (!isNullOrUndefined(this.parent.views) && index < this.parent.views.length) {
             var view = this.parent.viewCollections[parseInt(index.toString(), 10)].option;
             this.parent.changeView(view, e, undefined, index);
             if (this.parent.headerModule) {
@@ -4002,6 +4001,7 @@ function generate(startDate, rule, excludeDate, startDayOfWeek, maximumCount, vi
         return data;
     }
     maxOccurrence = maximumCount;
+    startDayOfWeek = startDayOfWeek || 0;
     setFirstDayOfWeek(DAYINDEX[parseInt(startDayOfWeek.toString(), 10)]);
     if (ruleObject.until) {
         var end = resetTime(ruleObject.until);
@@ -5493,7 +5493,6 @@ function roundDateValues(date) {
 }
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
-/* eslint-disable max-len */
 /**
  * EventBase for appointment rendering
  */
@@ -6618,7 +6617,7 @@ var EventBase = /** @__PURE__ @class */ (function () {
             var templateId = scheduleId + viewName + 'eventTemplate';
             var templateName = isResourceEventTemplate && this.parent.currentView.indexOf('Year') === -1 ?
                 this.parent.getEventTemplateName(resIndex) : 'eventTemplate';
-            templateElement = this.parent.getAppointmentTemplate()(record, this.parent, templateName, templateId, false);
+            templateElement = this.parent.getAppointmentTemplate()(record, this.parent, templateName, templateId, false, undefined, undefined, this.parent.root);
         }
         else {
             var appointmentSubject = createElement('div', { className: SUBJECT_CLASS });
@@ -6717,12 +6716,14 @@ var EventBase = /** @__PURE__ @class */ (function () {
         var firstDate = 0;
         var lastDate = dateRender.length;
         var filteredDates;
-        if (dateRender[0] < this.parent.minDate && dateRender[dateRender.length - 1] > this.parent.maxDate) {
+        var maxDate = isNullOrUndefined(this.parent.maxDate) ? new Date(2099, 11, 31) : this.parent.maxDate;
+        var minDate = isNullOrUndefined(this.parent.minDate) ? new Date(1900, 0, 1) : this.parent.minDate;
+        if (dateRender[0] < minDate && dateRender[dateRender.length - 1] > maxDate) {
             for (var i = 0; i < dateRender.length; i++) {
-                if (resetTime(dateRender[parseInt(i.toString(), 10)]).getTime() === resetTime(new Date(this.parent.minDate)).getTime()) {
+                if (resetTime(dateRender[parseInt(i.toString(), 10)]).getTime() === resetTime(new Date(minDate)).getTime()) {
                     firstDate = i;
                 }
-                if (resetTime(dateRender[parseInt(i.toString(), 10)]).getTime() === resetTime(new Date(this.parent.maxDate)).getTime()) {
+                if (resetTime(dateRender[parseInt(i.toString(), 10)]).getTime() === resetTime(new Date(maxDate)).getTime()) {
                     lastDate = i;
                 }
             }
@@ -6865,7 +6866,7 @@ var EventBase = /** @__PURE__ @class */ (function () {
     return EventBase;
 }());
 
-var __extends$1 = (undefined && undefined.__extends) || (function () {
+var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -6878,12 +6879,11 @@ var __extends$1 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-/* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * Vertical view appointment rendering
  */
 var VerticalEvent = /** @__PURE__ @class */ (function (_super) {
-    __extends$1(VerticalEvent, _super);
+    __extends(VerticalEvent, _super);
     function VerticalEvent(parent) {
         var _this = _super.call(this, parent) || this;
         _this.dateRender = [];
@@ -7221,7 +7221,7 @@ var VerticalEvent = /** @__PURE__ @class */ (function (_super) {
             var templateId = elementId + viewName + 'eventTemplate';
             var resIndex = this.parent.uiStateValues.isGroupAdaptive ? this.parent.uiStateValues.groupIndex : resource;
             var templateName = this.isResourceEventTemplate ? this.parent.getEventTemplateName(resIndex) : 'eventTemplate';
-            templateElement = this.parent.getAppointmentTemplate()(record, this.parent, templateName, templateId, false);
+            templateElement = this.parent.getAppointmentTemplate()(record, this.parent, templateName, templateId, false, undefined, undefined, this.parent.root);
         }
         else {
             var appointmentSubject = createElement('div', { className: SUBJECT_CLASS });
@@ -7436,7 +7436,7 @@ var VerticalEvent = /** @__PURE__ @class */ (function (_super) {
         }
         if (eStart <= eEnd && isValidEvent && this.isWorkDayAvailable(resource, eStart)) {
             var appHeight = this.getHeight(eStart, eEnd);
-            if (eStart.getTime() > schedule.startHour.getTime()) {
+            if (eStart.getTime() >= schedule.startHour.getTime()) {
                 topValue = this.getTopValue(eStart, dayIndex, resource);
             }
             var appIndex = this.getOverlapIndex(record, dayIndex, false, resource);
@@ -7703,12 +7703,12 @@ var VerticalEvent = /** @__PURE__ @class */ (function (_super) {
         var rowHeight;
         if (this.parent.uiStateValues.expand) {
             target.setAttribute('title', this.parent.localeObj.getConstant('collapseAllDaySection'));
-            target.setAttribute('aria-label', 'Collapse section');
+            target.setAttribute('aria-label', this.parent.localeObj.getConstant('collapseAllDaySection'));
             rowHeight = ((this.allDayLevel + 1) * this.getEventHeight()) + 4;
         }
         else {
             target.setAttribute('title', this.parent.localeObj.getConstant('expandAllDaySection'));
-            target.setAttribute('aria-label', 'Expand section');
+            target.setAttribute('aria-label', this.parent.localeObj.getConstant('expandAllDaySection'));
             rowHeight = (3 * this.getEventHeight()) + 4;
             this.parent.element.querySelector('.' + DATE_HEADER_WRAP_CLASS).scrollTop = 0;
         }
@@ -7740,7 +7740,7 @@ var VerticalEvent = /** @__PURE__ @class */ (function (_super) {
     return VerticalEvent;
 }(EventBase));
 
-var __extends$2 = (undefined && undefined.__extends) || (function () {
+var __extends$1 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -7753,13 +7753,12 @@ var __extends$2 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-/* eslint-disable @typescript-eslint/no-explicit-any */
 var EVENT_GAP = 0;
 /**
  * Month view events render
  */
 var MonthEvent = /** @__PURE__ @class */ (function (_super) {
-    __extends$2(MonthEvent, _super);
+    __extends$1(MonthEvent, _super);
     function MonthEvent(parent) {
         var _this = _super.call(this, parent) || this;
         _this.renderedEvents = [];
@@ -8142,7 +8141,7 @@ var MonthEvent = /** @__PURE__ @class */ (function (_super) {
             var viewName = this.parent.activeViewOptions.eventTemplateName;
             var templateId = scheduleId + viewName + 'eventTemplate';
             var eventTemplate = this.isResourceEventTemplate ? this.parent.getEventTemplateName(resIndex) : 'eventTemplate';
-            templateElement = this.parent.getAppointmentTemplate()(eventObj, this.parent, eventTemplate, templateId, false);
+            templateElement = this.parent.getAppointmentTemplate()(eventObj, this.parent, eventTemplate, templateId, false, undefined, undefined, this.parent.root);
         }
         else {
             var eventLocation = (record[this.fields.location] || this.parent.eventSettings.fields.location.default || '');
@@ -8271,6 +8270,7 @@ var MonthEvent = /** @__PURE__ @class */ (function (_super) {
                         if (indicator) {
                             var count = parseInt(indicator.getAttribute('data-count'), 10) + 1;
                             indicator.setAttribute('data-count', count.toString());
+                            indicator.setAttribute('aria-label', count + ' ' + this.parent.localeObj.getConstant('moreEvents'));
                             indicator.innerHTML = this.getMoreIndicatorText(count);
                         }
                         else {
@@ -8448,7 +8448,7 @@ var MonthEvent = /** @__PURE__ @class */ (function (_super) {
     return MonthEvent;
 }(EventBase));
 
-var __extends$3 = (undefined && undefined.__extends) || (function () {
+var __extends$2 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -8461,8 +8461,6 @@ var __extends$3 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-/* eslint-disable max-len */
-/* eslint-disable @typescript-eslint/no-explicit-any */
 var EVENT_GAP$1 = 2;
 var BLOCK_INDICATOR_WIDTH = 22;
 var BLOCK_INDICATOR_HEIGHT = 18;
@@ -8470,7 +8468,7 @@ var BLOCK_INDICATOR_HEIGHT = 18;
  * Timeline view events render
  */
 var TimelineEvent = /** @__PURE__ @class */ (function (_super) {
-    __extends$3(TimelineEvent, _super);
+    __extends$2(TimelineEvent, _super);
     function TimelineEvent(parent, type) {
         var _this = _super.call(this, parent) || this;
         _this.startHour = _this.parent.activeView.getStartHour();
@@ -8516,8 +8514,10 @@ var TimelineEvent = /** @__PURE__ @class */ (function (_super) {
             for (var _a = 0, appointments_2 = appointments; _a < appointments_2.length; _a++) {
                 var app = appointments_2[_a];
                 var eventData = app.data;
-                if (eventData.trimStartTime.getTime() <= date.getTime() &&
-                    eventData.trimEndTime.getTime() > date.getTime()) {
+                if ((eventData.trimStartTime.getTime() <= date.getTime() &&
+                    eventData.trimEndTime.getTime() > date.getTime()) ||
+                    (eventData.trimStartTime.getTime() === date.getTime() &&
+                        eventData.trimEndTime.getTime() === date.getTime())) {
                     appointmentsList.push(app);
                 }
             }
@@ -8906,8 +8906,13 @@ var TimelineEvent = /** @__PURE__ @class */ (function (_super) {
         }
     };
     TimelineEvent.prototype.getSameDayEventsWidth = function (startDate, endDate) {
+        var intervalMins = this.interval;
+        if (this.slotsPerDay === 1) {
+            var hoursRange = getStartEndHours(resetTime(new Date(startDate.getTime())), this.startHour, this.endHour);
+            intervalMins = (hoursRange.endHour.getTime() - hoursRange.startHour.getTime()) / MS_PER_MINUTE;
+        }
         return ((getUniversalTime(endDate) - getUniversalTime(startDate)) /
-            MS_PER_MINUTE * (this.cellWidth * this.slotCount) / this.interval);
+            MS_PER_MINUTE * (this.cellWidth * this.slotCount) / intervalMins);
     };
     TimelineEvent.prototype.getSpannedEventsWidth = function (startDate, endDate, diffInDays) {
         var width = (diffInDays * this.slotsPerDay) * this.cellWidth;
@@ -9529,14 +9534,14 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
         removeClass([element], ICON);
     };
     QuickPopups.prototype.quickDialogClass = function (action) {
-        var classList$$1 = [
+        var classList = [
             QUICK_DIALOG_OCCURRENCE_CLASS, QUICK_DIALOG_SERIES_CLASS, QUICK_DIALOG_DELETE_CLASS,
             QUICK_DIALOG_CANCEL_CLASS, QUICK_DIALOG_ALERT_BTN_CLASS, DISABLE_CLASS
         ];
         var okButton = this.quickDialog.element.querySelector('.' + QUICK_DIALOG_ALERT_OK);
         var cancelButton = this.quickDialog.element.querySelector('.' + QUICK_DIALOG_ALERT_CANCEL);
         var followingEventButton = this.quickDialog.element.querySelector('.' + QUICK_DIALOG_ALERT_FOLLOWING);
-        removeClass([okButton, cancelButton], classList$$1);
+        removeClass([okButton, cancelButton], classList);
         addClass([this.quickDialog.element.querySelector('.' + QUICK_DIALOG_CANCEL_CLASS)], DISABLE_CLASS);
         if (this.parent.eventSettings.editFollowingEvents) {
             addClass([followingEventButton], DISABLE_CLASS);
@@ -9709,7 +9714,7 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
                 var templateElement = void 0;
                 if (!isNullOrUndefined(this_1.parent.activeViewOptions.eventTemplate)) {
                     var tempId = this_1.parent.element.id + '_' + this_1.parent.activeViewOptions.eventTemplateName + 'eventTemplate';
-                    templateElement = this_1.parent.getAppointmentTemplate()(eventData, this_1.parent, 'eventTemplate', tempId, false);
+                    templateElement = this_1.parent.getAppointmentTemplate()(eventData, this_1.parent, 'eventTemplate', tempId, false, undefined, undefined, this_1.parent.root);
                     append(templateElement, appointmentElement);
                 }
                 else {
@@ -10955,7 +10960,7 @@ var EventTooltip = /** @__PURE__ @class */ (function () {
     return EventTooltip;
 }());
 
-var __extends$4 = (undefined && undefined.__extends) || (function () {
+var __extends$3 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -10968,7 +10973,7 @@ var __extends$4 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -11099,7 +11104,7 @@ var endOnDateClassList = [ENDONCOUNTWRAPPER];
  * ```
  */
 var RecurrenceEditor = /** @__PURE__ @class */ (function (_super) {
-    __extends$4(RecurrenceEditor, _super);
+    __extends$3(RecurrenceEditor, _super);
     /**
      * Constructor for creating the widget
      *
@@ -11880,7 +11885,7 @@ var RecurrenceEditor = /** @__PURE__ @class */ (function (_super) {
         }
     };
     RecurrenceEditor.prototype.getCalendarMode = function () {
-        return this.calendarMode.toLowerCase();
+        return !isNullOrUndefined(this.calendarMode) ? this.calendarMode.toLowerCase() : 'gregorian';
     };
     RecurrenceEditor.prototype.getRuleSummary = function (rule) {
         if (rule === void 0) { rule = this.getRecurrenceRule(); }
@@ -12063,43 +12068,43 @@ var RecurrenceEditor = /** @__PURE__ @class */ (function (_super) {
             }
         }
     };
-    __decorate$1([
+    __decorate([
         Property(['none', 'daily', 'weekly', 'monthly', 'yearly'])
     ], RecurrenceEditor.prototype, "frequencies", void 0);
-    __decorate$1([
+    __decorate([
         Property(['never', 'until', 'count'])
     ], RecurrenceEditor.prototype, "endTypes", void 0);
-    __decorate$1([
+    __decorate([
         Property(0)
     ], RecurrenceEditor.prototype, "firstDayOfWeek", void 0);
-    __decorate$1([
+    __decorate([
         Property(new Date())
     ], RecurrenceEditor.prototype, "startDate", void 0);
-    __decorate$1([
+    __decorate([
         Property()
     ], RecurrenceEditor.prototype, "dateFormat", void 0);
-    __decorate$1([
+    __decorate([
         Property('Gregorian')
     ], RecurrenceEditor.prototype, "calendarMode", void 0);
-    __decorate$1([
+    __decorate([
         Property()
     ], RecurrenceEditor.prototype, "cssClass", void 0);
-    __decorate$1([
+    __decorate([
         Property()
     ], RecurrenceEditor.prototype, "value", void 0);
-    __decorate$1([
+    __decorate([
         Property(new Date(1900, 0, 1))
     ], RecurrenceEditor.prototype, "minDate", void 0);
-    __decorate$1([
+    __decorate([
         Property(new Date(2099, 11, 31))
     ], RecurrenceEditor.prototype, "maxDate", void 0);
-    __decorate$1([
+    __decorate([
         Property(0)
     ], RecurrenceEditor.prototype, "selectedType", void 0);
-    __decorate$1([
+    __decorate([
         Event()
     ], RecurrenceEditor.prototype, "change", void 0);
-    RecurrenceEditor = __decorate$1([
+    RecurrenceEditor = __decorate([
         NotifyPropertyChanges
     ], RecurrenceEditor);
     return RecurrenceEditor;
@@ -13201,7 +13206,7 @@ var EventWindow = /** @__PURE__ @class */ (function () {
     };
     EventWindow.prototype.getFormat = function (formatType) {
         var format;
-        if (this.parent.locale === 'en' || this.parent.locale === 'en-US') {
+        if (isNullOrUndefined(this.parent.locale) || this.parent.locale === 'en' || this.parent.locale === 'en-US') {
             format = getValue(formatType + '.short', getDefaultDateObject(this.parent.getCalendarMode()));
         }
         else {
@@ -14140,7 +14145,7 @@ var VirtualScroll = /** @__PURE__ @class */ (function () {
                 conTable.offsetHeight / this.renderedLength) + 'px';
             var conWrap = this.parent.element.querySelector('.' + CONTENT_WRAP_CLASS);
             if ((conWrap.scrollHeight - conWrap.scrollTop) < conWrap.offsetHeight * this.bufferCount) {
-                virtual.style.height = parseInt(virtual.style.height) + (conWrap.offsetHeight * this.bufferCount) + 'px';
+                virtual.style.height = parseInt(virtual.style.height, 10) + (conWrap.offsetHeight * this.bufferCount) + 'px';
             }
         }
         else {
@@ -14190,6 +14195,7 @@ var VirtualScroll = /** @__PURE__ @class */ (function () {
             var endIndex = (firstTDIndex + this.renderedLength);
             firstTDIndex = (endIndex > this.parent.resourceBase.expandedResources.length) ?
                 (this.parent.resourceBase.expandedResources.length - this.renderedLength) : firstTDIndex;
+            firstTDIndex = firstTDIndex < 0 ? 0 : 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);
@@ -14694,14 +14700,20 @@ var Render = /** @__PURE__ @class */ (function () {
         }
     };
     Render.prototype.updateLabelText = function (view) {
-        var content = this.parent.activeView.getLabelText(view);
         this.parent.element.setAttribute('role', 'application');
-        this.parent.element.setAttribute('aria-label', content);
+        this.parent.element.removeAttribute('aria-labelledby');
+        this.parent.element.removeAttribute('aria-label');
+        if (view === 'Year') {
+            this.parent.element.setAttribute('aria-label', this.parent.activeView.getLabelText(view));
+        }
+        else {
+            this.parent.element.setAttribute('aria-labelledby', this.parent.element.id + '_table');
+        }
     };
     return Render;
 }());
 
-var __extends$5 = (undefined && undefined.__extends) || (function () {
+var __extends$4 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -14714,7 +14726,7 @@ var __extends$5 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -14724,23 +14736,23 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
  * A class that represents the configuration of working hours related options of scheduler.
  */
 var WorkHours = /** @__PURE__ @class */ (function (_super) {
-    __extends$5(WorkHours, _super);
+    __extends$4(WorkHours, _super);
     function WorkHours() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    __decorate$2([
+    __decorate$1([
         Property(true)
     ], WorkHours.prototype, "highlight", void 0);
-    __decorate$2([
+    __decorate$1([
         Property('09:00')
     ], WorkHours.prototype, "start", void 0);
-    __decorate$2([
+    __decorate$1([
         Property('18:00')
     ], WorkHours.prototype, "end", void 0);
     return WorkHours;
 }(ChildProperty));
 
-var __extends$6 = (undefined && undefined.__extends) || (function () {
+var __extends$5 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -14753,7 +14765,7 @@ var __extends$6 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -14763,29 +14775,29 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
  * A class that represents the configuration of options related to timescale on scheduler.
  */
 var TimeScale = /** @__PURE__ @class */ (function (_super) {
-    __extends$6(TimeScale, _super);
+    __extends$5(TimeScale, _super);
     function TimeScale() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    __decorate$3([
+    __decorate$2([
         Property(true)
     ], TimeScale.prototype, "enable", void 0);
-    __decorate$3([
+    __decorate$2([
         Property(60)
     ], TimeScale.prototype, "interval", void 0);
-    __decorate$3([
+    __decorate$2([
         Property(2)
     ], TimeScale.prototype, "slotCount", void 0);
-    __decorate$3([
+    __decorate$2([
         Property()
     ], TimeScale.prototype, "minorSlotTemplate", void 0);
-    __decorate$3([
+    __decorate$2([
         Property()
     ], TimeScale.prototype, "majorSlotTemplate", void 0);
     return TimeScale;
 }(ChildProperty));
 
-var __extends$7 = (undefined && undefined.__extends) || (function () {
+var __extends$6 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -14798,7 +14810,7 @@ var __extends$7 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -14808,26 +14820,26 @@ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators,
  * A class that defines the template options available to customize the quick popup of scheduler.
  */
 var QuickInfoTemplates = /** @__PURE__ @class */ (function (_super) {
-    __extends$7(QuickInfoTemplates, _super);
+    __extends$6(QuickInfoTemplates, _super);
     function QuickInfoTemplates() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    __decorate$4([
+    __decorate$3([
         Property('Both')
     ], QuickInfoTemplates.prototype, "templateType", void 0);
-    __decorate$4([
+    __decorate$3([
         Property()
     ], QuickInfoTemplates.prototype, "header", void 0);
-    __decorate$4([
+    __decorate$3([
         Property()
     ], QuickInfoTemplates.prototype, "content", void 0);
-    __decorate$4([
+    __decorate$3([
         Property()
     ], QuickInfoTemplates.prototype, "footer", void 0);
     return QuickInfoTemplates;
 }(ChildProperty));
 
-var __extends$8 = (undefined && undefined.__extends) || (function () {
+var __extends$7 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -14840,7 +14852,7 @@ var __extends$8 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -14850,21 +14862,20 @@ var __decorate$5 = (undefined && undefined.__decorate) || function (decorators,
  * A class that represents the header rows related configurations on timeline views.
  */
 var HeaderRows = /** @__PURE__ @class */ (function (_super) {
-    __extends$8(HeaderRows, _super);
+    __extends$7(HeaderRows, _super);
     function HeaderRows() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    __decorate$5([
+    __decorate$4([
         Property()
     ], HeaderRows.prototype, "option", void 0);
-    __decorate$5([
+    __decorate$4([
         Property()
     ], HeaderRows.prototype, "template", void 0);
     return HeaderRows;
 }(ChildProperty));
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
-/* eslint-disable max-len */
 /**
  * Schedule CRUD operations
  */
@@ -14920,7 +14931,9 @@ var Crud = /** @__PURE__ @class */ (function () {
             _this.parent.trigger(dataBound, null, function () {
                 _this.parent.hideSpinner();
                 if (_this.parent.isPrinting) {
-                    _this.parent.notify(print$1, {});
+                    setTimeout(function () {
+                        _this.parent.notify(print, {});
+                    }, 100);
                 }
             });
         });
@@ -15747,7 +15760,7 @@ var WorkCellInteraction = /** @__PURE__ @class */ (function () {
     return WorkCellInteraction;
 }());
 
-var __extends$11 = (undefined && undefined.__extends) || (function () {
+var __extends$8 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -15760,37 +15773,36 @@ var __extends$11 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-/* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * Configuration that applies on each appointment field options of scheduler.
  */
 var FieldOptions = /** @__PURE__ @class */ (function (_super) {
-    __extends$11(FieldOptions, _super);
+    __extends$8(FieldOptions, _super);
     function FieldOptions() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    __decorate$8([
+    __decorate$5([
         Property()
     ], FieldOptions.prototype, "name", void 0);
-    __decorate$8([
+    __decorate$5([
         Property()
     ], FieldOptions.prototype, "default", void 0);
-    __decorate$8([
+    __decorate$5([
         Property()
     ], FieldOptions.prototype, "title", void 0);
-    __decorate$8([
+    __decorate$5([
         Property({})
     ], FieldOptions.prototype, "validation", void 0);
     return FieldOptions;
 }(ChildProperty));
 
-var __extends$10 = (undefined && undefined.__extends) || (function () {
+var __extends$9 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -15803,7 +15815,7 @@ var __extends$10 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -15817,59 +15829,59 @@ var __decorate$7 = (undefined && undefined.__decorate) || function (decorators,
  *  those fields with dataSource can be given altogether within it.
  */
 var Field = /** @__PURE__ @class */ (function (_super) {
-    __extends$10(Field, _super);
+    __extends$9(Field, _super);
     function Field() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    __decorate$7([
+    __decorate$6([
         Property('Id')
     ], Field.prototype, "id", void 0);
-    __decorate$7([
+    __decorate$6([
         Property('IsBlock')
     ], Field.prototype, "isBlock", void 0);
-    __decorate$7([
+    __decorate$6([
         Complex({ name: 'Subject' }, FieldOptions)
     ], Field.prototype, "subject", void 0);
-    __decorate$7([
+    __decorate$6([
         Complex({ name: 'StartTime' }, FieldOptions)
     ], Field.prototype, "startTime", void 0);
-    __decorate$7([
+    __decorate$6([
         Complex({ name: 'EndTime' }, FieldOptions)
     ], Field.prototype, "endTime", void 0);
-    __decorate$7([
+    __decorate$6([
         Complex({ name: 'StartTimezone' }, FieldOptions)
     ], Field.prototype, "startTimezone", void 0);
-    __decorate$7([
+    __decorate$6([
         Complex({ name: 'EndTimezone' }, FieldOptions)
     ], Field.prototype, "endTimezone", void 0);
-    __decorate$7([
+    __decorate$6([
         Complex({ name: 'Location' }, FieldOptions)
     ], Field.prototype, "location", void 0);
-    __decorate$7([
+    __decorate$6([
         Complex({ name: 'Description' }, FieldOptions)
     ], Field.prototype, "description", void 0);
-    __decorate$7([
+    __decorate$6([
         Complex({ name: 'IsAllDay' }, FieldOptions)
     ], Field.prototype, "isAllDay", void 0);
-    __decorate$7([
+    __decorate$6([
         Complex({ name: 'RecurrenceID' }, FieldOptions)
     ], Field.prototype, "recurrenceID", void 0);
-    __decorate$7([
+    __decorate$6([
         Complex({ name: 'RecurrenceRule' }, FieldOptions)
     ], Field.prototype, "recurrenceRule", void 0);
-    __decorate$7([
+    __decorate$6([
         Complex({ name: 'RecurrenceException' }, FieldOptions)
     ], Field.prototype, "recurrenceException", void 0);
-    __decorate$7([
+    __decorate$6([
         Property('IsReadonly')
     ], Field.prototype, "isReadonly", void 0);
-    __decorate$7([
+    __decorate$6([
         Property('FollowingID')
     ], Field.prototype, "followingID", void 0);
     return Field;
 }(ChildProperty));
 
-var __extends$9 = (undefined && undefined.__extends) || (function () {
+var __extends$a = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -15882,79 +15894,78 @@ var __extends$9 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-/* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * Holds the configuration of event related options and dataSource binding to Schedule.
  */
 var EventSettings = /** @__PURE__ @class */ (function (_super) {
-    __extends$9(EventSettings, _super);
+    __extends$a(EventSettings, _super);
     function EventSettings() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    __decorate$6([
+    __decorate$7([
         Property()
     ], EventSettings.prototype, "template", void 0);
-    __decorate$6([
+    __decorate$7([
         Property([])
     ], EventSettings.prototype, "dataSource", void 0);
-    __decorate$6([
+    __decorate$7([
         Property()
     ], EventSettings.prototype, "query", void 0);
-    __decorate$6([
+    __decorate$7([
         Complex({}, Field)
     ], EventSettings.prototype, "fields", void 0);
-    __decorate$6([
+    __decorate$7([
         Property(false)
     ], EventSettings.prototype, "enableTooltip", void 0);
-    __decorate$6([
+    __decorate$7([
         Property('AllDayRow')
     ], EventSettings.prototype, "spannedEventPlacement", void 0);
-    __decorate$6([
+    __decorate$7([
         Property(1)
     ], EventSettings.prototype, "minimumEventDuration", void 0);
-    __decorate$6([
+    __decorate$7([
         Property()
     ], EventSettings.prototype, "tooltipTemplate", void 0);
-    __decorate$6([
+    __decorate$7([
         Property()
     ], EventSettings.prototype, "resourceColorField", void 0);
-    __decorate$6([
+    __decorate$7([
         Property(false)
     ], EventSettings.prototype, "editFollowingEvents", void 0);
-    __decorate$6([
+    __decorate$7([
         Property(true)
     ], EventSettings.prototype, "allowAdding", void 0);
-    __decorate$6([
+    __decorate$7([
         Property(true)
     ], EventSettings.prototype, "allowEditing", void 0);
-    __decorate$6([
+    __decorate$7([
         Property(true)
     ], EventSettings.prototype, "allowDeleting", void 0);
-    __decorate$6([
+    __decorate$7([
         Property(false)
     ], EventSettings.prototype, "enableMaxHeight", void 0);
-    __decorate$6([
+    __decorate$7([
         Property(false)
     ], EventSettings.prototype, "enableIndicator", void 0);
-    __decorate$6([
+    __decorate$7([
         Property(false)
     ], EventSettings.prototype, "ignoreWhitespace", void 0);
-    __decorate$6([
+    __decorate$7([
         Property()
     ], EventSettings.prototype, "sortComparer", void 0);
-    __decorate$6([
+    __decorate$7([
         Property()
     ], EventSettings.prototype, "includeFiltersInQuery", void 0);
     return EventSettings;
 }(ChildProperty));
 
-var __extends$12 = (undefined && undefined.__extends) || (function () {
+var __extends$b = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -15967,7 +15978,7 @@ var __extends$12 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __decorate$9 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -15977,35 +15988,35 @@ var __decorate$9 = (undefined && undefined.__decorate) || function (decorators,
  * A class that holds the resource grouping related configurations on Schedule.
  */
 var Group = /** @__PURE__ @class */ (function (_super) {
-    __extends$12(Group, _super);
+    __extends$b(Group, _super);
     function Group() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    __decorate$9([
+    __decorate$8([
         Property(false)
     ], Group.prototype, "byDate", void 0);
-    __decorate$9([
+    __decorate$8([
         Property(true)
     ], Group.prototype, "byGroupID", void 0);
-    __decorate$9([
+    __decorate$8([
         Property(false)
     ], Group.prototype, "allowGroupEdit", void 0);
-    __decorate$9([
+    __decorate$8([
         Property([])
     ], Group.prototype, "resources", void 0);
-    __decorate$9([
+    __decorate$8([
         Property(true)
     ], Group.prototype, "enableCompactView", void 0);
-    __decorate$9([
+    __decorate$8([
         Property()
     ], Group.prototype, "headerTooltipTemplate", void 0);
-    __decorate$9([
+    __decorate$8([
         Property(false)
     ], Group.prototype, "hideNonWorkingDays", void 0);
     return Group;
 }(ChildProperty));
 
-var __extends$13 = (undefined && undefined.__extends) || (function () {
+var __extends$c = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -16018,71 +16029,69 @@ var __extends$13 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __decorate$10 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$9 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-/* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * A class that represents the resource related configurations and its data binding options.
  */
 var Resources = /** @__PURE__ @class */ (function (_super) {
-    __extends$13(Resources, _super);
+    __extends$c(Resources, _super);
     function Resources() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    __decorate$10([
+    __decorate$9([
         Property()
     ], Resources.prototype, "field", void 0);
-    __decorate$10([
+    __decorate$9([
         Property()
     ], Resources.prototype, "title", void 0);
-    __decorate$10([
+    __decorate$9([
         Property()
     ], Resources.prototype, "name", void 0);
-    __decorate$10([
+    __decorate$9([
         Property(false)
     ], Resources.prototype, "allowMultiple", void 0);
-    __decorate$10([
+    __decorate$9([
         Property([])
     ], Resources.prototype, "dataSource", void 0);
-    __decorate$10([
+    __decorate$9([
         Property()
     ], Resources.prototype, "query", void 0);
-    __decorate$10([
+    __decorate$9([
         Property('Id')
     ], Resources.prototype, "idField", void 0);
-    __decorate$10([
+    __decorate$9([
         Property('Text')
     ], Resources.prototype, "textField", void 0);
-    __decorate$10([
+    __decorate$9([
         Property('Expanded')
     ], Resources.prototype, "expandedField", void 0);
-    __decorate$10([
+    __decorate$9([
         Property('GroupID')
     ], Resources.prototype, "groupIDField", void 0);
-    __decorate$10([
+    __decorate$9([
         Property('Color')
     ], Resources.prototype, "colorField", void 0);
-    __decorate$10([
+    __decorate$9([
         Property('StartHour')
     ], Resources.prototype, "startHourField", void 0);
-    __decorate$10([
+    __decorate$9([
         Property('EndHour')
     ], Resources.prototype, "endHourField", void 0);
-    __decorate$10([
+    __decorate$9([
         Property('WorkDays')
     ], Resources.prototype, "workDaysField", void 0);
-    __decorate$10([
+    __decorate$9([
         Property('CssClass')
     ], Resources.prototype, "cssClassField", void 0);
     return Resources;
 }(ChildProperty));
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
-/* eslint-disable max-len */
 var ResourceBase = /** @__PURE__ @class */ (function () {
     function ResourceBase(parent) {
         this.resourceCollection = [];
@@ -16489,7 +16498,7 @@ var ResourceBase = /** @__PURE__ @class */ (function () {
         };
         var this_1 = this;
         for (var i = 0, len = this.resourceTreeLevel.length; i < len; i++) {
-            _loop_1(i, len);
+            _loop_1(i);
         }
         if (isTimeLine) {
             this.lastResourceLevel = resTreeColl;
@@ -16515,7 +16524,7 @@ var ResourceBase = /** @__PURE__ @class */ (function () {
         };
         var this_2 = this;
         for (var i = 0, len = resource.groupOrder.length; i < len; i++) {
-            _loop_2(i, len);
+            _loop_2(i);
         }
         headerCollection.pop();
         var target = (this.parent.currentView === 'MonthAgenda') ? this.parent.activeView.getPanel() : this.parent.element;
@@ -17185,7 +17194,7 @@ var ResourceBase = /** @__PURE__ @class */ (function () {
     return ResourceBase;
 }());
 
-var __extends$14 = (undefined && undefined.__extends) || (function () {
+var __extends$d = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -17198,78 +17207,78 @@ var __extends$14 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __decorate$11 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$a = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 var ToolbarItem = /** @__PURE__ @class */ (function (_super) {
-    __extends$14(ToolbarItem, _super);
+    __extends$d(ToolbarItem, _super);
     function ToolbarItem() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    __decorate$11([
+    __decorate$a([
         Property('')
     ], ToolbarItem.prototype, "id", void 0);
-    __decorate$11([
+    __decorate$a([
         Property('')
     ], ToolbarItem.prototype, "text", void 0);
-    __decorate$11([
+    __decorate$a([
         Property('auto')
     ], ToolbarItem.prototype, "width", void 0);
-    __decorate$11([
+    __decorate$a([
         Property('')
     ], ToolbarItem.prototype, "cssClass", void 0);
-    __decorate$11([
+    __decorate$a([
         Property(false)
     ], ToolbarItem.prototype, "showAlwaysInPopup", void 0);
-    __decorate$11([
+    __decorate$a([
         Property(false)
     ], ToolbarItem.prototype, "disabled", void 0);
-    __decorate$11([
+    __decorate$a([
         Property('')
     ], ToolbarItem.prototype, "prefixIcon", void 0);
-    __decorate$11([
+    __decorate$a([
         Property('')
     ], ToolbarItem.prototype, "suffixIcon", void 0);
-    __decorate$11([
+    __decorate$a([
         Property(true)
     ], ToolbarItem.prototype, "visible", void 0);
-    __decorate$11([
+    __decorate$a([
         Property('None')
     ], ToolbarItem.prototype, "overflow", void 0);
-    __decorate$11([
+    __decorate$a([
         Property('')
     ], ToolbarItem.prototype, "template", void 0);
-    __decorate$11([
+    __decorate$a([
         Property('Button')
     ], ToolbarItem.prototype, "type", void 0);
-    __decorate$11([
+    __decorate$a([
         Property('Both')
     ], ToolbarItem.prototype, "showTextOn", void 0);
-    __decorate$11([
+    __decorate$a([
         Property(null)
     ], ToolbarItem.prototype, "htmlAttributes", void 0);
-    __decorate$11([
+    __decorate$a([
         Property('')
     ], ToolbarItem.prototype, "tooltipText", void 0);
-    __decorate$11([
+    __decorate$a([
         Property('Left')
     ], ToolbarItem.prototype, "align", void 0);
-    __decorate$11([
+    __decorate$a([
         Property(-1)
     ], ToolbarItem.prototype, "tabIndex", void 0);
-    __decorate$11([
+    __decorate$a([
         Property('Custom')
     ], ToolbarItem.prototype, "name", void 0);
-    __decorate$11([
+    __decorate$a([
         Event()
     ], ToolbarItem.prototype, "click", void 0);
     return ToolbarItem;
 }(ChildProperty));
 
-var __extends = (undefined && undefined.__extends) || (function () {
+var __extends$e = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -17282,13 +17291,12 @@ var __extends = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$b = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-/* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * Represents the Schedule component that displays a list of events scheduled against specific date and timings,
  * thus helping us to plan and manage it properly.
@@ -17303,7 +17311,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
  * ```
  */
 var Schedule = /** @__PURE__ @class */ (function (_super) {
-    __extends(Schedule, _super);
+    __extends$e(Schedule, _super);
     /**
      * Constructor for creating the Schedule widget
      *
@@ -17480,8 +17488,10 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
         if (selectedDate === void 0) { selectedDate = this.selectedDate; }
         // persist the selected date value
         var date = selectedDate instanceof Date ? new Date(selectedDate.getTime()) : new Date(selectedDate);
-        var minDate = this.minDate instanceof Date ? new Date(this.minDate.getTime()) : new Date(this.minDate);
-        var maxDate = this.maxDate instanceof Date ? new Date(this.maxDate.getTime()) : new Date(this.maxDate);
+        var minDate = isNullOrUndefined(this.minDate) ? new Date(1900, 0, 1) :
+            this.minDate instanceof Date ? new Date(this.minDate.getTime()) : new Date(this.minDate);
+        var maxDate = isNullOrUndefined(this.maxDate) ? new Date(2099, 11, 31) :
+            this.maxDate instanceof Date ? new Date(this.maxDate.getTime()) : new Date(this.maxDate);
         if (minDate <= maxDate) {
             if (date < minDate) {
                 date = minDate;
@@ -17509,6 +17519,9 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
     };
     Schedule.prototype.setViewOptions = function (isModuleLoad) {
         if (isModuleLoad === void 0) { isModuleLoad = false; }
+        if (isNullOrUndefined(this.views) || this.views.length === 0) {
+            return;
+        }
         this.viewOptions = {};
         this.viewCollections = [];
         var viewName;
@@ -17581,7 +17594,7 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
             byDate: isYearView ? false : this.group.byDate,
             byGroupID: this.group.byGroupID,
             allowGroupEdit: this.group.allowGroupEdit,
-            resources: this.group.resources,
+            resources: isNullOrUndefined(this.group.resources) ? [] : this.group.resources,
             headerTooltipTemplate: this.group.headerTooltipTemplate,
             enableCompactView: this.group.enableCompactView,
             hideNonWorkingDays: ['Day', 'Week', 'WorkWeek', 'Month'].indexOf(this.currentView) > -1 ? this.group.hideNonWorkingDays : false
@@ -17717,7 +17730,7 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
         var culShortNames = [];
         var cldrObj;
         var nameSpace = '';
-        if (this.locale === 'en' || this.locale === 'en-US') {
+        if (isNullOrUndefined(this.locale) || this.locale === 'en' || this.locale === 'en-US') {
             nameSpace = 'days.stand-alone.';
             cldrObj = (getValue(nameSpace + type, getDefaultDateObject(this.getCalendarMode())));
         }
@@ -17736,7 +17749,7 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
             this.internalTimeFormat = this.timeFormat;
             return;
         }
-        if (this.locale === 'en' || this.locale === 'en-US') {
+        if (isNullOrUndefined(this.locale) || this.locale === 'en' || this.locale === 'en-US') {
             this.internalTimeFormat = (getValue('timeFormats.short', getDefaultDateObject(this.getCalendarMode())));
         }
         else {
@@ -17750,7 +17763,7 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
      * @private
      */
     Schedule.prototype.getCalendarMode = function () {
-        return this.calendarMode.toLowerCase();
+        return !isNullOrUndefined(this.calendarMode) ? this.calendarMode.toLowerCase() : 'gregorian';
     };
     /**
      * Method to get time in string
@@ -17880,7 +17893,9 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
      */
     Schedule.prototype.isMinMaxDate = function (date) {
         if (date === void 0) { date = this.selectedDate; }
-        return ((date.getTime() >= this.minDate.getTime()) && (date.getTime() <= this.maxDate.getTime()));
+        var maxDate = isNullOrUndefined(this.maxDate) ? new Date(2099, 11, 31) : this.maxDate;
+        var minDate = isNullOrUndefined(this.minDate) ? new Date(1900, 0, 1) : this.minDate;
+        return ((date.getTime() >= minDate.getTime()) && (date.getTime() <= maxDate.getTime()));
     };
     /**
      * Method to validate the selected date
@@ -17962,7 +17977,8 @@ var Schedule = /** @__PURE__ @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: this.adaptiveGroupIndex, 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();
@@ -18019,6 +18035,7 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
             subject: 'Subject',
             addTitle: 'Add title',
             moreDetails: 'More Details',
+            moreEvents: 'More Events',
             save: 'Save',
             editContent: 'How would you like to change the appointment in the series?',
             deleteContent: 'Are you sure you want to delete this event?',
@@ -18053,6 +18070,7 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
             ok: 'Ok',
             yes: 'Yes',
             no: 'No',
+            of: 'of',
             occurrence: 'Occurrence',
             series: 'Series',
             previous: 'Previous',
@@ -18624,7 +18642,7 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
             var scheduleId = this.element.id + '_';
             var viewName = this.activeViewOptions.headerIndentTemplateName;
             var templateId = scheduleId + viewName + 'headerIndentTemplate';
-            var indentTemplate = [].slice.call(this.getHeaderIndentTemplate()(data, this, 'headerIndentTemplate', templateId, false));
+            var indentTemplate = [].slice.call(this.getHeaderIndentTemplate()(data, this, 'headerIndentTemplate', templateId, false, undefined, undefined, this.root));
             append(indentTemplate, td);
         }
     };
@@ -18784,7 +18802,9 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
                     break;
                 case 'timezone':
                     this.eventBase.timezonePropertyChange(oldProp.timezone);
-                    this.headerModule.setCalendarTimezone();
+                    if (this.headerModule) {
+                        this.headerModule.setCalendarTimezone();
+                    }
                     break;
                 case 'enableRtl':
                     this.setRtlClass();
@@ -18808,6 +18828,9 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
             this.changeView(this.currentView, null, true);
         }
         else if (state.isDate) {
+            if (isNullOrUndefined(this.selectedDate)) {
+                this.setProperties({ selectedDate: this.getCurrentTime() }, true);
+            }
             this.changeDate(this.selectedDate);
         }
         else if (state.isLayout) {
@@ -19151,8 +19174,9 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
         }
         var msMajorInterval = this.activeViewOptions.timeScale.interval * MS_PER_MINUTE;
         var msInterval = msMajorInterval / this.activeViewOptions.timeScale.slotCount;
-        var startIndex = Math.round((startHour.getTime() - viewStartHour.getTime()) / msInterval);
-        var endIndex = Math.ceil((endHour.getTime() - viewStartHour.getTime()) / msInterval);
+        var offsetDiff = ((viewStartHour.getTimezoneOffset() - startHour.getTimezoneOffset()) * MS_PER_MINUTE);
+        var startIndex = Math.round((startHour.getTime() - viewStartHour.getTime() + offsetDiff) / msInterval);
+        var endIndex = Math.ceil((endHour.getTime() - viewStartHour.getTime() + offsetDiff) / msInterval);
         var tempStartIndex = startIndex;
         var tempEndIndex = endIndex;
         var cells = [];
@@ -20051,274 +20075,274 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
         }
         removeClass([this.element], removeClasses);
     };
-    __decorate([
+    __decorate$b([
         Property('auto')
     ], Schedule.prototype, "width", void 0);
-    __decorate([
+    __decorate$b([
         Property('auto')
     ], Schedule.prototype, "height", void 0);
-    __decorate([
+    __decorate$b([
         Property(true)
     ], Schedule.prototype, "showHeaderBar", void 0);
-    __decorate([
+    __decorate$b([
         Property(true)
     ], Schedule.prototype, "showTimeIndicator", void 0);
-    __decorate([
+    __decorate$b([
         Property(true)
     ], Schedule.prototype, "allowSwiping", void 0);
-    __decorate([
+    __decorate$b([
         Collection([], ToolbarItem)
     ], Schedule.prototype, "toolbarItems", void 0);
-    __decorate([
+    __decorate$b([
         Property('Week')
     ], Schedule.prototype, "currentView", void 0);
-    __decorate([
+    __decorate$b([
         Property(['Day', 'Week', 'WorkWeek', 'Month', 'Agenda'])
     ], Schedule.prototype, "views", void 0);
-    __decorate([
+    __decorate$b([
         Property(new Date())
     ], Schedule.prototype, "selectedDate", void 0);
-    __decorate([
+    __decorate$b([
         Property(new Date(1900, 0, 1))
     ], Schedule.prototype, "minDate", void 0);
-    __decorate([
+    __decorate$b([
         Property(new Date(2099, 11, 31))
     ], Schedule.prototype, "maxDate", void 0);
-    __decorate([
+    __decorate$b([
         Property()
     ], Schedule.prototype, "dateFormat", void 0);
-    __decorate([
+    __decorate$b([
         Property('Gregorian')
     ], Schedule.prototype, "calendarMode", void 0);
-    __decorate([
+    __decorate$b([
         Property(true)
     ], Schedule.prototype, "showWeekend", void 0);
-    __decorate([
+    __decorate$b([
         Property(0)
     ], Schedule.prototype, "firstDayOfWeek", void 0);
-    __decorate([
+    __decorate$b([
         Property('FirstDay')
     ], Schedule.prototype, "weekRule", void 0);
-    __decorate([
+    __decorate$b([
         Property([1, 2, 3, 4, 5])
     ], Schedule.prototype, "workDays", void 0);
-    __decorate([
+    __decorate$b([
         Property(12)
     ], Schedule.prototype, "monthsCount", void 0);
-    __decorate([
+    __decorate$b([
         Property('00:00')
     ], Schedule.prototype, "startHour", void 0);
-    __decorate([
+    __decorate$b([
         Property('24:00')
     ], Schedule.prototype, "endHour", void 0);
-    __decorate([
+    __decorate$b([
         Property(null)
     ], Schedule.prototype, "timeFormat", void 0);
-    __decorate([
+    __decorate$b([
         Property(true)
     ], Schedule.prototype, "enableHtmlSanitizer", void 0);
-    __decorate([
+    __decorate$b([
         Property(false)
     ], Schedule.prototype, "enableAllDayScroll", void 0);
-    __decorate([
+    __decorate$b([
         Property(false)
     ], Schedule.prototype, "enableAdaptiveUI", void 0);
-    __decorate([
+    __decorate$b([
         Property(true)
     ], Schedule.prototype, "allowResizing", void 0);
-    __decorate([
+    __decorate$b([
         Complex({}, WorkHours)
     ], Schedule.prototype, "workHours", void 0);
-    __decorate([
+    __decorate$b([
         Complex({}, TimeScale)
     ], Schedule.prototype, "timeScale", void 0);
-    __decorate([
+    __decorate$b([
         Property(true)
     ], Schedule.prototype, "allowKeyboardInteraction", void 0);
-    __decorate([
+    __decorate$b([
         Property(true)
     ], Schedule.prototype, "allowDragAndDrop", void 0);
-    __decorate([
+    __decorate$b([
         Property()
     ], Schedule.prototype, "dateHeaderTemplate", void 0);
-    __decorate([
+    __decorate$b([
         Property()
     ], Schedule.prototype, "dateRangeTemplate", void 0);
-    __decorate([
+    __decorate$b([
         Property()
     ], Schedule.prototype, "cellHeaderTemplate", void 0);
-    __decorate([
+    __decorate$b([
         Property()
     ], Schedule.prototype, "dayHeaderTemplate", void 0);
-    __decorate([
+    __decorate$b([
         Property()
     ], Schedule.prototype, "monthHeaderTemplate", void 0);
-    __decorate([
+    __decorate$b([
         Property()
     ], Schedule.prototype, "cellTemplate", void 0);
-    __decorate([
+    __decorate$b([
         Property(false)
     ], Schedule.prototype, "readonly", void 0);
-    __decorate([
+    __decorate$b([
         Property(true)
     ], Schedule.prototype, "showQuickInfo", void 0);
-    __decorate([
+    __decorate$b([
         Property(false)
     ], Schedule.prototype, "allowInline", void 0);
-    __decorate([
+    __decorate$b([
         Property(true)
     ], Schedule.prototype, "allowMultiCellSelection", void 0);
-    __decorate([
+    __decorate$b([
         Property(true)
     ], Schedule.prototype, "allowMultiRowSelection", void 0);
-    __decorate([
+    __decorate$b([
         Property(false)
     ], Schedule.prototype, "quickInfoOnSelectionEnd", void 0);
-    __decorate([
+    __decorate$b([
         Property(false)
     ], Schedule.prototype, "showWeekNumber", void 0);
-    __decorate([
+    __decorate$b([
         Property(false)
     ], Schedule.prototype, "rowAutoHeight", void 0);
-    __decorate([
+    __decorate$b([
         Property(false)
     ], Schedule.prototype, "allowMultiDrag", void 0);
-    __decorate([
+    __decorate$b([
         Property(0)
     ], Schedule.prototype, "firstMonthOfYear", void 0);
-    __decorate([
+    __decorate$b([
         Property()
     ], Schedule.prototype, "editorTemplate", void 0);
-    __decorate([
+    __decorate$b([
         Property()
     ], Schedule.prototype, "editorHeaderTemplate", void 0);
-    __decorate([
+    __decorate$b([
         Property()
     ], Schedule.prototype, "editorFooterTemplate", void 0);
-    __decorate([
+    __decorate$b([
         Complex({}, QuickInfoTemplates)
     ], Schedule.prototype, "quickInfoTemplates", void 0);
-    __decorate([
+    __decorate$b([
         Property(7)
     ], Schedule.prototype, "agendaDaysCount", void 0);
-    __decorate([
+    __decorate$b([
         Property(true)
     ], Schedule.prototype, "hideEmptyAgendaDays", void 0);
-    __decorate([
+    __decorate$b([
         Property(true)
     ], Schedule.prototype, "enableRecurrenceValidation", void 0);
-    __decorate([
+    __decorate$b([
         Property()
     ], Schedule.prototype, "timezone", void 0);
-    __decorate([
+    __decorate$b([
         Complex({}, EventSettings)
     ], Schedule.prototype, "eventSettings", void 0);
-    __decorate([
+    __decorate$b([
         Property(timezoneData)
     ], Schedule.prototype, "timezoneDataSource", void 0);
-    __decorate([
+    __decorate$b([
         Property()
     ], Schedule.prototype, "resourceHeaderTemplate", void 0);
-    __decorate([
+    __decorate$b([
         Property()
     ], Schedule.prototype, "headerIndentTemplate", void 0);
-    __decorate([
+    __decorate$b([
         Complex({}, Group)
     ], Schedule.prototype, "group", void 0);
-    __decorate([
+    __decorate$b([
         Collection([], Resources)
     ], Schedule.prototype, "resources", void 0);
-    __decorate([
+    __decorate$b([
         Collection([], HeaderRows)
     ], Schedule.prototype, "headerRows", void 0);
-    __decorate([
+    __decorate$b([
         Property()
     ], Schedule.prototype, "cssClass", void 0);
-    __decorate([
+    __decorate$b([
         Property()
     ], Schedule.prototype, "eventDragArea", void 0);
-    __decorate([
+    __decorate$b([
         Event()
     ], Schedule.prototype, "created", void 0);
-    __decorate([
+    __decorate$b([
         Event()
     ], Schedule.prototype, "destroyed", void 0);
-    __decorate([
+    __decorate$b([
         Event()
     ], Schedule.prototype, "cellClick", void 0);
-    __decorate([
+    __decorate$b([
         Event()
     ], Schedule.prototype, "cellDoubleClick", void 0);
-    __decorate([
+    __decorate$b([
         Event()
     ], Schedule.prototype, "moreEventsClick", void 0);
-    __decorate([
+    __decorate$b([
         Event()
     ], Schedule.prototype, "hover", void 0);
-    __decorate([
+    __decorate$b([
         Event()
     ], Schedule.prototype, "select", void 0);
-    __decorate([
+    __decorate$b([
         Event()
     ], Schedule.prototype, "actionBegin", void 0);
-    __decorate([
+    __decorate$b([
         Event()
     ], Schedule.prototype, "actionComplete", void 0);
-    __decorate([
+    __decorate$b([
         Event()
     ], Schedule.prototype, "actionFailure", void 0);
-    __decorate([
+    __decorate$b([
         Event()
     ], Schedule.prototype, "navigating", void 0);
-    __decorate([
+    __decorate$b([
         Event()
     ], Schedule.prototype, "renderCell", void 0);
-    __decorate([
+    __decorate$b([
         Event()
     ], Schedule.prototype, "eventClick", void 0);
-    __decorate([
+    __decorate$b([
         Event()
     ], Schedule.prototype, "eventDoubleClick", void 0);
-    __decorate([
+    __decorate$b([
         Event()
     ], Schedule.prototype, "eventRendered", void 0);
-    __decorate([
+    __decorate$b([
         Event()
     ], Schedule.prototype, "dataBinding", void 0);
-    __decorate([
+    __decorate$b([
         Event()
     ], Schedule.prototype, "popupOpen", void 0);
-    __decorate([
+    __decorate$b([
         Event()
     ], Schedule.prototype, "popupClose", void 0);
-    __decorate([
+    __decorate$b([
         Event()
     ], Schedule.prototype, "dragStart", void 0);
-    __decorate([
+    __decorate$b([
         Event()
     ], Schedule.prototype, "drag", void 0);
-    __decorate([
+    __decorate$b([
         Event()
     ], Schedule.prototype, "dragStop", void 0);
-    __decorate([
+    __decorate$b([
         Event()
     ], Schedule.prototype, "resizeStart", void 0);
-    __decorate([
+    __decorate$b([
         Event()
     ], Schedule.prototype, "resizing", void 0);
-    __decorate([
+    __decorate$b([
         Event()
     ], Schedule.prototype, "resizeStop", void 0);
-    __decorate([
+    __decorate$b([
         Event()
     ], Schedule.prototype, "virtualScrollStart", void 0);
-    __decorate([
+    __decorate$b([
         Event()
     ], Schedule.prototype, "virtualScrollStop", void 0);
-    __decorate([
+    __decorate$b([
         Event()
     ], Schedule.prototype, "dataBound", void 0);
-    Schedule = __decorate([
+    Schedule = __decorate$b([
         NotifyPropertyChanges
     ], Schedule);
     return Schedule;
@@ -20707,7 +20731,6 @@ var ActionBase = /** @__PURE__ @class */ (function () {
     };
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     ActionBase.prototype.renderDynamicElement = function (cellTd, element, isAppointment) {
-        if (isAppointment === void 0) { isAppointment = false; }
         if (cellTd.querySelector('.' + APPOINTMENT_WRAPPER_CLASS)) {
             cellTd.querySelector('.' + APPOINTMENT_WRAPPER_CLASS).appendChild(element);
         }
@@ -20786,7 +20809,7 @@ var ActionBase = /** @__PURE__ @class */ (function () {
     return ActionBase;
 }());
 
-var __extends$15 = (undefined && undefined.__extends) || (function () {
+var __extends$f = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -20799,12 +20822,11 @@ var __extends$15 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-/* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * Schedule events resize actions
  */
 var Resize = /** @__PURE__ @class */ (function (_super) {
-    __extends$15(Resize, _super);
+    __extends$f(Resize, _super);
     function Resize() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
@@ -20898,6 +20920,11 @@ var Resize = /** @__PURE__ @class */ (function (_super) {
             }
             var viewElement = _this.parent.element.querySelector('.' + CONTENT_WRAP_CLASS);
             _this.scrollArgs = { element: viewElement, width: viewElement.scrollWidth, height: viewElement.scrollHeight };
+            // 883565 - To fix the resizing not working issue at the last column of the timeline view
+            if (['Month', 'TimelineYear'].indexOf(_this.parent.currentView) < 0) {
+                var scrollWidth = Math.round(_this.scrollArgs.width / _this.actionObj.cellWidth) * _this.actionObj.cellWidth;
+                _this.scrollArgs.width = _this.scrollArgs.width < scrollWidth ? scrollWidth : _this.scrollArgs.width;
+            }
             EventHandler.add(document, Browser.touchMoveEvent, _this.resizing, _this);
             EventHandler.add(document, Browser.touchEndEvent, _this.resizeStop, _this);
         });
@@ -21399,7 +21426,7 @@ var Resize = /** @__PURE__ @class */ (function (_super) {
     return Resize;
 }(ActionBase));
 
-var __extends$17 = (undefined && undefined.__extends) || (function () {
+var __extends$g = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -21412,13 +21439,12 @@ var __extends$17 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-/* eslint-disable @typescript-eslint/no-explicit-any */
 var EVENT_GAP$2 = 2;
 /**
  * Year view events render
  */
 var YearEvent = /** @__PURE__ @class */ (function (_super) {
-    __extends$17(YearEvent, _super);
+    __extends$g(YearEvent, _super);
     function YearEvent(parent) {
         var _this = _super.call(this, parent, 'day') || this;
         _this.isResource = false;
@@ -21570,7 +21596,8 @@ var YearEvent = /** @__PURE__ @class */ (function (_super) {
                             return "continue";
                         }
                     }
-                    var enableAppRender = this_1.maxOrIndicator || (overlapIndex < eventsPerRow) || (this_1.cellHeight > availedHeight);
+                    var enableAppRender = this_1.maxOrIndicator || (overlapIndex < eventsPerRow) ||
+                        (this_1.cellHeight > availedHeight);
                     if (this_1.parent.rowAutoHeight || enableAppRender || this_1.cellHeight > availedHeight) {
                         this_1.renderEvent(eventWrapper, eventData, row, leftValue, rightValue, monthStart, dayIndex);
                         if (this_1.parent.rowAutoHeight || this_1.cellHeight > availedHeight) {
@@ -21873,7 +21900,7 @@ var YearEvent = /** @__PURE__ @class */ (function (_super) {
         var eventObj = extend({}, record, null, true);
         if (this.parent.activeViewOptions.eventTemplate) {
             var templateId = this.parent.element.id + '_' + this.parent.activeViewOptions.eventTemplateName + 'eventTemplate';
-            templateElement = this.parent.getAppointmentTemplate()(eventObj, this.parent, 'eventTemplate', templateId, false);
+            templateElement = this.parent.getAppointmentTemplate()(eventObj, this.parent, 'eventTemplate', templateId, false, undefined, undefined, this.parent.root);
         }
         else {
             var locationEle = (record[this.fields.location] || this.parent.eventSettings.fields.location.default || '');
@@ -22022,7 +22049,7 @@ var YearEvent = /** @__PURE__ @class */ (function (_super) {
     return YearEvent;
 }(TimelineEvent));
 
-var __extends$16 = (undefined && undefined.__extends) || (function () {
+var __extends$h = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -22035,13 +22062,12 @@ var __extends$16 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-/* eslint-disable @typescript-eslint/no-explicit-any */
 var MINUTES_PER_DAY = 1440;
 /**
  * Schedule events drag actions
  */
 var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
-    __extends$16(DragAndDrop, _super);
+    __extends$h(DragAndDrop, _super);
     function DragAndDrop() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.widthUptoCursorPoint = 0;
@@ -22308,7 +22334,8 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
         if (this.parent.quickPopup) {
             this.parent.quickPopup.quickPopupHide(true);
         }
-        if ((!isNullOrUndefined(e.target)) && e.target.classList && e.target.classList.contains(DISABLE_DATES)) {
+        if ((!isNullOrUndefined(e.target)) && e.target.classList &&
+            e.target.classList.contains(DISABLE_DATES)) {
             return;
         }
         var eventObj = extend({}, this.actionObj.event, null, true);
@@ -22552,13 +22579,13 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
         if (this.parent.currentView === 'TimelineYear' && (!td.classList.contains(WORK_CELLS_CLASS) || td.classList.contains(OTHERMONTH_CLASS))) {
             return;
         }
-        var dragStart$$1 = this.parent.getDateFromElement(td);
-        var dragEnd = new Date(dragStart$$1.getTime());
+        var dragStart = this.parent.getDateFromElement(td);
+        var dragEnd = new Date(dragStart.getTime());
         dragEnd.setMilliseconds(eventDuration);
         if (this.parent.activeViewOptions.group.resources.length > 0) {
             this.actionObj.groupIndex = parseInt(td.getAttribute('data-group-index'), 10);
         }
-        this.actionObj.start = new Date(dragStart$$1.getTime());
+        this.actionObj.start = new Date(dragStart.getTime());
         this.actionObj.end = new Date(dragEnd.getTime());
         this.actionObj.clone.style.top = formatUnit(td.offsetParent.offsetTop);
         this.actionObj.clone.style.left = formatUnit(td.offsetLeft);
@@ -22630,13 +22657,13 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
         if (this.parent.activeViewOptions.group.resources.length > 0 && !this.parent.uiStateValues.isGroupAdaptive) {
             this.actionObj.groupIndex = parseInt(td.getAttribute('data-group-index'), 10);
         }
-        var dragStart$$1;
+        var dragStart;
         var dragEnd;
         if (this.parent.activeViewOptions.timeScale.enable && !this.isAllDayDrag) {
             this.appendCloneElement(this.getEventWrapper(colIndex));
-            dragStart$$1 = this.parent.getDateFromElement(td);
-            dragStart$$1.setMinutes(dragStart$$1.getMinutes() + (diffInMinutes / heightPerMinute));
-            dragEnd = new Date(dragStart$$1.getTime());
+            dragStart = this.parent.getDateFromElement(td);
+            dragStart.setMinutes(dragStart.getMinutes() + (diffInMinutes / heightPerMinute));
+            dragEnd = new Date(dragStart.getTime());
             if (this.actionObj.element.classList.contains(ALLDAY_APPOINTMENT_CLASS)) {
                 dragEnd.setMinutes(dragEnd.getMinutes() + this.actionObj.slotInterval);
             }
@@ -22645,10 +22672,10 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
             }
         }
         else {
-            dragStart$$1 = this.parent.getDateFromElement(td);
-            dragStart$$1.setDate(dragStart$$1.getDate() - this.daysVariation);
-            dragStart$$1.setHours(eventStart.getHours(), eventStart.getMinutes(), eventStart.getSeconds());
-            dragEnd = new Date(dragStart$$1.getTime());
+            dragStart = this.parent.getDateFromElement(td);
+            dragStart.setDate(dragStart.getDate() - this.daysVariation);
+            dragStart.setHours(eventStart.getHours(), eventStart.getMinutes(), eventStart.getSeconds());
+            dragEnd = new Date(dragStart.getTime());
             dragEnd.setMilliseconds(eventDuration);
             if (!this.actionObj.element.classList.contains(ALLDAY_APPOINTMENT_CLASS) &&
                 this.actionObj.clone.classList.contains(ALLDAY_APPOINTMENT_CLASS)) {
@@ -22656,9 +22683,9 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
             }
             var index_1 = this.parent.activeViewOptions.group.byDate || (this.parent.virtualScrollModule &&
                 !this.parent.activeViewOptions.timeScale.enable) ? colIndex : undefined;
-            this.updateAllDayEvents(dragStart$$1, dragEnd, index_1);
+            this.updateAllDayEvents(dragStart, dragEnd, index_1);
         }
-        this.actionObj.start = new Date(+dragStart$$1);
+        this.actionObj.start = new Date(+dragStart);
         this.actionObj.end = new Date(+dragEnd);
         var event = this.getUpdatedEvent(this.actionObj.start, this.actionObj.end, this.actionObj.event);
         var dynamicWrappers = [].slice.call(this.parent.element.querySelectorAll('.e-dynamic-clone'));
@@ -22976,13 +23003,13 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
                     this.actionObj.groupIndex = parseInt(td.getAttribute('data-group-index'), 10);
                 }
                 var timeString = new Date(currentDate.setDate(currentDate.getDate() - this.daysVariation));
-                var dragStart$$1 = new Date(timeString.getTime());
+                var dragStart = new Date(timeString.getTime());
                 var startTimeDiff = getUniversalTime(eventObj[this.parent.eventFields.startTime]) -
                     getUniversalTime(resetTime(new Date(+eventObj[this.parent.eventFields.startTime])));
-                dragStart$$1.setMilliseconds(startTimeDiff);
-                var dragEnd = new Date(dragStart$$1.getTime());
+                dragStart.setMilliseconds(startTimeDiff);
+                var dragEnd = new Date(dragStart.getTime());
                 dragEnd.setMilliseconds(eventDuration);
-                this.actionObj.start = new Date(dragStart$$1.getTime());
+                this.actionObj.start = new Date(dragStart.getTime());
                 this.actionObj.end = new Date(dragEnd.getTime());
             }
         }
@@ -23398,10 +23425,11 @@ var ViewBase = /** @__PURE__ @class */ (function () {
                 }
             });
         });
-        if (!isNullOrUndefined(this.parent.resourceBase.renderedResources) && this.parent.resourceBase.renderedResources.length > 0) {
+        var rendereData = this.parent.resourceBase.renderedResources;
+        if (!isNullOrUndefined(rendereData) && rendereData.length > 0) {
             for (var i = 0; i < resourceTd.length; i++) {
                 var element = resourceTd[parseInt(i.toString(), 10)];
-                var data = this.parent.resourceBase.renderedResources[parseInt(i.toString(), 10)];
+                var data = rendereData[parseInt(i.toString(), 10)];
                 if (this.parent.activeView && !isNullOrUndefined(element) && !isNullOrUndefined(data)
                     && parseInt(element.getAttribute('data-group-index'), 10) === data.groupIndex) {
                     this.parent.activeView.setResourceHeaderContent(element, data, RESOURCE_TEXT_CLASS);
@@ -23463,9 +23491,15 @@ var ViewBase = /** @__PURE__ @class */ (function () {
     };
     ViewBase.prototype.setAriaAttributes = function (table) {
         table.setAttribute('role', 'grid');
+        if (this.parent.currentView !== 'Year') {
+            table.setAttribute('id', this.parent.element.id + '_table');
+        }
         table.setAttribute('aria-label', this.getLabelText(this.parent.currentView));
     };
     ViewBase.prototype.createColGroup = function (table, lastRow) {
+        if (isNullOrUndefined(lastRow)) {
+            return;
+        }
         var length = lastRow.length;
         if (lastRow[0] && lastRow[0].colSpan) {
             length = lastRow.map(function (value) { return value.colSpan; }).reduce(function (prev, next) { return prev + next; });
@@ -23609,7 +23643,7 @@ var ViewBase = /** @__PURE__ @class */ (function () {
     };
     ViewBase.prototype.isWorkDay = function (date, workDays) {
         if (workDays === void 0) { workDays = this.parent.activeViewOptions.workDays; }
-        if (workDays.indexOf(date.getDay()) >= 0) {
+        if (!isNullOrUndefined(workDays) && workDays.indexOf(date.getDay()) >= 0) {
             return true;
         }
         return false;
@@ -23707,9 +23741,29 @@ var ViewBase = /** @__PURE__ @class */ (function () {
         var weekLength = type === 'next' ? WEEK_LENGTH : -WEEK_LENGTH;
         return addDays(this.parent.selectedDate, weekLength * this.parent.activeViewOptions.interval);
     };
+    ViewBase.prototype.formatViewLabel = function (view, startDate, endDate) {
+        var formatOptions = { type: 'date', skeleton: 'full', calendar: this.parent.getCalendarMode() };
+        return this.parent.localeObj.getConstant(view) + ' ' + this.parent.localeObj.getConstant('start') + ' ' + this.parent.globalize.formatDate(startDate, formatOptions) + ' '
+            + this.parent.localeObj.getConstant('endAt') + ' ' + this.parent.globalize.formatDate(endDate, formatOptions);
+    };
     ViewBase.prototype.getLabelText = function (view) {
         var viewStr = view.charAt(0).toLowerCase() + view.substring(1);
-        return this.parent.localeObj.getConstant(viewStr) + ' of ' + capitalizeFirstWord(this.parent.globalize.formatDate(this.parent.selectedDate, { skeleton: 'long', calendar: this.parent.getCalendarMode() }), 'single');
+        if (view === 'Year' || view === 'TimelineYear') {
+            return this.formatViewLabel(viewStr, this.parent.activeView.getStartDate(), this.parent.activeView.getEndDate());
+        }
+        else {
+            if (this.renderDates.length > 0) {
+                if (this.parent.currentView === 'Day' || this.parent.currentView === 'TimelineDay') {
+                    return this.parent.localeObj.getConstant(viewStr) + ' of ' + capitalizeFirstWord(this.parent.globalize.formatDate(this.parent.selectedDate, { type: 'date', skeleton: 'full', calendar: this.parent.getCalendarMode() }), 'single');
+                }
+                else {
+                    return this.formatViewLabel(viewStr, this.renderDates[0], this.renderDates[this.renderDates.length - 1]);
+                }
+            }
+            else {
+                return '';
+            }
+        }
     };
     ViewBase.prototype.getDateRangeText = function () {
         if (this.parent.isAdaptive) {
@@ -23736,7 +23790,7 @@ var ViewBase = /** @__PURE__ @class */ (function () {
         }
         var formattedStr;
         var longDateFormat;
-        if (this.parent.locale === 'en' || this.parent.locale === 'en-US') {
+        if (isNullOrUndefined(this.parent.locale) || this.parent.locale === 'en' || this.parent.locale === 'en-US') {
             longDateFormat = getValue('dateFormats.long', getDefaultDateObject(mode));
         }
         else {
@@ -23800,7 +23854,7 @@ var ViewBase = /** @__PURE__ @class */ (function () {
             var scheduleId = this.parent.element.id + '_';
             var viewName = this.parent.activeViewOptions.resourceHeaderTemplateName;
             var templateId = scheduleId + viewName + 'resourceHeaderTemplate';
-            var quickTemplate = [].slice.call(this.parent.getResourceHeaderTemplate()(data, this.parent, 'resourceHeaderTemplate', templateId, false));
+            var quickTemplate = [].slice.call(this.parent.getResourceHeaderTemplate()(data, this.parent, 'resourceHeaderTemplate', templateId, false, undefined, undefined, this.parent.root));
             append(quickTemplate, tdElement);
         }
         else {
@@ -23972,7 +24026,7 @@ var ViewBase = /** @__PURE__ @class */ (function () {
     return ViewBase;
 }());
 
-var __extends$19 = (undefined && undefined.__extends) || (function () {
+var __extends$i = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -23989,7 +24043,7 @@ var __extends$19 = (undefined && undefined.__extends) || (function () {
  * vertical view
  */
 var VerticalView = /** @__PURE__ @class */ (function (_super) {
-    __extends$19(VerticalView, _super);
+    __extends$i(VerticalView, _super);
     function VerticalView(parent) {
         var _this = _super.call(this, parent) || this;
         _this.viewClass = 'e-day-view';
@@ -24100,6 +24154,9 @@ var VerticalView = /** @__PURE__ @class */ (function (_super) {
             this.highlightCurrentTime();
         }
         this.retainScrollPosition();
+        if (!isNullOrUndefined(timeCells) && !isNullOrUndefined(content) && timeCells.scrollTop !== content.scrollTop) {
+            timeCells.scrollTop = content.scrollTop;
+        }
     };
     VerticalView.prototype.setContentHeight = function (element, leftPanelElement, height) {
         if (this.parent.isAdaptive && !this.isTimelineView()) {
@@ -24185,12 +24242,12 @@ var VerticalView = /** @__PURE__ @class */ (function (_super) {
         var end = this.parent.getStartEndTime(workEndHour);
         for (var _i = 0, renderDates_1 = renderDates; _i < renderDates_1.length; _i++) {
             var col = renderDates_1[_i];
-            var classList$$1 = [HEADER_CELLS_CLASS];
+            var classList = [HEADER_CELLS_CLASS];
             if (this.isCurrentDate(col)) {
-                classList$$1.push(CURRENT_DAY_CLASS);
+                classList.push(CURRENT_DAY_CLASS);
             }
             dateCol.push({
-                date: col, type: 'dateHeader', className: classList$$1, colSpan: 1,
+                date: col, type: 'dateHeader', className: classList, colSpan: 1,
                 workDays: workDays, startHour: new Date(+start), endHour: new Date(+end)
             });
         }
@@ -24350,7 +24407,7 @@ var VerticalView = /** @__PURE__ @class */ (function (_super) {
                     templateName = 'dateHeaderTemplate';
                     var args = { date: date, type: type };
                     var viewName = this.parent.activeViewOptions.dateHeaderTemplateName;
-                    cntEle = [].slice.call(this.parent.getDateHeaderTemplate()(args, this.parent, templateName, templateId + viewName + templateName, false));
+                    cntEle = [].slice.call(this.parent.getDateHeaderTemplate()(args, this.parent, templateName, templateId + viewName + templateName, false, undefined, undefined, this.parent.root));
                 }
                 else {
                     wrapper.innerHTML = this.parent.activeView.isTimelineView() ?
@@ -24364,7 +24421,7 @@ var VerticalView = /** @__PURE__ @class */ (function (_super) {
                 if (this.parent.activeViewOptions.timeScale.majorSlotTemplate) {
                     templateName = 'majorSlotTemplate';
                     var args = { date: date, type: type };
-                    cntEle = [].slice.call(this.parent.getMajorSlotTemplate()(args, this.parent, templateName, templateId + templateName, false));
+                    cntEle = [].slice.call(this.parent.getMajorSlotTemplate()(args, this.parent, templateName, templateId + templateName, false, undefined, undefined, this.parent.root));
                 }
                 else {
                     wrapper.innerHTML = "<span>" + this.getTime(date) + "</span>";
@@ -24375,7 +24432,7 @@ var VerticalView = /** @__PURE__ @class */ (function (_super) {
                 if (this.parent.activeViewOptions.timeScale.minorSlotTemplate) {
                     templateName = 'minorSlotTemplate';
                     var args = { date: date, type: type };
-                    cntEle = [].slice.call(this.parent.getMinorSlotTemplate()(args, this.parent, templateName, templateId + templateName, false));
+                    cntEle = [].slice.call(this.parent.getMinorSlotTemplate()(args, this.parent, templateName, templateId + templateName, false, undefined, undefined, this.parent.root));
                 }
                 else {
                     cntEle = [].slice.call(wrapper.childNodes);
@@ -24386,7 +24443,7 @@ var VerticalView = /** @__PURE__ @class */ (function (_super) {
                     var viewName = this.parent.activeViewOptions.cellTemplateName;
                     templateName = 'cellTemplate';
                     var args = { date: date, type: type, groupIndex: groupIndex };
-                    cntEle = [].slice.call(this.parent.getCellTemplate()(args, this.parent, templateName, templateId + viewName + templateName, false));
+                    cntEle = [].slice.call(this.parent.getCellTemplate()(args, this.parent, templateName, templateId + viewName + templateName, false, undefined, undefined, this.parent.root));
                 }
                 break;
         }
@@ -24505,7 +24562,8 @@ var VerticalView = /** @__PURE__ @class */ (function (_super) {
         var appointmentExpandCollapse = createElement('div', {
             attrs: {
                 'tabindex': '0', 'role': 'list',
-                title: this.parent.localeObj.getConstant('expandAllDaySection'), 'aria-disabled': 'false', 'aria-label': 'Expand section'
+                title: this.parent.localeObj.getConstant('expandAllDaySection'), 'aria-disabled': 'false',
+                'aria-label': this.parent.localeObj.getConstant('expandAllDaySection')
             },
             className: ALLDAY_APPOINTMENT_SECTION_CLASS + ' ' + APPOINTMENT_ROW_EXPAND_CLASS + ' ' +
                 ICON + ' ' + DISABLE_CLASS
@@ -24662,7 +24720,7 @@ var VerticalView = /** @__PURE__ @class */ (function (_super) {
         if (!this.parent.isMinMaxDate(cellDate)) {
             clsName.push(DISABLE_DATES);
         }
-        setTime(cellDate, getDateInMs(r.date));
+        cellDate = new Date(cellDate.setHours(r.date.getHours(), r.date.getMinutes(), r.date.getSeconds(), r.date.getMilliseconds()));
         var type = 'workCells';
         if (tdData.className.indexOf(RESOURCE_PARENT_CLASS) !== -1) {
             clsName.push(RESOURCE_GROUP_CELLS_CLASS);
@@ -24679,7 +24737,7 @@ var VerticalView = /** @__PURE__ @class */ (function (_super) {
             var scheduleId = this.parent.element.id + '_';
             var viewName = this.parent.activeViewOptions.cellTemplateName;
             var templateId = scheduleId + viewName + 'cellTemplate';
-            var tooltipTemplate = [].slice.call(this.parent.getCellTemplate()(args_1, this.parent, 'cellTemplate', templateId, false));
+            var tooltipTemplate = [].slice.call(this.parent.getCellTemplate()(args_1, this.parent, 'cellTemplate', templateId, false, undefined, undefined, this.parent.root));
             append(tooltipTemplate, ntd);
         }
         ntd.setAttribute('data-date', cellDate.getTime().toString());
@@ -24735,10 +24793,21 @@ var VerticalView = /** @__PURE__ @class */ (function (_super) {
         end.setMilliseconds(end.getMilliseconds() + msInterval);
         return end;
     };
+    VerticalView.prototype.getStartEndHours = function (startEndTime) {
+        if (!isNullOrUndefined(startEndTime) && startEndTime !== '') {
+            var startEndDate = new Date(2000, 0, 0, 0);
+            var timeString = startEndTime.split(':');
+            if (timeString.length === 2) {
+                startEndDate.setHours(parseInt(timeString[0], 10), parseInt(timeString[1], 10), 0);
+            }
+            return startEndDate;
+        }
+        return new Date(2000, 0, 0, 0);
+    };
     VerticalView.prototype.getTimeSlotRows = function (handler) {
         var rows = [];
-        var startHour = this.getStartHour();
-        var endHour = this.getEndHour();
+        var startHour = this.getStartEndHours(this.parent.activeViewOptions.startHour);
+        var endHour = this.getStartEndHours(this.parent.activeViewOptions.endHour);
         var msMajorInterval = this.parent.activeViewOptions.timeScale.interval * MS_PER_MINUTE;
         var msInterval = msMajorInterval / this.parent.activeViewOptions.timeScale.slotCount;
         var length = Math.round(MS_PER_DAY / msInterval);
@@ -24821,7 +24890,7 @@ var VerticalView = /** @__PURE__ @class */ (function (_super) {
     return VerticalView;
 }(ViewBase));
 
-var __extends$18 = (undefined && undefined.__extends) || (function () {
+var __extends$j = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -24838,7 +24907,7 @@ var __extends$18 = (undefined && undefined.__extends) || (function () {
  * day view
  */
 var Day = /** @__PURE__ @class */ (function (_super) {
-    __extends$18(Day, _super);
+    __extends$j(Day, _super);
     /**
      * Constructor for day view
      *
@@ -24860,7 +24929,7 @@ var Day = /** @__PURE__ @class */ (function (_super) {
     return Day;
 }(VerticalView));
 
-var __extends$20 = (undefined && undefined.__extends) || (function () {
+var __extends$k = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -24877,7 +24946,7 @@ var __extends$20 = (undefined && undefined.__extends) || (function () {
  * week view
  */
 var Week = /** @__PURE__ @class */ (function (_super) {
-    __extends$20(Week, _super);
+    __extends$k(Week, _super);
     /**
      * Constructor for week view
      *
@@ -24905,7 +24974,7 @@ var Week = /** @__PURE__ @class */ (function (_super) {
     return Week;
 }(VerticalView));
 
-var __extends$21 = (undefined && undefined.__extends) || (function () {
+var __extends$l = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -24922,7 +24991,7 @@ var __extends$21 = (undefined && undefined.__extends) || (function () {
  * work week view
  */
 var WorkWeek = /** @__PURE__ @class */ (function (_super) {
-    __extends$21(WorkWeek, _super);
+    __extends$l(WorkWeek, _super);
     /**
      * Constructor for work week view
      *
@@ -24950,7 +25019,7 @@ var WorkWeek = /** @__PURE__ @class */ (function (_super) {
     return WorkWeek;
 }(VerticalView));
 
-var __extends$22 = (undefined && undefined.__extends) || (function () {
+var __extends$m = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -24963,12 +25032,11 @@ var __extends$22 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-/* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * month view
  */
 var Month = /** @__PURE__ @class */ (function (_super) {
-    __extends$22(Month, _super);
+    __extends$m(Month, _super);
     function Month(parent) {
         var _this = _super.call(this, parent) || this;
         _this.dayNameFormat = 'wide';
@@ -25118,12 +25186,12 @@ var Month = /** @__PURE__ @class */ (function (_super) {
         var dateSlots = [];
         var isCurrentMonth = this.isCurrentMonth(this.parent.selectedDate);
         for (var col = 0; col < count; col++) {
-            var classList$$1 = [HEADER_CELLS_CLASS];
+            var classList = [HEADER_CELLS_CLASS];
             var currentDateIndex = renderDates.slice(0, count).map(function (date) { return date.getDay(); });
             if (isCurrentMonth && currentDateIndex.indexOf(this.parent.currentTimezoneDate.getDay()) === col) {
-                classList$$1.push(CURRENT_DAY_CLASS);
+                classList.push(CURRENT_DAY_CLASS);
             }
-            dateSlots.push({ date: renderDates[parseInt(col.toString(), 10)], type: 'monthDay', className: classList$$1, colSpan: 1, workDays: workDays });
+            dateSlots.push({ date: renderDates[parseInt(col.toString(), 10)], type: 'monthDay', className: classList, colSpan: 1, workDays: workDays });
         }
         return dateSlots;
     };
@@ -25293,7 +25361,7 @@ var Month = /** @__PURE__ @class */ (function (_super) {
                 var elementId = this.parent.element.id + '_';
                 var viewName = this.parent.activeViewOptions.dateHeaderTemplateName;
                 var templateId = elementId + viewName + 'dateHeaderTemplate';
-                var dateTemplate = [].slice.call(this.parent.getDateHeaderTemplate()(cellArgs, this.parent, 'dateHeaderTemplate', templateId, false));
+                var dateTemplate = [].slice.call(this.parent.getDateHeaderTemplate()(cellArgs, this.parent, 'dateHeaderTemplate', templateId, false, undefined, undefined, this.parent.root));
                 if (dateTemplate && dateTemplate.length) {
                     append(dateTemplate, tdEle);
                 }
@@ -25320,10 +25388,10 @@ var Month = /** @__PURE__ @class */ (function (_super) {
             return [];
         }
         var slotDatas = [];
-        var prepareSlots = function (rowIndex, renderDate, resData, classList$$1) {
+        var prepareSlots = function (rowIndex, renderDate, resData, classList) {
             var data = {
                 date: new Date(+renderDate), groupIndex: resData.groupIndex, workDays: resData.workDays,
-                type: 'monthCells', className: classList$$1 || [WORK_CELLS_CLASS]
+                type: 'monthCells', className: classList || [WORK_CELLS_CLASS]
             };
             if (!slotDatas[parseInt(rowIndex.toString(), 10)]) {
                 slotDatas[parseInt(rowIndex.toString(), 10)] = [];
@@ -25469,7 +25537,7 @@ var Month = /** @__PURE__ @class */ (function (_super) {
             var scheduleId = this.parent.element.id + '_';
             var viewName = this.parent.activeViewOptions.cellTemplateName;
             var templateId = scheduleId + viewName + 'cellTemplate';
-            var cellTemplate = [].slice.call(this.parent.getCellTemplate()(args_1, this.parent, 'cellTemplate', templateId, false));
+            var cellTemplate = [].slice.call(this.parent.getCellTemplate()(args_1, this.parent, 'cellTemplate', templateId, false, undefined, undefined, this.parent.root));
             append(cellTemplate, ntd);
         }
         var args = { elementType: type, element: ntd, date: data.date, groupIndex: data.groupIndex };
@@ -25486,7 +25554,7 @@ var Month = /** @__PURE__ @class */ (function (_super) {
             var scheduleId = this.parent.element.id + '_';
             var viewName = this.parent.activeViewOptions.cellHeaderTemplateName;
             var templateId = scheduleId + viewName + 'cellHeaderTemplate';
-            var cellHeaderTemplate = [].slice.call(this.parent.getCellHeaderTemplate()(args, this.parent, 'cellHeaderTemplate', templateId, false));
+            var cellHeaderTemplate = [].slice.call(this.parent.getCellHeaderTemplate()(args, this.parent, 'cellHeaderTemplate', templateId, false, undefined, undefined, this.parent.root));
             append(cellHeaderTemplate, dateHeader);
         }
         else {
@@ -25616,7 +25684,8 @@ var Month = /** @__PURE__ @class */ (function (_super) {
         return this.formatDateRange(this.parent.selectedDate);
     };
     Month.prototype.getLabelText = function (view) {
-        return this.parent.localeObj.getConstant(view) + ' of ' + capitalizeFirstWord(this.parent.globalize.formatDate(this.parent.selectedDate, { format: 'MMMM y', calendar: this.parent.getCalendarMode() }), 'single');
+        var viewStr = view.charAt(0).toLowerCase() + view.substring(1);
+        return this.formatViewLabel(viewStr, this.getStartDate(), this.getEndDate());
     };
     Month.prototype.createWeekNumberElement = function (text) {
         var tr = createElement('tr');
@@ -25665,7 +25734,7 @@ var Month = /** @__PURE__ @class */ (function (_super) {
     return Month;
 }(ViewBase));
 
-var __extends$23 = (undefined && undefined.__extends) || (function () {
+var __extends$n = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -25678,12 +25747,11 @@ var __extends$23 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-/* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * year view
  */
 var Year = /** @__PURE__ @class */ (function (_super) {
-    __extends$23(Year, _super);
+    __extends$n(Year, _super);
     function Year(parent) {
         var _this = _super.call(this, parent) || this;
         _this.viewClass = 'e-year-view';
@@ -25828,18 +25896,18 @@ var Year = /** @__PURE__ @class */ (function (_super) {
                     var args = { date: date, type: 'monthCells' };
                     this.renderTemplates(this.parent.getCellTemplate(), args, 'cellTemplate', this.parent.activeViewOptions.cellTemplateName, td);
                 }
-                var classList$$1 = [];
+                var classList = [];
                 if (currentDate.getMonth() !== date.getMonth()) {
-                    classList$$1.push(OTHERMONTH_CLASS);
+                    classList.push(OTHERMONTH_CLASS);
                     if (td.firstElementChild && !this.parent.activeViewOptions.cellTemplate) {
                         td.firstElementChild.setAttribute('aria-disabled', 'true');
                     }
                 }
                 if (this.isCurrentDate(date) && currentDate.getMonth() === date.getMonth()) {
-                    classList$$1 = classList$$1.concat(['e-today', 'e-selected']);
+                    classList = classList.concat(['e-today', 'e-selected']);
                 }
-                if (classList$$1.length > 0) {
-                    addClass([td], classList$$1);
+                if (classList.length > 0) {
+                    addClass([td], classList);
                 }
                 tr_1.appendChild(td);
                 if (currentDate.getMonth() === date.getMonth()) {
@@ -25941,7 +26009,7 @@ var Year = /** @__PURE__ @class */ (function (_super) {
     };
     Year.prototype.renderTemplates = function (fn, args, tName, vName, ele) {
         var templateId = this.parent.element.id + '_' + vName + tName;
-        var template = [].slice.call(fn(args, this.parent, tName, templateId, false));
+        var template = [].slice.call(fn(args, this.parent, tName, templateId, false, undefined, undefined, this.parent.root));
         append(template, ele);
     };
     Year.prototype.onCellClick = function (e) {
@@ -26110,7 +26178,7 @@ var Year = /** @__PURE__ @class */ (function (_super) {
     return Year;
 }(ViewBase));
 
-var __extends$25 = (undefined && undefined.__extends) || (function () {
+var __extends$o = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -26123,9 +26191,8 @@ var __extends$25 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-/* eslint-disable @typescript-eslint/no-explicit-any */
 var AgendaBase = /** @__PURE__ @class */ (function (_super) {
-    __extends$25(AgendaBase, _super);
+    __extends$o(AgendaBase, _super);
     function AgendaBase(parent) {
         return _super.call(this, parent) || this;
     }
@@ -26174,7 +26241,7 @@ var AgendaBase = /** @__PURE__ @class */ (function (_super) {
                     var scheduleId = _this.parent.element.id + '_';
                     var viewName = _this.parent.activeViewOptions.eventTemplateName;
                     var templateId = scheduleId + viewName + 'eventTemplate';
-                    templateEle = _this.parent.getAppointmentTemplate()(listData[parseInt(li.toString(), 10)], _this.parent, 'eventTemplate', templateId, false);
+                    templateEle = _this.parent.getAppointmentTemplate()(listData[parseInt(li.toString(), 10)], _this.parent, 'eventTemplate', templateId, false, undefined, undefined, _this.parent.root);
                     if (!isNullOrUndefined(listData[parseInt(li.toString(), 10)][fieldMapping.recurrenceRule])) {
                         var iconClass = (listData[parseInt(li.toString(), 10)][fieldMapping.id] ===
                             listData[parseInt(li.toString(), 10)][fieldMapping.recurrenceID]) ?
@@ -26478,7 +26545,7 @@ var AgendaBase = /** @__PURE__ @class */ (function (_super) {
             var scheduleId = this.parent.element.id + '_';
             var viewName = this.parent.activeViewOptions.dateHeaderTemplateName;
             var templateId = scheduleId + viewName + 'dateHeaderTemplate';
-            var dateTemplate = [].slice.call(this.parent.getDateHeaderTemplate()(args, this.parent, 'dateHeaderTemplate', templateId, false));
+            var dateTemplate = [].slice.call(this.parent.getDateHeaderTemplate()(args, this.parent, 'dateHeaderTemplate', templateId, false, undefined, undefined, this.parent.root));
             append(dateTemplate, dateHeader);
         }
         else {
@@ -26521,7 +26588,7 @@ var AgendaBase = /** @__PURE__ @class */ (function (_super) {
     return AgendaBase;
 }(ViewBase));
 
-var __extends$24 = (undefined && undefined.__extends) || (function () {
+var __extends$p = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -26534,12 +26601,11 @@ var __extends$24 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-/* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * agenda view
  */
 var Agenda = /** @__PURE__ @class */ (function (_super) {
-    __extends$24(Agenda, _super);
+    __extends$p(Agenda, _super);
     function Agenda(parent) {
         var _this = _super.call(this, parent) || this;
         _this.viewClass = 'e-agenda-view';
@@ -27015,7 +27081,7 @@ var Agenda = /** @__PURE__ @class */ (function (_super) {
     return Agenda;
 }(AgendaBase));
 
-var __extends$26 = (undefined && undefined.__extends) || (function () {
+var __extends$q = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -27028,12 +27094,11 @@ var __extends$26 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-/* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * month agenda view
  */
 var MonthAgenda = /** @__PURE__ @class */ (function (_super) {
-    __extends$26(MonthAgenda, _super);
+    __extends$q(MonthAgenda, _super);
     function MonthAgenda(parent) {
         var _this = _super.call(this, parent) || this;
         _this.dayNameFormat = 'narrow';
@@ -27318,7 +27383,7 @@ var TimelineHeaderRow = /** @__PURE__ @class */ (function () {
     return TimelineHeaderRow;
 }());
 
-var __extends$27 = (undefined && undefined.__extends) || (function () {
+var __extends$r = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -27335,7 +27400,7 @@ var __extends$27 = (undefined && undefined.__extends) || (function () {
  * timeline views
  */
 var TimelineViews = /** @__PURE__ @class */ (function (_super) {
-    __extends$27(TimelineViews, _super);
+    __extends$r(TimelineViews, _super);
     function TimelineViews(parent) {
         var _this = _super.call(this, parent) || this;
         _this.timelineAppointment = null;
@@ -27600,7 +27665,7 @@ var TimelineViews = /** @__PURE__ @class */ (function (_super) {
     return TimelineViews;
 }(VerticalView));
 
-var __extends$28 = (undefined && undefined.__extends) || (function () {
+var __extends$s = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -27617,7 +27682,7 @@ var __extends$28 = (undefined && undefined.__extends) || (function () {
  * timeline month view
  */
 var TimelineMonth = /** @__PURE__ @class */ (function (_super) {
-    __extends$28(TimelineMonth, _super);
+    __extends$s(TimelineMonth, _super);
     function TimelineMonth(parent) {
         var _this = _super.call(this, parent) || this;
         _this.viewClass = 'e-timeline-month-view';
@@ -27650,11 +27715,11 @@ var TimelineMonth = /** @__PURE__ @class */ (function (_super) {
         var dateSlots = [];
         for (var _i = 0, renderDates_1 = renderDates; _i < renderDates_1.length; _i++) {
             var col = renderDates_1[_i];
-            var classList$$1 = [HEADER_CELLS_CLASS];
+            var classList = [HEADER_CELLS_CLASS];
             if (this.isCurrentDate(col)) {
-                classList$$1.push(CURRENT_DAY_CLASS);
+                classList.push(CURRENT_DAY_CLASS);
             }
-            dateSlots.push({ date: col, type: 'dateHeader', className: classList$$1, colSpan: 1, workDays: workDays });
+            dateSlots.push({ date: col, type: 'dateHeader', className: classList, colSpan: 1, workDays: workDays });
         }
         return dateSlots;
     };
@@ -27773,7 +27838,7 @@ var TimelineMonth = /** @__PURE__ @class */ (function (_super) {
     return TimelineMonth;
 }(Month));
 
-var __extends$29 = (undefined && undefined.__extends) || (function () {
+var __extends$t = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -27786,12 +27851,11 @@ var __extends$29 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-/* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * timeline year view
  */
 var TimelineYear = /** @__PURE__ @class */ (function (_super) {
-    __extends$29(TimelineYear, _super);
+    __extends$t(TimelineYear, _super);
     function TimelineYear(parent) {
         var _this = _super.call(this, parent) || this;
         _this.viewClass = 'e-timeline-year-view';
@@ -28020,15 +28084,15 @@ var TimelineYear = /** @__PURE__ @class */ (function (_super) {
                 });
                 if (isDateAvail) {
                     var tds = [td];
-                    var classList$$1 = [];
+                    var classList = [];
                     if (this.parent.activeViewOptions.workDays.indexOf(date.getDay()) > -1) {
-                        classList$$1.push(WORKDAY_CLASS);
+                        classList.push(WORKDAY_CLASS);
                     }
                     if (!this.parent.isMinMaxDate(date)) {
                         addClass([td], DISABLE_DATES);
                     }
                     if (this.isCurrentDate(date)) {
-                        classList$$1.push(CURRENT_DAY_CLASS);
+                        classList.push(CURRENT_DAY_CLASS);
                         if (this.parent.activeViewOptions.orientation === 'Horizontal') {
                             tds.push(this.element.querySelector('.' + HEADER_CELLS_CLASS + (":nth-child(" + (column + 1) + ")")));
                         }
@@ -28036,8 +28100,8 @@ var TimelineYear = /** @__PURE__ @class */ (function (_super) {
                             tds.push(this.element.querySelectorAll('.' + MONTH_HEADER_CLASS).item(month));
                         }
                     }
-                    if (classList$$1.length > 0) {
-                        addClass(tds, classList$$1);
+                    if (classList.length > 0) {
+                        addClass(tds, classList);
                     }
                 }
                 else {
@@ -28081,14 +28145,14 @@ var TimelineYear = /** @__PURE__ @class */ (function (_super) {
             var monthDate = new Date(this.parent.selectedDate.getFullYear(), monthCells[parseInt(row.toString(), 10)], 1);
             var date = this.parent.calendarUtil.getMonthStartDate(new Date(monthDate.getTime()));
             for (var month = 0; month < this.columnCount; month++) {
-                var classList$$1 = [];
+                var classList = [];
                 var groupIndex = resData.groupIndex;
-                classList$$1 = classList$$1.concat(resData.className);
-                if (classList$$1.indexOf(RESOURCE_PARENT_CLASS) > -1) {
-                    classList$$1.push(RESOURCE_GROUP_CELLS_CLASS);
+                classList = classList.concat(resData.className);
+                if (classList.indexOf(RESOURCE_PARENT_CLASS) > -1) {
+                    classList.push(RESOURCE_GROUP_CELLS_CLASS);
                 }
                 else {
-                    classList$$1.push(WORKDAY_CLASS);
+                    classList.push(WORKDAY_CLASS);
                 }
                 monthDate = new Date(this.parent.selectedDate.getFullYear(), monthCells[parseInt(month.toString(), 10)], 1);
                 date = this.parent.calendarUtil.getMonthStartDate(new Date(monthDate.getTime()));
@@ -28099,7 +28163,7 @@ var TimelineYear = /** @__PURE__ @class */ (function (_super) {
                         'data-date': date.getTime().toString()
                     }
                 });
-                addClass([tdELe], classList$$1);
+                addClass([tdELe], classList);
                 tdELe.setAttribute('data-group-index', groupIndex.toString());
                 this.renderCellTemplate({ date: date, type: 'resourceGroupCells', groupIndex: groupIndex }, tdELe);
                 this.wireEvents(tdELe);
@@ -28137,23 +28201,23 @@ var TimelineYear = /** @__PURE__ @class */ (function (_super) {
                 monthTr.appendChild(monthTd);
             }
             for (var month = 0; month < this.columnCount; month++) {
-                var classList$$1 = [];
+                var classList = [];
                 var groupIndex = void 0;
                 if (this.parent.activeViewOptions.orientation === 'Vertical') {
                     groupIndex = resData.groupIndex;
-                    classList$$1 = classList$$1.concat(resData.className);
-                    if (classList$$1.indexOf(RESOURCE_PARENT_CLASS) > -1) {
-                        classList$$1.push(RESOURCE_GROUP_CELLS_CLASS);
+                    classList = classList.concat(resData.className);
+                    if (classList.indexOf(RESOURCE_PARENT_CLASS) > -1) {
+                        classList.push(RESOURCE_GROUP_CELLS_CLASS);
                     }
                     else {
-                        classList$$1.push(WORKDAY_CLASS);
+                        classList.push(WORKDAY_CLASS);
                     }
                     monthDate = new Date(this.parent.selectedDate.getFullYear(), months[parseInt(month.toString(), 10)], 1);
                     date = this.parent.calendarUtil.getMonthStartDate(new Date(monthDate.getTime()));
                 }
                 else {
                     groupIndex = this.colLevels.slice(-1)[0][parseInt(month.toString(), 10)].groupIndex;
-                    classList$$1.push(WORKDAY_CLASS);
+                    classList.push(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() });
@@ -28165,7 +28229,7 @@ var TimelineYear = /** @__PURE__ @class */ (function (_super) {
                         'aria-label': startDateText + ' ' + this.parent.localeObj.getConstant('endAt') + ' ' + endDateText
                     }
                 });
-                addClass([td], classList$$1);
+                addClass([td], classList);
                 td.setAttribute('data-group-index', groupIndex.toString());
                 this.renderCellTemplate({ date: date, type: 'resourceGroupCells', groupIndex: groupIndex }, td);
                 this.wireEvents(td);
@@ -28183,10 +28247,10 @@ var TimelineYear = /** @__PURE__ @class */ (function (_super) {
         var monthId = "schedule_" + this.parent.activeViewOptions.dayHeaderTemplateName + "monthHeaderTemplate";
         if (type === 'dayHeaderTemplate') {
             args.day = this.parent.getDayNames('wide')[column % 7];
-            return [].slice.call(this.parent.getDayHeaderTemplate()(args, this.parent, 'dayHeaderTemplate', dayId, false));
+            return [].slice.call(this.parent.getDayHeaderTemplate()(args, this.parent, 'dayHeaderTemplate', dayId, false, undefined, undefined, this.parent.root));
         }
         else {
-            return [].slice.call(this.parent.getMonthHeaderTemplate()(args, this.parent, 'monthHeaderTemplate', monthId, false));
+            return [].slice.call(this.parent.getMonthHeaderTemplate()(args, this.parent, 'monthHeaderTemplate', monthId, false, undefined, undefined, this.parent.root));
         }
     };
     TimelineYear.prototype.renderCellTemplate = function (data, td) {
@@ -28200,7 +28264,7 @@ var TimelineYear = /** @__PURE__ @class */ (function (_super) {
         var scheduleId = this.parent.element.id + '_';
         var viewName = this.parent.activeViewOptions.cellTemplateName;
         var templateId = scheduleId + viewName + 'cellTemplate';
-        var cellTemplate = [].slice.call(this.parent.getCellTemplate()(args, this.parent, 'cellTemplate', templateId, false));
+        var cellTemplate = [].slice.call(this.parent.getCellTemplate()(args, this.parent, 'cellTemplate', templateId, false, undefined, undefined, this.parent.root));
         append(cellTemplate, td);
     };
     TimelineYear.prototype.scrollToDate = function (scrollDate) {
@@ -28441,8 +28505,7 @@ var ICalendarImport = /** @__PURE__ @class */ (function () {
             else {
                 newlineOffset = 1;
             }
-            // eslint-disable-next-line security/detect-object-injection
-            var firstChar = iCalString[lastPosition];
+            var firstChar = iCalString.charAt(lastPosition);
             if (firstChar === ' ' || firstChar === '\n' || firstChar === '\t') {
                 iString += iCalString.slice(lastPosition + 1, position - newlineOffset);
             }
@@ -28798,8 +28861,9 @@ var Print = /** @__PURE__ @class */ (function () {
         Schedule.Inject(Day, Week, WorkWeek, Month, Agenda, MonthAgenda, TimelineViews, TimelineMonth, Year, TimelineYear);
         this.printInstance = new Schedule(this.getPrintScheduleModel(printOptions));
         this.printInstance.isPrinting = true;
+        this.printInstance.root = this.parent.root ? this.parent.root : this.parent;
         this.printInstance.appendTo(element);
-        this.printInstance.on(print$1, this.contentReady, this);
+        this.printInstance.on(print, this.contentReady, this);
         this.printWindow = window.open('', 'print', 'height=' + window.outerHeight + ',width=' + window.outerWidth + ',tabbar=no');
         this.printWindow.moveTo(0, 0);
         this.printWindow.resizeTo(screen.availWidth, screen.availHeight);
@@ -28831,7 +28895,7 @@ var Print = /** @__PURE__ @class */ (function () {
                     eventSettings.dataSource = this.parent.eventsData;
                     var eventTemplate = !isNullOrUndefined(printOptions.eventSettings) &&
                         !isNullOrUndefined(printOptions.eventSettings.template) ? printOptions.eventSettings.template : eventSettings.template;
-                    eventSettings.template = typeof (eventTemplate) === 'function' ? null : eventTemplate;
+                    eventSettings.template = !this.parent.isAngular && typeof (eventTemplate) === 'function' ? null : eventTemplate;
                     printModel.eventSettings = eventSettings;
                     break;
                 }
@@ -28842,13 +28906,15 @@ var Print = /** @__PURE__ @class */ (function () {
                     break;
                 case 'timeScale':
                     timeScale = isNullOrUndefined(printOptions.timeScale) ? this.parent.timeScale : printOptions.timeScale;
-                    timeScale.majorSlotTemplate = typeof (timeScale.majorSlotTemplate) === 'function' ? null : timeScale.majorSlotTemplate;
-                    timeScale.minorSlotTemplate = typeof (timeScale.minorSlotTemplate) === 'function' ? null : timeScale.minorSlotTemplate;
-                    printOptions.timeScale = timeScale;
+                    if (!this.parent.isAngular) {
+                        timeScale.majorSlotTemplate = typeof (timeScale.majorSlotTemplate) === 'function' ? null : timeScale.majorSlotTemplate;
+                        timeScale.minorSlotTemplate = typeof (timeScale.minorSlotTemplate) === 'function' ? null : timeScale.minorSlotTemplate;
+                    }
+                    printModel.timeScale = timeScale;
                     break;
                 case 'views':
                     views = isNullOrUndefined(printOptions.views) ? this.parent.views : printOptions.views;
-                    if (views && views.length > 0 && typeof (views[0]) === 'object') {
+                    if (!this.parent.isAngular && views && views.length > 0 && typeof (views[0]) === 'object') {
                         var _loop_1 = function (view) {
                             scheduleTemplates.forEach(function (x) {
                                 if (!isNullOrUndefined(view["" + x])) {
@@ -28866,8 +28932,8 @@ var Print = /** @__PURE__ @class */ (function () {
                 default:
                     if (scheduleTemplates.indexOf(key) > -1) {
                         printModel["" + key] = isNullOrUndefined(printOptions["" + key]) ?
-                            (typeof (this.parent["" + key]) === 'function' ? null : this.parent["" + key]) :
-                            (typeof (printOptions["" + key]) === 'function' ? null : printOptions["" + key]);
+                            (!this.parent.isAngular && typeof (this.parent["" + key]) === 'function' ? null : this.parent["" + key]) :
+                            (!this.parent.isAngular && typeof (printOptions["" + key]) === 'function' ? null : printOptions["" + key]);
                         break;
                     }
                     if (scheduleEvents.indexOf(key) > -1) {
@@ -28883,9 +28949,9 @@ var Print = /** @__PURE__ @class */ (function () {
     };
     Print.prototype.contentReady = function () {
         var _this = this;
-        this.printWindow = print(this.printInstance.element, this.printWindow);
+        this.printWindow = print$1(this.printInstance.element, this.printWindow);
         this.printWindow.onbeforeunload = function () {
-            _this.printInstance.off(print$1, _this.contentReady);
+            _this.printInstance.off(print, _this.contentReady);
             _this.printInstance.element.remove();
             _this.printInstance.destroy();
             _this.printInstance = null;
@@ -28901,25 +28967,5 @@ var Print = /** @__PURE__ @class */ (function () {
     return Print;
 }());
 
-/**
- * Exporting modules
- */
-
-/**
- * Schedule component exported items
- */
-
-/**
- * Recurrence-Editor component exported items
- */
-
-/**
- * Calendar util exported items
- */
-
-/**
- * Export Schedule components
- */
-
-export { Schedule, cellClick, cellDoubleClick, moreEventsClick, select, hover, actionBegin, actionComplete, actionFailure, navigating, renderCell, eventClick, eventDoubleClick, eventRendered, dataBinding, dataBound, popupOpen, popupClose, dragStart, drag, dragStop, resizeStart, resizing, resizeStop, inlineClick, cellSelect, virtualScrollStart, virtualScrollStop, initialLoad, initialEnd, print$1 as print, dataReady, eventsLoaded, contentReady, scroll, virtualScroll, scrollUiUpdate, uiUpdate, documentClick, cellMouseDown, WEEK_LENGTH, DEFAULT_WEEKS, MS_PER_DAY, MS_PER_MINUTE, getElementHeightFromClass, getElementWidthFromClass, getTranslateY, getTranslateX, getWeekFirstDate, getWeekLastDate, firstDateOfMonth, lastDateOfMonth, getWeekNumber, getWeekMiddleDate, setTime, resetTime, getDateInMs, getDateCount, addDays, addMonths, addYears, getStartEndHours, getMaxDays, getDaysCount, getDateFromString, getScrollBarWidth, resetScrollbarWidth, findIndexInData, getOuterHeight, removeChildren, isDaylightSavingTime, getUniversalTime, isMobile, isIPadDevice, capitalizeFirstWord, getElementWidth, getElementHeight, getElementTop, Resize, DragAndDrop, HeaderRenderer, ViewBase, Day, Week, WorkWeek, Month, Year, Agenda, MonthAgenda, TimelineViews, TimelineMonth, TimelineYear, Timezone, timezoneData, ICalendarExport, ICalendarImport, ExcelExport, Print, RecurrenceEditor, generateSummary, generate, getDateFromRecurrenceDateString, extractObjectFromRule, getCalendarUtil, getRecurrenceStringFromDate, Gregorian, Islamic };
+export { Agenda, DEFAULT_WEEKS, Day, DragAndDrop, ExcelExport, Gregorian, HeaderRenderer, ICalendarExport, ICalendarImport, Islamic, MS_PER_DAY, MS_PER_MINUTE, Month, MonthAgenda, Print, RecurrenceEditor, Resize, Schedule, TimelineMonth, TimelineViews, TimelineYear, Timezone, ViewBase, WEEK_LENGTH, Week, WorkWeek, Year, actionBegin, actionComplete, actionFailure, addDays, addMonths, addYears, capitalizeFirstWord, cellClick, cellDoubleClick, cellMouseDown, cellSelect, contentReady, dataBinding, dataBound, dataReady, documentClick, drag, dragStart, dragStop, eventClick, eventDoubleClick, eventRendered, eventsLoaded, extractObjectFromRule, findIndexInData, firstDateOfMonth, generate, generateSummary, getCalendarUtil, getDateCount, getDateFromRecurrenceDateString, getDateFromString, getDateInMs, getDaysCount, getElementHeight, getElementHeightFromClass, getElementTop, getElementWidth, getElementWidthFromClass, getMaxDays, getOuterHeight, getRecurrenceStringFromDate, getScrollBarWidth, getStartEndHours, getTranslateX, getTranslateY, getUniversalTime, getWeekFirstDate, getWeekLastDate, getWeekMiddleDate, getWeekNumber, hover, initialEnd, initialLoad, inlineClick, isDaylightSavingTime, isIPadDevice, isMobile, lastDateOfMonth, moreEventsClick, navigating, popupClose, popupOpen, print, removeChildren, renderCell, resetScrollbarWidth, resetTime, resizeStart, resizeStop, resizing, scroll, scrollUiUpdate, select, setTime, timezoneData, uiUpdate, virtualScroll, virtualScrollStart, virtualScrollStop };
 //# sourceMappingURL=ej2-schedule.es5.js.map