@syncfusion/ej2-schedule 19.2.60 → 19.3.48

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

@@ -1076,6 +1076,11 @@ var HeaderRenderer = /** @__PURE__ @class */ (function () {
         if (selEle) {
             selEle.setAttribute('aria-label', text);
             selEle.querySelector('.e-tbar-btn-text').innerHTML = text;
+            this.refresh();
+        }
+    };
+    HeaderRenderer.prototype.refresh = function () {
+        if (this.toolbarObj) {
             this.toolbarObj.refreshOverflow();
         }
     };
@@ -1331,7 +1336,7 @@ var HeaderRenderer = /** @__PURE__ @class */ (function () {
                 this.parent.changeView('TimelineYear', args.originalEvent, undefined, this.calculateViewIndex(args));
                 break;
             case 'e-today':
-                if (!this.parent.isSelectedDate(resetTime(this.parent.getCurrentTime()))) {
+                if (this.parent.currentView === 'Agenda' || !this.parent.isSelectedDate(resetTime(this.parent.getCurrentTime()))) {
                     this.parent.changeDate(resetTime(this.parent.getCurrentTime()), args.originalEvent);
                 }
                 break;
@@ -1877,7 +1882,7 @@ var KeyboardInteraction = /** @__PURE__ @class */ (function () {
                 this.processCtrlShiftNavigationArrows(e);
                 break;
             case 'escape':
-                this.processEscape();
+                this.processEscape(e);
         }
     };
     KeyboardInteraction.prototype.addEventListener = function () {
@@ -2022,7 +2027,7 @@ var KeyboardInteraction = /** @__PURE__ @class */ (function () {
         if (target.classList.contains(MORE_EVENT_HEADER_DATE_CLASS)) {
             this.parent.setProperties({ selectedDate: this.parent.getDateFromElement(target) }, true);
             this.parent.changeView(this.parent.getNavigateView(), e);
-            this.processEscape();
+            this.processEscape(e);
             return;
         }
     };
@@ -2601,7 +2606,7 @@ var KeyboardInteraction = /** @__PURE__ @class */ (function () {
                 !this.parent.eventSettings.allowDeleting) {
                 return;
             }
-            this.parent.quickPopup.deleteClick();
+            this.parent.quickPopup.deleteClick(e);
         }
     };
     KeyboardInteraction.prototype.processCtrlShiftNavigationArrows = function (e) {
@@ -2636,8 +2641,8 @@ var KeyboardInteraction = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    KeyboardInteraction.prototype.processEscape = function () {
-        this.parent.quickPopup.onClosePopup();
+    KeyboardInteraction.prototype.processEscape = function (event) {
+        this.parent.quickPopup.onClosePopup(event);
         this.parent.quickPopup.morePopup.hide();
         if (this.parent.headerModule) {
             this.parent.headerModule.hideHeaderPopup();
@@ -4953,12 +4958,7 @@ var EventBase = /** @__PURE__ @class */ (function () {
             if (generateID) {
                 event_1[fields.id] = temp++;
             }
-            if (typeof event_1[fields.startTime] === 'string') {
-                event_1[fields.startTime] = getDateFromString(event_1[fields.startTime]);
-            }
-            if (typeof event_1[fields.endTime] === 'string') {
-                event_1[fields.endTime] = getDateFromString(event_1[fields.endTime]);
-            }
+            event_1 = this_1.updateEventDateTime(event_1);
             if (timeZonePropChanged) {
                 this_1.processTimezoneChange(event_1, oldTimezone);
             }
@@ -5035,6 +5035,15 @@ var EventBase = /** @__PURE__ @class */ (function () {
         this.parent.blockProcessed = blockData;
         return eventData;
     };
+    EventBase.prototype.updateEventDateTime = function (eventData) {
+        if (typeof eventData[this.parent.eventFields.startTime] === 'string') {
+            eventData[this.parent.eventFields.startTime] = getDateFromString(eventData[this.parent.eventFields.startTime]);
+        }
+        if (typeof eventData[this.parent.eventFields.endTime] === 'string') {
+            eventData[this.parent.eventFields.endTime] = getDateFromString(eventData[this.parent.eventFields.endTime]);
+        }
+        return eventData;
+    };
     EventBase.prototype.getProcessedEvents = function (eventCollection) {
         if (eventCollection === void 0) { eventCollection = this.parent.eventsData; }
         var processed = [];
@@ -5195,26 +5204,36 @@ var EventBase = /** @__PURE__ @class */ (function () {
         }); });
         return filteredCollection;
     };
-    EventBase.prototype.sortByTime = function (appointments) {
-        var fieldMapping = this.parent.eventFields;
-        appointments.sort(function (a, b) {
-            var d1 = a[fieldMapping.startTime];
-            var d2 = b[fieldMapping.startTime];
-            return d1.getTime() - d2.getTime();
-        });
-        return appointments;
+    EventBase.prototype.sortByTime = function (appointmentsCollection) {
+        if (this.parent.eventSettings.sortComparer) {
+            appointmentsCollection = this.parent.eventSettings.sortComparer.call(this.parent, appointmentsCollection);
+        }
+        else {
+            var fieldMappings_1 = this.parent.eventFields;
+            appointmentsCollection.sort(function (a, b) {
+                var d1 = a[fieldMappings_1.startTime];
+                var d2 = b[fieldMappings_1.startTime];
+                return d1.getTime() - d2.getTime();
+            });
+        }
+        return appointmentsCollection;
     };
     EventBase.prototype.sortByDateTime = function (appointments) {
-        var fieldMapping = this.parent.eventFields;
-        appointments.sort(function (object1, object2) {
-            var d3 = object1[fieldMapping.startTime];
-            var d4 = object2[fieldMapping.startTime];
-            var d5 = object1[fieldMapping.endTime];
-            var d6 = object2[fieldMapping.endTime];
-            var d1 = d5.getTime() - d3.getTime();
-            var d2 = d6.getTime() - d4.getTime();
-            return (d3.getTime() - d4.getTime() || d2 - d1);
-        });
+        if (this.parent.eventSettings.sortComparer) {
+            appointments = this.parent.eventSettings.sortComparer.call(this.parent, appointments);
+        }
+        else {
+            var fieldMapping_1 = this.parent.eventFields;
+            appointments.sort(function (object1, object2) {
+                var d3 = object1[fieldMapping_1.startTime];
+                var d4 = object2[fieldMapping_1.startTime];
+                var d5 = object1[fieldMapping_1.endTime];
+                var d6 = object2[fieldMapping_1.endTime];
+                var d1 = d5.getTime() - d3.getTime();
+                var d2 = d6.getTime() - d4.getTime();
+                return (d3.getTime() - d4.getTime() || d2 - d1);
+            });
+        }
         return appointments;
     };
     EventBase.prototype.getSmallestMissingNumber = function (array) {
@@ -5267,10 +5286,10 @@ var EventBase = /** @__PURE__ @class */ (function () {
     };
     EventBase.prototype.splitEvent = function (event, dateRender) {
         var fields = this.parent.eventFields;
-        var start = resetTime(new Date(event[fields.startTime] + '')).getTime();
-        var end = resetTime(new Date(event[fields.endTime] + '')).getTime();
+        var start = resetTime(event[fields.startTime]).getTime();
+        var end = resetTime(event[fields.endTime]).getTime();
         if (getDateInMs(event[fields.endTime]) <= 0) {
-            var temp = addDays(resetTime(new Date(event[fields.endTime] + '')), -1).getTime();
+            var temp = addDays(resetTime(event[fields.endTime]), -1).getTime();
             end = start > temp ? start : temp;
         }
         var orgStart = start;
@@ -5542,7 +5561,7 @@ var EventBase = /** @__PURE__ @class */ (function () {
         var isAllDay = event[fieldMapping.isAllDay];
         var isFullDay = ((event[fieldMapping.endTime].getTime() - event[fieldMapping.startTime].getTime())
             / MS_PER_DAY) >= 1;
-        return (isAllDay || isFullDay) ? true : false;
+        return (isAllDay || (!(this.parent.eventSettings.spannedEventPlacement == 'TimeSlot') && isFullDay)) ? true : false;
     };
     EventBase.prototype.addEventListener = function () {
         this.parent.on(documentClick, this.appointmentBorderRemove, this);
@@ -6174,6 +6193,12 @@ var VerticalEvent = /** @__PURE__ @class */ (function (_super) {
         return _this;
     }
     VerticalEvent.prototype.renderAppointments = function () {
+        if (isNullOrUndefined(this.parent)) {
+            return;
+        }
+        if (this.parent.dragAndDropModule) {
+            this.parent.dragAndDropModule.setDragArea();
+        }
         var wrapperElements = [].slice.call(this.parent.element.querySelectorAll('.' + BLOCK_APPOINTMENT_CLASS +
             ',.' + APPOINTMENT_CLASS + ',.' + ROW_COUNT_WRAPPER_CLASS));
         var isDragging = (this.parent.crudModule && this.parent.crudModule.crudObj.isCrudAction) ? true : false;
@@ -6649,7 +6674,7 @@ var VerticalEvent = /** @__PURE__ @class */ (function (_super) {
         var schedule = getStartEndHours(currentDate, this.startHour, this.endHour);
         var isValidEvent = this.isValidEvent(eventObj, eStart, eEnd, schedule);
         if (eStart <= eEnd && isValidEvent) {
-            var appHeight = this.getHeight(eStart, eEnd);
+            var appHeight_1 = this.getHeight(eStart, eEnd);
             if (eStart.getTime() > schedule.startHour.getTime()) {
                 topValue = this.getTopValue(eStart, dayIndex, resource);
             }
@@ -6677,30 +6702,30 @@ var VerticalEvent = /** @__PURE__ @class */ (function (_super) {
                 this.renderedEvents[resource] = [];
             }
             this.renderedEvents[resource].push(extend({}, record, null, true));
-            var appointmentElement_2;
+            var appointmentElement = void 0;
             if (inline) {
-                appointmentElement_2 = this.parent.inlineModule.createInlineAppointmentElement(eventObj);
+                appointmentElement = this.parent.inlineModule.createInlineAppointmentElement(eventObj);
             }
             else {
-                appointmentElement_2 = this.createAppointmentElement(eventObj, false, record.isSpanned, resource);
+                appointmentElement = this.createAppointmentElement(eventObj, false, record.isSpanned, resource);
             }
-            setStyleAttribute(appointmentElement_2, {
+            setStyleAttribute(appointmentElement, {
                 'width': (this.parent.eventSettings.enableMaxHeight ? '100%' : tempData.appWidth),
-                'height': appHeight + 'px', 'top': topValue + 'px'
+                'height': appHeight_1 + 'px', 'top': topValue + 'px'
             });
-            var iconHeight = appointmentElement_2.querySelectorAll('.' + EVENT_INDICATOR_CLASS).length * 15;
-            var maxHeight = appHeight - 40 - iconHeight;
-            var subjectElement = appointmentElement_2.querySelector('.' + SUBJECT_CLASS);
+            var iconHeight = appointmentElement.querySelectorAll('.' + EVENT_INDICATOR_CLASS).length * 15;
+            var maxHeight = appHeight_1 - 40 - iconHeight;
+            var subjectElement = appointmentElement.querySelector('.' + SUBJECT_CLASS);
             if (!this.parent.isAdaptive && subjectElement) {
                 subjectElement.style.maxHeight = formatUnit(maxHeight);
             }
             var index = this.parent.activeViewOptions.group.byDate ? (this.resources.length * dayIndex) + resource : dayCount;
-            this.appendEvent(eventObj, appointmentElement_2, index, tempData.appLeft);
-            this.wireAppointmentEvents(appointmentElement_2, eventObj);
-            if (appointmentElement_2.offsetHeight < this.cellHeight) {
-                var resizeHandlers = [].slice.call(appointmentElement_2.querySelectorAll('.' + EVENT_RESIZE_CLASS));
+            this.appendEvent(eventObj, appointmentElement, index, tempData.appLeft);
+            this.wireAppointmentEvents(appointmentElement, eventObj);
+            if (appHeight_1 < this.cellHeight) {
+                var resizeHandlers = [].slice.call(appointmentElement.querySelectorAll('.' + EVENT_RESIZE_CLASS));
                 resizeHandlers.forEach(function (resizeHandler) {
-                    resizeHandler.style.height = Math.ceil(appointmentElement_2.offsetHeight / resizeHandler.offsetHeight) + 'px';
+                    resizeHandler.style.height = Math.ceil(appHeight_1 / resizeHandler.offsetHeight) + 'px';
                 });
             }
         }
@@ -6793,11 +6818,12 @@ var VerticalEvent = /** @__PURE__ @class */ (function (_super) {
             eventsList = eventsList.filter(function (obj) { return (obj[fieldMapping.startTime] === record[fieldMapping.startTime] &&
                 obj[fieldMapping.endTime] > record[fieldMapping.endTime] || obj[fieldMapping.endTime] > record[fieldMapping.startTime] &&
                 obj[fieldMapping.startTime] < record[fieldMapping.endTime] || obj[fieldMapping.endTime] === record[fieldMapping.startTime]
-                && obj[fieldMapping.startTime] === record[fieldMapping.endTime]) || ((obj[fieldMapping.startTime].getTime() ===
-                record[fieldMapping.startTime].getTime() && obj[fieldMapping.endTime].getTime() === record[fieldMapping.endTime].getTime())
-                || (obj[fieldMapping.startTime].getTime() === record[fieldMapping.startTime].getTime() &&
-                    obj[fieldMapping.endTime].getTime() < record[fieldMapping.endTime].getTime() ||
-                    obj[fieldMapping.endTime].getTime() > record[fieldMapping.endTime].getTime())); });
+                && obj[fieldMapping.startTime] === record[fieldMapping.endTime]) ||
+                ((obj[fieldMapping.startTime].getTime() === record[fieldMapping.startTime].getTime() &&
+                    obj[fieldMapping.endTime].getTime() === record[fieldMapping.endTime].getTime())
+                    || (obj[fieldMapping.startTime].getTime() === record[fieldMapping.startTime].getTime() &&
+                        obj[fieldMapping.endTime].getTime() < record[fieldMapping.endTime].getTime() ||
+                        obj[fieldMapping.endTime].getTime() > record[fieldMapping.endTime].getTime())); });
         }
         if (eventsList.length > 0) {
             var appLevel = eventsList.map(function (obj) { return obj.Index; });
@@ -7002,6 +7028,9 @@ var MonthEvent = /** @__PURE__ @class */ (function (_super) {
         }
     };
     MonthEvent.prototype.renderAppointments = function () {
+        if (this.parent.dragAndDropModule) {
+            this.parent.dragAndDropModule.setDragArea();
+        }
         var conWrap = this.parent.element.querySelector('.' + CONTENT_WRAP_CLASS);
         if (this.parent.rowAutoHeight) {
             this.parent.uiStateValues.top = conWrap.scrollTop;
@@ -7031,6 +7060,13 @@ var MonthEvent = /** @__PURE__ @class */ (function (_super) {
         if (!this.element.querySelector('.' + WORK_CELLS_CLASS)) {
             return;
         }
+        if (this.parent.currentView === 'Month') {
+            var wrapper = createElement('div', { className: APPOINTMENT_WRAPPER_CLASS });
+            var cellTd = this.parent.element.querySelector('.' + WORK_CELLS_CLASS);
+            cellTd.appendChild(wrapper);
+            this.monthHeaderHeight = wrapper.offsetTop - cellTd.offsetTop;
+            cellTd.removeChild(wrapper);
+        }
         this.eventHeight = getElementHeightFromClass(this.element, APPOINTMENT_CLASS);
         var scrollTop = conWrap.scrollTop;
         if (this.parent.rowAutoHeight && this.parent.virtualScrollModule && !isNullOrUndefined(this.parent.currentAction)) {
@@ -7062,10 +7098,10 @@ var MonthEvent = /** @__PURE__ @class */ (function (_super) {
                     this.parent.virtualScrollModule.updateVirtualScrollHeight();
                 }
             }
-            this.parent.notify(scrollUiUpdate, data);
             if (!this.parent.enablePersistence) {
                 this.parent.notify(contentReady, {});
             }
+            this.parent.notify(scrollUiUpdate, data);
             if (this.parent.currentView === 'Month' && this.parent.showWeekNumber) {
                 var totalCells_1 = [].slice.call(this.parent.element.querySelectorAll('.e-content-wrap table tr td:first-child'));
                 var weekNumberCells = [].slice.call(this.parent.element.querySelectorAll('.' + WEEK_NUMBER_CLASS));
@@ -7101,7 +7137,9 @@ var MonthEvent = /** @__PURE__ @class */ (function (_super) {
         this.sortByDateTime(blockList);
         if (this.parent.currentView === 'Month' && this.parent.rowAutoHeight && this.parent.activeViewOptions.group.resources.length === 0) {
             var totalCells = [].slice.call(this.parent.element.querySelectorAll('.e-content-wrap table tr td:first-child'));
-            var height_1 = this.parent.element.querySelector('.e-schedule-table').clientHeight / totalCells.length;
+            var height_1 = this.parent.height === 'auto' ? (this.parent.element.querySelector('.e-content-wrap').clientHeight +
+                this.parent.element.querySelector('.e-date-header-wrap').clientHeight) / totalCells.length
+                : this.parent.element.querySelector('.e-schedule-table').clientHeight / totalCells.length;
             totalCells.forEach(function (cell) {
                 setStyleAttribute(cell, { 'height': height_1 + 'px' });
             });
@@ -7195,7 +7233,6 @@ var MonthEvent = /** @__PURE__ @class */ (function (_super) {
             appWidth = (appWidth <= 0) ? this.cellWidth : appWidth;
             var appLeft = (this.parent.enableRtl) ? 0 : position;
             var appRight = (this.parent.enableRtl) ? position : 0;
-            this.renderWrapperElement(cellTd);
             var appHeight = this.cellHeight - this.monthHeaderHeight;
             var appTop = this.getRowTop(resIndex);
             var blockElement = this.createBlockAppointmentElement(event, resIndex);
@@ -7302,18 +7339,19 @@ var MonthEvent = /** @__PURE__ @class */ (function (_super) {
         var eventSubject = (record[this.fields.subject] || this.parent.eventSettings.fields.subject.default ||
             this.parent.localeObj.getConstant('addTitle'));
         var newRecord = extend({}, record, record.data, true);
-        var appointmentWrapper = createElement('div', {
-            className: APPOINTMENT_CLASS,
-            attrs: {
-                'data-id': 'Appointment_' + record[this.fields.id],
-                'role': 'button', 'tabindex': '0',
-                'aria-readonly': this.parent.eventBase.getReadonlyAttribute(record), 'aria-selected': 'false', 'aria-grabbed': 'true',
-                'aria-label': this.parent.getAnnouncementString(newRecord, eventSubject)
-            }
-        });
+        var attrs = {
+            'data-id': 'Appointment_' + record[this.fields.id],
+            'role': 'button', 'tabindex': '0',
+            'aria-readonly': this.parent.eventBase.getReadonlyAttribute(record), 'aria-selected': 'false', 'aria-grabbed': 'true',
+            'aria-label': this.parent.getAnnouncementString(newRecord, eventSubject)
+        };
         if (!isCloneElement) {
-            appointmentWrapper.setAttribute('data-guid', record.Guid);
+            attrs['data-guid'] = record.Guid;
+        }
+        if (this.parent.activeViewOptions.group.resources.length > 0) {
+            attrs['data-group-index'] = resIndex.toString();
         }
+        var appointmentWrapper = createElement('div', { className: APPOINTMENT_CLASS, attrs: attrs });
         if (!isNullOrUndefined(this.cssClass)) {
             addClass([appointmentWrapper], this.cssClass);
         }
@@ -7322,9 +7360,6 @@ var MonthEvent = /** @__PURE__ @class */ (function (_super) {
         }
         var appointmentDetails = createElement('div', { className: APPOINTMENT_DETAILS });
         appointmentWrapper.appendChild(appointmentDetails);
-        if (this.parent.activeViewOptions.group.resources.length > 0) {
-            appointmentWrapper.setAttribute('data-group-index', resIndex.toString());
-        }
         var templateElement;
         var eventData = record.data;
         var eventObj = this.getEventData(record);
@@ -7437,7 +7472,6 @@ var MonthEvent = /** @__PURE__ @class */ (function (_super) {
             var appWidth = (diffInDays * this.cellWidth) - 5;
             var cellTd = this.workCells[day];
             var appTop = (overlapCount * (appHeight + EVENT_GAP));
-            this.renderWrapperElement(cellTd);
             var height = this.monthHeaderHeight + ((overlapCount + 1) * (appHeight + EVENT_GAP)) + this.moreIndicatorHeight;
             var enableAppRender = this.maxOrIndicator ? overlapCount < 1 ? true : false : this.cellHeight > height;
             if (this.parent.rowAutoHeight || enableAppRender) {
@@ -7474,7 +7508,7 @@ var MonthEvent = /** @__PURE__ @class */ (function (_super) {
                             moreIndicatorElement.setAttribute('data-group-index', groupIndex);
                         }
                         moreIndicatorElement.style.top = appArea + 'px';
-                        moreIndicatorElement.style.width = cellTd_1.offsetWidth - 2 + 'px';
+                        moreIndicatorElement.style.width = this.cellWidth - 2 + 'px';
                         this.renderElement(cellTd_1, moreIndicatorElement);
                         EventHandler.add(moreIndicatorElement, 'click', this.moreIndicatorClick, this);
                     }
@@ -7515,8 +7549,9 @@ var MonthEvent = /** @__PURE__ @class */ (function (_super) {
         var appointmentsList = [];
         for (var _i = 0, appointments_1 = appointments; _i < appointments_1.length; _i++) {
             var app = appointments_1[_i];
-            if ((resetTime(app[this.fields.startTime]).getTime() <= resetTime(date).getTime()) &&
-                (resetTime(app[this.fields.endTime]).getTime() >= resetTime(date).getTime())) {
+            var dateTime = resetTime(date).getTime();
+            if ((resetTime(app[this.fields.startTime]).getTime() <= dateTime) &&
+                (resetTime(app[this.fields.endTime]).getTime() >= dateTime)) {
                 appointmentsList.push(app);
             }
         }
@@ -7585,8 +7620,9 @@ var MonthEvent = /** @__PURE__ @class */ (function (_super) {
         if (this.maxOrIndicator && isAppointment) {
             this.setMaxEventHeight(element, cellTd);
         }
-        if (cellTd.querySelector('.' + APPOINTMENT_WRAPPER_CLASS)) {
-            cellTd.querySelector('.' + APPOINTMENT_WRAPPER_CLASS).appendChild(element);
+        var wrapperEle = cellTd.querySelector('.' + APPOINTMENT_WRAPPER_CLASS);
+        if (wrapperEle) {
+            wrapperEle.appendChild(element);
         }
         else {
             var wrapper = createElement('div', { className: APPOINTMENT_WRAPPER_CLASS });
@@ -7594,17 +7630,6 @@ var MonthEvent = /** @__PURE__ @class */ (function (_super) {
             cellTd.appendChild(wrapper);
         }
     };
-    MonthEvent.prototype.renderWrapperElement = function (cellTd) {
-        var element = cellTd.querySelector('.' + APPOINTMENT_WRAPPER_CLASS);
-        if (!isNullOrUndefined(element)) {
-            this.monthHeaderHeight = element.offsetTop - cellTd.offsetTop;
-        }
-        else {
-            var wrapper = createElement('div', { className: APPOINTMENT_WRAPPER_CLASS });
-            cellTd.appendChild(wrapper);
-            this.monthHeaderHeight = wrapper.offsetTop - cellTd.offsetTop;
-        }
-    };
     MonthEvent.prototype.getMoreIndicatorElement = function (count, startDate, endDate) {
         var moreIndicatorElement = createElement('div', {
             className: MORE_INDICATOR_CLASS,
@@ -7717,6 +7742,36 @@ var TimelineEvent = /** @__PURE__ @class */ (function (_super) {
         }
         return appointmentsList;
     };
+    TimelineEvent.prototype.getSortComparerIndex = function (startDate, endDate) {
+        var appIndex = -1;
+        var appointments = this.renderedEvents;
+        if (appointments.length > 0) {
+            var appointmentsList = this.getOverlapSortComparerEvents(startDate, endDate, appointments);
+            var appLevel = appointmentsList.map(function (obj) { return obj.Index; });
+            appIndex = (appLevel.length > 0) ? this.getSmallestMissingNumber(appLevel) : 0;
+        }
+        return (appIndex === -1) ? 0 : appIndex;
+    };
+    TimelineEvent.prototype.getOverlapSortComparerEvents = function (startDate, endDate, appointmentsCollection) {
+        var appointments = [];
+        for (var _i = 0, appointmentsCollection_1 = appointmentsCollection; _i < appointmentsCollection_1.length; _i++) {
+            var app = appointmentsCollection_1[_i];
+            if (this.renderType === 'day') {
+                if ((resetTime(app[this.fields.startTime]).getTime() <= resetTime(new Date(startDate.getTime())).getTime()) &&
+                    (resetTime(app[this.fields.endTime]).getTime() >= resetTime(new Date(startDate.getTime())).getTime())) {
+                    appointments.push(app);
+                }
+            }
+            else {
+                var eventData = app.data;
+                if (((eventData.trimStartTime.getTime() <= startDate.getTime()) && (startDate.getTime() < eventData.trimEndTime.getTime())) ||
+                    ((startDate.getTime() <= eventData.trimStartTime.getTime()) && (eventData.trimStartTime.getTime() < endDate.getTime()))) {
+                    appointments.push(app);
+                }
+            }
+        }
+        return appointments;
+    };
     TimelineEvent.prototype.renderResourceEvents = function () {
         this.removeHeightProperty(RESOURCE_COLUMN_TABLE_CLASS);
         var resources = this.parent.uiStateValues.isGroupAdaptive ?
@@ -7757,7 +7812,7 @@ var TimelineEvent = /** @__PURE__ @class */ (function (_super) {
             return;
         }
         var cellTd = this.getCellTd();
-        var overlapCount = this.getIndex(startTime);
+        var overlapCount = (isNullOrUndefined(this.parent.eventSettings.sortComparer)) ? this.getIndex(startTime) : this.getSortComparerIndex(startTime, endTime);
         event.Index = overlapCount;
         var elem = this.element.querySelector('.' + APPOINTMENT_CLASS);
         var eleHeight = (elem) ? elem.getBoundingClientRect().height : 0;
@@ -8403,6 +8458,9 @@ var FieldValidator = /** @__PURE__ @class */ (function () {
         if (!elem && !this.ignoreError) {
             this.createTooltip(inputElement, error, id, '');
         }
+        if (!isNullOrUndefined(elem)) {
+            elem.querySelector(".e-error").innerHTML = error.innerHTML;
+        }
     };
     FieldValidator.prototype.createTooltip = function (element, error, name, display) {
         var dlgContent;
@@ -8586,6 +8644,7 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
         });
         buttonObj.appendTo(element);
         EventHandler.add(element, 'click', clickEvent, this);
+        removeClass([element], ICON);
     };
     QuickPopups.prototype.quickDialogClass = function (action) {
         var classList$$1 = [
@@ -8830,10 +8889,16 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
         var closeIcon = this.quickPopup.element.querySelector('.' + CLOSE_CLASS);
         this.renderButton('e-flat e-round e-small', ICON + ' ' + CLOSE_ICON_CLASS, false, closeIcon, this.closeClick);
         var readonly = this.parent.activeViewOptions.readonly || eventObj[this.parent.eventFields.isReadonly];
+        var editAction = !this.parent.eventSettings.allowEditing || readonly;
+        var deleteAction = !this.parent.eventSettings.allowDeleting || readonly;
         var editIcon = this.quickPopup.element.querySelector('.' + EDIT_CLASS);
-        this.renderButton('e-flat e-round e-small', ICON + ' ' + EDIT_ICON_CLASS, readonly, editIcon, this.editClick);
+        if (editIcon) {
+            this.renderButton('e-flat e-round e-small', ICON + ' ' + EDIT_ICON_CLASS, editAction, editIcon, this.editClick);
+        }
         var deleteIcon = this.quickPopup.element.querySelector('.' + DELETE_CLASS);
-        this.renderButton('e-flat e-round e-small', ICON + ' ' + DELETE_ICON_CLASS, readonly, deleteIcon, this.deleteClick);
+        if (deleteIcon) {
+            this.renderButton('e-flat e-round e-small', ICON + ' ' + DELETE_ICON_CLASS, deleteAction, deleteIcon, this.deleteClick);
+        }
         this.beforeQuickPopupOpen(target);
     };
     QuickPopups.prototype.isCellBlocked = function (args) {
@@ -9284,21 +9349,24 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
             }
         });
     };
-    QuickPopups.prototype.saveClick = function () {
+    QuickPopups.prototype.saveClick = function (event) {
+        this.dialogEvent = event;
         this.isCrudAction = true;
         this.quickPopupHide();
     };
-    QuickPopups.prototype.detailsClick = function () {
+    QuickPopups.prototype.detailsClick = function (event) {
         var subjectEle = this.quickPopup.element.querySelector('.' + SUBJECT_CLASS);
         if (subjectEle && subjectEle.value !== '') {
             extend(this.parent.activeCellsData, { subject: subjectEle.value });
         }
+        this.dialogEvent = event;
         this.isCrudAction = false;
         this.fieldValidator.destroyToolTip();
         this.quickPopupHide();
         this.parent.eventWindow.openEditor(this.parent.activeCellsData, 'Add');
     };
-    QuickPopups.prototype.editClick = function () {
+    QuickPopups.prototype.editClick = function (event) {
+        this.dialogEvent = event;
         this.quickPopupHide(true);
         var data = this.parent.activeEventData.event;
         this.parent.currentAction = 'EditSeries';
@@ -9310,7 +9378,8 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
             this.parent.eventWindow.openEditor(data, this.parent.currentAction);
         }
     };
-    QuickPopups.prototype.deleteClick = function () {
+    QuickPopups.prototype.deleteClick = function (event) {
+        this.dialogEvent = event;
         this.quickPopupHide(true);
         this.parent.currentAction = 'Delete';
         if (this.parent.activeEventData.event[this.parent.eventFields.recurrenceRule]) {
@@ -9342,11 +9411,13 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
         var moreElement = this.createMoreEventList(events, groupOrder, groupIndex);
         this.morePopup.element.querySelector('.' + MORE_EVENT_POPUP_CLASS).appendChild(moreElement);
     };
-    QuickPopups.prototype.closeClick = function () {
+    QuickPopups.prototype.closeClick = function (event) {
+        this.dialogEvent = event;
         this.quickPopupHide();
         this.morePopup.hide();
     };
     QuickPopups.prototype.dialogButtonClick = function (event) {
+        this.dialogEvent = event;
         this.quickDialog.hide();
         var target = event.target;
         var cancelBtn = this.quickDialog.element.querySelector('.' + QUICK_DIALOG_ALERT_CANCEL);
@@ -9390,7 +9461,7 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
         else if (!cancelBtn.classList.contains(DISABLE_CLASS) && (target.classList.contains(QUICK_DIALOG_ALERT_OK) ||
             (target.classList.contains(QUICK_DIALOG_ALERT_CANCEL) && !cancelBtn.classList.contains(QUICK_DIALOG_CANCEL_CLASS)))) {
             this.parent.uiStateValues.isIgnoreOccurrence = target.classList.contains(QUICK_DIALOG_ALERT_CANCEL);
-            this.parent.eventWindow.eventSave(this.l10n.getConstant('ok'));
+            this.parent.eventWindow.eventSave(event, this.l10n.getConstant('ok'));
         }
     };
     QuickPopups.prototype.updateTapHoldEventPopup = function (target) {
@@ -9447,9 +9518,10 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
         this.parent.eventWindow.convertToEventData(cellsData, eventObj);
         return eventObj;
     };
-    QuickPopups.prototype.beforeQuickDialogClose = function () {
+    QuickPopups.prototype.beforeQuickDialogClose = function (e) {
         var _this = this;
         var args = {
+            event: e.event || this.dialogEvent,
             type: (isNullOrUndefined(this.parent.activeEventData.event)) ? 'ValidationAlert' :
                 !isNullOrUndefined(this.parent.activeEventData.event[this.parent.eventFields.recurrenceRule])
                     ? 'RecurrenceAlert' : 'DeleteAlert', cancel: false, data: this.parent.activeEventData.event,
@@ -9491,7 +9563,7 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
                 else {
                     _this.quickPopup.offsetX = 10;
                     _this.quickPopup.collision = { X: _this.parent.enableRtl ? 'flip' : 'none', Y: 'fit' };
-                    _this.quickPopup.position = { X: _this.parent.enableRtl ? 'left' : 'right', Y: 'top' };
+                    _this.quickPopup.position = { X: _this.parent.enableRtl ? 'left' : 'right', Y: _this.parent.enableRtl ? 'bottom' : 'top' };
                     _this.quickPopup.dataBind();
                     _this.quickPopup.refreshPosition(null, true);
                     var collide = isCollide(_this.quickPopup.element, _this.parent.element);
@@ -9595,7 +9667,8 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
             remove(moreWrapper);
         }
     };
-    QuickPopups.prototype.popupClose = function () {
+    QuickPopups.prototype.popupClose = function (event) {
+        this.dialogEvent = event;
         this.isCrudAction = false;
         this.quickPopupHide(true);
     };
@@ -9629,6 +9702,7 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
         }
         var isEventPopup = this.quickPopup.element.querySelector('.' + EVENT_POPUP_CLASS);
         var args = {
+            event: this.dialogEvent,
             type: this.parent.isAdaptive ? isEventPopup ? 'ViewEventInfo' : 'EditEventInfo' : 'QuickInfo',
             cancel: false, data: popupData, element: this.quickPopup.element,
             target: (isCellPopup ? this.parent.activeCellsData.element : this.parent.activeEventData.element)
@@ -9660,7 +9734,7 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
         if (!isNullOrUndefined(navigateEle)) {
             var date = this.parent.getDateFromElement(e.currentTarget);
             if (!isNullOrUndefined(date)) {
-                this.closeClick();
+                this.closeClick(e);
                 this.parent.setProperties({ selectedDate: date }, true);
                 this.parent.changeView(this.parent.getNavigateView(), e);
             }
@@ -9688,7 +9762,10 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
             this.morePopup.hide();
         }
     };
-    QuickPopups.prototype.onClosePopup = function () {
+    QuickPopups.prototype.onClosePopup = function (event) {
+        if (!isNullOrUndefined(event)) {
+            this.dialogEvent = event;
+        }
         this.quickPopupHide();
         this.parent.eventBase.focusElement();
     };
@@ -11227,6 +11304,7 @@ var EventWindow = /** @__PURE__ @class */ (function () {
         }
         var eventProp = {
             type: 'Editor',
+            event: args.event || this.dialogEvent,
             data: this.eventCrudData,
             cancel: false,
             element: this.element,
@@ -12097,11 +12175,12 @@ var EventWindow = /** @__PURE__ @class */ (function () {
             (this.l10n.getConstant('repeats') + ' ' + this.recurrenceEditor.getRuleSummary(repeatRule)) : this.l10n.getConstant('repeat');
         this.repeatStatus.setProperties({ label: data });
     };
-    EventWindow.prototype.dialogClose = function () {
+    EventWindow.prototype.dialogClose = function (event) {
         if (this.isEnterKey) {
             this.isEnterKey = false;
             return;
         }
+        this.dialogEvent = event;
         this.isCrudAction = false;
         this.parent.activeEventData = { event: undefined, element: undefined };
         this.parent.currentAction = null;
@@ -12151,7 +12230,7 @@ var EventWindow = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    EventWindow.prototype.eventSave = function (alert) {
+    EventWindow.prototype.eventSave = function (event, alert) {
         if (this.isEnterKey) {
             this.isEnterKey = false;
             return;
@@ -12166,6 +12245,7 @@ var EventWindow = /** @__PURE__ @class */ (function () {
             return;
         }
         this.eventCrudData = dataCollection.eventData;
+        this.dialogEvent = event;
         this.isCrudAction = true;
         this.dialogObject.hide();
     };
@@ -12714,7 +12794,7 @@ var EventWindow = /** @__PURE__ @class */ (function () {
         var element = this.element.querySelector('.' + className);
         return element ? element.ej2_instances[0] : null;
     };
-    EventWindow.prototype.eventDelete = function () {
+    EventWindow.prototype.eventDelete = function (event) {
         if (this.isEnterKey) {
             this.isEnterKey = false;
             return;
@@ -12740,6 +12820,7 @@ var EventWindow = /** @__PURE__ @class */ (function () {
                 }
                 break;
         }
+        this.dialogEvent = event;
         this.isCrudAction = false;
         this.dialogObject.hide();
         this.parent.quickPopup.openDeleteAlert();
@@ -12921,7 +13002,7 @@ var VirtualScroll = /** @__PURE__ @class */ (function () {
     };
     VirtualScroll.prototype.renderEvents = function () {
         this.setTabIndex();
-        this.parent.notify(dataReady, {});
+        this.parent.refreshEvents(false);
         this.parent.notify(contentReady, {});
         this.parent.hideSpinner();
     };
@@ -12975,6 +13056,7 @@ var VirtualScroll = /** @__PURE__ @class */ (function () {
         }
         else {
             var height = (this.parent.rowAutoHeight) ? this.averageRowHeight : this.itemSize;
+            height = (height > 0) ? height : this.itemSize;
             this.translateY = (conWrap.scrollTop - (this.bufferCount * height) > 0) ?
                 conWrap.scrollTop - (this.bufferCount * height) : 0;
         }
@@ -13389,8 +13471,7 @@ var Crud = /** @__PURE__ @class */ (function () {
             var resultData = extend([], args.result, null, true);
             _this.parent.eventsData = resultData.filter(function (data) { return !data[_this.parent.eventFields.isBlock]; });
             _this.parent.blockData = resultData.filter(function (data) { return data[_this.parent.eventFields.isBlock]; });
-            var processed = _this.parent.eventBase.processData(resultData);
-            _this.parent.notify(dataReady, { processedData: processed });
+            _this.parent.refreshEvents(false);
             if (_this.parent.dragAndDropModule && _this.parent.dragAndDropModule.actionObj.action === 'drag') {
                 _this.parent.dragAndDropModule.navigationWrapper();
             }
@@ -13492,6 +13573,7 @@ var Crud = /** @__PURE__ @class */ (function () {
                     if (addArgs.addedRecords instanceof Array) {
                         for (var _i = 0, _a = addArgs.addedRecords; _i < _a.length; _i++) {
                             var event_1 = _a[_i];
+                            event_1 = _this.parent.eventBase.updateEventDateTime(event_1);
                             var eventData_1 = extend({}, _this.parent.eventBase.processTimezone(event_1, true), null, true);
                             editParams.addedRecords.push(eventData_1);
                         }
@@ -13549,6 +13631,7 @@ var Crud = /** @__PURE__ @class */ (function () {
                         if (saveArgs.changedRecords instanceof Array) {
                             for (var _i = 0, _a = saveArgs.changedRecords; _i < _a.length; _i++) {
                                 var event_3 = _a[_i];
+                                event_3 = _this.parent.eventBase.updateEventDateTime(event_3);
                                 var eventData_2 = extend({}, _this.parent.eventBase.processTimezone(event_3, true), null, true);
                                 editParams.changedRecords.push(eventData_2);
                             }
@@ -14332,6 +14415,9 @@ var EventSettings = /** @__PURE__ @class */ (function (_super) {
     __decorate$6([
         Property()
     ], EventSettings.prototype, "tooltipTemplate", void 0);
+    __decorate$6([
+        Property('AllDayRow')
+    ], EventSettings.prototype, "spannedEventPlacement", void 0);
     __decorate$6([
         Property()
     ], EventSettings.prototype, "resourceColorField", void 0);
@@ -14356,6 +14442,9 @@ var EventSettings = /** @__PURE__ @class */ (function (_super) {
     __decorate$6([
         Property(false)
     ], EventSettings.prototype, "ignoreWhitespace", void 0);
+    __decorate$6([
+        Property()
+    ], EventSettings.prototype, "sortComparer", void 0);
     return EventSettings;
 }(ChildProperty));
 
@@ -14494,7 +14583,13 @@ var ResourceBase = /** @__PURE__ @class */ (function () {
     ResourceBase.prototype.renderResourceHeaderIndent = function (tr) {
         var resColTd = createElement('td', { className: RESOURCE_LEFT_TD_CLASS });
         var resColDiv = createElement('div', { className: RESOURCE_TEXT_CLASS });
-        resColTd.appendChild(resColDiv);
+        if (this.parent.activeViewOptions.headerIndentTemplate) {
+            var data = { className: [resColTd.className], type: 'emptyCells' };
+            this.parent.renderHeaderIndentTemplate(data, resColTd);
+        }
+        else {
+            resColTd.appendChild(resColDiv);
+        }
         var args = { elementType: 'emptyCells', element: resColTd };
         this.parent.trigger(renderCell, args);
         tr.appendChild(resColTd);
@@ -14683,7 +14778,7 @@ var ResourceBase = /** @__PURE__ @class */ (function () {
                     cancel: false, event: e, groupIndex: index,
                     requestType: target.classList.contains(RESOURCE_COLLAPSE_CLASS) ? 'resourceExpanded' : 'resourceCollapsed'
                 };
-                _this.parent.notify(dataReady, {});
+                _this.parent.refreshEvents(false);
                 _this.parent.trigger(actionComplete, args);
             }
         });
@@ -15145,8 +15240,11 @@ var ResourceBase = /** @__PURE__ @class */ (function () {
                 var currentLevelChilds = _a[_i];
                 for (var _b = 0, currentLevelChilds_1 = currentLevelChilds; _b < currentLevelChilds_1.length; _b++) {
                     var currentLevelChild = currentLevelChilds_1[_b];
-                    if (resTreeGroup[i + 1]) {
+                    if (resTreeGroup[i + 1] && resTreeGroup[i + 1].length > 0) {
                         var nextLevelChilds = resTreeGroup[i + 1][temp];
+                        if (!nextLevelChilds) {
+                            continue;
+                        }
                         var colSpan = 0;
                         for (var _c = 0, nextLevelChilds_1 = nextLevelChilds; _c < nextLevelChilds_1.length; _c++) {
                             var nextLevelChild = nextLevelChilds_1[_c];
@@ -15556,11 +15654,6 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
         }
         classList(this.element, addClasses, removeClasses);
         this.validateDate();
-        this.eventTooltipTemplateFn = this.templateParser(this.eventSettings.tooltipTemplate);
-        this.editorTemplateFn = this.templateParser(this.editorTemplate);
-        this.quickInfoTemplatesHeaderFn = this.templateParser(this.quickInfoTemplates.header);
-        this.quickInfoTemplatesContentFn = this.templateParser(this.quickInfoTemplates.content);
-        this.quickInfoTemplatesFooterFn = this.templateParser(this.quickInfoTemplates.footer);
         createSpinner({ target: this.element });
         this.scrollModule = new Scroll(this);
         this.scrollModule.setWidth();
@@ -15710,6 +15803,7 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
             obj.dayHeaderTemplateName = obj.dayHeaderTemplate ? obj.option : '';
             obj.monthHeaderTemplateName = obj.monthHeaderTemplate ? obj.option : '';
             obj.resourceHeaderTemplateName = obj.resourceHeaderTemplate ? obj.option : '';
+            obj.headerIndentTemplateName = obj.headerIndentTemplate ? obj.option : '';
             obj.eventTemplateName = obj.eventTemplate ? obj.option : '';
             if (!isNullOrUndefined(obj.firstDayOfWeek) && obj.firstDayOfWeek === 0) {
                 delete obj.firstDayOfWeek;
@@ -15768,6 +15862,7 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
             eventTemplate: this.eventSettings.template,
             dateHeaderTemplate: this.dateHeaderTemplate,
             resourceHeaderTemplate: this.resourceHeaderTemplate,
+            headerIndentTemplate: this.headerIndentTemplate,
             firstMonthOfYear: this.firstMonthOfYear,
             firstDayOfWeek: this.firstDayOfWeek,
             workDays: workDays,
@@ -15843,7 +15938,13 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
         this.minorSlotTemplateFn = this.templateParser(this.activeViewOptions.timeScale.minorSlotTemplate);
         this.appointmentTemplateFn = this.templateParser(this.activeViewOptions.eventTemplate);
         this.resourceHeaderTemplateFn = this.templateParser(this.activeViewOptions.resourceHeaderTemplate);
+        this.headerIndentTemplateFn = this.templateParser(this.activeViewOptions.headerIndentTemplate);
         this.headerTooltipTemplateFn = this.templateParser(this.activeViewOptions.group.headerTooltipTemplate);
+        this.eventTooltipTemplateFn = this.templateParser(this.eventSettings.tooltipTemplate);
+        this.editorTemplateFn = this.templateParser(this.editorTemplate);
+        this.quickInfoTemplatesHeaderFn = this.templateParser(this.quickInfoTemplates.header);
+        this.quickInfoTemplatesContentFn = this.templateParser(this.quickInfoTemplates.content);
+        this.quickInfoTemplatesFooterFn = this.templateParser(this.quickInfoTemplates.footer);
     };
     Schedule.prototype.initializePopups = function () {
         this.eventWindow = new EventWindow(this);
@@ -16483,6 +16584,15 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
     Schedule.prototype.getResourceHeaderTemplate = function () {
         return this.resourceHeaderTemplateFn;
     };
+    /**
+     * Method to process indent template
+     *
+     * @returns {CallbackFunction} Returns the callback function
+     * @private
+     */
+    Schedule.prototype.getHeaderIndentTemplate = function () {
+        return this.headerIndentTemplateFn;
+    };
     /**
      * Method to get dynamic CSS properties
      *
@@ -16546,7 +16656,7 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
             && !this.activeViewOptions.timeScale.enable) || this.activeView.isTimelineView()) {
             this.activeView.resetColWidth();
             this.notify(scrollUiUpdate, { cssProperties: this.getCssProperties(), isPreventScrollUpdate: true });
-            this.notify(dataReady, {});
+            this.refreshEvents(false);
         }
         else {
             this.notify(contentReady, {});
@@ -16656,6 +16766,23 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
         }
         return weekNumber;
     };
+    /**
+     * Method to render the header indent template.
+     *
+     * @param {TdData} data Accepts the td data
+     * @param {Element} td Accepts the td element
+     * @returns {void}
+     * @private
+     */
+    Schedule.prototype.renderHeaderIndentTemplate = function (data, td) {
+        if (this.activeViewOptions.headerIndentTemplate) {
+            var scheduleId = this.element.id + '_';
+            var viewName = this.activeViewOptions.headerIndentTemplateName;
+            var templateId = scheduleId + viewName + 'headerIndentTemplate';
+            var indentTemplate = [].slice.call(this.getHeaderIndentTemplate()(data, this, 'headerIndentTemplate', templateId, false));
+            append(indentTemplate, td);
+        }
+    };
     Schedule.prototype.unWireEvents = function () {
         EventHandler.remove(window, 'resize', this.onScheduleResize);
         EventHandler.remove(window, 'orientationchange', this.onScheduleResize);
@@ -16724,7 +16851,7 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
                     }
                     this.notify(scrollUiUpdate, { cssProperties: this.getCssProperties() });
                     if (this.activeView.isTimelineView()) {
-                        this.notify(dataReady, {});
+                        this.refreshEvents(false);
                     }
                     break;
                 case 'showWeekend':
@@ -16920,10 +17047,8 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
                 break;
             case 'allowDragAndDrop':
             case 'allowResizing':
-                this.notify(dataReady, { processedData: this.eventBase.processData(this.eventsData) });
-                break;
             case 'eventDragArea':
-                this.notify(dataReady, {});
+                this.refreshEvents(false);
                 break;
             case 'weekRule':
                 state.isLayout = true;
@@ -16953,6 +17078,11 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
                 }
                 state.isLayout = true;
                 break;
+            case 'headerIndentTemplate':
+                this.activeViewOptions.headerIndentTemplate = newProp.headerIndentTemplate;
+                this.headerIndentTemplateFn = this.templateParser(this.activeViewOptions.headerIndentTemplate);
+                state.isLayout = true;
+                break;
         }
     };
     Schedule.prototype.setRtlClass = function () {
@@ -17025,9 +17155,10 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
                         this.eventWindow.refresh();
                     }
                     break;
+                case 'spannedEventPlacement':
                 case 'enableMaxHeight':
                 case 'enableIndicator':
-                    this.notify(dataReady, { processedData: this.eventBase.processData(this.eventsData) });
+                    this.refreshEvents(false);
                     break;
                 case 'ignoreWhitespace':
                     state.isLayout = true;
@@ -17571,14 +17702,103 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
      * Refreshes the event dataSource. This method may be useful when the events alone in the schedule needs to be re-rendered.
      *
      * @function refreshEvents
+     * @param {boolean} isRemoteRefresh Accepts the boolean to refresh data from remote or local
      * @returns {void}
      */
-    Schedule.prototype.refreshEvents = function () {
+    Schedule.prototype.refreshEvents = function (isRemoteRefresh) {
+        if (isRemoteRefresh === void 0) { isRemoteRefresh = true; }
         if (this.dragAndDropModule) {
             this.dragAndDropModule.actionObj.action = '';
             removeClass([this.element], EVENT_ACTION_CLASS);
         }
-        this.crudModule.refreshDataManager();
+        if (isRemoteRefresh) {
+            this.crudModule.refreshDataManager();
+        }
+        else {
+            var eventsData = this.eventsData || [];
+            var blockData = this.blockData || [];
+            var data = eventsData.concat(blockData);
+            this.notify(dataReady, { processedData: this.eventBase ? this.eventBase.processData(data) : [] });
+        }
+    };
+    /**
+     * Method to refresh the given Schedule templates
+     *
+     * @param {string} templateName Accepts the template name
+     * @returns {void}
+     */
+    Schedule.prototype.refreshTemplates = function (templateName) {
+        if (templateName) {
+            this.resetTemplates([templateName]);
+        }
+        else {
+            this.resetTemplates();
+        }
+        switch (templateName) {
+            case 'eventTemplate':
+                this.appointmentTemplateFn = this.templateParser(this.activeViewOptions.eventTemplate);
+                this.refreshEvents(false);
+                break;
+            case 'dateHeaderTemplate':
+                this.dateHeaderTemplateFn = this.templateParser(this.activeViewOptions.dateHeaderTemplate);
+                this.activeView.refreshHeader();
+                break;
+            case 'resourceHeaderTemplate':
+                this.resourceHeaderTemplateFn = this.templateParser(this.activeViewOptions.resourceHeaderTemplate);
+                if (this.activeView.isTimelineView()) {
+                    this.activeView.refreshResourceHeader();
+                }
+                else {
+                    this.activeView.refreshHeader();
+                }
+                break;
+            case 'quickInfoTemplates':
+                if (this.quickPopup) {
+                    this.quickPopup.destroy();
+                    this.quickPopup = null;
+                }
+                this.quickPopup = new QuickPopups(this);
+                this.quickInfoTemplatesHeaderFn = this.templateParser(this.quickInfoTemplates.header);
+                this.quickInfoTemplatesContentFn = this.templateParser(this.quickInfoTemplates.content);
+                this.quickInfoTemplatesFooterFn = this.templateParser(this.quickInfoTemplates.footer);
+                break;
+            case 'editorTemplate':
+                if (this.eventWindow) {
+                    this.eventWindow.destroy();
+                    this.eventWindow = null;
+                }
+                this.eventWindow = new EventWindow(this);
+                this.editorTemplateFn = this.templateParser(this.editorTemplate);
+                break;
+            case 'tooltipTemplate':
+            case 'headerTooltipTemplate':
+                if (this.eventTooltip) {
+                    this.eventTooltip.destroy();
+                    this.eventTooltip = null;
+                }
+                this.eventTooltip = new EventTooltip(this);
+                this.eventTooltipTemplateFn = this.templateParser(this.eventSettings.tooltipTemplate);
+                this.headerTooltipTemplateFn = this.templateParser(this.activeViewOptions.group.headerTooltipTemplate);
+                break;
+            default:
+                this.initializeView(this.currentView);
+                break;
+        }
+    };
+    /**
+     * Refreshes the Schedule layout without re-render.
+     *
+     * @function refreshLayout
+     * @returns {void}
+     */
+    Schedule.prototype.refreshLayout = function () {
+        this.onScheduleResize();
+        if (this.headerModule) {
+            this.headerModule.refresh();
+        }
+        if (this.eventWindow) {
+            this.eventWindow.refresh();
+        }
     };
     /**
      * To retrieve the appointment object from element.
@@ -17966,6 +18186,9 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
     __decorate([
         Property()
     ], Schedule.prototype, "resourceHeaderTemplate", void 0);
+    __decorate([
+        Property()
+    ], Schedule.prototype, "headerIndentTemplate", void 0);
     __decorate([
         Complex({}, Group)
     ], Schedule.prototype, "group", void 0);
@@ -18151,7 +18374,7 @@ var ActionBase = /** @__PURE__ @class */ (function () {
         var viewElement = this.parent.element.querySelector('.' + CONTENT_WRAP_CLASS);
         var trElement = [].slice.call(viewElement.querySelector('tr').children);
         if (!this.parent.activeView.isTimelineView() && this.parent.activeViewOptions.group.resources.length > 0 &&
-            !this.parent.isAdaptive) {
+            !this.parent.isAdaptive && !this.parent.enableAdaptiveUI) {
             trElement = this.getResourceElements(trElement);
         }
         var leftOffset = trElement[0].getBoundingClientRect();
@@ -18717,6 +18940,9 @@ var Resize = /** @__PURE__ @class */ (function (_super) {
     };
     Resize.prototype.monthResizing = function () {
         this.removeCloneElement();
+        if (isNullOrUndefined(this.actionObj.pageX) || isNullOrUndefined(this.actionObj.pageY)) {
+            return;
+        }
         var td = document.elementFromPoint(this.actionObj.pageX, this.actionObj.pageY);
         if (isNullOrUndefined(td)) {
             return;
@@ -18850,13 +19076,16 @@ var Resize = /** @__PURE__ @class */ (function (_super) {
         var eventEnd = new Date(this.actionObj.event[this.parent.eventFields.endTime].getTime());
         var resizeTime;
         var isDateHeader = false;
+        var isTimeViews = ['TimelineDay', 'TimelineWeek', 'TimelineWorkWeek'].indexOf(this.parent.currentView) > -1;
+        var isTimelineMonth = this.parent.currentView === 'TimelineMonth';
+        var isWithoutScale = isTimelineMonth || isTimeViews && !this.parent.activeViewOptions.timeScale.enable;
         if (this.parent.activeView.isTimelineView()) {
             var tr = this.parent.getContentTable().querySelector('tr');
             var headerName = this.parent.currentView;
             if (this.parent.activeViewOptions.headerRows.length > 0) {
                 var rows = this.parent.activeViewOptions.headerRows.map(function (row) { return row.option; });
                 headerName = rows.slice(-1)[0];
-                if (this.parent.currentView === 'TimelineMonth' && headerName === 'Hour') {
+                if (isTimelineMonth && headerName === 'Hour') {
                     headerName = rows.slice(-2)[0] || 'Month';
                 }
             }
@@ -18876,9 +19105,8 @@ var Resize = /** @__PURE__ @class */ (function (_super) {
                     offsetValue += (this.actionObj.clone.offsetWidth - this.actionObj.cellWidth);
                 }
                 cellIndex = Math.floor(offsetValue / Math.floor(tr.offsetWidth / noOfDays));
-                isDateHeader =
-                    ['TimelineDay', 'TimelineWeek', 'TimelineWorkWeek'].indexOf(this.parent.currentView) > -1 && headerName === 'Date';
-                cellIndex = isLeft ? cellIndex : (this.parent.currentView === 'TimelineMonth' || isDateHeader) ? cellIndex + 1 : cellIndex;
+                isDateHeader = isTimeViews && headerName === 'Date';
+                cellIndex = isLeft ? cellIndex : (isTimelineMonth || isDateHeader) ? cellIndex + 1 : cellIndex;
                 isLastCell = cellIndex === tdCollections.length;
                 cellIndex = (cellIndex < 0) ? 0 : (cellIndex >= noOfDays) ? noOfDays - 1 : cellIndex;
             }
@@ -18890,7 +19118,7 @@ var Resize = /** @__PURE__ @class */ (function (_super) {
                 if (this.parent.enableRtl) {
                     var cellOffsetWidth = 0;
                     if (headerName === 'TimelineMonth' || (!this.parent.activeViewOptions.timeScale.enable &&
-                        this.parent.currentView !== 'TimelineMonth')) {
+                        !isTimelineMonth)) {
                         cellOffsetWidth = this.actionObj.cellWidth;
                     }
                     var offsetWidth = (Math.floor(parseInt(this.actionObj.clone.style.right, 10) / this.actionObj.cellWidth) *
@@ -18942,16 +19170,18 @@ var Resize = /** @__PURE__ @class */ (function (_super) {
             }
         }
         if (isLeft) {
-            if ((this.actionObj.event[this.parent.eventFields.endTime].getTime() - resizeTime.getTime()) <= 0) {
-                resizeTime = new Date(this.actionObj.event[this.parent.eventFields.startTime].getTime());
+            if ((eventEnd.getTime() - resizeTime.getTime()) <= 0) {
+                resizeTime = isWithoutScale ? resetTime(eventEnd) : eventStart;
             }
             this.actionObj.start = this.parent.activeViewOptions.timeScale.enable ? this.calculateIntervalTime(resizeTime) : resizeTime;
         }
         else {
-            var isTimeViews = ['TimelineDay', 'TimelineWeek', 'TimelineWorkWeek'].indexOf(this.parent.currentView) > -1 &&
-                this.parent.activeViewOptions.timeScale.enable;
-            var resizeEnd = ((!isTimeViews || isDateHeader) && resizeTime.getHours() === 0 && resizeTime.getMinutes() === 0) ?
+            var isTimeScaleViews = isTimeViews && this.parent.activeViewOptions.timeScale.enable;
+            var resizeEnd = ((!isTimeScaleViews || isDateHeader) && resizeTime.getHours() === 0 && resizeTime.getMinutes() === 0) ?
                 addDays(resizeTime, 1) : resizeTime;
+            if (isWithoutScale && (resizeEnd.getTime() - eventStart.getTime()) <= 0) {
+                resizeEnd = addDays(resetTime(eventStart), 1);
+            }
             this.actionObj.end = this.parent.activeViewOptions.timeScale.enable && this.parent.currentView !== 'Month' ?
                 this.calculateIntervalTime(resizeEnd) : resizeEnd;
         }
@@ -19104,6 +19334,9 @@ var YearEvent = /** @__PURE__ @class */ (function (_super) {
         return _this;
     }
     YearEvent.prototype.renderAppointments = function () {
+        if (this.parent.dragAndDropModule) {
+            this.parent.dragAndDropModule.setDragArea();
+        }
         this.fields = this.parent.eventFields;
         var elementSelector = (this.parent.currentView === 'Year') ? '.' + APPOINTMENT_CLASS :
             '.' + APPOINTMENT_WRAPPER_CLASS + ',.' + MORE_INDICATOR_CLASS;
@@ -19302,7 +19535,7 @@ var YearEvent = /** @__PURE__ @class */ (function (_super) {
                 var monthStart = new Date(this.parent.selectedDate.getFullYear(), months[month], 1);
                 for (var i = 0, len = resources.length; i < len; i++) {
                     this.renderedEvents = [];
-                    this.renderResourceEvent(wrapperCollection[i], resources[i], month, i, monthStart);
+                    this.renderResourceEvent(wrapperCollection[month], resources[i], month, i, monthStart);
                 }
             }
         }
@@ -19634,7 +19867,6 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
         return _this;
     }
     DragAndDrop.prototype.wireDragEvent = function (element) {
-        var dragElement = document.querySelector(this.parent.eventDragArea);
         new Draggable(element, {
             abort: '.' + EVENT_RESIZE_CLASS,
             clone: true,
@@ -19642,8 +19874,7 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
             enableTapHold: this.parent.isAdaptive,
             enableTailMode: (this.parent.eventDragArea) ? true : false,
             cursorAt: (this.parent.eventDragArea) ? { left: -20, top: -20 } : { left: 0, top: 0 },
-            dragArea: (this.parent.eventDragArea && dragElement) ?
-                dragElement : this.parent.element.querySelector('.' + CONTENT_TABLE_CLASS),
+            dragArea: this.dragArea,
             dragStart: this.dragStart.bind(this),
             drag: this.drag.bind(this),
             dragStop: this.dragStop.bind(this),
@@ -19652,6 +19883,11 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
             queryPositionInfo: this.dragPosition.bind(this)
         });
     };
+    DragAndDrop.prototype.setDragArea = function () {
+        var dragElement = document.querySelector(this.parent.eventDragArea);
+        this.dragArea = this.parent.eventDragArea && dragElement ? dragElement :
+            this.parent.element.querySelector('.' + CONTENT_TABLE_CLASS);
+    };
     DragAndDrop.prototype.dragHelper = function (e) {
         var _this = this;
         this.setDragActionDefaultValues();
@@ -20265,18 +20501,20 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
         var eventData = [];
         var startTime = event[eventFields.startTime];
         var endTime = event[eventFields.endTime];
-        var isDifferentDate = resetTime(new Date(startTime.getTime())) < resetTime(new Date(endTime.getTime()));
-        if (isDifferentDate) {
-            var scheduleStartHour = this.parent.activeView.getStartHour();
-            var scheduleEndHour = this.parent.activeView.getEndHour();
-            var startDate = getStartEndHours(resetTime(startTime), scheduleStartHour, scheduleEndHour);
-            var endDate = getStartEndHours(resetTime(endTime), scheduleStartHour, scheduleEndHour);
-            var firstEventObj = extend({}, event, null, true);
-            firstEventObj[eventFields.endTime] = startDate.endHour;
-            eventData.push(firstEventObj);
-            var secondEventObj = extend({}, event, null, true);
-            secondEventObj[eventFields.startTime] = endDate.startHour;
-            eventData.push(secondEventObj);
+        if (resetTime(new Date(startTime.getTime())) < resetTime(new Date(endTime.getTime()))) {
+            var startReferenceDate = resetTime(new Date(startTime.getTime()));
+            var endReferenceDate = new Date(startReferenceDate.getTime());
+            for (var i = 0; startReferenceDate < new Date(endTime.getTime()); i++) {
+                endReferenceDate = new Date(endReferenceDate.setDate(startReferenceDate.getDate() + 1));
+                var eventObj = extend({}, event, null, true);
+                eventObj[eventFields.startTime] = new Date(startReferenceDate);
+                eventObj[eventFields.endTime] = new Date(endReferenceDate);
+                startReferenceDate = new Date(startReferenceDate.setDate(startReferenceDate.getDate() + 1));
+                eventData.push(eventObj);
+            }
+            var index = eventData.length - 1;
+            eventData[0][eventFields.startTime] = startTime;
+            eventData[index][eventFields.endTime] = endTime;
         }
         else {
             eventData.push(event);
@@ -20347,8 +20585,7 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
                 // eslint-disable-next-line max-len
                 this.parent.getDateFromElement(isNullOrUndefined(index) ? this.actionObj.target : this.targetTd)));
             var splitEvents = this.splitEvent(event);
-            var events_1 = event[this.parent.eventFields.isAllDay] ||
-                this.parent.eventBase.isAllDayAppointment(event) || splitEvents.length > 2 ? [event] : splitEvents;
+            var events_1 = this.parent.eventBase.isAllDayAppointment(event) || splitEvents.length > 2 || !(this.parent.eventSettings.spannedEventPlacement == 'TimeSlot') ? [event] : splitEvents;
             for (var i = 0; i < events_1.length; i++) {
                 if (i > 0) {
                     var filterQuery = ".e-day-wrapper[data-date=\"" + resetTime(events_1[i][this.parent.eventFields.startTime]).getTime() + "\"]";
@@ -20643,6 +20880,12 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
             var eventSrt = eventObj[this.parent.eventFields.startTime];
             eventStart.setHours(eventSrt.getHours(), eventSrt.getMinutes(), eventSrt.getSeconds());
         }
+        if (this.parent.eventDragArea) {
+            var targetDate = this.parent.getDateFromElement(e.target);
+            if (!isNullOrUndefined(targetDate)) {
+                eventStart = targetDate;
+            }
+        }
         var eventEnd = new Date(eventStart.getTime());
         eventEnd.setMilliseconds(eventDuration);
         var eventsData = [this.getUpdatedEvent(eventStart, eventEnd, this.actionObj.event)];
@@ -20886,8 +21129,15 @@ var ViewBase = /** @__PURE__ @class */ (function () {
     ViewBase.prototype.getContentRows = function () {
         return [];
     };
-    ViewBase.prototype.serverRenderLayout = function () {
-        // Need only for layout server rendering
+    ViewBase.prototype.refreshHeader = function () {
+        // Method to refresh the date header
+    };
+    ViewBase.prototype.refreshResourceHeader = function () {
+        remove(this.element.querySelector('tbody').lastElementChild.firstElementChild);
+        var resTd = createElement('td');
+        resTd.appendChild(this.parent.resourceBase.createResourceColumn());
+        prepend([resTd], this.element.querySelector('tbody').lastElementChild);
+        this.parent.notify(contentReady, {});
     };
     ViewBase.prototype.getDayName = function (date) {
         return this.parent.getDayNames('abbreviated')[date.getDay()];
@@ -20934,7 +21184,7 @@ var ViewBase = /** @__PURE__ @class */ (function () {
     };
     ViewBase.prototype.createTableLayout = function (className) {
         var clsName = className || '';
-        var table = createElement('table', { className: SCHEDULE_TABLE_CLASS + ' ' + clsName });
+        var table = createElement('table', { className: SCHEDULE_TABLE_CLASS + ' ' + clsName, attrs: { role: 'table' } });
         var tbody = createElement('tbody');
         table.appendChild(tbody);
         return table;
@@ -21602,12 +21852,11 @@ var VerticalView = /** @__PURE__ @class */ (function (_super) {
                             if (!isNullOrUndefined(_this.currentTimeIndicatorTimer)) {
                                 _this.clearCurrentTimeIndicatorTimer();
                                 _this.changeCurrentTimePosition();
-                                _this.currentTimeIndicatorTimer =
-                                    window.setInterval(function () { _this.changeCurrentTimePosition(); }, MS_PER_MINUTE);
+                                _this.updateCurrentTimeIndicatorTimer();
                             }
                         }, interval);
                     }
-                    this.currentTimeIndicatorTimer = window.setInterval(function () { _this.changeCurrentTimePosition(); }, MS_PER_MINUTE);
+                    this.updateCurrentTimeIndicatorTimer();
                 }
             }
             else {
@@ -21651,6 +21900,10 @@ var VerticalView = /** @__PURE__ @class */ (function (_super) {
             this.removeCurrentTimeIndicatorElements();
         }
     };
+    VerticalView.prototype.updateCurrentTimeIndicatorTimer = function () {
+        var _this = this;
+        this.currentTimeIndicatorTimer = window.setInterval(function () { _this.changeCurrentTimePosition(); }, MS_PER_MINUTE);
+    };
     VerticalView.prototype.removeCurrentTimeIndicatorElements = function () {
         var queryString = '.' + PREVIOUS_TIMELINE_CLASS + ',.' + CURRENT_TIMELINE_CLASS + ',.' + CURRENT_TIME_CLASS;
         var timeIndicator = [].slice.call(this.element.querySelectorAll(queryString));
@@ -21744,7 +21997,6 @@ var VerticalView = /** @__PURE__ @class */ (function (_super) {
                     cntEle = [].slice.call(this.parent.getMinorSlotTemplate()(args, this.parent, templateName, templateId + templateName, false));
                 }
                 else {
-                    wrapper.innerHTML = '&nbsp;';
                     cntEle = [].slice.call(wrapper.childNodes);
                 }
                 break;
@@ -21759,6 +22011,11 @@ var VerticalView = /** @__PURE__ @class */ (function (_super) {
         }
         return cntEle;
     };
+    VerticalView.prototype.refreshHeader = function () {
+        remove(this.element.querySelector('tbody tr'));
+        this.renderHeader();
+        this.parent.notify(contentReady, {});
+    };
     VerticalView.prototype.renderLayout = function (type) {
         this.setPanel(createElement('div', { className: TABLE_WRAP_CLASS }));
         var clsList = [this.baseCssClass, this.viewClass];
@@ -21830,6 +22087,7 @@ var VerticalView = /** @__PURE__ @class */ (function (_super) {
         var tbl = this.createTableLayout();
         var trEle = createElement('tr');
         var rowCount = this.colLevels.length;
+        var nth;
         for (var i = 0; i < rowCount; i++) {
             var ntr_1 = trEle.cloneNode();
             var data_1 = { className: [(this.colLevels[i][0] && this.colLevels[i][0].className[0])], type: 'emptyCells' };
@@ -21841,7 +22099,9 @@ var VerticalView = /** @__PURE__ @class */ (function (_super) {
                         attrs: { title: this.parent.localeObj.getConstant('week') + ' ' + weekNo }
                     })];
             }
-            ntr_1.appendChild(this.createTd(data_1));
+            nth = this.createTd(data_1);
+            this.parent.renderHeaderIndentTemplate(data_1, nth);
+            ntr_1.appendChild(nth);
             tbl.querySelector('tbody').appendChild(ntr_1);
         }
         var ntr = trEle.cloneNode();
@@ -21854,8 +22114,9 @@ var VerticalView = /** @__PURE__ @class */ (function (_super) {
                 ICON + ' ' + DISABLE_CLASS
         });
         var data = { className: [ALLDAY_CELLS_CLASS], type: 'emptyCells' };
-        var nth = this.createTd(data);
+        nth = this.createTd(data);
         nth.appendChild(appointmentExpandCollapse);
+        this.parent.renderHeaderIndentTemplate(data, nth);
         ntr.appendChild(nth);
         tbl.querySelector('tbody').appendChild(ntr);
         wrap.appendChild(tbl);
@@ -21996,10 +22257,10 @@ var VerticalView = /** @__PURE__ @class */ (function (_super) {
             ntd.setAttribute('colspan', tdData.colSpan.toString());
         }
         var clsName = this.getContentTdClass(r);
-        if (!this.parent.isMinMaxDate(resetTime(new Date('' + tdData.date)))) {
+        var cellDate = resetTime(tdData.date);
+        if (!this.parent.isMinMaxDate(cellDate)) {
             clsName.push(DISABLE_DATES);
         }
-        var cellDate = resetTime(new Date('' + tdData.date));
         setTime(cellDate, getDateInMs(r.date));
         var type = 'workCells';
         if (tdData.className.indexOf(RESOURCE_PARENT_CLASS) !== -1) {
@@ -22293,6 +22554,7 @@ var __extends$21 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
+/* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * month view
  */
@@ -22353,20 +22615,14 @@ var Month = /** @__PURE__ @class */ (function (_super) {
             this.setContentHeight(content, leftPanel, height);
         }
         var scrollBarWidth = getScrollBarWidth();
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         header.firstElementChild.style[args.cssProperties.rtlBorder] = '';
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         header.style[args.cssProperties.rtlPadding] = '';
         if (content.offsetWidth - content.clientWidth > 0) {
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             header.firstElementChild.style[args.cssProperties.border] = scrollBarWidth > 0 ? '1px' : '0px';
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             header.style[args.cssProperties.padding] = scrollBarWidth > 0 ? scrollBarWidth - 1 + 'px' : '0px';
         }
         else {
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             header.firstElementChild.style[args.cssProperties.border] = '';
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             header.style[args.cssProperties.padding] = '';
         }
         this.setColWidth(content);
@@ -22468,6 +22724,11 @@ var Month = /** @__PURE__ @class */ (function (_super) {
         }
         this.parent.notify(contentReady, {});
     };
+    Month.prototype.refreshHeader = function () {
+        remove(this.element.querySelector('tbody tr'));
+        this.renderHeader();
+        this.parent.notify(contentReady, {});
+    };
     Month.prototype.wireCellEvents = function (element) {
         EventHandler.add(element, 'mousedown', this.parent.workCellAction.cellMouseDown, this.parent.workCellAction);
         EventHandler.add(element, 'click', this.parent.workCellAction.cellClick, this.parent.workCellAction);
@@ -23676,7 +23937,7 @@ var Agenda = /** @__PURE__ @class */ (function (_super) {
             var event_1 = _a[_i];
             delete event_1.generatedDates;
         }
-        var eventCollection = args.processedData;
+        var eventCollection = this.parent.activeViewOptions.allowVirtualScrolling ? args.processedData : this.parent.eventsProcessed;
         if (this.parent.uiStateValues.isGroupAdaptive) {
             var resource = this.parent.resourceBase.lastResourceLevel[this.parent.uiStateValues.groupIndex];
             this.dataSource = this.parent.eventBase.filterEventsByResource(resource, this.dataSource);
@@ -23707,6 +23968,22 @@ var Agenda = /** @__PURE__ @class */ (function (_super) {
         }
         this.parent.eventsProcessed = this.parent.eventsProcessed.concat(this.processAgendaEvents(processedData));
     };
+    Agenda.prototype.refreshHeader = function () {
+        var tBody = this.element.querySelector('.' + CONTENT_TABLE_CLASS + ' tbody');
+        if (this.parent.activeViewOptions.group.byDate) {
+            removeChildren(tBody);
+        }
+        else {
+            remove(tBody.firstElementChild);
+        }
+        var agendaDate = resetTime(this.parent.selectedDate);
+        var emptyTBody = createElement('tbody');
+        var firstDate = new Date(agendaDate.getTime());
+        var lastDate = (this.parent.activeViewOptions.allowVirtualScrolling && this.parent.hideEmptyAgendaDays) ?
+            this.getEndDateFromStartDate(firstDate) : addDays(firstDate, this.parent.agendaDaysCount);
+        this.renderContent(emptyTBody, firstDate, lastDate);
+        append([].slice.call(emptyTBody.childNodes), tBody);
+    };
     Agenda.prototype.renderInitialContent = function (tBody, agendaDate) {
         var emptyTBody = createElement('tbody');
         var firstDate = new Date(agendaDate.getTime());
@@ -23764,6 +24041,7 @@ var Agenda = /** @__PURE__ @class */ (function (_super) {
                     var filterData = this.appointmentFiltering(agendaDate);
                     var nTr = this.createTableRowElement(agendaDate, 'data');
                     if (this.element.querySelector('tr[aria-rowindex="' + parseInt(nTr.getAttribute('aria-rowindex'), 10) + '"]')) {
+                        agendaDate = addDays(agendaDate, 1);
                         continue;
                     }
                     var dTd = nTr.children[0];
@@ -23836,7 +24114,7 @@ var Agenda = /** @__PURE__ @class */ (function (_super) {
                 this.updateHeaderText(scrollDate);
             }
         }
-        else if (totalHeight === scrollHeight) {
+        else if (totalHeight >= (scrollHeight - 5)) {
             filterDate = this.getPreviousNextDate(addDays(scrollDate, 1), direction);
             filterData = this.appointmentFiltering(filterDate.start, filterDate.end);
             if (filterData.length > 0 || !this.parent.hideEmptyAgendaDays) {
@@ -24867,8 +25145,14 @@ var TimelineYear = /** @__PURE__ @class */ (function (_super) {
                     if (c.colSpan) {
                         tdEle.setAttribute('colspan', c.colSpan.toString());
                     }
+                    if (c.groupIndex > -1) {
+                        tdEle.setAttribute('data-group-index', c.groupIndex.toString());
+                    }
                     this.setResourceHeaderContent(tdEle, c);
                 }
+                if (className === LEFT_INDENT_WRAP_CLASS) {
+                    this.parent.renderHeaderIndentTemplate(c, tdEle);
+                }
                 var args = { elementType: c.type, element: tdEle, date: c.date, groupIndex: c.groupIndex };
                 this.parent.trigger(renderCell, args);
                 ntr.appendChild(tdEle);
@@ -25079,10 +25363,10 @@ var TimelineYear = /** @__PURE__ @class */ (function (_super) {
                 });
                 addClass([td], classList$$1);
                 td.setAttribute('data-group-index', groupIndex.toString());
-                this.renderCellTemplate({ date: date, type: 'workCells', groupIndex: groupIndex }, td);
+                this.renderCellTemplate({ date: date, type: 'resourceGroupCells', groupIndex: groupIndex }, td);
                 this.wireEvents(td, 'cell');
                 tr.appendChild(td);
-                this.parent.trigger(renderCell, { elementType: 'workCells', element: td, date: date });
+                this.parent.trigger(renderCell, { elementType: 'resourceGroupCells', element: td, date: date });
             }
         }
         if (this.parent.activeViewOptions.orientation === 'Vertical') {