@syncfusion/ej2-schedule 25.2.7 → 26.1.38

package/dist/es6/ej2-schedule.es2015.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, Component, L10n, classList, detach, Property, Event, NotifyPropertyChanges, 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 @@ const initialLoad = 'initial-load';
 /** @private */
 const initialEnd = 'initial-end';
 /** @private */
-const print$1 = 'print';
+const print = 'print';
 /** @private */
 const dataReady = 'data-ready';
 /** @private */
@@ -168,7 +168,7 @@ function getTranslateX(element) {
 function getWeekFirstDate(date, firstDayOfWeek) {
     const 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
@@ -666,8 +666,6 @@ const PREVIOUS_TIMELINE_CLASS = 'e-previous-timeline';
 const HIDE_CHILDS_CLASS = 'e-hide-childs';
 /** @private */
 const SCROLL_CONTAINER_CLASS = 'e-scroll-container';
-/** @private */
-
 /** @private */
 const TIMELINE_WRAPPER_CLASS = 'e-timeline-wrapper';
 /** @private */
@@ -1074,7 +1072,8 @@ class HeaderRenderer {
         this.renderToolbar();
     }
     renderToolbar() {
-        const items = (this.parent.toolbarItems && this.parent.toolbarItems.length > 0) ? this.getToolbarItems() : this.getItems();
+        const items = (this.parent.toolbarItems && this.parent.toolbarItems.length > 0) ?
+            this.getToolbarItems() : this.getItems();
         this.parent.trigger(actionBegin, { requestType: 'toolbarItemRendering', items: items }, (args) => {
             this.toolbarObj = new Toolbar({
                 items: args.items,
@@ -1166,6 +1165,7 @@ class HeaderRenderer {
         if (!selEle) {
             return;
         }
+        selEle.firstElementChild.setAttribute('aria-haspopup', 'true');
         const textEle = selEle.querySelector('.e-tbar-btn-text');
         if (this.parent.activeViewOptions.dateRangeTemplate) {
             textEle.textContent = '';
@@ -1175,7 +1175,7 @@ class HeaderRenderer {
             };
             const viewName = this.parent.activeViewOptions.dateRangeTemplateName;
             const templateId = this.parent.element.id + '_' + viewName + 'dateRangeTemplate';
-            const dateTemplate = [].slice.call(this.parent.getDateRangeTemplate()(args, this.parent, 'dateRangeTemplate', templateId, false));
+            const dateTemplate = [].slice.call(this.parent.getDateRangeTemplate()(args, this.parent, 'dateRangeTemplate', templateId, false, undefined, undefined, this.parent.root));
             append(dateTemplate, textEle);
         }
         else {
@@ -1312,7 +1312,7 @@ class HeaderRenderer {
                         items.push(Object.assign({}, tbItem, propItem));
                         break;
                     case 'Views':
-                        if (this.parent.views.length > 1) {
+                        if (!isNullOrUndefined(this.parent.views) && this.parent.views.length > 1) {
                             for (const view of this.parent.views) {
                                 tbItem = this.getItemObject(view);
                                 tbItem.align = propItem.align ? propItem.align : item.align;
@@ -1361,11 +1361,11 @@ class HeaderRenderer {
                 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 (const item of this.parent.views) {
                 items.push(this.getItemObject(item));
             }
@@ -2581,7 +2581,7 @@ class KeyboardInteraction {
     }
     processViewNavigation(e) {
         const index = parseInt(e.key, 10) - 1;
-        if (index < this.parent.views.length) {
+        if (!isNullOrUndefined(this.parent.views) && index < this.parent.views.length) {
             const view = this.parent.viewCollections[parseInt(index.toString(), 10)].option;
             this.parent.changeView(view, e, undefined, index);
             if (this.parent.headerModule) {
@@ -3961,6 +3961,7 @@ function generate(startDate, rule, excludeDate, startDayOfWeek, maximumCount = M
         return data;
     }
     maxOccurrence = maximumCount;
+    startDayOfWeek = startDayOfWeek || 0;
     setFirstDayOfWeek(DAYINDEX[parseInt(startDayOfWeek.toString(), 10)]);
     if (ruleObject.until) {
         const end = resetTime(ruleObject.until);
@@ -5451,7 +5452,6 @@ function roundDateValues(date) {
 }
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
-/* eslint-disable max-len */
 /**
  * EventBase for appointment rendering
  */
@@ -6507,7 +6507,7 @@ class EventBase {
             const templateId = scheduleId + viewName + 'eventTemplate';
             const 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 {
             const appointmentSubject = createElement('div', { className: SUBJECT_CLASS });
@@ -6603,12 +6603,14 @@ class EventBase {
         let firstDate = 0;
         let lastDate = dateRender.length;
         let filteredDates;
-        if (dateRender[0] < this.parent.minDate && dateRender[dateRender.length - 1] > this.parent.maxDate) {
+        const maxDate = isNullOrUndefined(this.parent.maxDate) ? new Date(2099, 11, 31) : this.parent.maxDate;
+        const minDate = isNullOrUndefined(this.parent.minDate) ? new Date(1900, 0, 1) : this.parent.minDate;
+        if (dateRender[0] < minDate && dateRender[dateRender.length - 1] > maxDate) {
             for (let 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;
                 }
             }
@@ -7072,7 +7074,7 @@ class VerticalEvent extends EventBase {
             const templateId = elementId + viewName + 'eventTemplate';
             const resIndex = this.parent.uiStateValues.isGroupAdaptive ? this.parent.uiStateValues.groupIndex : resource;
             const 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 {
             const appointmentSubject = createElement('div', { className: SUBJECT_CLASS });
@@ -7282,7 +7284,7 @@ class VerticalEvent extends EventBase {
         }
         if (eStart <= eEnd && isValidEvent && this.isWorkDayAvailable(resource, eStart)) {
             const appHeight = this.getHeight(eStart, eEnd);
-            if (eStart.getTime() > schedule.startHour.getTime()) {
+            if (eStart.getTime() >= schedule.startHour.getTime()) {
                 topValue = this.getTopValue(eStart, dayIndex, resource);
             }
             const appIndex = this.getOverlapIndex(record, dayIndex, false, resource);
@@ -7537,12 +7539,12 @@ class VerticalEvent extends EventBase {
         let 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;
         }
@@ -7951,7 +7953,7 @@ class MonthEvent extends EventBase {
             const viewName = this.parent.activeViewOptions.eventTemplateName;
             const templateId = scheduleId + viewName + 'eventTemplate';
             const 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 {
             const eventLocation = (record[this.fields.location] || this.parent.eventSettings.fields.location.default || '');
@@ -8080,6 +8082,7 @@ class MonthEvent extends EventBase {
                         if (indicator) {
                             const 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 {
@@ -8251,7 +8254,6 @@ class MonthEvent extends EventBase {
 }
 
 /* eslint-disable max-len */
-/* eslint-disable @typescript-eslint/no-explicit-any */
 const EVENT_GAP$1 = 2;
 const BLOCK_INDICATOR_WIDTH = 22;
 const BLOCK_INDICATOR_HEIGHT = 18;
@@ -8301,8 +8303,10 @@ class TimelineEvent extends MonthEvent {
         else {
             for (const app of appointments) {
                 const 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);
                 }
             }
@@ -8683,8 +8687,13 @@ class TimelineEvent extends MonthEvent {
         }
     }
     getSameDayEventsWidth(startDate, endDate) {
+        let intervalMins = this.interval;
+        if (this.slotsPerDay === 1) {
+            const 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);
     }
     getSpannedEventsWidth(startDate, endDate, diffInDays) {
         const width = (diffInDays * this.slotsPerDay) * this.cellWidth;
@@ -9297,14 +9306,14 @@ class QuickPopups {
         removeClass([element], ICON);
     }
     quickDialogClass(action) {
-        const classList$$1 = [
+        const classList = [
             QUICK_DIALOG_OCCURRENCE_CLASS, QUICK_DIALOG_SERIES_CLASS, QUICK_DIALOG_DELETE_CLASS,
             QUICK_DIALOG_CANCEL_CLASS, QUICK_DIALOG_ALERT_BTN_CLASS, DISABLE_CLASS
         ];
         const okButton = this.quickDialog.element.querySelector('.' + QUICK_DIALOG_ALERT_OK);
         const cancelButton = this.quickDialog.element.querySelector('.' + QUICK_DIALOG_ALERT_CANCEL);
         const 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);
@@ -9475,7 +9484,7 @@ class QuickPopups {
                 let templateElement;
                 if (!isNullOrUndefined(this.parent.activeViewOptions.eventTemplate)) {
                     const tempId = this.parent.element.id + '_' + this.parent.activeViewOptions.eventTemplateName + 'eventTemplate';
-                    templateElement = this.parent.getAppointmentTemplate()(eventData, this.parent, 'eventTemplate', tempId, false);
+                    templateElement = this.parent.getAppointmentTemplate()(eventData, this.parent, 'eventTemplate', tempId, false, undefined, undefined, this.parent.root);
                     append(templateElement, appointmentElement);
                 }
                 else {
@@ -10703,7 +10712,7 @@ class EventTooltip {
     }
 }
 
-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;
@@ -11599,7 +11608,7 @@ let RecurrenceEditor = class RecurrenceEditor extends Component {
         }
     }
     getCalendarMode() {
-        return this.calendarMode.toLowerCase();
+        return !isNullOrUndefined(this.calendarMode) ? this.calendarMode.toLowerCase() : 'gregorian';
     }
     getRuleSummary(rule = this.getRecurrenceRule()) {
         return generateSummary(rule, this.localeObj, this.locale, this.calendarMode);
@@ -11779,43 +11788,43 @@ let RecurrenceEditor = class RecurrenceEditor extends Component {
         }
     }
 };
-__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);
 
@@ -12897,7 +12906,7 @@ class EventWindow {
     }
     getFormat(formatType) {
         let 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 {
@@ -13814,7 +13823,7 @@ class VirtualScroll {
                 conTable.offsetHeight / this.renderedLength) + 'px';
             const 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 {
@@ -13864,6 +13873,7 @@ class VirtualScroll {
             const 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);
@@ -14359,13 +14369,19 @@ class Render {
         }
     }
     updateLabelText(view) {
-        const 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');
+        }
     }
 }
 
-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;
@@ -14376,17 +14392,17 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
  */
 class WorkHours extends ChildProperty {
 }
-__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);
 
-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;
@@ -14397,23 +14413,23 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
  */
 class TimeScale extends ChildProperty {
 }
-__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);
 
-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;
@@ -14424,20 +14440,20 @@ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators,
  */
 class QuickInfoTemplates extends ChildProperty {
 }
-__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);
 
-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;
@@ -14448,15 +14464,14 @@ var __decorate$5 = (undefined && undefined.__decorate) || function (decorators,
  */
 class HeaderRows extends ChildProperty {
 }
-__decorate$5([
+__decorate$4([
     Property()
 ], HeaderRows.prototype, "option", void 0);
-__decorate$5([
+__decorate$4([
     Property()
 ], HeaderRows.prototype, "template", void 0);
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
-/* eslint-disable max-len */
 /**
  * Schedule CRUD operations
  */
@@ -14510,7 +14525,9 @@ class Crud {
             this.parent.trigger(dataBound, null, () => {
                 this.parent.hideSpinner();
                 if (this.parent.isPrinting) {
-                    this.parent.notify(print$1, {});
+                    setTimeout(() => {
+                        this.parent.notify(print, {});
+                    }, 100);
                 }
             });
         });
@@ -15286,32 +15303,31 @@ class WorkCellInteraction {
     }
 }
 
-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.
  */
 class FieldOptions extends ChildProperty {
 }
-__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);
 
-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;
@@ -15326,120 +15342,119 @@ var __decorate$7 = (undefined && undefined.__decorate) || function (decorators,
  */
 class Field extends ChildProperty {
 }
-__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);
 
-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.
  */
 class EventSettings extends ChildProperty {
 }
-__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);
 
-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;
@@ -15450,88 +15465,86 @@ var __decorate$9 = (undefined && undefined.__decorate) || function (decorators,
  */
 class Group extends ChildProperty {
 }
-__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);
 
-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.
  */
 class Resources extends ChildProperty {
 }
-__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);
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
-/* eslint-disable max-len */
 class ResourceBase {
     constructor(parent) {
         this.resourceCollection = [];
@@ -16565,7 +16578,7 @@ class ResourceBase {
     }
 }
 
-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;
@@ -16573,71 +16586,70 @@ var __decorate$11 = (undefined && undefined.__decorate) || function (decorators,
 };
 class ToolbarItem extends ChildProperty {
 }
-__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);
 
-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.
@@ -16824,8 +16836,10 @@ let Schedule = class Schedule extends Component {
     validateDate(selectedDate = this.selectedDate) {
         // persist the selected date value
         let date = selectedDate instanceof Date ? new Date(selectedDate.getTime()) : new Date(selectedDate);
-        const minDate = this.minDate instanceof Date ? new Date(this.minDate.getTime()) : new Date(this.minDate);
-        const maxDate = this.maxDate instanceof Date ? new Date(this.maxDate.getTime()) : new Date(this.maxDate);
+        const minDate = isNullOrUndefined(this.minDate) ? new Date(1900, 0, 1) :
+            this.minDate instanceof Date ? new Date(this.minDate.getTime()) : new Date(this.minDate);
+        const 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;
@@ -16852,6 +16866,9 @@ let Schedule = class Schedule extends Component {
         return -1;
     }
     setViewOptions(isModuleLoad = false) {
+        if (isNullOrUndefined(this.views) || this.views.length === 0) {
+            return;
+        }
         this.viewOptions = {};
         this.viewCollections = [];
         let viewName;
@@ -16923,7 +16940,7 @@ let Schedule = class Schedule extends Component {
             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
@@ -17059,7 +17076,7 @@ let Schedule = class Schedule extends Component {
         const culShortNames = [];
         let cldrObj;
         let 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())));
         }
@@ -17077,7 +17094,7 @@ let Schedule = class Schedule extends Component {
             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 {
@@ -17091,7 +17108,7 @@ let Schedule = class Schedule extends Component {
      * @private
      */
     getCalendarMode() {
-        return this.calendarMode.toLowerCase();
+        return !isNullOrUndefined(this.calendarMode) ? this.calendarMode.toLowerCase() : 'gregorian';
     }
     /**
      * Method to get time in string
@@ -17218,7 +17235,9 @@ let Schedule = class Schedule extends Component {
      * @private
      */
     isMinMaxDate(date = this.selectedDate) {
-        return ((date.getTime() >= this.minDate.getTime()) && (date.getTime() <= this.maxDate.getTime()));
+        const maxDate = isNullOrUndefined(this.maxDate) ? new Date(2099, 11, 31) : this.maxDate;
+        const 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
@@ -17298,7 +17317,8 @@ let Schedule = class Schedule extends Component {
         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();
@@ -17355,6 +17375,7 @@ let Schedule = class Schedule extends Component {
             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?',
@@ -17389,6 +17410,7 @@ let Schedule = class Schedule extends Component {
             ok: 'Ok',
             yes: 'Yes',
             no: 'No',
+            of: 'of',
             occurrence: 'Occurrence',
             series: 'Series',
             previous: 'Previous',
@@ -17958,7 +17980,7 @@ let Schedule = class Schedule extends Component {
             const scheduleId = this.element.id + '_';
             const viewName = this.activeViewOptions.headerIndentTemplateName;
             const templateId = scheduleId + viewName + 'headerIndentTemplate';
-            const indentTemplate = [].slice.call(this.getHeaderIndentTemplate()(data, this, 'headerIndentTemplate', templateId, false));
+            const indentTemplate = [].slice.call(this.getHeaderIndentTemplate()(data, this, 'headerIndentTemplate', templateId, false, undefined, undefined, this.root));
             append(indentTemplate, td);
         }
     }
@@ -18117,7 +18139,9 @@ let Schedule = class Schedule extends Component {
                     break;
                 case 'timezone':
                     this.eventBase.timezonePropertyChange(oldProp.timezone);
-                    this.headerModule.setCalendarTimezone();
+                    if (this.headerModule) {
+                        this.headerModule.setCalendarTimezone();
+                    }
                     break;
                 case 'enableRtl':
                     this.setRtlClass();
@@ -18141,6 +18165,9 @@ let Schedule = class Schedule extends Component {
             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) {
@@ -18481,8 +18508,9 @@ let Schedule = class Schedule extends Component {
         }
         const msMajorInterval = this.activeViewOptions.timeScale.interval * MS_PER_MINUTE;
         const msInterval = msMajorInterval / this.activeViewOptions.timeScale.slotCount;
-        let startIndex = Math.round((startHour.getTime() - viewStartHour.getTime()) / msInterval);
-        let endIndex = Math.ceil((endHour.getTime() - viewStartHour.getTime()) / msInterval);
+        const offsetDiff = ((viewStartHour.getTimezoneOffset() - startHour.getTimezoneOffset()) * MS_PER_MINUTE);
+        let startIndex = Math.round((startHour.getTime() - viewStartHour.getTime() + offsetDiff) / msInterval);
+        let endIndex = Math.ceil((endHour.getTime() - viewStartHour.getTime() + offsetDiff) / msInterval);
         const tempStartIndex = startIndex;
         const tempEndIndex = endIndex;
         const cells = [];
@@ -19370,274 +19398,274 @@ let Schedule = class Schedule extends Component {
         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);
 
@@ -20179,6 +20207,11 @@ class Resize extends ActionBase {
             }
             const 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) {
+                const 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);
         });
@@ -20821,7 +20854,8 @@ class YearEvent extends TimelineEvent {
                             continue;
                         }
                     }
-                    const enableAppRender = this.maxOrIndicator || (overlapIndex < eventsPerRow) || (this.cellHeight > availedHeight);
+                    const enableAppRender = this.maxOrIndicator || (overlapIndex < eventsPerRow) ||
+                        (this.cellHeight > availedHeight);
                     if (this.parent.rowAutoHeight || enableAppRender || this.cellHeight > availedHeight) {
                         this.renderEvent(eventWrapper, eventData, row, leftValue, rightValue, monthStart, dayIndex);
                         if (this.parent.rowAutoHeight || this.cellHeight > availedHeight) {
@@ -21106,7 +21140,7 @@ class YearEvent extends TimelineEvent {
         const eventObj = extend({}, record, null, true);
         if (this.parent.activeViewOptions.eventTemplate) {
             const 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 {
             const locationEle = (record[this.fields.location] || this.parent.eventSettings.fields.location.default || '');
@@ -21517,7 +21551,8 @@ class DragAndDrop extends ActionBase {
         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;
         }
         const eventObj = extend({}, this.actionObj.event, null, true);
@@ -21758,13 +21793,13 @@ class DragAndDrop extends ActionBase {
         if (this.parent.currentView === 'TimelineYear' && (!td.classList.contains(WORK_CELLS_CLASS) || td.classList.contains(OTHERMONTH_CLASS))) {
             return;
         }
-        const dragStart$$1 = this.parent.getDateFromElement(td);
-        const dragEnd = new Date(dragStart$$1.getTime());
+        const dragStart = this.parent.getDateFromElement(td);
+        const 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);
@@ -21835,13 +21870,13 @@ class DragAndDrop extends ActionBase {
         if (this.parent.activeViewOptions.group.resources.length > 0 && !this.parent.uiStateValues.isGroupAdaptive) {
             this.actionObj.groupIndex = parseInt(td.getAttribute('data-group-index'), 10);
         }
-        let dragStart$$1;
+        let dragStart;
         let 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);
             }
@@ -21850,10 +21885,10 @@ class DragAndDrop extends ActionBase {
             }
         }
         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)) {
@@ -21861,9 +21896,9 @@ class DragAndDrop extends ActionBase {
             }
             const index = this.parent.activeViewOptions.group.byDate || (this.parent.virtualScrollModule &&
                 !this.parent.activeViewOptions.timeScale.enable) ? colIndex : undefined;
-            this.updateAllDayEvents(dragStart$$1, dragEnd, index);
+            this.updateAllDayEvents(dragStart, dragEnd, index);
         }
-        this.actionObj.start = new Date(+dragStart$$1);
+        this.actionObj.start = new Date(+dragStart);
         this.actionObj.end = new Date(+dragEnd);
         const event = this.getUpdatedEvent(this.actionObj.start, this.actionObj.end, this.actionObj.event);
         const dynamicWrappers = [].slice.call(this.parent.element.querySelectorAll('.e-dynamic-clone'));
@@ -22177,13 +22212,13 @@ class DragAndDrop extends ActionBase {
                     this.actionObj.groupIndex = parseInt(td.getAttribute('data-group-index'), 10);
                 }
                 const timeString = new Date(currentDate.setDate(currentDate.getDate() - this.daysVariation));
-                const dragStart$$1 = new Date(timeString.getTime());
+                const dragStart = new Date(timeString.getTime());
                 const startTimeDiff = getUniversalTime(eventObj[this.parent.eventFields.startTime]) -
                     getUniversalTime(resetTime(new Date(+eventObj[this.parent.eventFields.startTime])));
-                dragStart$$1.setMilliseconds(startTimeDiff);
-                const dragEnd = new Date(dragStart$$1.getTime());
+                dragStart.setMilliseconds(startTimeDiff);
+                const 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());
             }
         }
@@ -22595,10 +22630,11 @@ class ViewBase {
                 }
             });
         });
-        if (!isNullOrUndefined(this.parent.resourceBase.renderedResources) && this.parent.resourceBase.renderedResources.length > 0) {
+        const rendereData = this.parent.resourceBase.renderedResources;
+        if (!isNullOrUndefined(rendereData) && rendereData.length > 0) {
             for (let i = 0; i < resourceTd.length; i++) {
                 const element = resourceTd[parseInt(i.toString(), 10)];
-                const data = this.parent.resourceBase.renderedResources[parseInt(i.toString(), 10)];
+                const 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);
@@ -22660,9 +22696,15 @@ class ViewBase {
     }
     setAriaAttributes(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));
     }
     createColGroup(table, lastRow) {
+        if (isNullOrUndefined(lastRow)) {
+            return;
+        }
         let length = lastRow.length;
         if (lastRow[0] && lastRow[0].colSpan) {
             length = lastRow.map((value) => value.colSpan).reduce((prev, next) => prev + next);
@@ -22802,7 +22844,7 @@ class ViewBase {
             this.parent.getCurrentTime().getFullYear() && date.getMonth() === this.parent.getCurrentTime().getMonth();
     }
     isWorkDay(date, workDays = this.parent.activeViewOptions.workDays) {
-        if (workDays.indexOf(date.getDay()) >= 0) {
+        if (!isNullOrUndefined(workDays) && workDays.indexOf(date.getDay()) >= 0) {
             return true;
         }
         return false;
@@ -22900,9 +22942,29 @@ class ViewBase {
         const weekLength = type === 'next' ? WEEK_LENGTH : -WEEK_LENGTH;
         return addDays(this.parent.selectedDate, weekLength * this.parent.activeViewOptions.interval);
     }
+    formatViewLabel(view, startDate, endDate) {
+        const 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);
+    }
     getLabelText(view) {
         const 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 '';
+            }
+        }
     }
     getDateRangeText() {
         if (this.parent.isAdaptive) {
@@ -22929,7 +22991,7 @@ class ViewBase {
         }
         let formattedStr;
         let 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 {
@@ -22992,7 +23054,7 @@ class ViewBase {
             const scheduleId = this.parent.element.id + '_';
             const viewName = this.parent.activeViewOptions.resourceHeaderTemplateName;
             const templateId = scheduleId + viewName + 'resourceHeaderTemplate';
-            const quickTemplate = [].slice.call(this.parent.getResourceHeaderTemplate()(data, this.parent, 'resourceHeaderTemplate', templateId, false));
+            const quickTemplate = [].slice.call(this.parent.getResourceHeaderTemplate()(data, this.parent, 'resourceHeaderTemplate', templateId, false, undefined, undefined, this.parent.root));
             append(quickTemplate, tdElement);
         }
         else {
@@ -23274,6 +23336,9 @@ class VerticalView extends ViewBase {
             this.highlightCurrentTime();
         }
         this.retainScrollPosition();
+        if (!isNullOrUndefined(timeCells) && !isNullOrUndefined(content) && timeCells.scrollTop !== content.scrollTop) {
+            timeCells.scrollTop = content.scrollTop;
+        }
     }
     setContentHeight(element, leftPanelElement, height) {
         if (this.parent.isAdaptive && !this.isTimelineView()) {
@@ -23356,12 +23421,12 @@ class VerticalView extends ViewBase {
         const start = this.parent.getStartEndTime(workStartHour);
         const end = this.parent.getStartEndTime(workEndHour);
         for (const col of renderDates) {
-            const classList$$1 = [HEADER_CELLS_CLASS];
+            const 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)
             });
         }
@@ -23515,7 +23580,7 @@ class VerticalView extends ViewBase {
                     templateName = 'dateHeaderTemplate';
                     const args = { date: date, type: type };
                     const 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() ?
@@ -23529,7 +23594,7 @@ class VerticalView extends ViewBase {
                 if (this.parent.activeViewOptions.timeScale.majorSlotTemplate) {
                     templateName = 'majorSlotTemplate';
                     const 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>`;
@@ -23540,7 +23605,7 @@ class VerticalView extends ViewBase {
                 if (this.parent.activeViewOptions.timeScale.minorSlotTemplate) {
                     templateName = 'minorSlotTemplate';
                     const 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);
@@ -23551,7 +23616,7 @@ class VerticalView extends ViewBase {
                     const viewName = this.parent.activeViewOptions.cellTemplateName;
                     templateName = 'cellTemplate';
                     const 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;
         }
@@ -23670,7 +23735,8 @@ class VerticalView extends ViewBase {
         const 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
@@ -23820,11 +23886,11 @@ class VerticalView extends ViewBase {
             ntd.setAttribute('colspan', tdData.colSpan.toString());
         }
         const clsName = this.getContentTdClass(r);
-        const cellDate = resetTime(tdData.date);
+        let cellDate = resetTime(tdData.date);
         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()));
         let type = 'workCells';
         if (tdData.className.indexOf(RESOURCE_PARENT_CLASS) !== -1) {
             clsName.push(RESOURCE_GROUP_CELLS_CLASS);
@@ -23841,7 +23907,7 @@ class VerticalView extends ViewBase {
             const scheduleId = this.parent.element.id + '_';
             const viewName = this.parent.activeViewOptions.cellTemplateName;
             const templateId = scheduleId + viewName + 'cellTemplate';
-            const tooltipTemplate = [].slice.call(this.parent.getCellTemplate()(args, this.parent, 'cellTemplate', templateId, false));
+            const tooltipTemplate = [].slice.call(this.parent.getCellTemplate()(args, this.parent, 'cellTemplate', templateId, false, undefined, undefined, this.parent.root));
             append(tooltipTemplate, ntd);
         }
         ntd.setAttribute('data-date', cellDate.getTime().toString());
@@ -23897,10 +23963,21 @@ class VerticalView extends ViewBase {
         end.setMilliseconds(end.getMilliseconds() + msInterval);
         return end;
     }
+    getStartEndHours(startEndTime) {
+        if (!isNullOrUndefined(startEndTime) && startEndTime !== '') {
+            const startEndDate = new Date(2000, 0, 0, 0);
+            const 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);
+    }
     getTimeSlotRows(handler) {
         const rows = [];
-        const startHour = this.getStartHour();
-        const endHour = this.getEndHour();
+        const startHour = this.getStartEndHours(this.parent.activeViewOptions.startHour);
+        const endHour = this.getStartEndHours(this.parent.activeViewOptions.endHour);
         const msMajorInterval = this.parent.activeViewOptions.timeScale.interval * MS_PER_MINUTE;
         const msInterval = msMajorInterval / this.parent.activeViewOptions.timeScale.slotCount;
         let length = Math.round(MS_PER_DAY / msInterval);
@@ -24214,12 +24291,12 @@ class Month extends ViewBase {
         const dateSlots = [];
         const isCurrentMonth = this.isCurrentMonth(this.parent.selectedDate);
         for (let col = 0; col < count; col++) {
-            const classList$$1 = [HEADER_CELLS_CLASS];
+            const classList = [HEADER_CELLS_CLASS];
             const currentDateIndex = renderDates.slice(0, count).map((date) => 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;
     }
@@ -24389,7 +24466,7 @@ class Month extends ViewBase {
                 const elementId = this.parent.element.id + '_';
                 const viewName = this.parent.activeViewOptions.dateHeaderTemplateName;
                 const templateId = elementId + viewName + 'dateHeaderTemplate';
-                const dateTemplate = [].slice.call(this.parent.getDateHeaderTemplate()(cellArgs, this.parent, 'dateHeaderTemplate', templateId, false));
+                const dateTemplate = [].slice.call(this.parent.getDateHeaderTemplate()(cellArgs, this.parent, 'dateHeaderTemplate', templateId, false, undefined, undefined, this.parent.root));
                 if (dateTemplate && dateTemplate.length) {
                     append(dateTemplate, tdEle);
                 }
@@ -24416,10 +24493,10 @@ class Month extends ViewBase {
             return [];
         }
         const slotDatas = [];
-        const prepareSlots = (rowIndex, renderDate, resData, classList$$1) => {
+        const prepareSlots = (rowIndex, renderDate, resData, classList) => {
             const 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)] = [];
@@ -24557,7 +24634,7 @@ class Month extends ViewBase {
             const scheduleId = this.parent.element.id + '_';
             const viewName = this.parent.activeViewOptions.cellTemplateName;
             const templateId = scheduleId + viewName + 'cellTemplate';
-            const cellTemplate = [].slice.call(this.parent.getCellTemplate()(args, this.parent, 'cellTemplate', templateId, false));
+            const cellTemplate = [].slice.call(this.parent.getCellTemplate()(args, this.parent, 'cellTemplate', templateId, false, undefined, undefined, this.parent.root));
             append(cellTemplate, ntd);
         }
         const args = { elementType: type, element: ntd, date: data.date, groupIndex: data.groupIndex };
@@ -24574,7 +24651,7 @@ class Month extends ViewBase {
             const scheduleId = this.parent.element.id + '_';
             const viewName = this.parent.activeViewOptions.cellHeaderTemplateName;
             const templateId = scheduleId + viewName + 'cellHeaderTemplate';
-            const cellHeaderTemplate = [].slice.call(this.parent.getCellHeaderTemplate()(args, this.parent, 'cellHeaderTemplate', templateId, false));
+            const cellHeaderTemplate = [].slice.call(this.parent.getCellHeaderTemplate()(args, this.parent, 'cellHeaderTemplate', templateId, false, undefined, undefined, this.parent.root));
             append(cellHeaderTemplate, dateHeader);
         }
         else {
@@ -24704,7 +24781,8 @@ class Month extends ViewBase {
         return this.formatDateRange(this.parent.selectedDate);
     }
     getLabelText(view) {
-        return this.parent.localeObj.getConstant(view) + ' of ' + capitalizeFirstWord(this.parent.globalize.formatDate(this.parent.selectedDate, { format: 'MMMM y', calendar: this.parent.getCalendarMode() }), 'single');
+        const viewStr = view.charAt(0).toLowerCase() + view.substring(1);
+        return this.formatViewLabel(viewStr, this.getStartDate(), this.getEndDate());
     }
     createWeekNumberElement(text) {
         const tr = createElement('tr');
@@ -24859,7 +24937,7 @@ class Year extends ViewBase {
             else {
                 tr.appendChild(createElement('th', { innerHTML: this.parent.getDayNames('narrow')[currentWeek.getDay()] }));
             }
-            let nextDay = new Date(currentWeek.getTime() + MS_PER_DAY);
+            const nextDay = new Date(currentWeek.getTime() + MS_PER_DAY);
             currentWeek = nextDay.getDate() === currentWeek.getDate() ? addDays(nextDay, 1) : nextDay;
         }
         thead.appendChild(tr);
@@ -24898,18 +24976,18 @@ class Year extends ViewBase {
                     const args = { date: date, type: 'monthCells' };
                     this.renderTemplates(this.parent.getCellTemplate(), args, 'cellTemplate', this.parent.activeViewOptions.cellTemplateName, td);
                 }
-                let classList$$1 = [];
+                let 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.appendChild(td);
                 if (currentDate.getMonth() === date.getMonth()) {
@@ -25005,7 +25083,7 @@ class Year extends ViewBase {
     }
     renderTemplates(fn, args, tName, vName, ele) {
         const templateId = this.parent.element.id + '_' + vName + tName;
-        const template = [].slice.call(fn(args, this.parent, tName, templateId, false));
+        const template = [].slice.call(fn(args, this.parent, tName, templateId, false, undefined, undefined, this.parent.root));
         append(template, ele);
     }
     onCellClick(e) {
@@ -25222,7 +25300,7 @@ class AgendaBase extends ViewBase {
                     const scheduleId = this.parent.element.id + '_';
                     const viewName = this.parent.activeViewOptions.eventTemplateName;
                     const 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])) {
                         const iconClass = (listData[parseInt(li.toString(), 10)][fieldMapping.id] ===
                             listData[parseInt(li.toString(), 10)][fieldMapping.recurrenceID]) ?
@@ -25522,7 +25600,7 @@ class AgendaBase extends ViewBase {
             const scheduleId = this.parent.element.id + '_';
             const viewName = this.parent.activeViewOptions.dateHeaderTemplateName;
             const templateId = scheduleId + viewName + 'dateHeaderTemplate';
-            const dateTemplate = [].slice.call(this.parent.getDateHeaderTemplate()(args, this.parent, 'dateHeaderTemplate', templateId, false));
+            const dateTemplate = [].slice.call(this.parent.getDateHeaderTemplate()(args, this.parent, 'dateHeaderTemplate', templateId, false, undefined, undefined, this.parent.root));
             append(dateTemplate, dateHeader);
         }
         else {
@@ -26607,11 +26685,11 @@ class TimelineMonth extends Month {
     getDateSlots(renderDates, workDays) {
         const dateSlots = [];
         for (const col of renderDates) {
-            const classList$$1 = [HEADER_CELLS_CLASS];
+            const 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;
     }
@@ -26958,15 +27036,15 @@ class TimelineYear extends Year {
                 });
                 if (isDateAvail) {
                     const tds = [td];
-                    const classList$$1 = [];
+                    const 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})`));
                         }
@@ -26974,8 +27052,8 @@ class TimelineYear extends Year {
                             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 {
@@ -27019,14 +27097,14 @@ class TimelineYear extends Year {
             let monthDate = new Date(this.parent.selectedDate.getFullYear(), monthCells[parseInt(row.toString(), 10)], 1);
             let date = this.parent.calendarUtil.getMonthStartDate(new Date(monthDate.getTime()));
             for (let month = 0; month < this.columnCount; month++) {
-                let classList$$1 = [];
+                let classList = [];
                 const 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()));
@@ -27037,7 +27115,7 @@ class TimelineYear extends Year {
                         '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);
@@ -27075,23 +27153,23 @@ class TimelineYear extends Year {
                 monthTr.appendChild(monthTd);
             }
             for (let month = 0; month < this.columnCount; month++) {
-                let classList$$1 = [];
+                let classList = [];
                 let groupIndex;
                 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);
                 }
                 const startDateText = this.parent.globalize.formatDate(date, { type: 'dateTime', skeleton: 'full', calendar: this.parent.getCalendarMode() });
                 const endDateText = this.parent.globalize.formatDate(this.parent.calendarUtil.getMonthEndDate(new Date(monthDate.getTime())), { type: 'dateTime', skeleton: 'full', calendar: this.parent.getCalendarMode() });
@@ -27103,7 +27181,7 @@ class TimelineYear extends Year {
                         '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);
@@ -27121,10 +27199,10 @@ class TimelineYear extends Year {
         const 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));
         }
     }
     renderCellTemplate(data, td) {
@@ -27138,7 +27216,7 @@ class TimelineYear extends Year {
         const scheduleId = this.parent.element.id + '_';
         const viewName = this.parent.activeViewOptions.cellTemplateName;
         const templateId = scheduleId + viewName + 'cellTemplate';
-        const cellTemplate = [].slice.call(this.parent.getCellTemplate()(args, this.parent, 'cellTemplate', templateId, false));
+        const cellTemplate = [].slice.call(this.parent.getCellTemplate()(args, this.parent, 'cellTemplate', templateId, false, undefined, undefined, this.parent.root));
         append(cellTemplate, td);
     }
     scrollToDate(scrollDate) {
@@ -27373,8 +27451,7 @@ class ICalendarImport {
             else {
                 newlineOffset = 1;
             }
-            // eslint-disable-next-line security/detect-object-injection
-            const firstChar = iCalString[lastPosition];
+            const firstChar = iCalString.charAt(lastPosition);
             if (firstChar === ' ' || firstChar === '\n' || firstChar === '\t') {
                 iString += iCalString.slice(lastPosition + 1, position - newlineOffset);
             }
@@ -27721,8 +27798,9 @@ class Print {
         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);
@@ -27753,7 +27831,7 @@ class Print {
                     eventSettings.dataSource = this.parent.eventsData;
                     const 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;
                 }
@@ -27764,13 +27842,15 @@ class Print {
                     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') {
                         for (const view of views) {
                             scheduleTemplates.forEach((x) => {
                                 if (!isNullOrUndefined(view[`${x}`])) {
@@ -27784,8 +27864,8 @@ class Print {
                 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) {
@@ -27800,9 +27880,9 @@ class Print {
         return printModel;
     }
     contentReady() {
-        this.printWindow = print(this.printInstance.element, this.printWindow);
+        this.printWindow = print$1(this.printInstance.element, this.printWindow);
         this.printWindow.onbeforeunload = () => {
-            this.printInstance.off(print$1, this.contentReady);
+            this.printInstance.off(print, this.contentReady);
             this.printInstance.element.remove();
             this.printInstance.destroy();
             this.printInstance = null;
@@ -27817,25 +27897,5 @@ class 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.es2015.js.map