@syncfusion/ej2-schedule 20.3.61 → 20.4.40

package/src/schedule/base/schedule.js

@@ -218,7 +218,7 @@ var Schedule = /** @class */ (function (_super) {
     };
     Schedule.prototype.getViewIndex = function (viewName) {
         for (var item = 0; item < this.viewCollections.length; item++) {
-            var checkIndex = this.viewCollections[item].option;
+            var checkIndex = this.viewCollections[parseInt(item.toString(), 10)].option;
             if (checkIndex === viewName) {
                 return item;
             }
@@ -255,6 +255,7 @@ var Schedule = /** @class */ (function (_super) {
             var fieldViewName = viewName.charAt(0).toLowerCase() + viewName.slice(1);
             obj.cellHeaderTemplateName = obj.cellHeaderTemplate ? obj.option : '';
             obj.dateHeaderTemplateName = obj.dateHeaderTemplate ? obj.option : '';
+            obj.dateRangeTemplateName = obj.dateRangeTemplate ? obj.option : '';
             obj.cellTemplateName = obj.cellTemplate ? obj.option : '';
             obj.dayHeaderTemplateName = obj.dayHeaderTemplate ? obj.option : '';
             obj.monthHeaderTemplateName = obj.monthHeaderTemplate ? obj.option : '';
@@ -268,11 +269,11 @@ var Schedule = /** @class */ (function (_super) {
                 delete obj.interval;
             }
             this.viewCollections.push(obj);
-            if (isNullOrUndefined(this.viewOptions[fieldViewName])) {
-                this.viewOptions[fieldViewName] = [obj];
+            if (isNullOrUndefined(this.viewOptions["" + fieldViewName])) {
+                this.viewOptions["" + fieldViewName] = [obj];
             }
             else {
-                this.viewOptions[fieldViewName].push(obj);
+                this.viewOptions["" + fieldViewName].push(obj);
             }
             count++;
         }
@@ -300,7 +301,8 @@ var Schedule = /** @class */ (function (_super) {
             allowGroupEdit: this.group.allowGroupEdit,
             resources: this.group.resources,
             headerTooltipTemplate: this.group.headerTooltipTemplate,
-            enableCompactView: this.group.enableCompactView
+            enableCompactView: this.group.enableCompactView,
+            hideNonWorkingDays: ['Day', 'Week', 'WorkWeek', 'Month'].indexOf(this.currentView) > -1 ? this.group.hideNonWorkingDays : false
         };
         var workDays = this.viewCollections[this.viewIndex].workDays ? [] : this.workDays;
         var scheduleOptions = {
@@ -317,6 +319,7 @@ var Schedule = /** @class */ (function (_super) {
             cellTemplate: this.cellTemplate,
             eventTemplate: this.eventSettings.template,
             dateHeaderTemplate: this.dateHeaderTemplate,
+            dateRangeTemplate: this.dateRangeTemplate,
             resourceHeaderTemplate: this.resourceHeaderTemplate,
             headerIndentTemplate: this.headerIndentTemplate,
             firstMonthOfYear: this.firstMonthOfYear,
@@ -396,6 +399,7 @@ var Schedule = /** @class */ (function (_super) {
         this.monthHeaderTemplateFn = this.templateParser(this.activeViewOptions.monthHeaderTemplate);
         this.cellTemplateFn = this.templateParser(this.activeViewOptions.cellTemplate);
         this.dateHeaderTemplateFn = this.templateParser(this.activeViewOptions.dateHeaderTemplate);
+        this.dateRangeTemplateFn = this.templateParser(this.activeViewOptions.dateRangeTemplate);
         this.majorSlotTemplateFn = this.templateParser(this.activeViewOptions.timeScale.majorSlotTemplate);
         this.minorSlotTemplateFn = this.templateParser(this.activeViewOptions.timeScale.minorSlotTemplate);
         this.appointmentTemplateFn = this.templateParser(this.activeViewOptions.eventTemplate);
@@ -508,16 +512,18 @@ var Schedule = /** @class */ (function (_super) {
         if (!muteOnChange && index === this.viewIndex && this.currentView === view || index < 0) {
             return;
         }
-        this.viewIndex = index;
+        var previousView = this.activeViewOptions ? this.activeViewOptions.option : this.currentView;
         var args = { requestType: 'viewNavigate', cancel: false, event: event };
         this.trigger(events.actionBegin, args, function (actionArgs) {
             if (!actionArgs.cancel) {
                 var navArgs = {
-                    action: 'view', cancel: false, currentDate: _this.selectedDate, previousView: _this.currentView, currentView: view, viewIndex: _this.viewIndex
+                    action: 'view', cancel: false, currentDate: _this.selectedDate, previousView: previousView, currentView: view, viewIndex: index
                 };
                 _this.trigger(events.navigating, navArgs, function (navigationArgs) {
                     if (!navigationArgs.cancel) {
-                        _this.uiStateValues.isInitial = view.indexOf('Timeline') > -1 || _this.currentView.indexOf('Timeline') > -1 ? true : _this.uiStateValues.isInitial;
+                        var isVertical = ['Day', 'Week', 'WorkWeek'].indexOf(view) > -1 && ['Day', 'Week', 'WorkWeek'].indexOf(previousView) < 0;
+                        _this.uiStateValues.isInitial = isVertical || view.indexOf('Timeline') > -1 || view.indexOf('Year') > -1;
+                        _this.uiStateValues.top = view.indexOf('Timeline') > -1 && previousView.indexOf('Timeline') < 0 ? 0 : _this.uiStateValues.top;
                         _this.viewIndex = navigationArgs.viewIndex;
                         _this.setProperties({ currentView: view }, true);
                         if (_this.headerModule) {
@@ -530,8 +536,14 @@ var Schedule = /** @class */ (function (_super) {
                         args = { requestType: 'viewNavigate', cancel: false, event: event };
                         _this.trigger(events.actionComplete, args);
                     }
+                    else {
+                        _this.currentView = previousView;
+                    }
                 });
             }
+            else {
+                _this.currentView = previousView;
+            }
         });
     };
     /**
@@ -552,7 +564,7 @@ var Schedule = /** @class */ (function (_super) {
                 };
                 _this.trigger(events.navigating, navArgs, function (navigationArgs) {
                     if (!navigationArgs.cancel) {
-                        _this.uiStateValues.isInitial = _this.activeView.isTimelineView() ? true : _this.uiStateValues.isInitial;
+                        _this.uiStateValues.isInitial = _this.activeView.isTimelineView() && _this.currentView !== 'TimelineYear';
                         _this.validateDate(navigationArgs.currentDate);
                         if (_this.headerModule) {
                             _this.headerModule.setCalendarDate(navigationArgs.currentDate);
@@ -959,6 +971,15 @@ var Schedule = /** @class */ (function (_super) {
     Schedule.prototype.getDateHeaderTemplate = function () {
         return this.dateHeaderTemplateFn;
     };
+    /**
+     * Method to process date range template
+     *
+     * @returns {CallbackFunction} Returns the callback function
+     * @private
+     */
+    Schedule.prototype.getDateRangeTemplate = function () {
+        return this.dateRangeTemplateFn;
+    };
     /**
      * Method to process major slot template
      *
@@ -1318,14 +1339,14 @@ var Schedule = /** @class */ (function (_super) {
                 case 'dateFormat':
                     this.activeViewOptions = this.getActiveViewOptions();
                     if (this.headerModule) {
-                        this.headerModule.updateDateRange(this.activeView.getDateRangeText());
+                        this.headerModule.updateDateRange();
                     }
                     break;
                 case 'showHeaderBar':
                     this.destroyHeaderModule();
                     if (newProp.showHeaderBar) {
                         this.headerModule = new HeaderRenderer(this);
-                        this.headerModule.updateDateRange(this.activeView.getDateRangeText());
+                        this.headerModule.updateDateRange();
                     }
                     this.notify(events.scrollUiUpdate, { cssProperties: this.getCssProperties() });
                     if (this.activeView.isTimelineView()) {
@@ -1382,6 +1403,13 @@ var Schedule = /** @class */ (function (_super) {
                     this.dateHeaderTemplateFn = this.templateParser(this.activeViewOptions.dateHeaderTemplate);
                     state.isLayout = true;
                     break;
+                case 'dateRangeTemplate':
+                    this.activeViewOptions.dateRangeTemplate = newProp.dateRangeTemplate;
+                    this.dateRangeTemplateFn = this.templateParser(this.activeViewOptions.dateRangeTemplate);
+                    if (this.headerModule) {
+                        this.headerModule.updateDateRange();
+                    }
+                    break;
                 case 'dayHeaderTemplate':
                     this.activeViewOptions.dayHeaderTemplate = newProp.dayHeaderTemplate;
                     this.dayHeaderTemplateFn = this.templateParser(this.activeViewOptions.dayHeaderTemplate);
@@ -1561,7 +1589,7 @@ var Schedule = /** @class */ (function (_super) {
                 if (this.showHeaderBar && this.headerModule) {
                     this.destroyHeaderModule();
                     this.headerModule = new HeaderRenderer(this);
-                    this.headerModule.updateDateRange(this.activeView.getDateRangeText());
+                    this.headerModule.updateDateRange();
                 }
                 state.isLayout = true;
                 break;
@@ -1584,7 +1612,7 @@ var Schedule = /** @class */ (function (_super) {
         for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
             var prop = _a[_i];
             if (prop === 'headerTooltipTemplate') {
-                this.headerTooltipTemplateFn = this.templateParser(newProp[prop]);
+                this.headerTooltipTemplateFn = this.templateParser(newProp.headerTooltipTemplate);
             }
             else {
                 state.isLayout = true;
@@ -1759,7 +1787,7 @@ var Schedule = /** @class */ (function (_super) {
             util.resetTime(date);
             var renderDates = this.activeView.renderDates;
             if (!isNullOrUndefined(groupIndex) && this.resourceBase && !this.activeView.isTimelineView()) {
-                renderDates = this.resourceBase.lastResourceLevel[groupIndex].renderDates;
+                renderDates = this.resourceBase.lastResourceLevel[parseInt(groupIndex.toString(), 10)].renderDates;
             }
             var colIndex = this.getIndexOfDate(renderDates, date);
             if (colIndex >= 0) {
@@ -1771,16 +1799,16 @@ var Schedule = /** @class */ (function (_super) {
                 for (var i = startIndex; i < endIndex; i++) {
                     if (this.activeView.isTimelineView()) {
                         var rowIndex = (!isNullOrUndefined(groupIndex)) ? groupIndex : 0;
-                        cells.push(tableEle.rows[rowIndex].cells[i]);
+                        cells.push(tableEle.rows[parseInt(rowIndex.toString(), 10)].cells[parseInt(i.toString(), 10)]);
                     }
                     else {
                         if (!isNullOrUndefined(groupIndex)) {
                             var selector = '.' + cls.WORK_CELLS_CLASS + '[data-group-index="' + groupIndex + '"]';
-                            var tds = [].slice.call(tableEle.rows[i].querySelectorAll(selector));
-                            cells.push(tds[colIndex]);
+                            var tds = [].slice.call(tableEle.rows[parseInt(i.toString(), 10)].querySelectorAll(selector));
+                            cells.push(tds[parseInt(colIndex.toString(), 10)]);
                         }
                         else {
-                            cells.push(tableEle.rows[i].cells[colIndex]);
+                            cells.push(tableEle.rows[parseInt(i.toString(), 10)].cells[parseInt(colIndex.toString(), 10)]);
                         }
                     }
                 }
@@ -1865,7 +1893,7 @@ var Schedule = /** @class */ (function (_super) {
     Schedule.prototype.changeCurrentView = function (viewName, viewIndex) {
         var index = this.getViewIndex(viewName);
         var view = viewName.charAt(0).toLowerCase() + viewName.slice(1);
-        var viewOptions = this.viewOptions[view];
+        var viewOptions = this.viewOptions["" + view];
         if (viewOptions) {
             index = this.viewCollections.indexOf(viewOptions[viewIndex || 0]);
         }
@@ -1894,7 +1922,7 @@ var Schedule = /** @class */ (function (_super) {
             if (index < 0 || index >= this.resourceBase.lastResourceLevel.length) {
                 return undefined;
             }
-            var data = this.resourceBase.lastResourceLevel[index];
+            var data = this.resourceBase.lastResourceLevel[parseInt(index.toString(), 10)];
             var groupData = {};
             this.resourceBase.setResourceValues(groupData, index);
             return { resource: data.resource, resourceData: data.resourceData, groupData: groupData };
@@ -2236,6 +2264,12 @@ var Schedule = /** @class */ (function (_super) {
                 this.dateHeaderTemplateFn = this.templateParser(this.activeViewOptions.dateHeaderTemplate);
                 this.activeView.refreshHeader();
                 break;
+            case 'dateRangeTemplate':
+                this.dateRangeTemplateFn = this.templateParser(this.activeViewOptions.dateRangeTemplate);
+                if (this.headerModule) {
+                    this.headerModule.refresh();
+                }
+                break;
             case 'resourceHeaderTemplate':
                 this.resourceHeaderTemplateFn = this.templateParser(this.activeViewOptions.resourceHeaderTemplate);
                 if (this.activeView.isTimelineView()) {
@@ -2341,7 +2375,8 @@ var Schedule = /** @class */ (function (_super) {
         eventEnd = this.getDateTime(eventEnd);
         var eventCollection = this.eventBase.filterEvents(eventStart, eventEnd);
         if (!isNullOrUndefined(groupIndex) && this.resourceBase && this.resourceBase.lastResourceLevel.length > 0) {
-            eventCollection = this.eventBase.filterEventsByResource(this.resourceBase.lastResourceLevel[groupIndex], eventCollection);
+            eventCollection =
+                this.eventBase.filterEventsByResource(this.resourceBase.lastResourceLevel[parseInt(groupIndex.toString(), 10)], eventCollection);
         }
         if (eventObj) {
             if (eventObj.Guid) {
@@ -2474,6 +2509,19 @@ var Schedule = /** @class */ (function (_super) {
             this.quickPopup.quickPopupHide(true);
         }
     };
+    /**
+     * Closes the tooltip.
+     * For example, when the context menu is opened for an event,
+     * the tooltip can be closed by calling this method.
+     *
+     * @function closeTooltip
+     * @returns {void}
+     */
+    Schedule.prototype.closeTooltip = function () {
+        if (this.eventTooltip) {
+            this.eventTooltip.close();
+        }
+    };
     /**
      * Select the resource based on group index in mobile mode.
      *
@@ -2586,7 +2634,7 @@ var Schedule = /** @class */ (function (_super) {
         ];
         for (var _i = 0, modules_1 = modules; _i < modules_1.length; _i++) {
             var module = modules_1[_i];
-            this[module] = null;
+            this["" + module] = null;
         }
         util.removeChildren(this.element);
         var removeClasses = [cls.ROOT, cls.RTL, cls.DEVICE_CLASS, cls.MULTI_DRAG];
@@ -2679,6 +2727,9 @@ var Schedule = /** @class */ (function (_super) {
     __decorate([
         Property()
     ], Schedule.prototype, "dateHeaderTemplate", void 0);
+    __decorate([
+        Property()
+    ], Schedule.prototype, "dateRangeTemplate", void 0);
     __decorate([
         Property()
     ], Schedule.prototype, "cellHeaderTemplate", void 0);

package/src/schedule/base/util.js

@@ -269,8 +269,6 @@ export function getDateFromString(date) {
     return date.indexOf('Date') !== -1 ? new Date(parseInt(date.match(/\d+/g).toString(), 10)) :
         date.indexOf('T') !== -1 ? new Date(date) : new Date(date.replace(/-/g, '/'));
 }
-/** @private */
-var scrollWidth = null;
 /**
  * Method to get scrollbar width
  *
@@ -286,7 +284,7 @@ export function getScrollBarWidth() {
         Math.ceil(devicePixelRatio % 1) : Math.floor(devicePixelRatio % 1) : 0;
     value = (divNode.offsetWidth - divNode.clientWidth - ratio) | 0;
     document.body.removeChild(divNode);
-    return scrollWidth = value;
+    return value;
 }
 /**
  * Method to find the index from data collection
@@ -301,12 +299,12 @@ export function getScrollBarWidth() {
 // eslint-disable-next-line max-len
 export function findIndexInData(data, field, value, event, resourceCollection) {
     for (var i = 0, length_1 = data.length; i < length_1; i++) {
-        if (data[i][field] === value) {
+        if (data[parseInt(i.toString(), 10)]["" + field] === value) {
             if (event) {
                 var field_1 = resourceCollection.slice(-2)[0].field;
-                var res = (event[field_1] instanceof Array ? event[field_1] : [event[field_1]]);
+                var res = (event["" + field_1] instanceof Array ? event["" + field_1] : [event["" + field_1]]);
                 var resData = res.join(',');
-                if (resData.includes(data[i][resourceCollection.slice(-1)[0].groupIDField])) {
+                if (resData.includes(data[parseInt(i.toString(), 10)][resourceCollection.slice(-1)[0].groupIDField])) {
                     return i;
                 }
             }

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

@@ -50,40 +50,41 @@ var AgendaBase = /** @class */ (function (_super) {
             listElements.forEach(function (element, li) {
                 var appWrapper = createElement('div', {
                     className: cls.APPOINTMENT_CLASS, attrs: {
-                        'data-id': 'Appointment_' + listData[li][_this.parent.eventFields.id],
-                        'data-guid': listData[li].Guid,
+                        'data-id': 'Appointment_' + listData[parseInt(li.toString(), 10)]["" + _this.parent.eventFields.id],
+                        'data-guid': listData[parseInt(li.toString(), 10)].Guid,
                         'role': 'button',
                         'tabindex': '0',
-                        'aria-disabled': _this.parent.eventBase.getReadonlyAttribute(listData[li]),
+                        'aria-disabled': _this.parent.eventBase.getReadonlyAttribute(listData[parseInt(li.toString(), 10)]),
                         'aria-pressed': 'false',
-                        'aria-label': _this.parent.getAnnouncementString(listData[li])
+                        'aria-label': _this.parent.getAnnouncementString(listData[parseInt(li.toString(), 10)])
                     }
                 });
                 if (!isNullOrUndefined(groupIndex)) {
                     appWrapper.setAttribute('data-group-index', groupIndex.toString());
                 }
-                _this.parent.eventBase.applyResourceColor(appWrapper, listData[li], 'borderColor', groupOrder);
+                _this.parent.eventBase.applyResourceColor(appWrapper, listData[parseInt(li.toString(), 10)], 'borderColor', groupOrder);
                 var templateEle;
                 if (!isNullOrUndefined(_this.parent.activeViewOptions.eventTemplate)) {
                     addClass([appWrapper], cls.EVENT_TEMPLATE);
                     var scheduleId = _this.parent.element.id + '_';
                     var viewName = _this.parent.activeViewOptions.eventTemplateName;
                     var templateId = scheduleId + viewName + 'eventTemplate';
-                    templateEle = _this.parent.getAppointmentTemplate()(listData[li], _this.parent, 'eventTemplate', templateId, false);
-                    if (!isNullOrUndefined(listData[li][fieldMapping.recurrenceRule])) {
-                        var iconClass = (listData[li][fieldMapping.id] === listData[li][fieldMapping.recurrenceID]) ?
+                    templateEle = _this.parent.getAppointmentTemplate()(listData[parseInt(li.toString(), 10)], _this.parent, 'eventTemplate', templateId, false);
+                    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]) ?
                             cls.EVENT_RECURRENCE_ICON_CLASS : cls.EVENT_RECURRENCE_EDIT_ICON_CLASS;
                         appWrapper.appendChild(createElement('div', { className: cls.ICON + ' ' + iconClass }));
                     }
                 }
                 else {
-                    templateEle = _this.createAppointment(listData[li]);
+                    templateEle = _this.createAppointment(listData[parseInt(li.toString(), 10)]);
                 }
                 append([].slice.call(templateEle), appWrapper);
                 util.removeChildren(element);
                 element.appendChild(appWrapper);
                 var args = {
-                    data: extend({}, listData[li], null, true),
+                    data: extend({}, listData[parseInt(li.toString(), 10)], null, true),
                     element: element, cancel: false
                 };
                 _this.parent.trigger(event.eventRendered, args, function (eventArgs) {
@@ -185,7 +186,7 @@ var AgendaBase = /** @class */ (function (_super) {
                     var data = [];
                     agendaDate = firstDate;
                     // eslint-disable-next-line max-len
-                    var resDataCollection = this.parent.eventBase.filterEvents(agendaDate, agendaLastDate, agendaCollection, resData[res]);
+                    var resDataCollection = this.parent.eventBase.filterEvents(agendaDate, agendaLastDate, agendaCollection, resData[parseInt(res.toString(), 10)]);
                     if (resDataCollection.length > 0 || !this.parent.hideEmptyAgendaDays || this.parent.currentView === 'MonthAgenda') {
                         for (var r = 0; r < noOfDays; r++) {
                             // eslint-disable-next-line max-len
@@ -195,19 +196,22 @@ var AgendaBase = /** @class */ (function (_super) {
                                 data.push(resDayCollection[0]);
                                 eventObj = {
                                     rowSpan: 1, type: 'eventColumn', resource: resColl[resColl.length - 1],
-                                    groupIndex: resData[res].groupIndex, groupOrder: resData[res].groupOrder,
-                                    resourceData: resData[res].resourceData, eventData: resDayCollection, date: agendaDate
+                                    groupIndex: resData[parseInt(res.toString(), 10)].groupIndex,
+                                    groupOrder: resData[parseInt(res.toString(), 10)].groupOrder,
+                                    resourceData: resData[parseInt(res.toString(), 10)].resourceData,
+                                    eventData: resDayCollection, date: agendaDate
                                 };
                                 dateObj = {
-                                    rowSpan: 1, type: 'dateColumn', resource: resColl[resColl.length - 1],
-                                    groupOrder: resData[res].groupOrder, resourceData: resData[res].resourceData,
+                                    rowSpan: 1, type: 'dateColumn', resource: resColl[parseInt((resColl.length - 1).toString(), 10)],
+                                    groupOrder: resData[parseInt(res.toString(), 10)].groupOrder,
+                                    resourceData: resData[parseInt(res.toString(), 10)].resourceData,
                                     date: agendaDate
                                 };
-                                if (!lastLevelInfo[tempIndex]) {
-                                    lastLevelInfo[tempIndex] = [];
+                                if (!lastLevelInfo[parseInt(tempIndex.toString(), 10)]) {
+                                    lastLevelInfo[parseInt(tempIndex.toString(), 10)] = [];
                                 }
-                                lastLevelInfo[tempIndex].push(eventObj);
-                                lastLevelInfo[tempIndex].push(dateObj);
+                                lastLevelInfo[parseInt(tempIndex.toString(), 10)].push(eventObj);
+                                lastLevelInfo[parseInt(tempIndex.toString(), 10)].push(dateObj);
                                 tempIndex++;
                             }
                             agendaDate = util.addDays(agendaDate, 1);
@@ -215,12 +219,13 @@ var AgendaBase = /** @class */ (function (_super) {
                                 || this.parent.currentView === 'MonthAgenda') {
                                 lastLevelInfo[lastLevelInfo.length - 1][1].cssClass = cls.AGENDA_DAY_BORDER_CLASS;
                                 var tempObj = {
-                                    rowSpan: data.length, type: 'resourceColumn', resource: resColl[resColl.length - 1],
-                                    groupOrder: resData[res].groupOrder.slice(0, -1), resourceData: resData[res].resourceData,
+                                    rowSpan: data.length, type: 'resourceColumn', resource: resColl[parseInt((resColl.length - 1).toString(), 10)],
+                                    groupOrder: resData[parseInt(res.toString(), 10)].groupOrder.slice(0, -1),
+                                    resourceData: resData[parseInt(res.toString(), 10)].resourceData,
                                     groupIndex: (lastLevelInfo.length - data.length), className: [cls.RESOURCE_NAME],
                                     date: agendaDate
                                 };
-                                lastLevelInfo[lastLevelInfo.length - data.length].push(tempObj);
+                                lastLevelInfo[parseInt((lastLevelInfo.length - data.length).toString(), 10)].push(tempObj);
                                 tempLastLevelInfo.push(extend({}, tempObj, null, true));
                                 break;
                             }
@@ -236,15 +241,15 @@ var AgendaBase = /** @class */ (function (_super) {
                         var z = 0;
                         for (var u = 0; u < tempLastLevelInfo.length; u++) {
                             // eslint-disable-next-line max-len
-                            if (tempLastLevelInfo[u].groupOrder[topResources.length - (y + 1)] === data[x][topResources[topResources.length - (y + 1)].idField]) {
-                                totalRowSpan = totalRowSpan + tempLastLevelInfo[u].rowSpan;
-                                tempGroupedData.push(extend({}, tempLastLevelInfo[u], null, true));
+                            if (tempLastLevelInfo[parseInt(u.toString(), 10)].groupOrder[topResources.length - (y + 1)] === data[parseInt(x.toString(), 10)][topResources[topResources.length - (y + 1)].idField]) {
+                                totalRowSpan = totalRowSpan + tempLastLevelInfo[parseInt(u.toString(), 10)].rowSpan;
+                                tempGroupedData.push(extend({}, tempLastLevelInfo[parseInt(u.toString(), 10)], null, true));
                             }
                             if (++z === tempLastLevelInfo.length && tempGroupedData.length > 0) {
                                 tempGroupedData[0].rowSpan = totalRowSpan;
                                 tempGroupedData[0].type = 'parentColumnLevel_' + (y + 1);
                                 tempGroupedData[0].resource = topResources[topResources.length - (y + 1)];
-                                tempGroupedData[0].resourceData = data[x];
+                                tempGroupedData[0].resourceData = data[parseInt(x.toString(), 10)];
                                 tempGroupedData[0].date = agendaDate;
                                 lastLevelInfo[tempGroupedData[0].groupIndex].push(tempGroupedData[0]);
                                 tempGroupedData = [];
@@ -272,22 +277,22 @@ var AgendaBase = /** @class */ (function (_super) {
             var tContentCollection = [];
             var parentCollection = this.parent.resourceBase.resourceCollection.slice(0, -1);
             for (var w = 0; w < tContent.length; w++) {
-                tContentCollection = tContentCollection.concat(tContent[w]);
+                tContentCollection = tContentCollection.concat(tContent[parseInt(w.toString(), 10)]);
             }
             level = (parentCollection.length > 0) ? 'parentColumnLevel_' + parentCollection.length : 'resourceColumn';
             var rowSpanCollection = tContentCollection.filter(function (data) { return data.type === level; });
             for (var x = 0; x < rowSpanCollection.length; x++) {
-                rowSpan = rowSpan + rowSpanCollection[x].rowSpan;
+                rowSpan = rowSpan + rowSpanCollection[parseInt(x.toString(), 10)].rowSpan;
             }
         }
         for (var row = 0; row < tContent.length; row++) {
             ntr = tr.cloneNode();
-            for (var col = tContent[row].length - 1; col >= 0; col--) {
-                var data = tContent[row][col];
+            for (var col = tContent[parseInt(row.toString(), 10)].length - 1; col >= 0; col--) {
+                var data = tContent[parseInt(row.toString(), 10)][parseInt(col.toString(), 10)];
                 var ntd = td.cloneNode();
                 if (data.type === 'dateColumn') {
                     if (this.parent.activeViewOptions.group.byDate || this.parent.currentView === 'MonthAgenda') {
-                        tempData = tContent[row][col];
+                        tempData = tContent[parseInt(row.toString(), 10)][parseInt(col.toString(), 10)];
                         continue;
                     }
                     ntd.setAttribute('data-date', data.date.getTime().toString());

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

@@ -45,8 +45,8 @@ var EventBase = /** @class */ (function () {
                 event_1 = this_1.processTimezone(event_1);
             }
             for (var level = 0; level < resourceCollection.length; level++) {
-                if (event_1[resourceCollection[level].field] === null || event_1[resourceCollection[level].field] === 0) {
-                    event_1[resourceCollection[level].field] = undefined;
+                if (event_1[resourceCollection[parseInt(level.toString(), 10)].field] === null || event_1[resourceCollection[parseInt(level.toString(), 10)].field] === 0) {
+                    event_1[resourceCollection[parseInt(level.toString(), 10)].field] = undefined;
                 }
             }
             if (!isNullOrUndefined(event_1[fields.recurrenceRule]) && event_1[fields.recurrenceRule] === '') {
@@ -218,7 +218,7 @@ var EventBase = /** @class */ (function () {
         var resourceData;
         if (this.parent.activeViewOptions.group.resources.length > 0) {
             var data = this.getGroupIndexFromEvent(eventObj);
-            resourceData = this.parent.resourceBase.lastResourceLevel[data];
+            resourceData = this.parent.resourceBase.lastResourceLevel[parseInt(data.toString(), 10)];
         }
         var blockEvents = extend([], this.parent.blockProcessed, null, true);
         for (var _i = 0, blockEvents_1 = blockEvents; _i < blockEvents_1.length; _i++) {
@@ -270,15 +270,15 @@ var EventBase = /** @class */ (function () {
         var predicate = {};
         var resourceCollection = this.parent.resourceBase.resourceCollection;
         for (var level = 0; level < resourceCollection.length; level++) {
-            predicate[resourceCollection[level].field] = resourceTdData.groupOrder[level];
+            predicate[resourceCollection[parseInt(level.toString(), 10)].field] = resourceTdData.groupOrder[parseInt(level.toString(), 10)];
         }
         var keys = Object.keys(predicate);
         var filteredCollection = appointments.filter(function (eventObj) { return keys.every(function (key) {
-            if (eventObj[key] instanceof Array) {
-                return eventObj[key].indexOf(predicate[key]) > -1;
+            if (eventObj["" + key] instanceof Array) {
+                return eventObj["" + key].indexOf(predicate["" + key]) > -1;
             }
             else {
-                return eventObj[key] === predicate[key];
+                return eventObj["" + key] === predicate["" + key];
             }
         }); });
         return filteredCollection;
@@ -383,7 +383,7 @@ var EventBase = /** @class */ (function () {
             }
             var cStart = start;
             for (var level = 0; level < this.slots.length; level++) {
-                var slot = this.slots[level];
+                var slot = this.slots[parseInt(level.toString(), 10)];
                 if (this.parent.currentView === 'WorkWeek' || this.parent.currentView === 'TimelineWorkWeek'
                     || this.parent.activeViewOptions.group.byDate || this.parent.activeViewOptions.showWeekend) {
                     var slotDates = [];
@@ -418,9 +418,9 @@ var EventBase = /** @class */ (function () {
                         var hasBreak = endIndex !== -1;
                         endIndex = hasBreak ? endIndex : slot.length - 1;
                         var count = ((endIndex - startIndex) + 1);
-                        var isLeft = (slot[startIndex] !== orgStart);
-                        var isRight = (slot[endIndex] !== orgEnd);
-                        ranges.push(this.cloneEventObject(event, slot[startIndex], slot[endIndex], count, isLeft, isRight));
+                        var isLeft = (slot[parseInt(startIndex.toString(), 10)] !== orgStart);
+                        var isRight = (slot[parseInt(endIndex.toString(), 10)] !== orgEnd);
+                        ranges.push(this.cloneEventObject(event, slot[parseInt(startIndex.toString(), 10)], slot[parseInt(endIndex.toString(), 10)], count, isLeft, isRight));
                         if (hasBreak) {
                             break;
                         }
@@ -430,8 +430,8 @@ var EventBase = /** @class */ (function () {
                     if (this.dateInRange(cStart, slot[0], slot[slot.length - 1])) {
                         var availSlot = [];
                         for (var i = 0; i < slot.length; i++) {
-                            if (this.dateInRange(slot[i], orgStart, orgEnd)) {
-                                availSlot.push(slot[i]);
+                            if (this.dateInRange(slot[parseInt(i.toString(), 10)], orgStart, orgEnd)) {
+                                availSlot.push(slot[parseInt(i.toString(), 10)]);
                             }
                         }
                         if (availSlot.length > 0) {
@@ -607,9 +607,9 @@ var EventBase = /** @class */ (function () {
         var levelName;
         var idField;
         for (var i = this.parent.resourceBase.resourceCollection.length - 1; i >= 0; i--) {
-            var resourceData = eventData[this.parent.resourceBase.resourceCollection[i].field];
+            var resourceData = eventData[this.parent.resourceBase.resourceCollection[parseInt(i.toString(), 10)].field];
             if (!isNullOrUndefined(resourceData)) {
-                resource = this.parent.resourceBase.resourceCollection[i];
+                resource = this.parent.resourceBase.resourceCollection[parseInt(i.toString(), 10)];
                 levelIndex = i;
                 levelName = resource.name;
                 idField = resource.field;
@@ -628,8 +628,8 @@ var EventBase = /** @class */ (function () {
                 return null;
             })[0];
         }
-        var id = ((eventData[idField] instanceof Array) ?
-            eventData[idField][0] : eventData[idField]);
+        var id = ((eventData["" + idField] instanceof Array) ?
+            eventData["" + idField][0] : eventData["" + idField]);
         if (levelIndex > 0) {
             var parentField = this.parent.resourceCollection[levelIndex - 1].field;
             return this.parent.resourceBase.getIndexFromResourceId(id, levelName, resource, eventData, parentField);
@@ -1006,7 +1006,7 @@ var EventBase = /** @class */ (function () {
         var idField = isGuid ? 'Guid' : (isFollowing) ? this.parent.eventFields.followingID : this.parent.eventFields.recurrenceID;
         var fieldKey = isGuid ? 'Guid' : this.parent.eventFields.id;
         var dataSource = isGuid ? this.parent.eventsProcessed : this.parent.eventsData;
-        return dataSource.filter(function (data) { return data[idField] === eventObj[fieldKey]; });
+        return dataSource.filter(function (data) { return data["" + idField] === eventObj["" + fieldKey]; });
     };
     EventBase.prototype.getOccurrencesByID = function (id) {
         var fields = this.parent.eventFields;
@@ -1050,14 +1050,14 @@ var EventBase = /** @class */ (function () {
             var exDateString_1 = parentObject[fields.recurrenceException].split(',');
             var _loop_3 = function (i, len) {
                 var edited = this_2.parent.eventsData.filter(function (eventObj) {
-                    return eventObj[fields.recurrenceID] === parentObject[fields.id] && eventObj[fields.recurrenceException] === exDateString_1[i];
+                    return eventObj[fields.recurrenceID] === parentObject[fields.id] && eventObj[fields.recurrenceException] === exDateString_1[parseInt(i.toString(), 10)];
                 });
                 if (edited.length === 0) {
-                    var exDate = getDateFromRecurrenceDateString(exDateString_1[i]);
+                    var exDate = getDateFromRecurrenceDateString(exDateString_1[parseInt(i.toString(), 10)]);
                     var childObject = extend({}, recurrenceData, null, true);
                     childObject[fields.recurrenceID] = parentObject[fields.id];
                     delete childObject[fields.followingID];
-                    childObject[fields.recurrenceException] = exDateString_1[i];
+                    childObject[fields.recurrenceException] = exDateString_1[parseInt(i.toString(), 10)];
                     var startDate = new Date(exDate.getTime());
                     var time = parentObject[fields.endTime].getTime() - parentObject[fields.startTime].getTime();
                     var endDate = new Date(startDate.getTime());
@@ -1209,14 +1209,14 @@ var EventBase = /** @class */ (function () {
         var filteredDates;
         if (dateRender[0] < this.parent.minDate && dateRender[dateRender.length - 1] > this.parent.maxDate) {
             for (var i = 0; i < dateRender.length; i++) {
-                if (util.resetTime(dateRender[i]).getTime() === util.resetTime(new Date(this.parent.minDate)).getTime()) {
+                if (util.resetTime(dateRender[parseInt(i.toString(), 10)]).getTime() === util.resetTime(new Date(this.parent.minDate)).getTime()) {
                     firstDate = i;
                 }
-                if (util.resetTime(dateRender[i]).getTime() === util.resetTime(new Date(this.parent.maxDate)).getTime()) {
+                if (util.resetTime(dateRender[parseInt(i.toString(), 10)]).getTime() === util.resetTime(new Date(this.parent.maxDate)).getTime()) {
                     lastDate = i;
                 }
             }
-            filteredDates = dateRender.filter(function (date) { return date >= dateRender[firstDate] && date <= dateRender[lastDate]; });
+            filteredDates = dateRender.filter(function (date) { return date >= dateRender[parseInt(firstDate.toString(), 10)] && date <= dateRender[parseInt(lastDate.toString(), 10)]; });
         }
         return filteredDates;
     };
@@ -1267,7 +1267,7 @@ var EventBase = /** @class */ (function () {
         var tr = createElement('tr');
         var levels = this.parent.activeView.colLevels.slice(-1)[0];
         for (var i = 0, len = levels.length; i < len; i++) {
-            var col = levels[i];
+            var col = levels[parseInt(i.toString(), 10)];
             var appointmentWrap = createElement('td', {
                 className: (type === 'allDay') ? cls.ALLDAY_APPOINTMENT_WRAPPER_CLASS : (type === 'timeIndicator') ?
                     cls.TIMELINE_WRAPPER_CLASS : cls.DAY_WRAPPER_CLASS, attrs: { 'data-date': col.date.getTime().toString() }