@syncfusion/ej2-schedule 26.1.35 → 26.1.38

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

@@ -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 {
@@ -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 });
@@ -7074,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 });
@@ -7284,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);
@@ -7539,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;
         }
@@ -7953,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 || '');
@@ -8082,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 {
@@ -8686,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;
@@ -9478,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 {
@@ -14363,9 +14369,15 @@ 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');
+        }
     }
 }
 
@@ -14513,7 +14525,9 @@ class Crud {
             this.parent.trigger(dataBound, null, () => {
                 this.parent.hideSpinner();
                 if (this.parent.isPrinting) {
-                    this.parent.notify(print, {});
+                    setTimeout(() => {
+                        this.parent.notify(print, {});
+                    }, 100);
                 }
             });
         });
@@ -17361,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?',
@@ -17395,6 +17410,7 @@ let Schedule = class Schedule extends Component {
             ok: 'Ok',
             yes: 'Yes',
             no: 'No',
+            of: 'of',
             occurrence: 'Occurrence',
             series: 'Series',
             previous: 'Previous',
@@ -17964,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);
         }
     }
@@ -18492,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 = [];
@@ -20190,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);
         });
@@ -21118,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 || '');
@@ -22674,6 +22696,9 @@ 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) {
@@ -22917,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) {
@@ -23009,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 {
@@ -23535,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() ?
@@ -23549,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>`;
@@ -23560,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);
@@ -23571,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;
         }
@@ -23690,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
@@ -23840,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);
@@ -23861,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());
@@ -23917,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);
@@ -24409,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);
                 }
@@ -24577,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 };
@@ -24594,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 {
@@ -24724,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');
@@ -25025,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) {
@@ -25242,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]) ?
@@ -25542,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 {
@@ -27141,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) {
@@ -27158,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) {
@@ -27740,6 +27798,7 @@ 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, this.contentReady, this);
         this.printWindow = window.open('', 'print', 'height=' + window.outerHeight + ',width=' + window.outerWidth + ',tabbar=no');
@@ -27772,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;
                 }
@@ -27783,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}`])) {
@@ -27803,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) {