@syncfusion/ej2-schedule 25.2.6 → 26.1.35

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 25.2.6
+*  version : 26.1.35
 *  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.4",
+  "_id": "@syncfusion/ej2-schedule@22.9.0",
   "_inBundle": false,
-  "_integrity": "sha512-GotTq1HrcT++YmcD8AsfKhcdJtUYrCa0DLNCTe2vYuPOHHPiJbNyJuXqVGIhENXl9OsDqa3D2RwyddA0Ntd7kA==",
+  "_integrity": "sha512-cbmdRc8J/qV77jIuDMYvpqRZxfgaaT8ATKKb8JFgIE2W/9wR2bhVqd9nWjMfnqTB2n8C+s07mz1p590gCbi5eQ==",
   "_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.4.tgz",
-  "_shasum": "e8ed70e9296b26f48063202ea4729c9917b27076",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-schedule/-/ej2-schedule-22.9.0.tgz",
+  "_shasum": "dc4b9da9933cae83dd17089bda3a219960824ba3",
   "_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.5",
-    "@syncfusion/ej2-buttons": "~25.2.6",
-    "@syncfusion/ej2-calendars": "~25.2.5",
-    "@syncfusion/ej2-data": "~25.2.3",
-    "@syncfusion/ej2-dropdowns": "~25.2.6",
-    "@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.6"
+    "@syncfusion/ej2-base": "~26.1.35",
+    "@syncfusion/ej2-buttons": "~26.1.35",
+    "@syncfusion/ej2-calendars": "~26.1.35",
+    "@syncfusion/ej2-data": "~26.1.35",
+    "@syncfusion/ej2-dropdowns": "~26.1.35",
+    "@syncfusion/ej2-excel-export": "~26.1.35",
+    "@syncfusion/ej2-inputs": "~26.1.35",
+    "@syncfusion/ej2-lists": "~26.1.35",
+    "@syncfusion/ej2-navigations": "~26.1.35",
+    "@syncfusion/ej2-popups": "~26.1.35",
+    "@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.6",
+  "version": "26.1.35",
   "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/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/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();
@@ -1545,7 +1553,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 +1579,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) {

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/event-base.js

@@ -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/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);
                 }
             }

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) {

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/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.

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

@@ -1107,7 +1107,7 @@ var EventWindow = /** @class */ (function () {
     };
     EventWindow.prototype.getFormat = function (formatType) {
         var format;
-        if (this.parent.locale === 'en' || this.parent.locale === 'en-US') {
+        if (isNullOrUndefined(this.parent.locale) || this.parent.locale === 'en' || this.parent.locale === 'en-US') {
             format = getValue(formatType + '.short', getDefaultDateObject(this.parent.getCalendarMode()));
         }
         else {

package/src/schedule/renderer/header-renderer.js

@@ -74,7 +74,8 @@ var HeaderRenderer = /** @class */ (function () {
     };
     HeaderRenderer.prototype.renderToolbar = function () {
         var _this = this;
-        var items = (this.parent.toolbarItems && this.parent.toolbarItems.length > 0) ? this.getToolbarItems() : this.getItems();
+        var items = (this.parent.toolbarItems && this.parent.toolbarItems.length > 0) ?
+            this.getToolbarItems() : this.getItems();
         this.parent.trigger(events.actionBegin, { requestType: 'toolbarItemRendering', items: items }, function (args) {
             _this.toolbarObj = new Toolbar({
                 items: args.items,
@@ -167,6 +168,7 @@ var HeaderRenderer = /** @class */ (function () {
         if (!selEle) {
             return;
         }
+        selEle.firstElementChild.setAttribute('aria-haspopup', 'true');
         var textEle = selEle.querySelector('.e-tbar-btn-text');
         if (this.parent.activeViewOptions.dateRangeTemplate) {
             textEle.textContent = '';
@@ -314,7 +316,7 @@ var HeaderRenderer = /** @class */ (function () {
                         items.push(__assign({}, tbItem, propItem));
                         break;
                     case 'Views':
-                        if (this.parent.views.length > 1) {
+                        if (!isNullOrUndefined(this.parent.views) && this.parent.views.length > 1) {
                             for (var _b = 0, _c = this.parent.views; _b < _c.length; _b++) {
                                 var view = _c[_b];
                                 tbItem = this.getItemObject(view);
@@ -364,11 +366,11 @@ var HeaderRenderer = /** @class */ (function () {
                 align: 'Right', showAlwaysInPopup: (this.parent.isAdaptive || this.parent.enableAdaptiveUI), prefixIcon: 'e-icon-today',
                 text: this.l10n.getConstant('today'), cssClass: 'e-today', overflow: 'Show'
             });
-            if (this.parent.views.length > 1) {
+            if (!isNullOrUndefined(this.parent.views) && this.parent.views.length > 1) {
                 items.push({ align: 'Right', type: 'Separator', cssClass: 'e-schedule-seperator' });
             }
         }
-        if (this.parent.views.length > 1) {
+        if (!isNullOrUndefined(this.parent.views) && this.parent.views.length > 1) {
             for (var _i = 0, _a = this.parent.views; _i < _a.length; _i++) {
                 var item = _a[_i];
                 items.push(this.getItemObject(item));

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

@@ -134,6 +134,9 @@ var VerticalView = /** @class */ (function (_super) {
             this.highlightCurrentTime();
         }
         this.retainScrollPosition();
+        if (!isNullOrUndefined(timeCells) && !isNullOrUndefined(content) && timeCells.scrollTop !== content.scrollTop) {
+            timeCells.scrollTop = content.scrollTop;
+        }
     };
     VerticalView.prototype.setContentHeight = function (element, leftPanelElement, height) {
         if (this.parent.isAdaptive && !this.isTimelineView()) {

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

@@ -35,10 +35,11 @@ var ViewBase = /** @class */ (function () {
                 }
             });
         });
-        if (!isNullOrUndefined(this.parent.resourceBase.renderedResources) && this.parent.resourceBase.renderedResources.length > 0) {
+        var rendereData = this.parent.resourceBase.renderedResources;
+        if (!isNullOrUndefined(rendereData) && rendereData.length > 0) {
             for (var i = 0; i < resourceTd.length; i++) {
                 var element = resourceTd[parseInt(i.toString(), 10)];
-                var data = this.parent.resourceBase.renderedResources[parseInt(i.toString(), 10)];
+                var data = rendereData[parseInt(i.toString(), 10)];
                 if (this.parent.activeView && !isNullOrUndefined(element) && !isNullOrUndefined(data)
                     && parseInt(element.getAttribute('data-group-index'), 10) === data.groupIndex) {
                     this.parent.activeView.setResourceHeaderContent(element, data, cls.RESOURCE_TEXT_CLASS);
@@ -103,6 +104,9 @@ var ViewBase = /** @class */ (function () {
         table.setAttribute('aria-label', this.getLabelText(this.parent.currentView));
     };
     ViewBase.prototype.createColGroup = function (table, lastRow) {
+        if (isNullOrUndefined(lastRow)) {
+            return;
+        }
         var length = lastRow.length;
         if (lastRow[0] && lastRow[0].colSpan) {
             length = lastRow.map(function (value) { return value.colSpan; }).reduce(function (prev, next) { return prev + next; });
@@ -246,7 +250,7 @@ var ViewBase = /** @class */ (function () {
     };
     ViewBase.prototype.isWorkDay = function (date, workDays) {
         if (workDays === void 0) { workDays = this.parent.activeViewOptions.workDays; }
-        if (workDays.indexOf(date.getDay()) >= 0) {
+        if (!isNullOrUndefined(workDays) && workDays.indexOf(date.getDay()) >= 0) {
             return true;
         }
         return false;
@@ -373,7 +377,7 @@ var ViewBase = /** @class */ (function () {
         }
         var formattedStr;
         var longDateFormat;
-        if (this.parent.locale === 'en' || this.parent.locale === 'en-US') {
+        if (isNullOrUndefined(this.parent.locale) || this.parent.locale === 'en' || this.parent.locale === 'en-US') {
             longDateFormat = getValue('dateFormats.long', getDefaultDateObject(mode));
         }
         else {