@syncfusion/ej2-schedule 25.2.7 → 26.1.38

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 25.2.7
+*  version : 26.1.38
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-schedule@*",
-  "_id": "@syncfusion/ej2-schedule@25.2.6",
+  "_id": "@syncfusion/ej2-schedule@26.1.35",
   "_inBundle": false,
-  "_integrity": "sha512-aXd7tMHVsBq4mHdKaSB36j3MptWPFdOgtHOJFlT1NysLPpYsDsO6/yqbAlTkUMRgC+XpU7adwy6ssJjh0oz8RQ==",
+  "_integrity": "sha512-Fx4Kngq33Dx3e7MaYbkyysaB99zrNmlxsiUS5l5I/i6dz5oBVgsB7j0ttdv7s75jatZSpQRUax7qSuwOy60Exg==",
   "_location": "/@syncfusion/ej2-schedule",
   "_phantomChildren": {},
   "_requested": {
@@ -23,10 +23,10 @@
     "/@syncfusion/ej2-react-schedule",
     "/@syncfusion/ej2-vue-schedule"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-25.2.6.tgz",
-  "_shasum": "50408fb65ba59161c2dff9d9151acca1ce96d62b",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-26.1.35.tgz",
+  "_shasum": "e7f8fe076094a6a3f108ff2219696d7dcf9f27cf",
   "_spec": "@syncfusion/ej2-schedule@*",
-  "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -35,16 +35,17 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~25.2.7",
-    "@syncfusion/ej2-buttons": "~25.2.7",
-    "@syncfusion/ej2-calendars": "~25.2.7",
-    "@syncfusion/ej2-data": "~25.2.3",
-    "@syncfusion/ej2-dropdowns": "~25.2.7",
-    "@syncfusion/ej2-excel-export": "~25.2.3",
-    "@syncfusion/ej2-inputs": "~25.2.6",
-    "@syncfusion/ej2-lists": "~25.2.3",
-    "@syncfusion/ej2-navigations": "~25.2.6",
-    "@syncfusion/ej2-popups": "~25.2.7"
+    "@syncfusion/ej2-base": "~26.1.37",
+    "@syncfusion/ej2-buttons": "~26.1.35",
+    "@syncfusion/ej2-calendars": "~26.1.38",
+    "@syncfusion/ej2-data": "~26.1.35",
+    "@syncfusion/ej2-dropdowns": "~26.1.38",
+    "@syncfusion/ej2-excel-export": "~26.1.35",
+    "@syncfusion/ej2-inputs": "~26.1.38",
+    "@syncfusion/ej2-lists": "~26.1.35",
+    "@syncfusion/ej2-navigations": "~26.1.38",
+    "@syncfusion/ej2-popups": "~26.1.38",
+    "@types/requirejs": "^2.1.37"
   },
   "deprecated": false,
   "description": "Flexible scheduling library with more built-in features and enhanced customization options similar to outlook and google calendar, allowing the users to plan and manage their appointments with efficient data-binding support.",
@@ -73,6 +74,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "25.2.7",
+  "version": "26.1.38",
   "sideEffects": false
 }

package/src/recurrence-editor/date-generator.js

@@ -142,6 +142,7 @@ export function generate(startDate, rule, excludeDate, startDayOfWeek, maximumCo
         return data;
     }
     maxOccurrence = maximumCount;
+    startDayOfWeek = startDayOfWeek || 0;
     setFirstDayOfWeek(DAYINDEX[parseInt(startDayOfWeek.toString(), 10)]);
     if (ruleObject.until) {
         var end = resetTime(ruleObject.until);

package/src/recurrence-editor/recurrence-editor.d.ts

@@ -221,13 +221,13 @@ export interface RecurrenceEditorChangeEventArgs {
  */
 export declare type RepeatType = 'none' | 'daily' | 'weekly' | 'monthly' | 'yearly';
 /**
-* Defines the available types of recurrence end for the recurrence editor.
-* ```props
-* The following options are available:
-*
-* never :- Denotes that the recurrence has no end date and continues indefinitely.
-* until :- Denotes that the recurrence ends on a specified date.
-* count :- Denotes that the recurrence ends after a specified number of occurrences.
-* ```
+ * Defines the available types of recurrence end for the recurrence editor.
+ * ```props
+ * The following options are available:
+ *
+ * never :- Denotes that the recurrence has no end date and continues indefinitely.
+ * until :- Denotes that the recurrence ends on a specified date.
+ * count :- Denotes that the recurrence ends after a specified number of occurrences.
+ * ```
  */
 export declare type EndType = 'never' | 'until' | 'count';

package/src/recurrence-editor/recurrence-editor.js

@@ -51,7 +51,6 @@ var MONTHWEEK = 'e-month-week';
 var ENDON = 'e-end-on';
 var MONTHEXPANDERLABEL = 'e-month-expander-label';
 var WEEKEXPANDERLABEL = 'e-week-expander-label';
-var ENDONLABEL = 'e-end-on-label';
 var ENDONLEFT = 'e-end-on-left';
 var MONTHDAYELEMENT = 'e-monthday-element';
 var ENDONELEMENT = 'e-end-on-element';
@@ -933,7 +932,7 @@ var RecurrenceEditor = /** @class */ (function (_super) {
         }
     };
     RecurrenceEditor.prototype.getCalendarMode = function () {
-        return this.calendarMode.toLowerCase();
+        return !isNullOrUndefined(this.calendarMode) ? this.calendarMode.toLowerCase() : 'gregorian';
     };
     RecurrenceEditor.prototype.getRuleSummary = function (rule) {
         if (rule === void 0) { rule = this.getRecurrenceRule(); }

package/src/schedule/actions/crud.js

@@ -59,7 +59,9 @@ var Crud = /** @class */ (function () {
             _this.parent.trigger(events.dataBound, null, function () {
                 _this.parent.hideSpinner();
                 if (_this.parent.isPrinting) {
-                    _this.parent.notify(events.print, {});
+                    setTimeout(function () {
+                        _this.parent.notify(events.print, {});
+                    }, 100);
                 }
             });
         });

package/src/schedule/actions/drag.js

@@ -294,7 +294,8 @@ var DragAndDrop = /** @class */ (function (_super) {
         if (this.parent.quickPopup) {
             this.parent.quickPopup.quickPopupHide(true);
         }
-        if ((!isNullOrUndefined(e.target)) && e.target.classList && e.target.classList.contains(cls.DISABLE_DATES)) {
+        if ((!isNullOrUndefined(e.target)) && e.target.classList &&
+            e.target.classList.contains(cls.DISABLE_DATES)) {
             return;
         }
         var eventObj = extend({}, this.actionObj.event, null, true);

package/src/schedule/actions/keyboard.js

@@ -550,7 +550,7 @@ var KeyboardInteraction = /** @class */ (function () {
     };
     KeyboardInteraction.prototype.processViewNavigation = function (e) {
         var index = parseInt(e.key, 10) - 1;
-        if (index < this.parent.views.length) {
+        if (!isNullOrUndefined(this.parent.views) && index < this.parent.views.length) {
             var view = this.parent.viewCollections[parseInt(index.toString(), 10)].option;
             this.parent.changeView(view, e, undefined, index);
             if (this.parent.headerModule) {

package/src/schedule/actions/resize.js

@@ -116,6 +116,11 @@ var Resize = /** @class */ (function (_super) {
             }
             var viewElement = _this.parent.element.querySelector('.' + cls.CONTENT_WRAP_CLASS);
             _this.scrollArgs = { element: viewElement, width: viewElement.scrollWidth, height: viewElement.scrollHeight };
+            // 883565 - To fix the resizing not working issue at the last column of the timeline view
+            if (['Month', 'TimelineYear'].indexOf(_this.parent.currentView) < 0) {
+                var scrollWidth = Math.round(_this.scrollArgs.width / _this.actionObj.cellWidth) * _this.actionObj.cellWidth;
+                _this.scrollArgs.width = _this.scrollArgs.width < scrollWidth ? scrollWidth : _this.scrollArgs.width;
+            }
             EventHandler.add(document, Browser.touchMoveEvent, _this.resizing, _this);
             EventHandler.add(document, Browser.touchEndEvent, _this.resizeStop, _this);
         });

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

@@ -57,7 +57,7 @@ var VirtualScroll = /** @class */ (function () {
                 conTable.offsetHeight / this.renderedLength) + 'px';
             var conWrap = this.parent.element.querySelector('.' + cls.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 {
@@ -107,6 +107,7 @@ var VirtualScroll = /** @class */ (function () {
             var endIndex = (firstTDIndex + this.renderedLength);
             firstTDIndex = (endIndex > this.parent.resourceBase.expandedResources.length) ?
                 (this.parent.resourceBase.expandedResources.length - this.renderedLength) : firstTDIndex;
+            firstTDIndex = firstTDIndex < 0 ? 0 : firstTDIndex;
             this.parent.resourceBase.renderedResources = this.parent.resourceBase.expandedResources.slice(firstTDIndex, endIndex);
             if (this.parent.resourceBase.renderedResources.length > 0) {
                 this.updateContent(resWrap, conWrap, eventWrap, this.parent.resourceBase.renderedResources);

package/src/schedule/base/interface.js

@@ -1 +0,0 @@
-

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

@@ -55,17 +55,17 @@ export interface ScheduleModel extends ComponentModel{
     allowSwiping?: boolean;
 
     /**
-    * To render the custom toolbar items, the `toolbarItems` property can be used. It contains built-in and custom toolbar items.
-    * To avail the built-in toolbar items, the below string values are assigned to the `name` property of the `ToolbarItemModel`.
-    * * `Previous`: Schedule component navigates to the previous date from the current date.
-    * * `Next`: Schedule component navigates to the next date from the current date.
-    * * `Today`: Schedule component navigates to the current date from any date.
-    * * `Views`: Schedule component render the defined view options in the toolbar. If view option is not defined, then it will render default view options in the Schedule.
-    * * `DateRangeText`: Schedule component displays the current date text range.
-    * * `NewEvent`: Schedule component render the icon to add a new event.
-    *
-    * @default []
-    */
+     * To render the custom toolbar items, the `toolbarItems` property can be used. It contains built-in and custom toolbar items.
+     * To avail the built-in toolbar items, the below string values are assigned to the `name` property of the `ToolbarItemModel`.
+     * * `Previous`: Schedule component navigates to the previous date from the current date.
+     * * `Next`: Schedule component navigates to the next date from the current date.
+     * * `Today`: Schedule component navigates to the current date from any date.
+     * * `Views`: Schedule component render the defined view options in the toolbar. If view option is not defined, then it will render default view options in the Schedule.
+     * * `DateRangeText`: Schedule component displays the current date text range.
+     * * `NewEvent`: Schedule component render the icon to add a new event.
+     *
+     * @default []
+     */
     toolbarItems?: ToolbarItemModel[]
 
     /**

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

@@ -183,17 +183,17 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
      */
     allowSwiping: boolean;
     /**
-    * To render the custom toolbar items, the `toolbarItems` property can be used. It contains built-in and custom toolbar items.
-    * To avail the built-in toolbar items, the below string values are assigned to the `name` property of the `ToolbarItemModel`.
-    * * `Previous`: Schedule component navigates to the previous date from the current date.
-    * * `Next`: Schedule component navigates to the next date from the current date.
-    * * `Today`: Schedule component navigates to the current date from any date.
-    * * `Views`: Schedule component render the defined view options in the toolbar. If view option is not defined, then it will render default view options in the Schedule.
-    * * `DateRangeText`: Schedule component displays the current date text range.
-    * * `NewEvent`: Schedule component render the icon to add a new event.
-    *
-    * @default []
-    */
+     * To render the custom toolbar items, the `toolbarItems` property can be used. It contains built-in and custom toolbar items.
+     * To avail the built-in toolbar items, the below string values are assigned to the `name` property of the `ToolbarItemModel`.
+     * * `Previous`: Schedule component navigates to the previous date from the current date.
+     * * `Next`: Schedule component navigates to the next date from the current date.
+     * * `Today`: Schedule component navigates to the current date from any date.
+     * * `Views`: Schedule component render the defined view options in the toolbar. If view option is not defined, then it will render default view options in the Schedule.
+     * * `DateRangeText`: Schedule component displays the current date text range.
+     * * `NewEvent`: Schedule component render the icon to add a new event.
+     *
+     * @default []
+     */
     toolbarItems: ToolbarItemModel[];
     /**
      * To set the active view on scheduler, the `currentView` property can be used and it usually accepts either of the following available

package/src/schedule/base/schedule.js

@@ -241,8 +241,10 @@ var Schedule = /** @class */ (function (_super) {
         if (selectedDate === void 0) { selectedDate = this.selectedDate; }
         // persist the selected date value
         var date = selectedDate instanceof Date ? new Date(selectedDate.getTime()) : new Date(selectedDate);
-        var minDate = this.minDate instanceof Date ? new Date(this.minDate.getTime()) : new Date(this.minDate);
-        var maxDate = this.maxDate instanceof Date ? new Date(this.maxDate.getTime()) : new Date(this.maxDate);
+        var minDate = isNullOrUndefined(this.minDate) ? new Date(1900, 0, 1) :
+            this.minDate instanceof Date ? new Date(this.minDate.getTime()) : new Date(this.minDate);
+        var maxDate = isNullOrUndefined(this.maxDate) ? new Date(2099, 11, 31) :
+            this.maxDate instanceof Date ? new Date(this.maxDate.getTime()) : new Date(this.maxDate);
         if (minDate <= maxDate) {
             if (date < minDate) {
                 date = minDate;
@@ -270,6 +272,9 @@ var Schedule = /** @class */ (function (_super) {
     };
     Schedule.prototype.setViewOptions = function (isModuleLoad) {
         if (isModuleLoad === void 0) { isModuleLoad = false; }
+        if (isNullOrUndefined(this.views) || this.views.length === 0) {
+            return;
+        }
         this.viewOptions = {};
         this.viewCollections = [];
         var viewName;
@@ -342,7 +347,7 @@ var Schedule = /** @class */ (function (_super) {
             byDate: isYearView ? false : this.group.byDate,
             byGroupID: this.group.byGroupID,
             allowGroupEdit: this.group.allowGroupEdit,
-            resources: this.group.resources,
+            resources: isNullOrUndefined(this.group.resources) ? [] : this.group.resources,
             headerTooltipTemplate: this.group.headerTooltipTemplate,
             enableCompactView: this.group.enableCompactView,
             hideNonWorkingDays: ['Day', 'Week', 'WorkWeek', 'Month'].indexOf(this.currentView) > -1 ? this.group.hideNonWorkingDays : false
@@ -478,7 +483,7 @@ var Schedule = /** @class */ (function (_super) {
         var culShortNames = [];
         var cldrObj;
         var nameSpace = '';
-        if (this.locale === 'en' || this.locale === 'en-US') {
+        if (isNullOrUndefined(this.locale) || this.locale === 'en' || this.locale === 'en-US') {
             nameSpace = 'days.stand-alone.';
             cldrObj = (getValue(nameSpace + type, getDefaultDateObject(this.getCalendarMode())));
         }
@@ -497,7 +502,7 @@ var Schedule = /** @class */ (function (_super) {
             this.internalTimeFormat = this.timeFormat;
             return;
         }
-        if (this.locale === 'en' || this.locale === 'en-US') {
+        if (isNullOrUndefined(this.locale) || this.locale === 'en' || this.locale === 'en-US') {
             this.internalTimeFormat = (getValue('timeFormats.short', getDefaultDateObject(this.getCalendarMode())));
         }
         else {
@@ -511,7 +516,7 @@ var Schedule = /** @class */ (function (_super) {
      * @private
      */
     Schedule.prototype.getCalendarMode = function () {
-        return this.calendarMode.toLowerCase();
+        return !isNullOrUndefined(this.calendarMode) ? this.calendarMode.toLowerCase() : 'gregorian';
     };
     /**
      * Method to get time in string
@@ -641,7 +646,9 @@ var Schedule = /** @class */ (function (_super) {
      */
     Schedule.prototype.isMinMaxDate = function (date) {
         if (date === void 0) { date = this.selectedDate; }
-        return ((date.getTime() >= this.minDate.getTime()) && (date.getTime() <= this.maxDate.getTime()));
+        var maxDate = isNullOrUndefined(this.maxDate) ? new Date(2099, 11, 31) : this.maxDate;
+        var minDate = isNullOrUndefined(this.minDate) ? new Date(1900, 0, 1) : this.minDate;
+        return ((date.getTime() >= minDate.getTime()) && (date.getTime() <= maxDate.getTime()));
     };
     /**
      * Method to validate the selected date
@@ -723,7 +730,8 @@ var Schedule = /** @class */ (function (_super) {
         if (this && isNullOrUndefined(this.uiStateValues) || !(this.enablePersistence)) {
             this.uiStateValues = {
                 expand: false, isInitial: true, left: 0, top: 0, isGroupAdaptive: false,
-                isIgnoreOccurrence: false, groupIndex: 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();
@@ -780,6 +788,7 @@ var Schedule = /** @class */ (function (_super) {
             subject: 'Subject',
             addTitle: 'Add title',
             moreDetails: 'More Details',
+            moreEvents: 'More Events',
             save: 'Save',
             editContent: 'How would you like to change the appointment in the series?',
             deleteContent: 'Are you sure you want to delete this event?',
@@ -814,6 +823,7 @@ var Schedule = /** @class */ (function (_super) {
             ok: 'Ok',
             yes: 'Yes',
             no: 'No',
+            of: 'of',
             occurrence: 'Occurrence',
             series: 'Series',
             previous: 'Previous',
@@ -1385,7 +1395,7 @@ var Schedule = /** @class */ (function (_super) {
             var scheduleId = this.element.id + '_';
             var viewName = this.activeViewOptions.headerIndentTemplateName;
             var templateId = scheduleId + viewName + 'headerIndentTemplate';
-            var indentTemplate = [].slice.call(this.getHeaderIndentTemplate()(data, this, 'headerIndentTemplate', templateId, false));
+            var indentTemplate = [].slice.call(this.getHeaderIndentTemplate()(data, this, 'headerIndentTemplate', templateId, false, undefined, undefined, this.root));
             append(indentTemplate, td);
         }
     };
@@ -1545,7 +1555,9 @@ var Schedule = /** @class */ (function (_super) {
                     break;
                 case 'timezone':
                     this.eventBase.timezonePropertyChange(oldProp.timezone);
-                    this.headerModule.setCalendarTimezone();
+                    if (this.headerModule) {
+                        this.headerModule.setCalendarTimezone();
+                    }
                     break;
                 case 'enableRtl':
                     this.setRtlClass();
@@ -1569,6 +1581,9 @@ var Schedule = /** @class */ (function (_super) {
             this.changeView(this.currentView, null, true);
         }
         else if (state.isDate) {
+            if (isNullOrUndefined(this.selectedDate)) {
+                this.setProperties({ selectedDate: this.getCurrentTime() }, true);
+            }
             this.changeDate(this.selectedDate);
         }
         else if (state.isLayout) {
@@ -1912,8 +1927,9 @@ var Schedule = /** @class */ (function (_super) {
         }
         var msMajorInterval = this.activeViewOptions.timeScale.interval * util.MS_PER_MINUTE;
         var msInterval = msMajorInterval / this.activeViewOptions.timeScale.slotCount;
-        var startIndex = Math.round((startHour.getTime() - viewStartHour.getTime()) / msInterval);
-        var endIndex = Math.ceil((endHour.getTime() - viewStartHour.getTime()) / msInterval);
+        var offsetDiff = ((viewStartHour.getTimezoneOffset() - startHour.getTimezoneOffset()) * util.MS_PER_MINUTE);
+        var startIndex = Math.round((startHour.getTime() - viewStartHour.getTime() + offsetDiff) / msInterval);
+        var endIndex = Math.ceil((endHour.getTime() - viewStartHour.getTime() + offsetDiff) / msInterval);
         var tempStartIndex = startIndex;
         var tempEndIndex = endIndex;
         var cells = [];

package/src/schedule/base/util.js

@@ -73,7 +73,7 @@ export function getTranslateX(element) {
 export function getWeekFirstDate(date, firstDayOfWeek) {
     var date1 = new Date(date.getTime());
     firstDayOfWeek = (firstDayOfWeek - date1.getDay() + 7 * (-1)) % 7;
-    return new Date(date1.setDate(date1.getDate() + firstDayOfWeek));
+    return new Date(date1.setDate(date1.getDate() + (isNaN(firstDayOfWeek) ? 0 : firstDayOfWeek)));
 }
 /**
  * Method to get week last date

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

@@ -68,7 +68,7 @@ var AgendaBase = /** @class */ (function (_super) {
                     var scheduleId = _this.parent.element.id + '_';
                     var viewName = _this.parent.activeViewOptions.eventTemplateName;
                     var templateId = scheduleId + viewName + 'eventTemplate';
-                    templateEle = _this.parent.getAppointmentTemplate()(listData[parseInt(li.toString(), 10)], _this.parent, 'eventTemplate', templateId, false);
+                    templateEle = _this.parent.getAppointmentTemplate()(listData[parseInt(li.toString(), 10)], _this.parent, 'eventTemplate', templateId, false, undefined, undefined, _this.parent.root);
                     if (!isNullOrUndefined(listData[parseInt(li.toString(), 10)][fieldMapping.recurrenceRule])) {
                         var iconClass = (listData[parseInt(li.toString(), 10)][fieldMapping.id] ===
                             listData[parseInt(li.toString(), 10)][fieldMapping.recurrenceID]) ?
@@ -372,7 +372,7 @@ var AgendaBase = /** @class */ (function (_super) {
             var scheduleId = this.parent.element.id + '_';
             var viewName = this.parent.activeViewOptions.dateHeaderTemplateName;
             var templateId = scheduleId + viewName + 'dateHeaderTemplate';
-            var dateTemplate = [].slice.call(this.parent.getDateHeaderTemplate()(args, this.parent, 'dateHeaderTemplate', templateId, false));
+            var dateTemplate = [].slice.call(this.parent.getDateHeaderTemplate()(args, this.parent, 'dateHeaderTemplate', templateId, false, undefined, undefined, this.parent.root));
             append(dateTemplate, dateHeader);
         }
         else {

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

@@ -1131,7 +1131,7 @@ var EventBase = /** @class */ (function () {
             var templateId = scheduleId + viewName + 'eventTemplate';
             var templateName = isResourceEventTemplate && this.parent.currentView.indexOf('Year') === -1 ?
                 this.parent.getEventTemplateName(resIndex) : 'eventTemplate';
-            templateElement = this.parent.getAppointmentTemplate()(record, this.parent, templateName, templateId, false);
+            templateElement = this.parent.getAppointmentTemplate()(record, this.parent, templateName, templateId, false, undefined, undefined, this.parent.root);
         }
         else {
             var appointmentSubject = createElement('div', { className: cls.SUBJECT_CLASS });
@@ -1230,12 +1230,14 @@ var EventBase = /** @class */ (function () {
         var firstDate = 0;
         var lastDate = dateRender.length;
         var filteredDates;
-        if (dateRender[0] < this.parent.minDate && dateRender[dateRender.length - 1] > this.parent.maxDate) {
+        var maxDate = isNullOrUndefined(this.parent.maxDate) ? new Date(2099, 11, 31) : this.parent.maxDate;
+        var minDate = isNullOrUndefined(this.parent.minDate) ? new Date(1900, 0, 1) : this.parent.minDate;
+        if (dateRender[0] < minDate && dateRender[dateRender.length - 1] > maxDate) {
             for (var i = 0; i < dateRender.length; i++) {
-                if (util.resetTime(dateRender[parseInt(i.toString(), 10)]).getTime() === util.resetTime(new Date(this.parent.minDate)).getTime()) {
+                if (util.resetTime(dateRender[parseInt(i.toString(), 10)]).getTime() === util.resetTime(new Date(minDate)).getTime()) {
                     firstDate = i;
                 }
-                if (util.resetTime(dateRender[parseInt(i.toString(), 10)]).getTime() === util.resetTime(new Date(this.parent.maxDate)).getTime()) {
+                if (util.resetTime(dateRender[parseInt(i.toString(), 10)]).getTime() === util.resetTime(new Date(maxDate)).getTime()) {
                     lastDate = i;
                 }
             }

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

@@ -406,7 +406,7 @@ var MonthEvent = /** @class */ (function (_super) {
             var viewName = this.parent.activeViewOptions.eventTemplateName;
             var templateId = scheduleId + viewName + 'eventTemplate';
             var eventTemplate = this.isResourceEventTemplate ? this.parent.getEventTemplateName(resIndex) : 'eventTemplate';
-            templateElement = this.parent.getAppointmentTemplate()(eventObj, this.parent, eventTemplate, templateId, false);
+            templateElement = this.parent.getAppointmentTemplate()(eventObj, this.parent, eventTemplate, templateId, false, undefined, undefined, this.parent.root);
         }
         else {
             var eventLocation = (record[this.fields.location] || this.parent.eventSettings.fields.location.default || '');
@@ -535,6 +535,7 @@ var MonthEvent = /** @class */ (function (_super) {
                         if (indicator) {
                             var count = parseInt(indicator.getAttribute('data-count'), 10) + 1;
                             indicator.setAttribute('data-count', count.toString());
+                            indicator.setAttribute('aria-label', count + ' ' + this.parent.localeObj.getConstant('moreEvents'));
                             indicator.innerHTML = this.getMoreIndicatorText(count);
                         }
                         else {

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

@@ -70,8 +70,10 @@ var TimelineEvent = /** @class */ (function (_super) {
             for (var _a = 0, appointments_2 = appointments; _a < appointments_2.length; _a++) {
                 var app = appointments_2[_a];
                 var eventData = app.data;
-                if (eventData.trimStartTime.getTime() <= date.getTime() &&
-                    eventData.trimEndTime.getTime() > date.getTime()) {
+                if ((eventData.trimStartTime.getTime() <= date.getTime() &&
+                    eventData.trimEndTime.getTime() > date.getTime()) ||
+                    (eventData.trimStartTime.getTime() === date.getTime() &&
+                        eventData.trimEndTime.getTime() === date.getTime())) {
                     appointmentsList.push(app);
                 }
             }
@@ -460,8 +462,13 @@ var TimelineEvent = /** @class */ (function (_super) {
         }
     };
     TimelineEvent.prototype.getSameDayEventsWidth = function (startDate, endDate) {
+        var intervalMins = this.interval;
+        if (this.slotsPerDay === 1) {
+            var hoursRange = util.getStartEndHours(util.resetTime(new Date(startDate.getTime())), this.startHour, this.endHour);
+            intervalMins = (hoursRange.endHour.getTime() - hoursRange.startHour.getTime()) / util.MS_PER_MINUTE;
+        }
         return ((util.getUniversalTime(endDate) - util.getUniversalTime(startDate)) /
-            util.MS_PER_MINUTE * (this.cellWidth * this.slotCount) / this.interval);
+            util.MS_PER_MINUTE * (this.cellWidth * this.slotCount) / intervalMins);
     };
     TimelineEvent.prototype.getSpannedEventsWidth = function (startDate, endDate, diffInDays) {
         var width = (diffInDays * this.slotsPerDay) * this.cellWidth;

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

@@ -360,7 +360,7 @@ var VerticalEvent = /** @class */ (function (_super) {
             var templateId = elementId + viewName + 'eventTemplate';
             var resIndex = this.parent.uiStateValues.isGroupAdaptive ? this.parent.uiStateValues.groupIndex : resource;
             var templateName = this.isResourceEventTemplate ? this.parent.getEventTemplateName(resIndex) : 'eventTemplate';
-            templateElement = this.parent.getAppointmentTemplate()(record, this.parent, templateName, templateId, false);
+            templateElement = this.parent.getAppointmentTemplate()(record, this.parent, templateName, templateId, false, undefined, undefined, this.parent.root);
         }
         else {
             var appointmentSubject = createElement('div', { className: cls.SUBJECT_CLASS });
@@ -575,7 +575,7 @@ var VerticalEvent = /** @class */ (function (_super) {
         }
         if (eStart <= eEnd && isValidEvent && this.isWorkDayAvailable(resource, eStart)) {
             var appHeight = this.getHeight(eStart, eEnd);
-            if (eStart.getTime() > schedule.startHour.getTime()) {
+            if (eStart.getTime() >= schedule.startHour.getTime()) {
                 topValue = this.getTopValue(eStart, dayIndex, resource);
             }
             var appIndex = this.getOverlapIndex(record, dayIndex, false, resource);
@@ -842,12 +842,12 @@ var VerticalEvent = /** @class */ (function (_super) {
         var rowHeight;
         if (this.parent.uiStateValues.expand) {
             target.setAttribute('title', this.parent.localeObj.getConstant('collapseAllDaySection'));
-            target.setAttribute('aria-label', 'Collapse section');
+            target.setAttribute('aria-label', this.parent.localeObj.getConstant('collapseAllDaySection'));
             rowHeight = ((this.allDayLevel + 1) * this.getEventHeight()) + 4;
         }
         else {
             target.setAttribute('title', this.parent.localeObj.getConstant('expandAllDaySection'));
-            target.setAttribute('aria-label', 'Expand section');
+            target.setAttribute('aria-label', this.parent.localeObj.getConstant('expandAllDaySection'));
             rowHeight = (3 * this.getEventHeight()) + 4;
             this.parent.element.querySelector('.' + cls.DATE_HEADER_WRAP_CLASS).scrollTop = 0;
         }

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

@@ -175,7 +175,8 @@ var YearEvent = /** @class */ (function (_super) {
                             return "continue";
                         }
                     }
-                    var enableAppRender = this_1.maxOrIndicator || (overlapIndex < eventsPerRow) || (this_1.cellHeight > availedHeight);
+                    var enableAppRender = this_1.maxOrIndicator || (overlapIndex < eventsPerRow) ||
+                        (this_1.cellHeight > availedHeight);
                     if (this_1.parent.rowAutoHeight || enableAppRender || this_1.cellHeight > availedHeight) {
                         this_1.renderEvent(eventWrapper, eventData, row, leftValue, rightValue, monthStart, dayIndex);
                         if (this_1.parent.rowAutoHeight || this_1.cellHeight > availedHeight) {
@@ -478,7 +479,7 @@ var YearEvent = /** @class */ (function (_super) {
         var eventObj = extend({}, record, null, true);
         if (this.parent.activeViewOptions.eventTemplate) {
             var templateId = this.parent.element.id + '_' + this.parent.activeViewOptions.eventTemplateName + 'eventTemplate';
-            templateElement = this.parent.getAppointmentTemplate()(eventObj, this.parent, 'eventTemplate', templateId, false);
+            templateElement = this.parent.getAppointmentTemplate()(eventObj, this.parent, 'eventTemplate', templateId, false, undefined, undefined, this.parent.root);
         }
         else {
             var locationEle = (record[this.fields.location] || this.parent.eventSettings.fields.location.default || '');

package/src/schedule/exports/calendar-import.js

@@ -49,8 +49,7 @@ var ICalendarImport = /** @class */ (function () {
             else {
                 newlineOffset = 1;
             }
-            // eslint-disable-next-line security/detect-object-injection
-            var firstChar = iCalString[lastPosition];
+            var firstChar = iCalString.charAt(lastPosition);
             if (firstChar === ' ' || firstChar === '\n' || firstChar === '\t') {
                 iString += iCalString.slice(lastPosition + 1, position - newlineOffset);
             }

package/src/schedule/exports/print.js

@@ -78,6 +78,7 @@ var Print = /** @class */ (function () {
         Schedule.Inject(Day, Week, WorkWeek, Month, Agenda, MonthAgenda, TimelineViews, TimelineMonth, Year, TimelineYear);
         this.printInstance = new Schedule(this.getPrintScheduleModel(printOptions));
         this.printInstance.isPrinting = true;
+        this.printInstance.root = this.parent.root ? this.parent.root : this.parent;
         this.printInstance.appendTo(element);
         this.printInstance.on(events.print, this.contentReady, this);
         this.printWindow = window.open('', 'print', 'height=' + window.outerHeight + ',width=' + window.outerWidth + ',tabbar=no');
@@ -111,7 +112,7 @@ var Print = /** @class */ (function () {
                     eventSettings.dataSource = this.parent.eventsData;
                     var eventTemplate = !isNullOrUndefined(printOptions.eventSettings) &&
                         !isNullOrUndefined(printOptions.eventSettings.template) ? printOptions.eventSettings.template : eventSettings.template;
-                    eventSettings.template = typeof (eventTemplate) === 'function' ? null : eventTemplate;
+                    eventSettings.template = !this.parent.isAngular && typeof (eventTemplate) === 'function' ? null : eventTemplate;
                     printModel.eventSettings = eventSettings;
                     break;
                 }
@@ -122,13 +123,15 @@ var Print = /** @class */ (function () {
                     break;
                 case 'timeScale':
                     timeScale = isNullOrUndefined(printOptions.timeScale) ? this.parent.timeScale : printOptions.timeScale;
-                    timeScale.majorSlotTemplate = typeof (timeScale.majorSlotTemplate) === 'function' ? null : timeScale.majorSlotTemplate;
-                    timeScale.minorSlotTemplate = typeof (timeScale.minorSlotTemplate) === 'function' ? null : timeScale.minorSlotTemplate;
-                    printOptions.timeScale = timeScale;
+                    if (!this.parent.isAngular) {
+                        timeScale.majorSlotTemplate = typeof (timeScale.majorSlotTemplate) === 'function' ? null : timeScale.majorSlotTemplate;
+                        timeScale.minorSlotTemplate = typeof (timeScale.minorSlotTemplate) === 'function' ? null : timeScale.minorSlotTemplate;
+                    }
+                    printModel.timeScale = timeScale;
                     break;
                 case 'views':
                     views = isNullOrUndefined(printOptions.views) ? this.parent.views : printOptions.views;
-                    if (views && views.length > 0 && typeof (views[0]) === 'object') {
+                    if (!this.parent.isAngular && views && views.length > 0 && typeof (views[0]) === 'object') {
                         var _loop_1 = function (view) {
                             scheduleTemplates.forEach(function (x) {
                                 if (!isNullOrUndefined(view["" + x])) {
@@ -146,8 +149,8 @@ var Print = /** @class */ (function () {
                 default:
                     if (scheduleTemplates.indexOf(key) > -1) {
                         printModel["" + key] = isNullOrUndefined(printOptions["" + key]) ?
-                            (typeof (this.parent["" + key]) === 'function' ? null : this.parent["" + key]) :
-                            (typeof (printOptions["" + key]) === 'function' ? null : printOptions["" + key]);
+                            (!this.parent.isAngular && typeof (this.parent["" + key]) === 'function' ? null : this.parent["" + key]) :
+                            (!this.parent.isAngular && typeof (printOptions["" + key]) === 'function' ? null : printOptions["" + key]);
                         break;
                     }
                     if (scheduleEvents.indexOf(key) > -1) {

package/src/schedule/models/toolbar-model.d.ts

@@ -168,9 +168,9 @@ export interface ToolbarItemModel {
 
     /**
      * Specifies the unique name for each toolbar item rendered in Schedule. This name is used to map the toolbar items in the Schedule component.
-     * 
+     *
      * To access the default toolbar items, provide the name below,
-     * 
+     *
      * * `Custom`: Schedule component render the custom toolbar item.
      * * `Previous`: Schedule component navigates to the previous date from the current date.
      * * `Next`: Schedule component navigates to the next date from the current date.