@syncfusion/ej2-schedule 20.3.61 → 20.4.38

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

@@ -72,14 +72,17 @@ var YearEvent = /** @class */ (function (_super) {
             for (var index = 0; startDate.getTime() < endDate.getTime(); index++) {
                 var start = util.resetTime(new Date(startDate.getTime()));
                 var end = util.addDays(new Date(start.getTime()), 1);
+                startDate = util.addDays(new Date(startDate.getTime()), 1);
+                if (!this.parent.isMinMaxDate(start)) {
+                    continue;
+                }
                 var filterEvents = this.parent.eventBase.filterEvents(start, end);
                 if (filterEvents.length > 0) {
-                    var workCell = workCells[index];
+                    var workCell = workCells[parseInt(index.toString(), 10)];
                     if (workCell) {
                         workCell.appendChild(createElement('div', { className: cls.APPOINTMENT_CLASS }));
                     }
                 }
-                startDate = util.addDays(new Date(startDate.getTime()), 1);
             }
         }
     };
@@ -91,12 +94,14 @@ var YearEvent = /** @class */ (function (_super) {
         this.eventHeight = util.getElementHeightFromClass(eventTable, cls.APPOINTMENT_CLASS);
         var wrapperCollection = [].slice.call(this.parent.element.querySelectorAll('.' + cls.APPOINTMENT_CONTAINER_CLASS));
         var months = this.getMonths();
+        var groupIndex = (this.parent.activeViewOptions.group.resources.length > 0 && this.parent.uiStateValues.isGroupAdaptive) ?
+            this.parent.uiStateValues.groupIndex : undefined;
         for (var row = 0; row < months.length; row++) {
-            var wrapper = wrapperCollection[row];
+            var wrapper = wrapperCollection[parseInt(row.toString(), 10)];
             var td = row + 1;
             var eventWrapper = createElement('div', { className: cls.APPOINTMENT_WRAPPER_CLASS });
             wrapper.appendChild(eventWrapper);
-            var monthStart = new Date(this.parent.selectedDate.getFullYear(), months[row], 1);
+            var monthStart = new Date(this.parent.selectedDate.getFullYear(), months[parseInt(row.toString(), 10)], 1);
             var monthEnd = new Date(monthStart.getFullYear(), monthStart.getMonth() + 1, 0);
             var dayIndex = monthStart.getDay();
             var isSpannedCollection = [];
@@ -107,7 +112,7 @@ var YearEvent = /** @class */ (function (_super) {
                 var leftValue = void 0;
                 var rightValue = void 0;
                 if (this.parent.activeViewOptions.orientation === 'Vertical') {
-                    var wrapper_1 = wrapperCollection[dayIndex];
+                    var wrapper_1 = wrapperCollection[parseInt(dayIndex.toString(), 10)];
                     td = dayIndex + 1;
                     var eventWrapper_1 = wrapper_1.querySelector('.' + cls.APPOINTMENT_WRAPPER_CLASS);
                     if (!eventWrapper_1) {
@@ -140,7 +145,7 @@ var YearEvent = /** @class */ (function (_super) {
                 var dayEvents = this.parent.eventBase.filterEvents(dayStart, dayEnd, undefined, resource);
                 dayEvents = this.parent.eventBase.sortByDateTime(dayEvents);
                 var _loop_1 = function (index, count) {
-                    var eventData = extend({}, dayEvents[index], null, true);
+                    var eventData = extend({}, dayEvents[parseInt(index.toString(), 10)], null, true);
                     this_1.updateSpannedEvents(eventData, dayStart, dayEnd);
                     var overlapIndex = this_1.getIndex(dayStart);
                     eventData.Index = overlapIndex;
@@ -158,7 +163,7 @@ var YearEvent = /** @class */ (function (_super) {
                         });
                         if (isRendered.length > 0 && isRendered[0].MoreIndicator || isSpanned.length > 0 && isSpanned[0].MoreIndicator) {
                             var moreIndex = this_1.parent.activeViewOptions.orientation === 'Horizontal' ? row : dayIndex;
-                            this_1.renderMoreIndicator(eventWrapper, moreIndicatorCount, dayStart, moreIndex, leftValue, rightValue);
+                            this_1.renderMoreIndicator(eventWrapper, moreIndicatorCount, dayStart, moreIndex, leftValue, rightValue, groupIndex);
                             return "continue";
                         }
                         else if (isRendered.length > 0 || isSpanned.length > 0) {
@@ -173,7 +178,7 @@ var YearEvent = /** @class */ (function (_super) {
                     }
                     else {
                         var moreIndex = this_1.parent.activeViewOptions.orientation === 'Horizontal' ? row : dayIndex;
-                        this_1.renderMoreIndicator(eventWrapper, moreIndicatorCount, dayStart, moreIndex, leftValue, rightValue);
+                        this_1.renderMoreIndicator(eventWrapper, moreIndicatorCount, dayStart, moreIndex, leftValue, rightValue, groupIndex);
                         if (this_1.parent.activeViewOptions.orientation === 'Horizontal') {
                             eventData.MoreIndicator = true;
                             this_1.renderedEvents.push(eventData);
@@ -230,10 +235,10 @@ var YearEvent = /** @class */ (function (_super) {
         var months = this.getMonths();
         if (this.parent.activeViewOptions.orientation === 'Horizontal') {
             for (var month = 0; month < months.length; month++) {
-                var monthStart = new Date(this.parent.selectedDate.getFullYear(), months[month], 1);
+                var monthStart = new Date(this.parent.selectedDate.getFullYear(), months[parseInt(month.toString(), 10)], 1);
                 for (var i = 0, len = resources.length; i < len; i++) {
                     this.renderedEvents = [];
-                    this.renderResourceEvent(wrapperCollection[month], resources[i], month, i, monthStart);
+                    this.renderResourceEvent(wrapperCollection[parseInt(month.toString(), 10)], resources[parseInt(i.toString(), 10)], month, i, monthStart);
                 }
             }
         }
@@ -241,8 +246,8 @@ var YearEvent = /** @class */ (function (_super) {
             for (var i = 0, len = resources.length; i < len; i++) {
                 this.renderedEvents = [];
                 for (var month = 0; month < months.length; month++) {
-                    var monthStart = new Date(this.parent.selectedDate.getFullYear(), months[month], 1);
-                    this.renderResourceEvent(wrapperCollection[i], resources[i], month, i, monthStart);
+                    var monthStart = new Date(this.parent.selectedDate.getFullYear(), months[parseInt(month.toString(), 10)], 1);
+                    this.renderResourceEvent(wrapperCollection[parseInt(i.toString(), 10)], resources[parseInt(i.toString(), 10)], month, i, monthStart);
                 }
             }
         }
@@ -257,7 +262,7 @@ var YearEvent = /** @class */ (function (_super) {
         this.cellHeight = td.offsetHeight;
         this.groupOrder = resource.groupOrder;
         for (var a = 0; a < eventDatas.length; a++) {
-            var data = eventDatas[a];
+            var data = eventDatas[parseInt(a.toString(), 10)];
             var overlapIndex = void 0;
             var eventData = extend({}, data, null, true);
             if (this.parent.activeViewOptions.group.resources.length > 0) {
@@ -272,6 +277,9 @@ var YearEvent = /** @class */ (function (_super) {
             var availedHeight = this.cellHeader + (this.eventHeight * (a + 1)) + EVENT_GAP + this.moreIndicatorHeight;
             var leftValue = (this.parent.activeViewOptions.orientation === 'Vertical') ?
                 month * this.cellWidth : index * this.cellWidth;
+            if (!this.parent.isMinMaxDate(eventData[this.fields.startTime])) {
+                return;
+            }
             if (this.parent.rowAutoHeight || this.cellHeight > availedHeight) {
                 this.renderEvent(eventWrapper, eventData, month, leftValue, leftValue, monthStart, index);
                 this.updateCellHeight(td, availedHeight);
@@ -281,7 +289,7 @@ var YearEvent = /** @class */ (function (_super) {
                 this.renderMoreIndicator(eventWrapper, eventDatas.length - a, monthStart, moreIndex, leftValue, leftValue, index);
                 if (this.parent.activeViewOptions.orientation === 'Horizontal') {
                     for (var i = index; i < eventDatas.length; i++) {
-                        this.renderedEvents.push(extend({}, eventDatas[i], { Index: overlapIndex + i }, true));
+                        this.renderedEvents.push(extend({}, eventDatas[parseInt(i.toString(), 10)], { Index: overlapIndex + i }, true));
                     }
                 }
                 break;
@@ -342,7 +350,7 @@ var YearEvent = /** @class */ (function (_super) {
             return;
         }
         var endDate;
-        if (this.parent.activeViewOptions.group.resources.length > 0) {
+        if (this.parent.activeViewOptions.group.resources.length > 0 && !this.parent.uiStateValues.isGroupAdaptive) {
             endDate = util.addDays(util.lastDateOfMonth(new Date(startDate.getTime())), 1);
         }
         else {
@@ -445,7 +453,7 @@ var YearEvent = /** @class */ (function (_super) {
             eventData[this.fields.endTime] = monthEnd;
             isSpanned.isRight = true;
         }
-        if (this.parent.activeViewOptions.group.resources.length === 0) {
+        if (this.parent.activeViewOptions.group.resources.length === 0 || this.parent.uiStateValues.isGroupAdaptive) {
             var end = util.resetTime(eventData[this.fields.endTime]).getTime();
             var start = util.resetTime(eventData[this.fields.startTime]).getTime();
             if (eventObj[this.fields.isAllDay] && end === eventObj[this.fields.endTime].getTime() || isSpanned.isRight) {
@@ -466,7 +474,7 @@ var YearEvent = /** @class */ (function (_super) {
         var appointmentsList = [];
         var dateStart;
         var dateEnd;
-        if (this.parent.activeViewOptions.group.resources.length > 0) {
+        if (this.parent.activeViewOptions.group.resources.length > 0 && !this.parent.uiStateValues.isGroupAdaptive) {
             var monthStart = this.parent.calendarUtil.getMonthStartDate(new Date(date.getTime()));
             var monthEnd = util.addDays(this.parent.calendarUtil.getMonthEndDate(new Date(date.getTime())), -1);
             dateStart = util.resetTime(new Date(monthStart.getTime())).getTime();

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

@@ -70,7 +70,7 @@ var ICalendarExport = /** @class */ (function () {
                 var exDate = eventObj[fields.recurrenceException].split(',');
                 for (var i = 0; i < exDate.length - 1; i++) {
                     calendarEvent.splice(5, 0, 'EXDATE:' +
-                        _this.convertDateToString(getDateFromRecurrenceDateString(exDate[i]), eventObj[fields.isAllDay]));
+                        _this.convertDateToString(getDateFromRecurrenceDateString(exDate[parseInt(i.toString(), 10)]), eventObj[fields.isAllDay]));
                 }
             }
             if (eventObj[fields.recurrenceID]) {
@@ -80,7 +80,7 @@ var ICalendarExport = /** @class */ (function () {
             var customFields = _this.customFieldFilter(eventObj, fields);
             if (customFields.length > 0) {
                 customFields.forEach(function (customField) {
-                    return calendarEvent.splice(4, 0, customField + ':' + (eventObj[customField] || ''));
+                    return calendarEvent.splice(4, 0, customField + ':' + (eventObj["" + customField] || ''));
                 });
             }
             var app = extend({}, eventObj);
@@ -101,7 +101,7 @@ var ICalendarExport = /** @class */ (function () {
         return icsString;
     };
     ICalendarExport.prototype.customFieldFilter = function (eventObj, fields) {
-        var defaultFields = Object.keys(fields).map(function (key) { return fields[key]; });
+        var defaultFields = Object.keys(fields).map(function (key) { return fields["" + key]; });
         var eventFields = Object.keys(eventObj);
         return eventFields.filter(function (value) { return (defaultFields.indexOf(value) === -1) && (value !== 'Guid'); });
     };
@@ -135,7 +135,7 @@ var ICalendarExport = /** @class */ (function () {
         }
     };
     ICalendarExport.prototype.filterEvents = function (data, field, value) {
-        return data.filter(function (e) { return e[field] === value; });
+        return data.filter(function (e) { return e["" + field] === value; });
     };
     ICalendarExport.prototype.getModuleName = function () {
         return 'iCalendarExport';

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

@@ -77,7 +77,7 @@ var ICalendarImport = /** @class */ (function () {
                         case 'BEGIN':
                             break;
                         case 'UID':
-                            curEvent[uId] = value;
+                            curEvent["" + uId] = value;
                             if (typeof (id) == 'number') {
                                 curEvent[fields.id] = parseInt(value, 10);
                                 if (isNaN(curEvent[fields.id])) {
@@ -107,10 +107,10 @@ var ICalendarImport = /** @class */ (function () {
                         default:
                             if (_this.parent.resourceCollection.length > 0) {
                                 var resData = _this.parent.resourceCollection.filter(function (data) { return data.field === type; });
-                                curEvent[type] = (resData.length > 0 && (typeof (resData[0].dataSource[0][resData[0].idField]) == 'number')) ? parseInt(value, 10) : value;
+                                curEvent["" + type] = (resData.length > 0 && (typeof (resData[0].dataSource[0][resData[0].idField]) == 'number')) ? parseInt(value, 10) : value;
                             }
                             else {
-                                curEvent[type] = value;
+                                curEvent["" + type] = value;
                             }
                     }
                 }
@@ -137,29 +137,29 @@ var ICalendarImport = /** @class */ (function () {
                 id = eventObj[fields.id];
             }
             if (appointmentIds.indexOf(eventObj[fields.id]) < 0) {
-                var data = app.filter(function (data) { return data.UID === eventObj[uId]; });
+                var data = app.filter(function (data) { return data.UID === eventObj["" + uId]; });
                 if (data.length > 1 && isNullOrUndefined(eventObj[fields.recurrenceID])) {
                     id = typeof (maxId) === 'number' ? maxId++ : id;
                     for (var i = 0; i < data.length; i++) {
                         // eslint-disable-next-line no-prototype-builtins
-                        if (data[i].hasOwnProperty(fields.recurrenceID)) {
-                            var exdate = data[i][fields.recurrenceID];
-                            data[i][fields.id] = typeof (maxId) === 'number' ? maxId++ : _this.parent.eventBase.generateGuid();
-                            data[i][fields.recurrenceID] = id;
-                            data[i][fields.recurrenceException] = null;
+                        if (data[parseInt(i.toString(), 10)].hasOwnProperty(fields.recurrenceID)) {
+                            var exdate = data[parseInt(i.toString(), 10)][fields.recurrenceID];
+                            data[parseInt(i.toString(), 10)][fields.id] = typeof (maxId) === 'number' ? maxId++ : _this.parent.eventBase.generateGuid();
+                            data[parseInt(i.toString(), 10)][fields.recurrenceID] = id;
+                            data[parseInt(i.toString(), 10)][fields.recurrenceException] = null;
                             parentObj[fields.recurrenceException] =
                                 _this.getExcludeDateString(parentObj[fields.recurrenceException], exdate);
-                            delete data[i][uId];
-                            appoint.push(data[i]);
+                            delete data[parseInt(i.toString(), 10)]["" + uId];
+                            appoint.push(data[parseInt(i.toString(), 10)]);
                         }
                     }
-                    delete parentObj[uId];
+                    delete parentObj["" + uId];
                     parentObj[fields.id] = id;
                     appoint.push(parentObj);
                     // eslint-disable-next-line no-prototype-builtins
                 }
                 else if (!eventObj.hasOwnProperty(fields.recurrenceID)) {
-                    delete eventObj[uId];
+                    delete eventObj["" + uId];
                     eventObj[fields.id] = typeof (maxId) === 'number' ? maxId++ : id;
                     appoint.push(eventObj);
                 }
@@ -188,8 +188,7 @@ var ICalendarImport = /** @class */ (function () {
         return (value.replace(/\\\,/g, ',').replace(/\\\;/g, ';').replace(/\\[nN]/g, '\n').replace(/\\\\/g, '\\'));
     };
     ICalendarImport.prototype.dateParsing = function (element) {
-        var expression = /([^':;]+)((?:;(?:[^':;]+)(?:=(?:(?:'[^']*')|(?:[^':;]+))))*):(.*)/;
-        var split = (element.match(expression)).slice(1);
+        var split = element.split(':');
         var value = split[split.length - 1];
         var newDate = new Date(this.getDateString(value));
         if (element && (element.indexOf('VALUE=DATE') > -1 || element.indexOf('RECURRENCE-ID;TZID') > -1)) {

package/src/schedule/exports/excel-export.js

@@ -58,7 +58,7 @@ var ExcelExport = /** @class */ (function () {
         var exportColumns = exportOptions.fieldsInfo || [];
         if (exportColumns.length === 0) {
             var fields = exportOptions.fields || Object.keys(this.parent.eventFields).map(function (field) {
-                return _this.parent.eventFields[field];
+                return _this.parent.eventFields["" + field];
             });
             fields.forEach(function (field) { exportColumns.push({ name: field, text: field }); });
         }

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

@@ -54,4 +54,12 @@ export interface GroupModel {
      */
     headerTooltipTemplate?: string;
 
+    /**
+     * Decides whether to show/hide the non-working days. It is set to `false` by default and when set to `true`, it hides the non-working days.
+     * This property is applicable for `Day`, `Week`, `WorkWeek` and `month` views, which are grouped under date.
+     *
+     * @default false
+     */
+    hideNonWorkingDays?: boolean;
+
 }

package/src/schedule/models/group.d.ts

@@ -46,4 +46,11 @@ export declare class Group extends ChildProperty<Group> {
      * @default null
      */
     headerTooltipTemplate: string;
+    /**
+     * Decides whether to show/hide the non-working days. It is set to `false` by default and when set to `true`, it hides the non-working days.
+     * This property is applicable for `Day`, `Week`, `WorkWeek` and `month` views, which are grouped under date.
+     *
+     * @default false
+     */
+    hideNonWorkingDays: boolean;
 }

package/src/schedule/models/group.js

@@ -44,6 +44,9 @@ var Group = /** @class */ (function (_super) {
     __decorate([
         Property()
     ], Group.prototype, "headerTooltipTemplate", void 0);
+    __decorate([
+        Property(false)
+    ], Group.prototype, "hideNonWorkingDays", void 0);
     return Group;
 }(ChildProperty));
 export { Group };

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

@@ -91,6 +91,13 @@ export interface ViewsModel {
      */
     dateHeaderTemplate?: string;
 
+    /**
+     * It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto the header date range.
+     *
+     * @default null
+     */
+    dateRangeTemplate?: string;
+
     /**
      * The template option which is used to render the customized work cells on the Schedule. Here, the
      *  template accepts either the string or HTMLElement as template design and then the parsed design is displayed onto the work cells.
@@ -245,7 +252,7 @@ export interface ViewsModel {
     /**
      * Allows to set different resource grouping options on all available schedule view modes.
      *
-     * @default { byDate: false, byGroupID: true, allowGroupEdit: false, resources:[]}
+     * @default { byDate: false, byGroupID: true, allowGroupEdit: false, resources:[], hideNonWorkingDays: false }
      */
     group?: GroupModel;
 

package/src/schedule/models/views.d.ts

@@ -82,6 +82,12 @@ export declare class Views extends ChildProperty<Views> {
      * @default null
      */
     dateHeaderTemplate: string;
+    /**
+     * It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto the header date range.
+     *
+     * @default null
+     */
+    dateRangeTemplate: string;
     /**
      * The template option which is used to render the customized work cells on the Schedule. Here, the
      *  template accepts either the string or HTMLElement as template design and then the parsed design is displayed onto the work cells.
@@ -219,7 +225,7 @@ export declare class Views extends ChildProperty<Views> {
     /**
      * Allows to set different resource grouping options on all available schedule view modes.
      *
-     * @default { byDate: false, byGroupID: true, allowGroupEdit: false, resources:[]}
+     * @default { byDate: false, byGroupID: true, allowGroupEdit: false, resources:[], hideNonWorkingDays: false }
      */
     group: GroupModel;
     /**

package/src/schedule/models/views.js

@@ -56,6 +56,9 @@ var Views = /** @class */ (function (_super) {
     __decorate([
         Property()
     ], Views.prototype, "dateHeaderTemplate", void 0);
+    __decorate([
+        Property()
+    ], Views.prototype, "dateRangeTemplate", void 0);
     __decorate([
         Property()
     ], Views.prototype, "cellTemplate", void 0);

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

@@ -42,12 +42,13 @@ var EventTooltip = /** @class */ (function () {
             var resCollection = void 0;
             if (this.parent.activeView.isTimelineView()) {
                 var index = parseInt(args.target.getAttribute('data-group-index'), 10);
-                resCollection = this.parent.resourceBase.lastResourceLevel[index];
+                resCollection = this.parent.resourceBase.lastResourceLevel[parseInt(index.toString(), 10)];
             }
             else {
                 var rowIndex = args.target.parentNode.sectionRowIndex;
                 var cellIndex = args.target.cellIndex;
-                resCollection = this.parent.activeView.getColumnLevels()[rowIndex][cellIndex];
+                resCollection =
+                    this.parent.activeView.getColumnLevels()[parseInt(rowIndex.toString(), 10)][parseInt(cellIndex.toString(), 10)];
             }
             var data = {
                 resource: resCollection.resource,

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

@@ -491,14 +491,14 @@ var EventWindow = /** @class */ (function () {
         var resourceCollection = this.parent.resourceBase.resourceCollection;
         var fieldName = args.element.getAttribute('name') || this.getColumnName(args.element);
         for (var i = 0; i < resourceCollection.length; i++) {
-            if (resourceCollection[i].field === fieldName && i < resourceCollection.length - 1) {
+            if (resourceCollection[parseInt(i.toString(), 10)].field === fieldName && i < resourceCollection.length - 1) {
                 var resObject = this.createInstance(i);
                 var datasource = [];
                 var _loop_1 = function (j) {
                     var resourceModel = resourceCollection[i + 1];
                     // eslint-disable-next-line max-len
                     var filter = resourceModel.dataSource.filter(function (data) {
-                        return data[resourceModel.groupIDField] === args.value[j];
+                        return data[resourceModel.groupIDField] === args.value[parseInt(j.toString(), 10)];
                     })[0];
                     var groupId = (!isNullOrUndefined(filter)) ?
                         filter[resourceCollection[i + 1].groupIDField] : null;
@@ -528,9 +528,9 @@ var EventWindow = /** @class */ (function () {
         var fieldName = args.element.getAttribute('name') || this.getColumnName(args.element);
         var resourceCollection = this.parent.resourceBase.resourceCollection;
         for (var i = 0; i < resourceCollection.length; i++) {
-            if ((i < resourceCollection.length - 1) && resourceCollection[i].field === fieldName) {
+            if ((i < resourceCollection.length - 1) && resourceCollection[parseInt(i.toString(), 10)].field === fieldName) {
                 var resObj = this.createInstance(i);
-                var groupId = args.itemData[resourceCollection[i].idField];
+                var groupId = args.itemData[resourceCollection[parseInt(i.toString(), 10)].idField];
                 resObj.dataSource = this.filterDatasource(i, groupId);
                 resObj.dataBind();
                 var resValue = (resObj.dataSource.length > 0) ?
@@ -855,7 +855,7 @@ var EventWindow = /** @class */ (function () {
             var columnName = curElement.name || this.getColumnName(curElement);
             if (!isNullOrUndefined(columnName) && columnName !== '') {
                 if (keyNames.indexOf(columnName) !== -1) {
-                    this.setValueToElement(curElement, eventObj[columnName]);
+                    this.setValueToElement(curElement, eventObj["" + columnName]);
                 }
                 else {
                     this.setDefaultValueToElement(curElement);
@@ -1302,7 +1302,7 @@ var EventWindow = /** @class */ (function () {
             var currentElement = formElement_2[_i];
             var columnName = currentElement.name || this.getColumnName(currentElement);
             if (!isNullOrUndefined(columnName) && columnName !== '') {
-                eventObj[columnName] = this.getValueFromElement(currentElement);
+                eventObj["" + columnName] = this.getValueFromElement(currentElement);
             }
         }
         return eventObj;
@@ -1364,11 +1364,13 @@ var EventWindow = /** @class */ (function () {
                     case 'WEEKLY':
                         types = recEditor.value.split(';')[1].split('=')[1].split(',');
                         for (var index = 0; index < types.length * (interval + 1); index++) {
-                            temp[index] = (types.length > index) ? obj[types[index]] : temp[index - types.length] + (7 * interval);
+                            temp[parseInt(index.toString(), 10)] =
+                                (types.length > index) ? obj[types[parseInt(index.toString(), 10)]] :
+                                    temp[index - types.length] + (7 * interval);
                         }
                         tempValue = temp.sort(function (a, b) { return a - b; });
                         for (var index = 1; index < tempValue.length; index++) {
-                            tempDiff.push(tempValue[index] - tempValue[index - 1]);
+                            tempDiff.push(tempValue[parseInt(index.toString(), 10)] - tempValue[index - 1]);
                         }
                         if ((((endDate.getTime() - startDate.getTime()) / (1000 * 3600)) >= Math.min.apply(Math, tempDiff) * 24)
                             || isNullOrUndefined(interval)) {
@@ -1404,7 +1406,7 @@ var EventWindow = /** @class */ (function () {
     EventWindow.prototype.getRecurrenceIndex = function (recColl, event) {
         var recIndex;
         for (var index = 0; index < recColl.length; index++) {
-            if (event[this.fields.startTime].valueOf() === recColl[index][this.fields.startTime].valueOf()) {
+            if (event[this.fields.startTime].valueOf() === recColl[parseInt(index.toString(), 10)][this.fields.startTime].valueOf()) {
                 recIndex = index;
                 break;
             }
@@ -1507,8 +1509,8 @@ var EventWindow = /** @class */ (function () {
                     if (temp.length > 0) {
                         temp[0][_this.fields.id] = eventObj[_this.fields.id];
                         for (var k = 1; k < temp.length; k++) {
-                            temp[k][_this.fields.id] = _this.parent.eventBase.getEventMaxID(i);
-                            eventList.push(temp[k]);
+                            temp[parseInt(k.toString(), 10)][_this.fields.id] = _this.parent.eventBase.getEventMaxID(i);
+                            eventList.push(temp[parseInt(k.toString(), 10)]);
                             _this.parent.saveEvent(temp[0], currentAction);
                         }
                     }
@@ -1520,8 +1522,8 @@ var EventWindow = /** @class */ (function () {
                 else {
                     if (temp.length > 0) {
                         for (var j = 0; j < temp.length; j++) {
-                            temp[j][_this.fields.id] = _this.parent.eventBase.getEventMaxID(j);
-                            eventList.push(temp[j]);
+                            temp[parseInt(j.toString(), 10)][_this.fields.id] = _this.parent.eventBase.getEventMaxID(j);
+                            eventList.push(temp[parseInt(j.toString(), 10)]);
                         }
                     }
                     else {
@@ -1535,50 +1537,54 @@ var EventWindow = /** @class */ (function () {
                 var resCol = this_2.parent.resourceCollection;
                 var index = void 0;
                 if (resCol.length > 1) {
-                    index = util.findIndexInData(lastResource, lastResourceData.idField, resourceData[i], events, resCol);
+                    index =
+                        util.findIndexInData(lastResource, lastResourceData.idField, resourceData[parseInt(i.toString(), 10)], events, resCol);
                 }
                 else {
-                    index = util.findIndexInData(lastResource, lastResourceData.idField, resourceData[i]);
+                    index =
+                        util.findIndexInData(lastResource, lastResourceData.idField, resourceData[parseInt(i.toString(), 10)]);
                 }
                 if (index < 0) {
                     return { value: void 0 };
                 }
-                var groupId_1 = lastResource[index][lastResourceData.groupIDField];
-                var filter = lastLevel.filter(function (obj) { return obj.resourceData[lastResourceData.idField] === resourceData[i]; }).
+                var groupId_1 = lastResource[parseInt(index.toString(), 10)][lastResourceData.groupIDField];
+                var filter = lastLevel.filter(function (obj) { return obj.resourceData[lastResourceData.idField] ===
+                    resourceData[parseInt(i.toString(), 10)]; }).
                     filter(function (obj) { return obj.resourceData[lastResourceData.groupIDField] === groupId_1; })[0];
                 var groupOrder = filter.groupOrder;
                 for (var index_1 = 0; index_1 < this_2.parent.resourceBase.resourceCollection.length; index_1++) {
-                    var field = this_2.parent.resourceBase.resourceCollection[index_1].field;
-                    events[field] = (groupOrder[index_1] instanceof Array) ? groupOrder[index_1][0] : groupOrder[index_1];
+                    var field = this_2.parent.resourceBase.resourceCollection[parseInt(index_1.toString(), 10)].field;
+                    events["" + field] = (groupOrder[parseInt(index_1.toString(), 10)] instanceof Array) ? groupOrder[parseInt(index_1.toString(), 10)][0] :
+                        groupOrder[parseInt(index_1.toString(), 10)];
                 }
                 addValues();
             }
             else {
                 for (var index = 0; index < this_2.parent.resourceBase.resourceCollection.length - 1; index++) {
-                    var field = this_2.parent.resourceBase.resourceCollection[index].field;
-                    if (events[field] instanceof Array && events[field].length > 1) {
-                        for (var k = 0; k < events[field].length; k++) {
+                    var field = this_2.parent.resourceBase.resourceCollection[parseInt(index.toString(), 10)].field;
+                    if (events["" + field] instanceof Array && events["" + field].length > 1) {
+                        for (var k = 0; k < events["" + field].length; k++) {
                             var event_3 = extend({}, events, null, true);
-                            event_3[field] = eventObj[field][k];
-                            event_3[lastResourceData.field] = resourceData[i];
+                            event_3["" + field] = eventObj["" + field][parseInt(k.toString(), 10)];
+                            event_3[lastResourceData.field] = resourceData[parseInt(i.toString(), 10)];
                             temp.push(event_3);
                         }
                     }
                     else {
                         if (temp.length === 0) {
-                            events[field] = (eventObj[field] instanceof Array) ?
-                                eventObj[field][0] : eventObj[field];
-                            events[lastResourceData.field] = resourceData[i];
+                            events["" + field] = (eventObj["" + field] instanceof Array) ?
+                                eventObj["" + field][0] : eventObj["" + field];
+                            events[lastResourceData.field] = resourceData[parseInt(i.toString(), 10)];
                         }
                         else {
                             for (var l = 0; l < temp.length; l++) {
-                                temp[l][field] = (eventObj[field] instanceof Array) ?
-                                    eventObj[field][0] : eventObj[field];
+                                temp[parseInt(l.toString(), 10)]["" + field] = (eventObj["" + field] instanceof Array) ?
+                                    eventObj["" + field][0] : eventObj["" + field];
                             }
                         }
                     }
                 }
-                events[lastResourceData.field] = resourceData[i];
+                events[lastResourceData.field] = resourceData[parseInt(i.toString(), 10)];
                 addValues();
             }
         };

package/src/schedule/popups/quick-popups.js

@@ -723,9 +723,9 @@ var QuickPopups = /** @class */ (function () {
                 var resourceData = void 0;
                 var lastResource_1;
                 for (var i = this.parent.resourceBase.resourceCollection.length - 1; i >= 0; i--) {
-                    resourceData = eventData[this.parent.resourceBase.resourceCollection[i].field];
+                    resourceData = eventData[this.parent.resourceBase.resourceCollection[parseInt(i.toString(), 10)].field];
                     if (!isNullOrUndefined(resourceData)) {
-                        lastResource_1 = this.parent.resourceBase.resourceCollection[i];
+                        lastResource_1 = this.parent.resourceBase.resourceCollection[parseInt(i.toString(), 10)];
                         break;
                     }
                 }
@@ -738,7 +738,7 @@ var QuickPopups = /** @class */ (function () {
                     var text;
                     var i = util.findIndexInData(lastResourceData_1, lastResource_1.idField, value);
                     if (i > -1) {
-                        text = lastResourceData_1[i][lastResource_1.textField];
+                        text = lastResourceData_1[parseInt(i.toString(), 10)][lastResource_1.textField];
                     }
                     if (text) {
                         resNames_1.push(text);
@@ -749,7 +749,7 @@ var QuickPopups = /** @class */ (function () {
             else {
                 var argsData = args;
                 var groupIndex = !isNullOrUndefined(argsData.groupIndex) ? argsData.groupIndex : 0;
-                var resourceDetails = this.parent.resourceBase.lastResourceLevel[groupIndex];
+                var resourceDetails = this.parent.resourceBase.lastResourceLevel[parseInt(groupIndex.toString(), 10)];
                 resourceValue = resourceDetails.resourceData[resourceDetails.resource.textField];
             }
         }
@@ -826,9 +826,9 @@ var QuickPopups = /** @class */ (function () {
                         var workCells = [].slice.call(this.parent.element.querySelectorAll('.' + cls.CONTENT_WRAP_CLASS +
                             ' tbody tr td[data-group-index="' + gIndex + '"]'));
                         for (var i = 0; i < workCells.length; i++) {
-                            var date = workCells[i].getAttribute('data-date');
+                            var date = workCells[parseInt(i.toString(), 10)].getAttribute('data-date');
                             if (date < tdDate) {
-                                this.morePopup.relateTo = workCells[i];
+                                this.morePopup.relateTo = workCells[parseInt(i.toString(), 10)];
                             }
                         }
                     }

package/src/schedule/renderer/agenda.js

@@ -162,7 +162,7 @@ var Agenda = /** @class */ (function (_super) {
                     this.parent.activeViewOptions.allowVirtualScrolling = false;
                     date = firstDate;
                     if (this.parent.headerModule) {
-                        this.parent.headerModule.updateDateRange(this.parent.activeView.getDateRangeText());
+                        this.parent.headerModule.updateDateRange();
                         this.parent.headerModule.updateHeaderItems('remove');
                     }
                 }
@@ -236,8 +236,8 @@ var Agenda = /** @class */ (function (_super) {
                 prepend([].slice.call(emptyTBody.childNodes), tBody);
                 this.wireEventActions();
                 for (var s = 0, element = tBody.children; s < element.length; s++) {
-                    if (element[s].getAttribute('data-row-index') === topElement.getAttribute('data-column-index')) {
-                        var scrollToValue = element[s].offsetTop -
+                    if (element[parseInt(s.toString(), 10)].getAttribute('data-row-index') === topElement.getAttribute('data-column-index')) {
+                        var scrollToValue = element[parseInt(s.toString(), 10)].offsetTop -
                             this.element.querySelector('.e-agenda-item').offsetHeight;
                         target.scrollTop = scrollToValue;
                         break;
@@ -286,7 +286,7 @@ var Agenda = /** @class */ (function (_super) {
             }
             else {
                 for (var a = 0, length_1 = liCollection.length; a < length_1; a++) {
-                    li = liCollection[a];
+                    li = liCollection[parseInt(a.toString(), 10)];
                     liDetails = li.getBoundingClientRect();
                     if (liDetails.top >= 0) {
                         filterElement = closest(li, '.' + cls.AGENDA_CELLS_CLASS);
@@ -299,7 +299,7 @@ var Agenda = /** @class */ (function (_super) {
     };
     Agenda.prototype.updateHeaderText = function (date) {
         if (this.parent.showHeaderBar) {
-            this.parent.headerModule.updateDateRange(this.getDateRangeText(date));
+            this.parent.headerModule.updateDateRange(date);
         }
     };
     Agenda.prototype.getPreviousNextDate = function (date, type) {

package/src/schedule/renderer/header-renderer.d.ts

@@ -25,7 +25,7 @@ export declare class HeaderRenderer {
     getCalendarView(): CalendarView;
     setCalendarView(): void;
     updateActiveView(): void;
-    updateDateRange(text: string): void;
+    updateDateRange(date?: Date): void;
     refresh(): void;
     updateAddIcon(): void;
     private getDateRangeText;