@syncfusion/ej2-schedule 19.3.53 → 19.4.41

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

@@ -91,6 +91,7 @@ var cellMouseDown = 'cell-mouse-down';
  * Schedule common utilities
  */
 var WEEK_LENGTH = 7;
+var DEFAULT_WEEKS = 6;
 var MS_PER_DAY = 86400000;
 var MS_PER_MINUTE = 60000;
 /**
@@ -514,6 +515,12 @@ var DATE_HEADER_CONTAINER_CLASS = 'e-date-header-container';
 /** @private */
 var HEADER_CELLS_CLASS = 'e-header-cells';
 /** @private */
+var HEADER_WEEK_CELLS_CLASS = 'e-header-week-cell';
+/** @private */
+var HEADER_MONTH_CELLS_CLASS = 'e-header-month-cell';
+/** @private */
+var HEADER_YEAR_CELLS_CLASS = 'e-header-year-cell';
+/** @private */
 var WORKDAY_CLASS = 'e-work-days';
 /** @private */
 var OTHERMONTH_CLASS = 'e-other-month';
@@ -1247,8 +1254,10 @@ var HeaderRenderer = /** @__PURE__ @class */ (function () {
             enableRtl: this.parent.enableRtl
         });
         var calendarView = this.getCalendarView();
+        var isDisplayDate = this.parent.currentView === 'Month' &&
+            !isNullOrUndefined(this.parent.activeViewOptions.displayDate) && !this.hasSelectedDate();
         this.headerCalendar = new Calendar({
-            value: this.parent.selectedDate,
+            value: isDisplayDate ? this.parent.activeViewOptions.displayDate : this.parent.selectedDate,
             min: this.parent.minDate,
             max: this.parent.maxDate,
             firstDayOfWeek: this.parent.activeViewOptions.firstDayOfWeek,
@@ -1287,6 +1296,7 @@ var HeaderRenderer = /** @__PURE__ @class */ (function () {
         var strClass = args.item.cssClass.replace('e-views ', '');
         var data;
         var isSameTime;
+        var currentTime;
         switch (strClass) {
             case 'e-date-range':
                 if (!this.headerPopup) {
@@ -1336,8 +1346,13 @@ var HeaderRenderer = /** @__PURE__ @class */ (function () {
                 this.parent.changeView('TimelineYear', args.originalEvent, undefined, this.calculateViewIndex(args));
                 break;
             case 'e-today':
-                if (this.parent.currentView === 'Agenda' || !this.parent.isSelectedDate(resetTime(this.parent.getCurrentTime()))) {
-                    this.parent.changeDate(resetTime(this.parent.getCurrentTime()), args.originalEvent);
+                currentTime = resetTime(this.parent.getCurrentTime());
+                if (this.parent.currentView === 'Agenda' || this.parent.currentView === 'MonthAgenda' || !this.parent.isSelectedDate(currentTime) ||
+                    this.parent.currentView === 'Month' && this.parent.activeViewOptions.displayDate && !this.hasSelectedDate() &&
+                        resetTime(this.parent.activeViewOptions.displayDate) !== currentTime || this.parent.currentView === 'Month' &&
+                    this.parent.activeViewOptions.numberOfWeeks > 0 && !this.hasSelectedDate()
+                    && resetTime(firstDateOfMonth(this.parent.selectedDate)) !== currentTime) {
+                    this.parent.changeDate(currentTime, args.originalEvent);
                 }
                 break;
             case 'e-prev':
@@ -1356,8 +1371,8 @@ var HeaderRenderer = /** @__PURE__ @class */ (function () {
                     var slotCount = this.parent.activeViewOptions.timeScale.slotCount;
                     var msInterval = (interval * MS_PER_MINUTE) / slotCount;
                     var startTime = new Date(this.parent.selectedDate.getTime());
-                    var currentTime = this.parent.getCurrentTime();
-                    startTime.setHours(currentTime.getHours(), (Math.round(startTime.getMinutes() / msInterval) * msInterval), 0);
+                    var currentTime_1 = this.parent.getCurrentTime();
+                    startTime.setHours(currentTime_1.getHours(), (Math.round(startTime.getMinutes() / msInterval) * msInterval), 0);
                     var endTime = new Date(new Date(startTime.getTime()).setMilliseconds(startTime.getMilliseconds() + msInterval));
                     data = { startTime: startTime, endTime: endTime, isAllDay: false };
                 }
@@ -1372,6 +1387,11 @@ var HeaderRenderer = /** @__PURE__ @class */ (function () {
             toolbarPopUp.ej2_instances[0].hide({ name: 'SlideUp', duration: 100 });
         }
     };
+    HeaderRenderer.prototype.hasSelectedDate = function () {
+        var selectedTime = resetTime(this.parent.selectedDate).getTime();
+        return selectedTime >= this.parent.activeView.getStartDate().getTime() &&
+            selectedTime <= this.parent.activeView.getEndDate().getTime();
+    };
     HeaderRenderer.prototype.getHeaderElement = function () {
         return this.toolbarObj.element;
     };
@@ -1416,9 +1436,11 @@ var HeaderRenderer = /** @__PURE__ @class */ (function () {
             lastDate = addDays(firstDate, 7 * this.parent.activeViewOptions.interval);
         }
         if (this.parent.currentView === 'Month') {
-            firstDate = firstDateOfMonth(this.parent.selectedDate);
-            var lastMonthFirstDate = addMonths(firstDate, this.parent.activeViewOptions.interval - 1);
-            lastDate = lastDateOfMonth(lastMonthFirstDate);
+            var isCustomMonth = !isNullOrUndefined(this.parent.activeViewOptions.displayDate) ||
+                this.parent.activeViewOptions.numberOfWeeks > 0;
+            firstDate = isCustomMonth ? this.parent.activeView.getStartDate() : firstDateOfMonth(this.parent.selectedDate);
+            lastDate = isCustomMonth ? this.parent.activeView.getEndDate() :
+                lastDateOfMonth(addMonths(firstDate, this.parent.activeViewOptions.interval - 1));
         }
         if (!isNullOrUndefined(prevNavEle)) {
             this.toolbarObj.enableItems(prevNavEle, firstDate > this.parent.minDate);
@@ -1954,6 +1976,9 @@ var KeyboardInteraction = /** @__PURE__ @class */ (function () {
         }
         var queryStr = '.' + WORK_CELLS_CLASS + ',.' + ALLDAY_CELLS_CLASS + ',.' + HEADER_CELLS_CLASS;
         var target = closest(e.target, queryStr);
+        if (this.parent.currentView === 'TimelineYear' && target.classList.contains(OTHERMONTH_CLASS)) {
+            return;
+        }
         this.parent.activeCellsData = this.getSelectedElements(target);
         var cellData = {};
         if (this.parent.eventWindow) {
@@ -1977,6 +2002,9 @@ var KeyboardInteraction = /** @__PURE__ @class */ (function () {
             || this.isPreventAction(e)) {
             return;
         }
+        if (this.parent.currentView === 'TimelineYear' && e.target.classList.contains(OTHERMONTH_CLASS)) {
+            return;
+        }
         var target = e.target;
         if (closest(target, '.' + POPUP_WRAPPER_CLASS)) {
             if (target.classList.contains(QUICK_POPUP_EVENT_DETAILS_CLASS) ||
@@ -2011,11 +2039,16 @@ var KeyboardInteraction = /** @__PURE__ @class */ (function () {
                 this.parent.notify(inlineClick, inlineArgs);
             }
             else {
-                this.parent.notify(cellClick, args);
+                if (this.parent.currentView === 'Year') {
+                    target.click();
+                }
+                else {
+                    this.parent.notify(cellClick, args);
+                }
             }
             return;
         }
-        if (target.classList.contains(INLINE_SUBJECT_CLASS)) {
+        if (target.classList.contains(INLINE_SUBJECT_CLASS) && this.parent.inlineModule) {
             this.parent.inlineModule.inlineCrudActions(target);
             return;
         }
@@ -2047,7 +2080,9 @@ var KeyboardInteraction = /** @__PURE__ @class */ (function () {
     };
     KeyboardInteraction.prototype.getCells = function (isInverseTable, start, end) {
         var tableEle = this.parent.getContentTable();
-        var cells = [].slice.call(tableEle.querySelectorAll('td'));
+        var isTimelineYear = this.parent.currentView === 'TimelineYear';
+        var query = isTimelineYear && !isInverseTable ? '.' + WORK_CELLS_CLASS + ':not(.' + OTHERMONTH_CLASS + ')' : 'td';
+        var cells = [].slice.call(tableEle.querySelectorAll(query));
         var maxRow = tableEle.rows.length;
         var maxColumn = tableEle.rows[0].cells.length;
         if (start && start.classList.contains(ALLDAY_CELLS_CLASS)) {
@@ -2062,7 +2097,11 @@ var KeyboardInteraction = /** @__PURE__ @class */ (function () {
         if (isInverseTable) {
             for (var i = 0; i < maxColumn; i++) {
                 for (var j = 0; j < maxRow; j++) {
-                    inverseCells.push(cells[maxColumn * j + i]);
+                    var cell = cells[maxColumn * j + i];
+                    if (isTimelineYear && cell.classList.contains(OTHERMONTH_CLASS)) {
+                        continue;
+                    }
+                    inverseCells.push(cell);
                 }
             }
             startIndex = inverseCells.indexOf(start);
@@ -2084,11 +2123,17 @@ var KeyboardInteraction = /** @__PURE__ @class */ (function () {
             return;
         }
         this.parent.eventBase.removeSelectedAppointmentClass();
-        if (this.parent.activeView.isTimelineView()) {
+        if (this.parent.activeView.isTimelineView() && this.parent.currentView !== 'TimelineYear') {
             var cell = this.parent.element.querySelector('.' + CONTENT_TABLE_CLASS +
                 ' tr:not(.' + HIDDEN_CLASS + ') .' + WORK_CELLS_CLASS + ':not(.' + RESOURCE_GROUP_CELLS_CLASS + ')');
             this.selectCells(false, cell);
         }
+        else if (this.parent.currentView.indexOf('Year') > -1) {
+            var query = '.' + WORK_CELLS_CLASS + ':not(.' + OTHERMONTH_CLASS + ')' + ':not(.' + RESOURCE_GROUP_CELLS_CLASS + ')';
+            var isVerticalYear = this.parent.currentView === 'TimelineYear' && this.parent.activeViewOptions.orientation === 'Vertical';
+            query += isVerticalYear ? '[data-date="' + this.parent.activeView.startDate().getTime() + '"]' : '';
+            this.selectCells(false, this.parent.element.querySelector(query));
+        }
         else {
             this.selectCells(false, this.parent.getWorkCellElements()[0]);
         }
@@ -2110,13 +2155,21 @@ var KeyboardInteraction = /** @__PURE__ @class */ (function () {
         var target = (targetCell instanceof Array) ? targetCell.slice(-1)[0] : targetCell;
         if (isMultiple) {
             var initialId_1;
-            var views_1 = ['Day', 'Week', 'WorkWeek', 'Month', 'TimelineDay', 'TimelineWeek', 'TimelineWorkWeek', 'TimelineMonth'];
+            var views_1 = ['Day', 'Week', 'WorkWeek', 'TimelineDay', 'TimelineWeek', 'TimelineWorkWeek', 'TimelineMonth', 'TimelineYear'];
             var args = { element: targetCell, requestType: 'mousemove', allowMultipleRow: true };
             this.parent.inlineModule.removeInlineAppointmentElement();
             this.parent.trigger(select, args, function (selectArgs) {
                 var allowMultipleRow = (!selectArgs.allowMultipleRow) || (!_this.parent.allowMultiRowSelection);
-                if (allowMultipleRow && (views_1.indexOf(_this.parent.currentView) > -1)) {
-                    target = target.parentElement.children[_this.initialTarget.cellIndex];
+                if (allowMultipleRow) {
+                    var isTimelineYear = _this.parent.currentView === 'TimelineYear';
+                    if (isTimelineYear && _this.parent.activeViewOptions.orientation === 'Horizontal' || _this.parent.currentView === 'Month') {
+                        var isGroupYear = isTimelineYear && _this.parent.activeViewOptions.group.resources.length > 0;
+                        target = isGroupYear ? _this.initialTarget :
+                            _this.initialTarget.parentElement.children[target.cellIndex];
+                    }
+                    else if (views_1.indexOf(_this.parent.currentView) > -1) {
+                        target = target.parentElement.children[_this.initialTarget.cellIndex];
+                    }
                 }
                 var selectedCells = _this.getCells(_this.isInverseTableSelect(), _this.initialTarget, target);
                 if (_this.parent.activeViewOptions.group.resources.length > 0) {
@@ -2252,8 +2305,20 @@ var KeyboardInteraction = /** @__PURE__ @class */ (function () {
             }
         }
     };
+    KeyboardInteraction.prototype.cancelUpDownAction = function (isTimelineYear) {
+        var isVerticalYear = isTimelineYear && this.parent.activeViewOptions.orientation === 'Vertical';
+        var isGroup = this.parent.activeViewOptions.group.resources.length > 0;
+        if (isVerticalYear && isGroup || isTimelineYear && this.initialTarget.classList.contains(OTHERMONTH_CLASS)) {
+            return true;
+        }
+        if (this.parent.activeView.isTimelineView() && !isTimelineYear || this.parent.currentView === 'MonthAgenda') {
+            return true;
+        }
+        return false;
+    };
     KeyboardInteraction.prototype.processUp = function (e, isMultiple) {
-        if ((isMultiple && (this.parent.activeView.isTimelineView() || this.parent.currentView === 'MonthAgenda'))) {
+        var isTimelineYear = this.parent.currentView === 'TimelineYear';
+        if (isMultiple && this.cancelUpDownAction(isTimelineYear)) {
             return;
         }
         var target = (e.target);
@@ -2276,8 +2341,22 @@ var KeyboardInteraction = /** @__PURE__ @class */ (function () {
         if (target.classList.contains(WORK_CELLS_CLASS) && !this.parent.element.querySelector('.' + POPUP_OPEN)) {
             var tableRows = this.parent.getTableRows();
             var curRowIndex = tableRows.indexOf(target.parentElement);
-            if (curRowIndex > 0 && curRowIndex < tableRows.length) {
-                this.selectCells(isMultiple, (tableRows[curRowIndex - 1]).cells[target.cellIndex]);
+            var targetCell = void 0;
+            if (isTimelineYear && isMultiple && this.parent.activeViewOptions.group.resources.length === 0) {
+                targetCell = this.isInverseTableSelect() ? this.getVerticalUpDownCell(tableRows, target, curRowIndex, true) :
+                    this.getHorizontalUpDownCell(tableRows, target, curRowIndex, true);
+            }
+            if ((curRowIndex > 0 || targetCell) && curRowIndex < tableRows.length) {
+                targetCell = targetCell ? targetCell : (tableRows[curRowIndex - 1]).cells[target.cellIndex];
+                if (this.parent.currentView === 'Year' && targetCell.classList.contains(OTHERMONTH_CLASS)) {
+                    if (this.parent.activeView.getStartDate().getTime() < +targetCell.getAttribute('data-date')) {
+                        targetCell = this.getYearUpDownCell(tableRows, curRowIndex - 1, target.cellIndex, true);
+                    }
+                    else {
+                        return;
+                    }
+                }
+                this.selectCells(isMultiple, targetCell);
             }
         }
         else if (this.parent.currentView === 'Agenda' || this.parent.currentView === 'MonthAgenda') {
@@ -2285,7 +2364,8 @@ var KeyboardInteraction = /** @__PURE__ @class */ (function () {
         }
     };
     KeyboardInteraction.prototype.processDown = function (e, isMultiple) {
-        if (isMultiple && (this.parent.activeView.isTimelineView() || this.parent.currentView === 'MonthAgenda')) {
+        var isTimelineYear = this.parent.currentView === 'TimelineYear';
+        if (isMultiple && this.cancelUpDownAction(isTimelineYear)) {
             return;
         }
         var target = (e.target);
@@ -2308,16 +2388,62 @@ var KeyboardInteraction = /** @__PURE__ @class */ (function () {
         }
         if (target.classList.contains(WORK_CELLS_CLASS) && !this.parent.element.querySelector('.' + POPUP_OPEN)) {
             var curRowIndex = tableRows.indexOf(target.parentElement);
-            if (curRowIndex >= 0 && curRowIndex < tableRows.length - 1) {
-                this.selectCells(isMultiple, (tableRows[curRowIndex + 1]).cells[target.cellIndex]);
+            var targetCell = void 0;
+            if (isTimelineYear && isMultiple && this.parent.activeViewOptions.group.resources.length === 0) {
+                targetCell = this.isInverseTableSelect() ? this.getVerticalUpDownCell(tableRows, target, curRowIndex, false)
+                    : this.getHorizontalUpDownCell(tableRows, target, curRowIndex, false);
+            }
+            if (curRowIndex >= 0 && ((curRowIndex < tableRows.length - 1) || targetCell)) {
+                targetCell = targetCell ? targetCell : (tableRows[curRowIndex + 1]).cells[target.cellIndex];
+                if (this.parent.currentView === 'Year' && targetCell.classList.contains(OTHERMONTH_CLASS)) {
+                    if (this.parent.activeView.getEndDate().getTime() > +targetCell.getAttribute('data-date')) {
+                        targetCell = this.getYearUpDownCell(tableRows, curRowIndex + 1, target.cellIndex, false);
+                    }
+                    else {
+                        return;
+                    }
+                }
+                this.selectCells(isMultiple, targetCell);
             }
         }
         else if (this.parent.currentView === 'Agenda' || this.parent.currentView === 'MonthAgenda') {
             this.selectAppointment(false, target);
         }
     };
+    KeyboardInteraction.prototype.getYearUpDownCell = function (tableRows, rowIndex, cellIndex, isUp) {
+        while (tableRows[rowIndex] && tableRows[rowIndex].cells[cellIndex].classList.contains(OTHERMONTH_CLASS)) {
+            rowIndex = rowIndex + (isUp ? -1 : 1);
+        }
+        return tableRows[rowIndex].cells[cellIndex];
+    };
+    // eslint-disable-next-line max-len
+    KeyboardInteraction.prototype.getHorizontalUpDownCell = function (tableRows, target, curRowIndex, isUp) {
+        var row = tableRows[curRowIndex + (isUp ? -1 : 1)];
+        var cell = row ? row.cells[target.cellIndex] : target;
+        if (cell.classList.contains(OTHERMONTH_CLASS)) {
+            var workCell = row.querySelector('.' + WORK_CELLS_CLASS + ':not(.' + OTHERMONTH_CLASS + ')');
+            var date = new Date(+workCell.getAttribute('data-date'));
+            var query = '[data-date="' + new Date(date.getFullYear(), date.getMonth() + 1, 0).getTime() + '"]';
+            cell = cell.cellIndex < workCell.cellIndex ? workCell : row.querySelector(query);
+        }
+        return cell;
+    };
+    // eslint-disable-next-line max-len
+    KeyboardInteraction.prototype.getVerticalUpDownCell = function (tableRows, target, curRowIndex, isUp) {
+        var hasRow = isUp && curRowIndex > 0 || !isUp && curRowIndex < tableRows.length - 1;
+        var targetCell = hasRow ? tableRows[curRowIndex + (isUp ? -1 : 1)].cells[target.cellIndex] : undefined;
+        if (!targetCell || targetCell.classList.contains(OTHERMONTH_CLASS)) {
+            var column = tableRows[curRowIndex].cells[target.cellIndex - (isUp ? 1 : -1)];
+            if (column) {
+                var dateAttr = +target.getAttribute('data-date') - (isUp ? MS_PER_DAY : -MS_PER_DAY);
+                return this.parent.getContentTable().querySelector('.' + WORK_CELLS_CLASS + '[data-date="' + dateAttr + '"]');
+            }
+            targetCell = target;
+        }
+        return targetCell;
+    };
     KeyboardInteraction.prototype.processLeftRight = function (target) {
-        var tableEle = this.parent.getContentTable();
+        var tableEle = (this.parent.currentView === 'Year' ? target.closest('tbody') : this.parent.getContentTable());
         var curRowIndex = target.parentNode.sectionRowIndex;
         var key = {
             element: tableEle,
@@ -2330,8 +2456,9 @@ var KeyboardInteraction = /** @__PURE__ @class */ (function () {
     KeyboardInteraction.prototype.getQuickPopupElement = function () {
         return (this.parent.isAdaptive ? document.body : this.parent.element).querySelector('.' + POPUP_WRAPPER_CLASS);
     };
-    KeyboardInteraction.prototype.isCancelLeftRightAction = function (e, isMultiple) {
-        if (this.parent.currentView === 'Agenda' || (isMultiple && this.parent.currentView === 'MonthAgenda')) {
+    KeyboardInteraction.prototype.isCancelLeftRightAction = function (e, isMultiple, isTimelineYear) {
+        var prevent = this.parent.currentView === 'MonthAgenda' || isTimelineYear && this.initialTarget.classList.contains(OTHERMONTH_CLASS);
+        if (this.parent.currentView === 'Agenda' || (isMultiple && prevent)) {
             return true;
         }
         if (this.isPreventAction(e) && isMultiple) {
@@ -2345,7 +2472,8 @@ var KeyboardInteraction = /** @__PURE__ @class */ (function () {
         return false;
     };
     KeyboardInteraction.prototype.processRight = function (e, isMultiple) {
-        if (this.isCancelLeftRightAction(e, isMultiple)) {
+        var isTimelineYear = this.parent.currentView === 'TimelineYear';
+        if (this.isCancelLeftRightAction(e, isMultiple, isTimelineYear)) {
             return;
         }
         var selectedCells = this.parent.getSelectedElements();
@@ -2366,24 +2494,36 @@ var KeyboardInteraction = /** @__PURE__ @class */ (function () {
         if (target.classList.contains(WORK_CELLS_CLASS) &&
             (e.target).classList.contains(WORK_CELLS_CLASS)) {
             var key = this.processLeftRight(target);
-            if (key.columnIndex >= 0 && key.columnIndex < key.maxIndex - 1) {
+            var targetDate = new Date(+target.getAttribute('data-date'));
+            var isMonthEnd = this.parent.currentView === 'Year' && targetDate.getTime() === lastDateOfMonth(targetDate).getTime();
+            if (key.columnIndex >= 0 && key.columnIndex < key.maxIndex - 1 && !isMonthEnd) {
                 targetCell = this.calculateNextPrevDate(target, key.element.rows[key.rowIndex].cells[target.cellIndex + 1], 'right');
+                if (isTimelineYear && isMultiple && targetCell.classList.contains(OTHERMONTH_CLASS)) {
+                    targetCell = this.getTimelineYearTargetCell(key, target, true);
+                }
                 if (!isNullOrUndefined(targetCell)) {
                     this.selectCells(isMultiple, targetCell);
                 }
             }
-            else if (key.columnIndex === key.maxIndex - 1) {
-                if (!this.isInverseTableSelect() && key.rowIndex < key.element.rows.length - 1) {
+            else if (key.columnIndex === key.maxIndex - 1 || isMonthEnd) {
+                if (!this.isInverseTableSelect() && key.rowIndex < key.element.rows.length - 1 && !isMonthEnd) {
                     targetCell = this.calculateNextPrevDate(target, key.element.rows[key.rowIndex + 1].cells[0], 'right');
+                    var changeTargetCell = isTimelineYear && isMultiple && targetCell.classList.contains(OTHERMONTH_CLASS);
+                    targetCell = changeTargetCell ? this.getHorizontalLeftRightCell(key, target, true) : targetCell;
                     if (!isNullOrUndefined(targetCell)) {
                         this.selectCells(isMultiple, targetCell);
                     }
                 }
                 else if (!isMultiple) {
+                    if (isMonthEnd && targetDate.getTime() !== this.parent.activeView.getEndDate().getTime()) {
+                        this.selectCells(isMultiple, this.parent.element.querySelector(':not(.' + OTHERMONTH_CLASS + ')[data-date="' + (targetDate.getTime() + MS_PER_DAY) + '"]'));
+                        return;
+                    }
                     var rowIndex = this.isInverseTableSelect() ? key.rowIndex : 0;
                     this.parent.changeDate(this.parent.activeView.getNextPreviousDate('next'), e);
                     var tableEle = this.parent.getContentTable();
-                    this.selectCells(false, tableEle.rows[rowIndex].cells[0]);
+                    var cell = isMonthEnd ? tableEle.rows[rowIndex].querySelector('.' + WORK_CELLS_CLASS + ':not(.' + OTHERMONTH_CLASS + ')') : tableEle.rows[rowIndex].cells[0];
+                    this.selectCells(false, cell);
                 }
             }
         }
@@ -2402,7 +2542,8 @@ var KeyboardInteraction = /** @__PURE__ @class */ (function () {
         }
     };
     KeyboardInteraction.prototype.processLeft = function (e, isMultiple) {
-        if (this.isCancelLeftRightAction(e, isMultiple)) {
+        var isTimelineYear = this.parent.currentView === 'TimelineYear';
+        if (this.isCancelLeftRightAction(e, isMultiple, isTimelineYear)) {
             return;
         }
         var target = (e.target);
@@ -2423,24 +2564,40 @@ var KeyboardInteraction = /** @__PURE__ @class */ (function () {
         if ((e.target).classList.contains(WORK_CELLS_CLASS) &&
             target.classList.contains(WORK_CELLS_CLASS)) {
             var key = this.processLeftRight(target);
-            if (key.columnIndex > 0 && key.columnIndex < key.maxIndex) {
+            var targetDate = new Date(+target.getAttribute('data-date'));
+            var isMonthStart = this.parent.currentView === 'Year' && targetDate.getTime() === firstDateOfMonth(targetDate).getTime();
+            if (key.columnIndex > 0 && key.columnIndex < key.maxIndex && !isMonthStart) {
                 targetCell = this.calculateNextPrevDate(target, key.element.rows[key.rowIndex].cells[target.cellIndex - 1], 'left');
+                if (isTimelineYear && isMultiple && targetCell.classList.contains(OTHERMONTH_CLASS)) {
+                    targetCell = this.getTimelineYearTargetCell(key, target, false);
+                }
                 if (!isNullOrUndefined(targetCell)) {
                     this.selectCells(isMultiple, targetCell);
                 }
             }
-            else if (key.columnIndex === 0) {
+            else if (key.columnIndex === 0 || isMonthStart) {
                 if (!this.isInverseTableSelect() && key.rowIndex > 0) {
                     targetCell = this.calculateNextPrevDate(target, key.element.rows[key.rowIndex - 1].cells[key.maxIndex - 1], 'left');
+                    var otherMonthCell = isTimelineYear && isMultiple && targetCell.classList.contains(OTHERMONTH_CLASS);
+                    targetCell = otherMonthCell ? this.getHorizontalLeftRightCell(key, target, false) : targetCell;
                     if (!isNullOrUndefined(targetCell)) {
                         this.selectCells(isMultiple, targetCell);
                     }
                 }
                 else if (!isMultiple) {
+                    if (isMonthStart && targetDate.getTime() !== this.parent.activeView.getStartDate().getTime()) {
+                        this.selectCells(isMultiple, this.parent.element.querySelector('[data-date="' + (targetDate.getTime() - MS_PER_DAY) + '"]'));
+                        return;
+                    }
                     this.parent.changeDate(this.parent.activeView.getNextPreviousDate('previous'), e);
                     var tableEle = this.parent.getContentTable();
                     var rowIndex = this.isInverseTableSelect() ? key.rowIndex : tableEle.rows.length - 1;
-                    this.selectCells(false, tableEle.rows[rowIndex].cells[key.maxIndex - 1]);
+                    var cell = tableEle.rows[rowIndex].cells[key.maxIndex - 1];
+                    if (isMonthStart) {
+                        var tbody = this.parent.element.querySelectorAll('.' + CONTENT_TABLE_CLASS + ' tbody');
+                        cell = tbody.item(tbody.length - 1).querySelector(':not(.' + OTHERMONTH_CLASS + ')[data-date="' + this.parent.activeView.getEndDate().getTime() + '"]');
+                    }
+                    this.selectCells(false, cell);
                 }
             }
         }
@@ -2458,6 +2615,29 @@ var KeyboardInteraction = /** @__PURE__ @class */ (function () {
             }
         }
     };
+    KeyboardInteraction.prototype.getTimelineYearTargetCell = function (key, target, isRight) {
+        return this.isInverseTableSelect() ? this.getVerticalLeftRightCell(target, isRight) :
+            this.getHorizontalLeftRightCell(key, target, isRight);
+    };
+    KeyboardInteraction.prototype.getHorizontalLeftRightCell = function (key, target, isRight) {
+        var row = key.element.rows[target.parentNode.sectionRowIndex + (isRight ? 1 : -1)];
+        if (row) {
+            var query = isRight ? '.' + WORK_CELLS_CLASS + ':not(.' + OTHERMONTH_CLASS + ')'
+                : '[data-date="' + ((+target.getAttribute('data-date')) - MS_PER_DAY) + '"]';
+            return row.querySelector(query);
+        }
+        return target;
+    };
+    KeyboardInteraction.prototype.getVerticalLeftRightCell = function (target, isRight) {
+        var date = new Date(+target.getAttribute('data-date'));
+        var start = new Date(date.getFullYear(), date.getMonth() + (isRight ? 1 : -1), 1);
+        var tableEle = this.parent.getContentTable();
+        var targetCell = tableEle.querySelector('[data-date="' + start.getTime() + '"]');
+        if (targetCell.parentNode.sectionRowIndex > target.parentNode.sectionRowIndex) {
+            return targetCell;
+        }
+        return tableEle.querySelector('[data-date="' + new Date(start.getFullYear(), start.getMonth() + 1, 0).getTime() + '"]');
+    };
     KeyboardInteraction.prototype.calculateNextPrevDate = function (currentCell, target, type) {
         var initialId = this.initialTarget.getAttribute('data-group-index');
         if (this.parent.activeViewOptions.group.resources.length > 0 && this.parent.currentView === 'Month') {
@@ -2502,6 +2682,16 @@ var KeyboardInteraction = /** @__PURE__ @class */ (function () {
     };
     KeyboardInteraction.prototype.processTab = function (e, isReverse) {
         var target = e.target;
+        if (target.classList.contains(INLINE_SUBJECT_CLASS) && this.parent.inlineModule) {
+            target = target.closest('.e-appointment');
+            this.parent.inlineModule.inlineCrudActions(e.target);
+        }
+        if (this.parent.currentView === 'TimelineYear' && target.classList.contains(OTHERMONTH_CLASS)) {
+            if (target.classList.contains(SELECTED_CELL_CLASS)) {
+                this.parent.removeSelectedClass();
+            }
+            return;
+        }
         var popupWrapper = closest(target, '.' + POPUP_WRAPPER_CLASS + ',.' + MORE_POPUP_WRAPPER_CLASS);
         if (popupWrapper && popupWrapper.classList.contains(POPUP_OPEN)) {
             if (popupWrapper.classList.contains(MORE_POPUP_WRAPPER_CLASS)) {
@@ -2543,7 +2733,9 @@ var KeyboardInteraction = /** @__PURE__ @class */ (function () {
         }
         if (target.classList.contains(APPOINTMENT_CLASS)) {
             var appElements = [].slice.call(this.parent.element.querySelectorAll('.' + APPOINTMENT_CLASS));
-            if (this.parent.activeView.isTimelineView() && this.parent.activeViewOptions.group.resources.length > 0) {
+            var isTimelineYear = this.parent.currentView === 'TimelineYear';
+            var isTimeline = this.parent.activeView.isTimelineView() && !isTimelineYear;
+            if ((isTimeline || isTimelineYear && this.parent.activeViewOptions.orientation === 'Vertical') && this.parent.activeViewOptions.group.resources.length > 0) {
                 var index = parseInt(target.getAttribute('data-group-index'), 10);
                 appElements = [].slice.call(this.parent.element.querySelectorAll("." + APPOINTMENT_CLASS + "[data-group-index=\"" + index + "\"]"));
                 var resCellSelector = "." + RESOURCE_CELLS_CLASS + "[data-group-index=\"" + (isReverse ? index : index + 1) + "\"]";
@@ -2592,7 +2784,6 @@ var KeyboardInteraction = /** @__PURE__ @class */ (function () {
             this.processTabOnResourceCells(target, isReverse);
         }
     };
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     KeyboardInteraction.prototype.processDelete = function (e) {
         var activeEle = document.activeElement;
         if (this.parent.currentView === 'MonthAgenda') {
@@ -3576,8 +3767,8 @@ function weeklyType(startDate, endDate, data, ruleObject) {
             var weekstartDate = addDays(tempDate, -startDateDiff);
             var weekendDate = addDays(weekstartDate, 6);
             var compareTempDate = new Date(tempDate.getTime());
-            resetTime(weekendDate);
-            resetTime(compareTempDate);
+            weekendDate = resetTime(weekendDate);
+            compareTempDate = resetTime(compareTempDate);
             while (weekendDate >= compareTempDate) {
                 if (expectedDays.indexOf(DAYINDEX[tempDate.getDay()]) > -1) {
                     weekCollection.push([tempDate.getTime()]);
@@ -3587,7 +3778,7 @@ function weeklyType(startDate, endDate, data, ruleObject) {
                 }
                 tempDate.setDate(tempDate.getDate() + 1);
                 compareTempDate = new Date(tempDate.getTime());
-                resetTime(compareTempDate);
+                compareTempDate = resetTime(compareTempDate);
             }
             tempDate.setDate(tempDate.getDate() - 1);
             if (expectedCount && (data.length + ruleObject.recExceptionCount) >= expectedCount) {
@@ -5650,7 +5841,8 @@ var EventBase = /** @__PURE__ @class */ (function () {
     EventBase.prototype.eventClick = function (eventData) {
         var _this = this;
         var target = eventData.target;
-        if (target.classList.contains(DRAG_CLONE_CLASS) || target.classList.contains(RESIZE_CLONE_CLASS)) {
+        if (target.classList.contains(DRAG_CLONE_CLASS) || target.classList.contains(RESIZE_CLONE_CLASS) ||
+            target.classList.contains(INLINE_SUBJECT_CLASS)) {
             return;
         }
         if ((eventData.ctrlKey || eventData.metaKey) && eventData.which === 1 && this.parent.keyboardInteractionModule) {
@@ -6120,7 +6312,7 @@ var EventBase = /** @__PURE__ @class */ (function () {
             eventObj[this.parent.eventFields.endTime].getTime() < schedule.endHour.getTime() && start.getTime() === end.getTime();
         return isHourRange || isSameRange;
     };
-    EventBase.prototype.allDayExpandScroll = function (dateHeader, heightPropChanged) {
+    EventBase.prototype.allDayExpandScroll = function (dateHeader) {
         var indentHeight = 0;
         var headerRows = [].slice.call(this.parent.element.querySelectorAll('.' + HEADER_ROW_CLASS));
         headerRows.forEach(function (element) {
@@ -6130,14 +6322,28 @@ var EventBase = /** @__PURE__ @class */ (function () {
         });
         indentHeight = dateHeader.offsetHeight - indentHeight;
         this.parent.element.querySelector('.' + ALLDAY_CELLS_CLASS).style.height = (indentHeight / 12) + 'em';
-        var content = this.parent.element.querySelector('.' + CONTENT_WRAP_CLASS);
-        if (this.parent.uiStateValues.expand && (content.offsetWidth - content.clientWidth > 0 || heightPropChanged)) {
+        if (this.parent.uiStateValues.expand) {
             addClass([dateHeader], ALLDAY_APPOINTMENT_SCROLL);
         }
         else {
             removeClass([dateHeader], ALLDAY_APPOINTMENT_SCROLL);
         }
     };
+    EventBase.prototype.updateEventMinimumDuration = function (startEndHours, startTime, endTime) {
+        var eventDuration = (getUniversalTime(endTime) - getUniversalTime(startTime)) / MS_PER_MINUTE;
+        if (eventDuration < this.parent.eventSettings.minimumEventDuration) {
+            var tempEnd = new Date(startTime);
+            tempEnd.setMinutes(tempEnd.getMinutes() + this.parent.eventSettings.minimumEventDuration);
+            endTime = tempEnd;
+            if (endTime.getTime() > startEndHours.endHour.getTime()) {
+                var tempStart = new Date(startEndHours.endHour.getTime());
+                tempStart.setMinutes(tempStart.getMinutes() - this.parent.eventSettings.minimumEventDuration);
+                startTime = tempStart;
+                endTime = startEndHours.endHour;
+            }
+        }
+        return { startDate: startTime, endDate: endTime };
+    };
     EventBase.prototype.unWireEvents = function () {
         var appElements = [].slice.call(this.parent.element.querySelectorAll('.' + APPOINTMENT_CLASS));
         for (var _i = 0, appElements_1 = appElements; _i < appElements_1.length; _i++) {
@@ -6568,18 +6774,21 @@ var VerticalEvent = /** @__PURE__ @class */ (function (_super) {
         if (currentDay.length === 0) {
             currentDate = resetTime(renderedDate[0]);
         }
-        var fieldMapping = this.parent.eventFields;
-        var startEndHours = getStartEndHours(currentDate, this.startHour, this.endHour);
+        var field = this.parent.eventFields;
+        var schedule = getStartEndHours(currentDate, this.startHour, this.endHour);
         var event = extend({}, record, null, true);
         event.isSpanned = { isBottom: false, isTop: false };
-        if (record[fieldMapping.startTime].getTime() < startEndHours.startHour.getTime()) {
-            event[fieldMapping.startTime] = startEndHours.startHour;
+        if (record[field.startTime].getTime() < schedule.startHour.getTime()) {
+            event[field.startTime] = schedule.startHour;
             event.isSpanned.isTop = true;
         }
-        if (record[fieldMapping.endTime].getTime() > startEndHours.endHour.getTime()) {
-            event[fieldMapping.endTime] = startEndHours.endHour;
+        if (record[field.endTime].getTime() > schedule.endHour.getTime()) {
+            event[field.endTime] = schedule.endHour;
             event.isSpanned.isBottom = true;
         }
+        var eventDates = this.updateEventMinimumDuration(schedule, event[field.startTime], event[field.endTime]);
+        event[field.startTime] = eventDates.startDate;
+        event[field.endTime] = eventDates.endDate;
         return event;
     };
     VerticalEvent.prototype.renderAllDayEvents = function (eventObj, dayIndex, resource, dayCount, inline) {
@@ -7143,12 +7352,13 @@ var MonthEvent = /** @__PURE__ @class */ (function (_super) {
                 setStyleAttribute(cell, { 'height': height_1 + 'px' });
             });
         }
-        var cellDetail = this.workCells.slice(-1)[0].getBoundingClientRect();
+        var cellDetail = this.workCells[this.parent.activeView.isTimelineView() ?
+            0 : this.workCells.length - 1].getBoundingClientRect();
         this.cellWidth = cellDetail.width;
         this.cellHeight = cellDetail.height;
         this.dateRender = dateRender;
         var filteredDates = this.getRenderedDates(dateRender);
-        this.getSlotDates(workDays);
+        this.getSlotDates(workDays || this.parent.activeViewOptions.workDays);
         this.processBlockEvents(blockList, resIndex, resData);
         for (var _i = 0, eventsList_1 = eventsList; _i < eventsList_1.length; _i++) {
             var event_1 = eventsList_1[_i];
@@ -7806,6 +8016,10 @@ var TimelineEvent = /** @__PURE__ @class */ (function (_super) {
         var eventData = event.data;
         startTime = this.getStartTime(event, eventData);
         endTime = this.getEndTime(event, eventData);
+        var startEndHours = getStartEndHours(event[this.fields.startTime], this.startHour, this.endHour);
+        var eventDates = this.updateEventMinimumDuration(startEndHours, startTime, endTime);
+        startTime = eventDates.startDate;
+        endTime = eventDates.endDate;
         this.day = this.parent.getIndexOfDate(this.dateRender, resetTime(new Date(startTime.getTime())));
         if (this.day < 0) {
             return;
@@ -8195,11 +8409,11 @@ var InlineEdit = /** @__PURE__ @class */ (function () {
         if (this.parent.quickPopup) {
             this.parent.quickPopup.quickPopupHide();
         }
-        var moreWrapper = this.parent.element.querySelector('.e-more-popup-wrapper ');
-        if (moreWrapper && moreWrapper.classList.contains(POPUP_OPEN)) {
-            this.parent.quickPopup.morePopup.hide();
-        }
         if (args.type === 'Cell') {
+            var moreWrapper = this.parent.element.querySelector('.' + MORE_POPUP_WRAPPER_CLASS);
+            if (moreWrapper && moreWrapper.classList.contains(POPUP_OPEN)) {
+                this.parent.quickPopup.morePopup.hide();
+            }
             this.removeInlineAppointmentElement();
             this.cellEdit(args);
         }
@@ -8262,8 +8476,8 @@ var InlineEdit = /** @__PURE__ @class */ (function () {
                     '.e-inner-wrap' : '.e-appointment-details';
                 args.element.querySelector(elementSelector).insertBefore(inlineSubject, timeEle);
             }
+            inlineSubject.focus();
         }
-        inlineSubject.focus();
         inlineSubject.setSelectionRange(subject.length, subject.length);
     };
     InlineEdit.prototype.createVerticalViewInline = function (saveObj, dayIndex, resIndex, daysCount) {
@@ -8359,6 +8573,9 @@ var InlineEdit = /** @__PURE__ @class */ (function () {
         if (target && target.value !== '') {
             this.inlineCrudActions(target);
         }
+        else {
+            this.removeInlineAppointmentElement();
+        }
     };
     InlineEdit.prototype.inlineCrudActions = function (target) {
         if (closest(target, '.' + INLINE_APPOINTMENT_CLASS)) {
@@ -9412,6 +9629,9 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
     };
     QuickPopups.prototype.closeClick = function (event) {
         this.dialogEvent = event;
+        if (this.parent.currentView === 'Year' && this.parent.activeCellsData && this.parent.activeCellsData.element) {
+            this.parent.selectCell(this.parent.activeCellsData.element);
+        }
         this.quickPopupHide();
         this.morePopup.hide();
     };
@@ -10014,6 +10234,7 @@ var INTERVALCLASS = 'e-interval';
 var DAYWRAPPER = 'e-days';
 var WEEKWRAPPER = 'e-non-week';
 var WEEKPOSITION = 'e-week-position';
+var DAYPOSITION = 'e-day-position';
 var YEAREXPANDERWRAPPER = 'e-year-expander';
 var YEAREXPANDERELEMENT = 'e-year-expander-element';
 var MONETHEXPANDERWRAPPER = 'e-month-expander';
@@ -10366,7 +10587,6 @@ var RecurrenceEditor = /** @__PURE__ @class */ (function (_super) {
             }
         });
         this.endType.appendTo(this.element.querySelector('.' + ENDONELEMENT));
-        // eslint-disable-next-line @typescript-eslint/ban-types
         var renderDropDownList = function (dropDownData) {
             return new DropDownList({
                 dataSource: dropDownData,
@@ -10734,7 +10954,7 @@ var RecurrenceEditor = /** @__PURE__ @class */ (function (_super) {
             '<td><div class="' + INPUTWARAPPER + ' ' + WEEKPOSITION + '" >' +
             '<input type="text" tabindex="0" class="' + MONTHPOS + '"title="' + this.localeObj.getConstant('monthPosition') + '" />' +
             '</div></td>' +
-            '<td><div class="' + INPUTWARAPPER + '" style="min-width: 120px;">' +
+            '<td><div class="' + INPUTWARAPPER + ' ' + DAYPOSITION + '">' +
             '<input type="text" tabindex="0" class="' + MONTHWEEK + '"title="' + this.localeObj.getConstant('monthWeek') + '" />' +
             '</div></td></tr></table>' +
             '</div></div>' +
@@ -13159,7 +13379,12 @@ var Render = /** @__PURE__ @class */ (function () {
     };
     Render.prototype.initializeLayout = function (viewName) {
         if (this.parent.activeView) {
-            this.parent.resetTemplates();
+            var templates = [
+                'cellTemplate', 'eventTemplate', 'tooltipTemplate', 'majorSlotTemplate', 'minorSlotTemplate',
+                'headerTooltipTemplate', 'dateHeaderTemplate', 'dayHeaderTemplate', 'mothHeaderTemplate',
+                'headerIndentTemplate', 'resourceHeaderTemplate', 'cellHeaderTemplate'
+            ];
+            this.parent.resetTemplates(templates);
             this.parent.activeView.removeEventListener();
             this.parent.activeView.destroy();
         }
@@ -14410,12 +14635,15 @@ var EventSettings = /** @__PURE__ @class */ (function (_super) {
     __decorate$6([
         Property(false)
     ], EventSettings.prototype, "enableTooltip", void 0);
-    __decorate$6([
-        Property()
-    ], EventSettings.prototype, "tooltipTemplate", void 0);
     __decorate$6([
         Property('AllDayRow')
     ], EventSettings.prototype, "spannedEventPlacement", void 0);
+    __decorate$6([
+        Property(1)
+    ], EventSettings.prototype, "minimumEventDuration", void 0);
+    __decorate$6([
+        Property()
+    ], EventSettings.prototype, "tooltipTemplate", void 0);
     __decorate$6([
         Property()
     ], EventSettings.prototype, "resourceColorField", void 0);
@@ -14904,6 +15132,7 @@ var ResourceBase = /** @__PURE__ @class */ (function () {
             targetType: 'relative',
             actionOnScroll: 'none',
             content: this.treeViewObj.element,
+            relateTo: this.parent.element.querySelector('.' + TABLE_CONTAINER_CLASS),
             enableRtl: this.parent.enableRtl,
             hideAnimation: { name: 'SlideLeftOut', duration: 500 },
             showAnimation: { name: 'SlideLeftIn', duration: 500 },
@@ -15873,13 +16102,19 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
             timeFormat: this.internalTimeFormat,
             group: group,
             headerRows: this.headerRows,
-            orientation: 'Horizontal'
+            orientation: 'Horizontal',
+            numberOfWeeks: 0,
+            displayDate: null
         };
         var viewOptions = this.viewCollections[this.viewIndex];
         var viewsData = extend(scheduleOptions, viewOptions, undefined, true);
         if (this.firstDayOfWeek !== 0 && viewOptions.firstDayOfWeek && this.firstDayOfWeek !== viewOptions.firstDayOfWeek) {
             viewsData.firstDayOfWeek = this.firstDayOfWeek;
         }
+        if (viewsData.displayDate) {
+            viewsData.displayDate = viewsData.displayDate instanceof Date ? new Date(viewsData.displayDate.getTime()) :
+                new Date(viewsData.displayDate);
+        }
         return viewsData;
     };
     Schedule.prototype.initializeDataModule = function () {
@@ -16192,7 +16427,7 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
         if (this && isNullOrUndefined(this.uiStateValues) || !(this.enablePersistence)) {
             this.uiStateValues = {
                 expand: false, isInitial: true, left: 0, top: 0, isGroupAdaptive: false,
-                isIgnoreOccurrence: false, groupIndex: 0, action: false, isBlock: false
+                isIgnoreOccurrence: false, groupIndex: 0, action: false, isBlock: false, isCustomMonth: true
             };
         }
         this.activeCellsData = { startTime: this.getCurrentTime(), endTime: this.getCurrentTime(), isAllDay: false };
@@ -16971,7 +17206,7 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
             if (dateHeader.classList.contains(ALLDAY_APPOINTMENT_AUTO)) {
                 removeClass([dateHeader], ALLDAY_APPOINTMENT_AUTO);
             }
-            this.eventBase.allDayExpandScroll(dateHeader, true);
+            this.eventBase.allDayExpandScroll(dateHeader);
         }
         if (!this.uiStateValues.expand) {
             allDayRow.style.height = '';
@@ -17161,6 +17396,7 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
                     }
                     break;
                 case 'spannedEventPlacement':
+                case 'minimumEventDuration':
                 case 'enableMaxHeight':
                 case 'enableIndicator':
                     this.refreshEvents(false);
@@ -17535,7 +17771,7 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
      */
     Schedule.prototype.exportToExcel = function (excelExportOptions) {
         if (this.excelExportModule) {
-            this.excelExportModule.initializeExcelExport(excelExportOptions || {});
+            this.excelExportModule.initializeExcelExport(excelExportOptions);
         }
         else {
             throw Error('Inject ExcelExport module');
@@ -17720,6 +17956,9 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
             this.crudModule.refreshDataManager();
         }
         else {
+            if (this.activeViewOptions && this.activeViewOptions.eventTemplate) {
+                this.resetTemplates(['eventTemplate']);
+            }
             var eventsData = this.eventsData || [];
             var blockData = this.blockData || [];
             var data = eventsData.concat(blockData);
@@ -17977,6 +18216,7 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
             this.eventTooltip = null;
         }
         this.destroyPopups();
+        this.hideSpinner();
         this.unWireEvents();
         this.destroyHeaderModule();
         if (this.eventTooltip) {
@@ -18820,9 +19060,9 @@ var Resize = /** @__PURE__ @class */ (function (_super) {
                 bottom: resizeTarget.classList.contains(BOTTOM_RESIZE_HANDLER)
             };
             _this.actionObj.groupIndex = _this.parent.uiStateValues.isGroupAdaptive ? _this.parent.uiStateValues.groupIndex : 0;
-            var workCell = _this.parent.element.querySelector('.' + WORK_CELLS_CLASS);
-            _this.actionObj.cellWidth = workCell.offsetWidth;
-            _this.actionObj.cellHeight = workCell.offsetHeight;
+            var workCell = _this.parent.element.querySelector('.' + WORK_CELLS_CLASS).getBoundingClientRect();
+            _this.actionObj.cellWidth = workCell.width;
+            _this.actionObj.cellHeight = workCell.height;
             var hRows = _this.parent.activeViewOptions.headerRows.map(function (row) { return row.option; });
             if (_this.parent.activeView.isTimelineView() && hRows.length > 0 && ['Date', 'Hour'].indexOf(hRows.slice(-1)[0]) < 0) {
                 var tr = _this.parent.getContentTable().querySelector('tr');
@@ -18832,8 +19072,9 @@ var Resize = /** @__PURE__ @class */ (function (_super) {
                     var td = tdCollections_1[_i];
                     noOfDays += parseInt(td.getAttribute('colspan'), 10);
                 }
-                _this.actionObj.cellWidth = tr.offsetWidth / noOfDays;
-                _this.actionObj.cellHeight = tr.offsetHeight;
+                var trRect = tr.getBoundingClientRect();
+                _this.actionObj.cellWidth = trRect.width / noOfDays;
+                _this.actionObj.cellHeight = trRect.height;
             }
             var pages = _this.getPageCoordinates(e);
             _this.actionObj.X = pages.pageX;
@@ -19084,12 +19325,12 @@ var Resize = /** @__PURE__ @class */ (function (_super) {
         var eventEnd = new Date(this.actionObj.event[this.parent.eventFields.endTime].getTime());
         var resizeTime;
         var isDateHeader = false;
+        var headerName = this.parent.currentView;
         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];
@@ -19101,6 +19342,11 @@ var Resize = /** @__PURE__ @class */ (function (_super) {
             var cellIndex = 0;
             var tdCollections = [].slice.call(tr.children);
             var isLastCell = false;
+            var pixelsPerMinute = this.actionObj.cellWidth / (this.parent.activeViewOptions.timeScale.interval /
+                this.parent.activeViewOptions.timeScale.slotCount);
+            var offset = parseFloat(this.parent.enableRtl ? this.actionObj.clone.style.right :
+                this.actionObj.clone.style.left);
+            offset = Math.round(offset / pixelsPerMinute) * pixelsPerMinute;
             if (['Year', 'Month', 'Week', 'Date'].indexOf(headerName) !== -1) {
                 var noOfDays = 0;
                 for (var _i = 0, tdCollections_2 = tdCollections; _i < tdCollections_2.length; _i++) {
@@ -19109,28 +19355,28 @@ var Resize = /** @__PURE__ @class */ (function (_super) {
                 }
                 var offsetValue = this.parent.enableRtl ? parseInt(this.actionObj.clone.style.right, 10) :
                     parseInt(this.actionObj.clone.style.left, 10);
+                offsetValue = Math.round(offsetValue / this.actionObj.cellWidth) * this.actionObj.cellWidth;
                 if (!isLeft) {
-                    offsetValue += (this.actionObj.clone.offsetWidth - this.actionObj.cellWidth);
+                    offsetValue += (this.actionObj.clone.getBoundingClientRect().width - this.actionObj.cellWidth);
                 }
-                cellIndex = Math.floor(offsetValue / Math.floor(tr.offsetWidth / noOfDays));
+                cellIndex = Math.floor(offsetValue / Math.floor(tr.getBoundingClientRect().width / noOfDays));
                 isDateHeader = isTimeViews && headerName === 'Date';
-                cellIndex = isLeft ? cellIndex : (isTimelineMonth || isDateHeader) ? cellIndex + 1 : cellIndex;
+                cellIndex = isLeft ? cellIndex : isTimelineMonth ? cellIndex + 1 : cellIndex;
                 isLastCell = cellIndex === tdCollections.length;
                 cellIndex = (cellIndex < 0) ? 0 : (cellIndex >= noOfDays) ? noOfDays - 1 : cellIndex;
             }
             else {
                 var cellWidth = this.actionObj.cellWidth;
-                cellIndex = isLeft ? Math.floor(this.actionObj.clone.offsetLeft / this.actionObj.cellWidth) :
-                    Math.ceil((this.actionObj.clone.offsetLeft + (this.actionObj.clone.offsetWidth - cellWidth)) /
-                        this.actionObj.cellWidth);
+                cellIndex = isLeft ? Math.floor(offset / this.actionObj.cellWidth) :
+                    Math.ceil((offset + (this.actionObj.clone.getBoundingClientRect().width - cellWidth)) / this.actionObj.cellWidth);
                 if (this.parent.enableRtl) {
                     var cellOffsetWidth = 0;
                     if (headerName === 'TimelineMonth' || (!this.parent.activeViewOptions.timeScale.enable &&
                         !isTimelineMonth)) {
                         cellOffsetWidth = this.actionObj.cellWidth;
                     }
-                    var offsetWidth = (Math.floor(parseInt(this.actionObj.clone.style.right, 10) / this.actionObj.cellWidth) *
-                        this.actionObj.cellWidth) + (isLeft ? 0 : this.actionObj.clone.offsetWidth - cellOffsetWidth);
+                    var offsetWidth = (Math.floor(offset / this.actionObj.cellWidth) *
+                        this.actionObj.cellWidth) + (isLeft ? 0 : this.actionObj.clone.getBoundingClientRect().width - cellOffsetWidth);
                     cellIndex = Math.floor(offsetWidth / this.actionObj.cellWidth);
                 }
                 isLastCell = cellIndex === tdCollections.length;
@@ -19148,13 +19394,11 @@ var Resize = /** @__PURE__ @class */ (function (_super) {
                 resizeTime = new Date(resizeDate.setHours(resizeTime.getHours(), resizeTime.getMinutes(), resizeTime.getSeconds()));
             }
             else {
-                var offsetValue = this.parent.enableRtl ? parseFloat(this.actionObj.clone.style.right) :
-                    parseFloat(this.actionObj.clone.style.left);
                 if (!isLeft) {
-                    offsetValue += this.actionObj.clone.offsetWidth;
+                    offset += this.actionObj.clone.getBoundingClientRect().width;
                 }
                 var spanMinutes = Math.ceil((this.actionObj.slotInterval / this.actionObj.cellWidth) *
-                    (offsetValue - Math.floor(offsetValue / this.actionObj.cellWidth) * this.actionObj.cellWidth));
+                    (offset - Math.floor(offset / this.actionObj.cellWidth) * this.actionObj.cellWidth));
                 spanMinutes = (isLastCell || (!isLeft && spanMinutes === 0)) ? this.actionObj.slotInterval : spanMinutes;
                 resizeTime = new Date(resizeDate.getTime());
                 resizeTime.setMinutes(resizeTime.getMinutes() + spanMinutes);
@@ -19163,9 +19407,10 @@ var Resize = /** @__PURE__ @class */ (function (_super) {
         }
         else {
             var cloneIndex = closest(this.actionObj.clone, 'td').cellIndex;
-            var originalWidth = Math.ceil((isLeft ? this.actionObj.element.offsetWidth : 0) / this.actionObj.cellWidth) *
-                this.actionObj.cellWidth;
-            var noOfDays = Math.ceil((this.actionObj.clone.offsetWidth - originalWidth) / this.actionObj.cellWidth);
+            var originalWidth = Math.ceil((isLeft ? this.actionObj.element.getBoundingClientRect().width : 0) /
+                this.actionObj.cellWidth) * this.actionObj.cellWidth;
+            var noOfDays = Math.ceil((this.actionObj.clone.getBoundingClientRect().width - originalWidth) /
+                this.actionObj.cellWidth);
             var tr = closest(this.actionObj.clone, 'tr');
             var dayIndex = isLeft ? cloneIndex - noOfDays : cloneIndex + noOfDays - 1;
             dayIndex = this.getIndex(dayIndex);
@@ -19185,8 +19430,8 @@ var Resize = /** @__PURE__ @class */ (function (_super) {
         }
         else {
             var isTimeScaleViews = isTimeViews && this.parent.activeViewOptions.timeScale.enable;
-            var resizeEnd = ((!isTimeScaleViews || isDateHeader) && resizeTime.getHours() === 0 && resizeTime.getMinutes() === 0) ?
-                addDays(resizeTime, 1) : resizeTime;
+            var resizeEnd = ((!isTimeScaleViews || isDateHeader || isTimeViews && ['Week', 'Month', 'Year'].indexOf(headerName) > -1)
+                && resizeTime.getHours() === 0 && resizeTime.getMinutes() === 0) ? addDays(resizeTime, 1) : resizeTime;
             if (isWithoutScale && (resizeEnd.getTime() - eventStart.getTime()) <= 0) {
                 resizeEnd = addDays(resetTime(eventStart), 1);
             }
@@ -19223,29 +19468,30 @@ var Resize = /** @__PURE__ @class */ (function (_super) {
         var slotInterval = (this.actionObj.cellWidth / this.actionObj.slotInterval) * this.actionObj.interval;
         var pageWidth = isLeft ? (this.actionObj.X - this.actionObj.pageX) : (this.actionObj.pageX - this.actionObj.X);
         var targetWidth = isTimelineView ?
-            (this.actionObj.element.offsetWidth / this.actionObj.cellWidth) * this.actionObj.cellWidth :
-            this.parent.currentView === 'Month' ? this.actionObj.element.offsetWidth :
-                Math.ceil(this.actionObj.element.offsetWidth / this.actionObj.cellWidth) * this.actionObj.cellWidth;
+            (this.actionObj.element.getBoundingClientRect().width / this.actionObj.cellWidth) * this.actionObj.cellWidth :
+            this.parent.currentView === 'Month' ? this.actionObj.element.getBoundingClientRect().width :
+                Math.ceil(this.actionObj.element.getBoundingClientRect().width / this.actionObj.cellWidth) * this.actionObj.cellWidth;
         var offsetWidth = targetWidth + (Math.ceil(pageWidth / this.actionObj.cellWidth) * this.actionObj.cellWidth);
+        var left = (this.parent.enableRtl) ? parseInt(this.actionObj.element.style.right, 10) : this.actionObj.clone.offsetLeft;
         if (isTimeViews) {
-            offsetWidth = targetWidth + (isLeft ? (Math.ceil(pageWidth / slotInterval) * slotInterval) :
-                (Math.floor(pageWidth / slotInterval) * slotInterval));
+            offsetWidth = targetWidth + (Math.ceil(pageWidth / slotInterval) * slotInterval);
+            offsetWidth = (Math.round((left + offsetWidth) / slotInterval) * slotInterval) - left;
             this.actionObj.event[this.parent.eventFields.isAllDay] = false;
         }
         var width = !isLeft && ((offsetWidth + this.actionObj.clone.offsetLeft > this.scrollArgs.width)) ?
-            this.actionObj.clone.offsetWidth : (offsetWidth < this.actionObj.cellWidth) ? offsetWidth : offsetWidth;
+            this.actionObj.clone.getBoundingClientRect().width : (offsetWidth < this.actionObj.cellWidth) ? offsetWidth : offsetWidth;
         if (this.parent.enableRtl) {
             var rightValue = isTimelineView ? parseInt(this.actionObj.element.style.right, 10) :
                 -(offsetWidth - this.actionObj.cellWidth);
             rightValue = isTimelineView ? rightValue : isLeft ? 0 : rightValue > 0 ? 0 : rightValue;
             if (isTimelineView && !isLeft) {
-                rightValue = Math.ceil((this.actionObj.element.offsetLeft + (this.actionObj.element.offsetWidth +
+                rightValue = Math.ceil((this.actionObj.element.offsetLeft + (this.actionObj.element.getBoundingClientRect().width +
                     (this.actionObj.pageX - this.actionObj.X))) / slotInterval) * slotInterval;
                 rightValue = rightValue < 0 ? Math.abs(rightValue) : -rightValue;
             }
             rightValue = rightValue >= this.scrollArgs.width ? this.scrollArgs.width - this.actionObj.cellWidth : rightValue;
             styles.right = formatUnit(rightValue);
-            width = width + rightValue > this.scrollArgs.width ? this.actionObj.clone.offsetWidth : width;
+            width = width + rightValue > this.scrollArgs.width ? this.actionObj.clone.getBoundingClientRect().width : width;
         }
         else {
             var offsetLeft = isLeft ? this.actionObj.element.offsetLeft - (this.actionObj.X - this.actionObj.pageX) :
@@ -19253,12 +19499,12 @@ var Resize = /** @__PURE__ @class */ (function (_super) {
             if (isTimelineView) {
                 offsetLeft = isLeft ? offsetLeft : parseInt(this.actionObj.clone.style.left, 10);
                 if (this.parent.enableRtl) {
-                    offsetLeft = !isLeft ? (this.actionObj.pageX < this.actionObj.X - this.actionObj.clone.offsetWidth) ?
-                        parseInt(this.actionObj.clone.style.right, 10) : offsetLeft : offsetLeft;
+                    offsetLeft = !isLeft ? (this.actionObj.pageX < this.actionObj.X - this.actionObj.clone.getBoundingClientRect().width)
+                        ? parseInt(this.actionObj.clone.style.right, 10) : offsetLeft : offsetLeft;
                 }
                 else {
-                    offsetLeft = isLeft ? (this.actionObj.pageX > this.actionObj.X + this.actionObj.clone.offsetWidth &&
-                        this.actionObj.clone.offsetWidth === this.actionObj.cellWidth) ?
+                    offsetLeft = isLeft ? (this.actionObj.pageX > this.actionObj.X + this.actionObj.clone.getBoundingClientRect().width &&
+                        this.actionObj.clone.getBoundingClientRect().width === this.actionObj.cellWidth) ?
                         parseInt(this.actionObj.clone.style.left, 10) : offsetLeft : offsetLeft;
                 }
             }
@@ -19268,9 +19514,10 @@ var Resize = /** @__PURE__ @class */ (function (_super) {
                 Math.ceil(Math.abs(offsetLeft) / this.actionObj.cellWidth) * this.actionObj.cellWidth;
             if (offsetLeft < 0) {
                 offsetLeft = 0;
-                width = this.actionObj.clone.offsetWidth;
+                width = this.actionObj.clone.getBoundingClientRect().width;
             }
-            var cloneWidth = Math.ceil(this.actionObj.clone.offsetWidth / this.actionObj.cellWidth) * this.actionObj.cellWidth;
+            var cloneWidth = Math.ceil(this.actionObj.clone.getBoundingClientRect().width / this.actionObj.cellWidth) *
+                this.actionObj.cellWidth;
             if (isLeft) {
                 styles.left = formatUnit(isTimelineView ? offsetLeft : isLeft ? leftValue < 0 ? -offsetLeft :
                     (Math.ceil((targetWidth - cloneWidth) / this.actionObj.cellWidth) * this.actionObj.cellWidth) : offsetLeft);
@@ -19801,7 +20048,7 @@ var YearEvent = /** @__PURE__ @class */ (function (_super) {
                 }
             }
             else {
-                if (((resetTime(appStart).getTime() <= dateStart) && (resetTime(appEnd).getTime() > dateStart)) ||
+                if (((resetTime(appStart).getTime() <= dateStart) && (resetTime(appEnd).getTime() >= dateStart)) ||
                     (resetTime(appStart).getTime() >= dateStart) && (resetTime(appEnd).getTime() <= dateEnd)) {
                     appointmentsList.push(app);
                 }
@@ -20001,7 +20248,9 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
         var eventGuid = this.actionObj.element.getAttribute('data-guid');
         this.actionObj.event = this.parent.eventBase.getEventByGuid(eventGuid);
         var eventObj = extend({}, this.actionObj.event, null, true);
-        this.startTime = eventObj[this.parent.eventFields.startTime].getTime();
+        if (!isNullOrUndefined(eventObj)) {
+            this.startTime = eventObj[this.parent.eventFields.startTime].getTime();
+        }
         var dragArgs = {
             cancel: false,
             data: eventObj,
@@ -20423,7 +20672,7 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
             return;
         }
         var td = tr.children[colIndex];
-        if (this.parent.activeViewOptions.group.resources.length > 0) {
+        if (this.parent.activeViewOptions.group.resources.length > 0 && !this.parent.uiStateValues.isGroupAdaptive) {
             this.actionObj.groupIndex = parseInt(td.getAttribute('data-group-index'), 10);
         }
         var dragStart$$1;
@@ -20692,7 +20941,7 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
         var renderDates = this.getRenderedDates();
         var events = this.parent.eventBase.splitEvent(event, renderDates);
         var query = ".e-all-day-cells[data-date=\"" + events[0][this.parent.eventFields.startTime].getTime() + "\"]";
-        if (this.parent.activeViewOptions.group.resources.length > 0) {
+        if (this.parent.activeViewOptions.group.resources.length > 0 && !this.parent.uiStateValues.isGroupAdaptive) {
             query = query.concat('[data-group-index = "' + this.actionObj.groupIndex + '"]');
         }
         var cell = [].slice.call(this.parent.element.querySelectorAll(query));
@@ -20892,7 +21141,13 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
         if (this.parent.eventDragArea) {
             var targetDate = this.parent.getDateFromElement(e.target);
             if (!isNullOrUndefined(targetDate)) {
-                eventStart = targetDate;
+                if (!this.parent.activeViewOptions.timeScale.enable || (this.parent.currentView === 'TimelineMonth')) {
+                    var eventSrt = eventObj[this.parent.eventFields.startTime];
+                    eventStart = new Date(targetDate.setHours(eventSrt.getHours(), eventSrt.getMinutes(), eventSrt.getSeconds()));
+                }
+                else {
+                    eventStart = targetDate;
+                }
             }
         }
         var eventEnd = new Date(eventStart.getTime());
@@ -21327,6 +21582,10 @@ var ViewBase = /** @__PURE__ @class */ (function () {
         return date.setHours(0, 0, 0, 0) === this.parent.getCurrentTime().setHours(0, 0, 0, 0);
     };
     ViewBase.prototype.isCurrentMonth = function (date) {
+        if (this.parent.activeViewOptions.displayDate || this.parent.activeViewOptions.numberOfWeeks > 0) {
+            return this.parent.activeView.getStartDate().getTime() <= this.parent.getCurrentTime().getTime() &&
+                this.parent.activeView.getEndDate().getTime() >= this.parent.getCurrentTime().getTime();
+        }
         return date.getFullYear() ===
             this.parent.getCurrentTime().getFullYear() && date.getMonth() === this.parent.getCurrentTime().getMonth();
     };
@@ -21559,6 +21818,13 @@ var ViewBase = /** @__PURE__ @class */ (function () {
                     setStyleAttribute(resourceColumn, { 'height': formatUnit(content.clientHeight) });
                 }
             }
+            var cssClass = "." + HEADER_CELLS_CLASS + ",." + TIME_SLOT_CLASS + ",." + HEADER_WEEK_CELLS_CLASS + ",." + HEADER_MONTH_CELLS_CLASS + ",." + HEADER_YEAR_CELLS_CLASS;
+            var headerCellElements = [].slice.call(this.element.querySelectorAll(cssClass));
+            headerCellElements.forEach(function (ele) {
+                var colSpan = isNullOrUndefined(ele.getAttribute('colspan')) ? '1' : ele.getAttribute('colspan');
+                var headerCellColSpan = parseInt(colSpan, 10);
+                setStyleAttribute(ele, { 'width': formatUnit(colWidth_1 * headerCellColSpan) });
+            });
         }
     };
     ViewBase.prototype.resetColWidth = function () {
@@ -22690,10 +22956,11 @@ var Month = /** @__PURE__ @class */ (function (_super) {
     Month.prototype.getDateSlots = function (renderDates, workDays) {
         var count = this.parent.activeViewOptions.showWeekend ? WEEK_LENGTH : workDays.length;
         var dateSlots = [];
+        var isCurrentMonth = this.isCurrentMonth(this.parent.selectedDate);
         for (var col = 0; col < count; col++) {
             var classList$$1 = [HEADER_CELLS_CLASS];
             var currentDateIndex = renderDates.slice(0, count).map(function (date) { return date.getDay(); });
-            if (this.isCurrentMonth(this.parent.selectedDate) && currentDateIndex.indexOf(this.parent.getCurrentTime().getDay()) === col) {
+            if (isCurrentMonth && currentDateIndex.indexOf(this.parent.getCurrentTime().getDay()) === col) {
                 classList$$1.push(CURRENT_DAY_CLASS);
             }
             dateSlots.push({ date: renderDates[col], type: 'monthDay', className: classList$$1, colSpan: 1, workDays: workDays });
@@ -22732,6 +22999,9 @@ var Month = /** @__PURE__ @class */ (function (_super) {
             this.renderResourceMobileLayout();
         }
         this.parent.notify(contentReady, {});
+        if (this.parent.uiStateValues.isCustomMonth) {
+            this.parent.uiStateValues.isCustomMonth = false;
+        }
     };
     Month.prototype.refreshHeader = function () {
         remove(this.element.querySelector('tbody tr'));
@@ -22917,7 +23187,7 @@ var Month = /** @__PURE__ @class */ (function (_super) {
         return slotDatas;
     };
     Month.prototype.updateClassList = function (data) {
-        if (this.isOtherMonth(data.date)) {
+        if (!this.isCustomMonth() && this.isOtherMonth(data.date)) {
             data.className.push(OTHERMONTH_CLASS);
         }
         if (!this.parent.isMinMaxDate(data.date)) {
@@ -23026,15 +23296,34 @@ var Month = /** @__PURE__ @class */ (function (_super) {
         }
     };
     Month.prototype.getMonthStart = function (currentDate) {
-        var monthStart = getWeekFirstDate(this.parent.calendarUtil.firstDateOfMonth(currentDate), this.parent.activeViewOptions.firstDayOfWeek);
-        var start = new Date(monthStart.getFullYear(), monthStart.getMonth(), monthStart.getDate());
-        return start;
+        var useDisplayDate = this.parent.currentView === 'Month' && !isNullOrUndefined(this.parent.activeViewOptions.displayDate) && (this.parent.uiStateValues.isCustomMonth || this.isCustomRange());
+        var date = useDisplayDate ? this.parent.activeViewOptions.displayDate : !(this.parent.uiStateValues.isCustomMonth ||
+            this.isCustomRange()) && this.isCustomMonth() ? currentDate : this.parent.calendarUtil.firstDateOfMonth(currentDate);
+        var monthStart = getWeekFirstDate(date, this.parent.activeViewOptions.firstDayOfWeek);
+        return new Date(monthStart.getFullYear(), monthStart.getMonth(), monthStart.getDate());
     };
     Month.prototype.getMonthEnd = function (currentDate) {
-        var endDate = addMonths(currentDate, this.parent.activeViewOptions.interval - 1);
-        var lastWeekOfMonth = getWeekFirstDate(this.parent.calendarUtil.lastDateOfMonth(endDate), this.parent.activeViewOptions.firstDayOfWeek);
-        var monthEnd = addDays(lastWeekOfMonth, WEEK_LENGTH - 1);
-        return monthEnd;
+        if (this.isCustomMonth()) {
+            var start = this.getMonthStart(currentDate);
+            var numberOfDays = WEEK_LENGTH * (this.parent.activeViewOptions.numberOfWeeks > 0 ?
+                this.parent.activeViewOptions.numberOfWeeks : DEFAULT_WEEKS);
+            return addDays(start, (numberOfDays - 1));
+        }
+        else {
+            var endDate = addMonths(currentDate, this.parent.activeViewOptions.interval - 1);
+            var lastWeekOfMonth = getWeekFirstDate(this.parent.calendarUtil.lastDateOfMonth(endDate), this.parent.activeViewOptions.firstDayOfWeek);
+            return addDays(lastWeekOfMonth, WEEK_LENGTH - 1);
+        }
+    };
+    Month.prototype.isCustomRange = function () {
+        var dates = this.parent.getCurrentViewDates();
+        if (dates && dates.length > 0) {
+            var selectedTime = resetTime(this.parent.selectedDate).getTime();
+            var weekFirstDate = getWeekFirstDate(dates[dates.length - 1], this.parent.activeViewOptions.firstDayOfWeek);
+            return !(selectedTime >= getWeekFirstDate(dates[0], this.parent.activeViewOptions.firstDayOfWeek).getTime() &&
+                selectedTime <= addDays(weekFirstDate, 6).getTime());
+        }
+        return false;
     };
     Month.prototype.getRenderDates = function (workDays) {
         var renderDates = [];
@@ -23064,34 +23353,57 @@ var Month = /** @__PURE__ @class */ (function (_super) {
         return renderDates;
     };
     Month.prototype.getNextPreviousDate = function (type) {
-        if (type === 'next') {
-            return addMonths(this.parent.selectedDate, this.parent.activeViewOptions.interval);
+        if (this.isCustomMonth()) {
+            var dates = this.parent.getCurrentViewDates();
+            var date = getWeekFirstDate(type === 'next' ? dates[dates.length - 1]
+                : dates[0], this.parent.activeViewOptions.firstDayOfWeek);
+            return addDays(date, type === 'next' ? WEEK_LENGTH : -(this.parent.activeViewOptions.numberOfWeeks > 0 ?
+                this.parent.activeViewOptions.numberOfWeeks : DEFAULT_WEEKS) * WEEK_LENGTH);
         }
         else {
-            return addMonths(this.parent.selectedDate, -(this.parent.activeViewOptions.interval));
+            return addMonths(this.parent.selectedDate, ((type === 'next' ? 1 : -1) * this.parent.activeViewOptions.interval));
         }
     };
+    Month.prototype.getStartDate = function () {
+        return this.getMonthStart(this.parent.selectedDate);
+    };
+    Month.prototype.getEndDate = function () {
+        return this.getMonthEnd(this.parent.selectedDate);
+    };
     Month.prototype.getEndDateFromStartDate = function (start) {
         return addDays(new Date(start.getTime()), 1);
     };
     Month.prototype.getDateRangeText = function () {
         if (this.parent.isAdaptive || isNullOrUndefined(this.parent.activeViewOptions.dateFormat)) {
-            if (this.parent.activeViewOptions.interval > 1) {
-                var endDate = addMonths(lastDateOfMonth(this.parent.selectedDate), this.parent.activeViewOptions.interval - 1);
-                if (this.parent.selectedDate.getFullYear() === endDate.getFullYear()) {
-                    var monthNames = (this.parent.globalize.formatDate(this.parent.selectedDate, { format: 'MMMM', calendar: this.parent.getCalendarMode() })) + ' - ' +
+            var startDate = this.parent.selectedDate;
+            var endDate = void 0;
+            var updateCustomRange = false;
+            if (this.isCustomMonth()) {
+                var dates = this.parent.getCurrentViewDates();
+                updateCustomRange = dates[0].getMonth() !== dates[dates.length - 1].getMonth() ||
+                    dates[0].getFullYear() !== dates[dates.length - 1].getFullYear();
+                if (updateCustomRange) {
+                    startDate = dates[0];
+                    endDate = dates[dates.length - 1];
+                }
+            }
+            var isUpdateDateRange = (this.parent.currentView !== 'Month' || !this.isCustomMonth());
+            if (this.parent.activeViewOptions.interval > 1 && isUpdateDateRange || updateCustomRange) {
+                endDate = endDate ? endDate : addMonths(lastDateOfMonth(startDate), this.parent.activeViewOptions.interval - 1);
+                if (startDate.getFullYear() === endDate.getFullYear()) {
+                    var monthNames = (this.parent.globalize.formatDate(startDate, { format: 'MMMM', calendar: this.parent.getCalendarMode() })) + ' - ' +
                         (this.parent.globalize.formatDate(endDate, { format: 'MMMM ', calendar: this.parent.getCalendarMode() })) +
                         this.parent.globalize.formatDate(endDate, { skeleton: 'y', calendar: this.parent.getCalendarMode() });
                     return capitalizeFirstWord(monthNames, 'single');
                 }
-                var text = (this.parent.globalize.formatDate(this.parent.selectedDate, { format: 'MMMM', calendar: this.parent.getCalendarMode() })) + ' ' +
-                    this.parent.selectedDate.getFullYear() + ' - ' +
+                var text = (this.parent.globalize.formatDate(startDate, { format: 'MMMM', calendar: this.parent.getCalendarMode() })) + ' ' +
+                    startDate.getFullYear() + ' - ' +
                     this.parent.globalize.formatDate(endDate, { format: 'MMMM ', calendar: this.parent.getCalendarMode() }) +
                     this.parent.globalize.formatDate(endDate, { skeleton: 'y', calendar: this.parent.getCalendarMode() });
                 return capitalizeFirstWord(text, 'single');
             }
             var format = (this.parent.activeViewOptions.dateFormat) ? this.parent.activeViewOptions.dateFormat : 'MMMM y';
-            return capitalizeFirstWord(this.parent.globalize.formatDate(this.parent.selectedDate, { format: format, calendar: this.parent.getCalendarMode() }), 'single');
+            return capitalizeFirstWord(this.parent.globalize.formatDate(startDate, { format: format, calendar: this.parent.getCalendarMode() }), 'single');
         }
         return this.formatDateRange(this.parent.selectedDate);
     };
@@ -23116,6 +23428,10 @@ var Month = /** @__PURE__ @class */ (function (_super) {
             EventHandler.remove(contentScrollableEle, 'scroll', this.onContentScroll);
         }
     };
+    Month.prototype.isCustomMonth = function () {
+        return this.parent.currentView === 'Month' &&
+            (!isNullOrUndefined(this.parent.activeViewOptions.displayDate) || this.parent.activeViewOptions.numberOfWeeks > 0);
+    };
     Month.prototype.getModuleName = function () {
         return 'month';
     };
@@ -23373,10 +23689,27 @@ var Year = /** @__PURE__ @class */ (function (_super) {
     Year.prototype.onCellClick = function (e) {
         var target = closest(e.target, '.' + WORK_CELLS_CLASS);
         var startDate = this.parent.getDateFromElement(target);
-        var endDate = addDays(new Date(startDate.getTime()), 1);
-        var filteredEvents = this.parent.eventBase.filterEvents(startDate, endDate);
-        var moreEventArgs = { date: startDate, event: filteredEvents, element: e.target };
-        this.parent.quickPopup.moreEventClick(moreEventArgs, endDate);
+        this.parent.activeCellsData = this.parent.getCellDetails(target);
+        var isPrevious = startDate.getTime() < this.getStartDate().getTime();
+        if (isPrevious || startDate.getTime() > this.getEndDate().getTime()) {
+            this.parent.changeDate(this.parent.activeView.getNextPreviousDate(isPrevious ? 'previous' : 'next'), e);
+            var activeDate = this.parent.activeCellsData.startTime.getTime();
+            var inRange = activeDate >= this.getStartDate().getTime() && activeDate <= this.getEndDate().getTime();
+            var dateAttr = inRange ? activeDate : (isPrevious ? this.getEndDate() : this.getStartDate()).getTime();
+            var selectedCell = this.parent.element.querySelector(':not(.' + OTHERMONTH_CLASS + ')[data-date="' + dateAttr + '"]');
+            this.parent.selectCell(selectedCell);
+            this.parent.activeCellsData = this.parent.getCellDetails(selectedCell);
+        }
+        else {
+            var endDate = addDays(new Date(startDate.getTime()), 1);
+            var filteredEvents = this.parent.eventBase.filterEvents(startDate, endDate);
+            var moreEventArgs = { date: startDate, event: filteredEvents, element: e.target };
+            if (target.classList.contains(OTHERMONTH_CLASS)) {
+                target = this.parent.element.querySelector(':not(.' + OTHERMONTH_CLASS + ')[data-date="' + target.getAttribute('data-date') + '"]');
+            }
+            this.parent.activeCellsData = this.parent.getCellDetails(target);
+            this.parent.quickPopup.moreEventClick(moreEventArgs, endDate);
+        }
     };
     Year.prototype.onContentScroll = function (e) {
         var target = e.target;
@@ -23428,10 +23761,10 @@ var Year = /** @__PURE__ @class */ (function (_super) {
         return addDays(addMonths(this.getStartDate(), this.parent.monthsCount), -1);
     };
     Year.prototype.startDate = function () {
-        return getWeekFirstDate(this.getStartDate(), this.parent.firstDayOfWeek);
+        return this.parent.currentView === 'Year' ? getWeekFirstDate(this.getStartDate(), this.parent.firstDayOfWeek) : this.getStartDate();
     };
     Year.prototype.endDate = function () {
-        return addDays(getWeekLastDate(this.getEndDate(), this.parent.firstDayOfWeek), 1);
+        return this.parent.currentView === 'Year' ? addDays(getWeekLastDate(this.getEndDate(), this.parent.firstDayOfWeek), 1) : this.getEndDate();
     };
     Year.prototype.getEndDateFromStartDate = function (start) {
         var date = new Date(start.getTime());
@@ -23474,6 +23807,7 @@ var Year = /** @__PURE__ @class */ (function (_super) {
                 EventHandler.add(element, 'click', this.onCellClick, this);
             }
             else {
+                EventHandler.add(element, 'mousedown', this.parent.workCellAction.cellMouseDown, this.parent.workCellAction);
                 EventHandler.add(element, 'click', this.parent.workCellAction.cellClick, this.parent.workCellAction);
                 if (!this.parent.isAdaptive) {
                     EventHandler.add(element, 'dblclick', this.parent.workCellAction.cellDblClick, this.parent.workCellAction);
@@ -23946,7 +24280,8 @@ var Agenda = /** @__PURE__ @class */ (function (_super) {
             var event_1 = _a[_i];
             delete event_1.generatedDates;
         }
-        var eventCollection = this.parent.activeViewOptions.allowVirtualScrolling ? args.processedData : this.parent.eventsProcessed;
+        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);
@@ -25081,6 +25416,9 @@ var TimelineYear = /** @__PURE__ @class */ (function (_super) {
             tr.appendChild(leftHeaderCells);
             leftHeaderCells.appendChild(this.renderResourceHeader(LEFT_INDENT_WRAP_CLASS));
         }
+        var isHorizontal = this.parent.activeViewOptions.orientation === 'Horizontal';
+        var isGroup = this.parent.activeViewOptions.group.resources.length > 0;
+        this.isInverseTableSelect = isHorizontal && !isGroup ? false : true;
         var td = createElement('td');
         tr.appendChild(td);
         var container = createElement('div', { className: DATE_HEADER_CONTAINER_CLASS });
@@ -25113,7 +25451,7 @@ var TimelineYear = /** @__PURE__ @class */ (function (_super) {
                 }
                 else {
                     if (this.parent.monthHeaderTemplate) {
-                        append(this.renderDayMonthHeaderTemplate(date, months[column], 'mothHeaderTemplate'), innerTd);
+                        append(this.renderDayMonthHeaderTemplate(date, months[column], 'monthHeaderTemplate'), innerTd);
                     }
                     else {
                         innerTd.innerHTML = "<span>" + this.getMonthName(date) + "</span>";
@@ -25769,10 +26107,8 @@ var ExcelExport = /** @__PURE__ @class */ (function () {
         this.parent = parent;
     }
     ExcelExport.prototype.initializeExcelExport = function (excelExportOptions) {
-        var _this = this;
-        var exportFields = excelExportOptions.fields || Object.keys(this.parent.eventFields).map(function (field) {
-            return _this.parent.eventFields[field];
-        });
+        if (excelExportOptions === void 0) { excelExportOptions = {}; }
+        var exportColumns = this.getExportColumns(excelExportOptions);
         var exportName = excelExportOptions.fileName || 'Schedule';
         var exportType = excelExportOptions.exportType || 'xlsx';
         var isIncludeOccurrences = excelExportOptions.includeOccurrences || false;
@@ -25784,39 +26120,44 @@ var ExcelExport = /** @__PURE__ @class */ (function () {
         else {
             eventCollection = !isIncludeOccurrences ? this.parent.eventsData : this.parent.eventsProcessed;
         }
-        this.processWorkbook(exportFields, exportName, exportType, eventCollection);
+        this.processWorkbook(exportColumns, exportName, exportType, eventCollection);
     };
     ExcelExport.prototype.processWorkbook = function (fields, name, type, eventCollection) {
         var _this = this;
         var columns = [];
         var rows = [];
         var columnHeader = [];
-        fields.forEach(function (field, i) { return columns.push({ index: i + 1, width: (field === 'Id' ? 20 : 150) }); });
+        fields.forEach(function (field, i) { columns.push({ index: i + 1, width: (field.name === 'Id' ? 50 : 150) }); });
         var style = { fontSize: 12, borders: { color: '#E0E0E0' }, bold: true };
-        fields.forEach(function (field, i) { return columnHeader.push({ index: i + 1, value: field, style: style }); });
+        fields.forEach(function (field, i) { columnHeader.push({ index: i + 1, value: field.text, style: style }); });
         rows.push({ index: 1, cells: columnHeader });
-        var i = 2;
-        var _loop_1 = function (event_1) {
+        eventCollection.forEach(function (event, i) {
             var columnData = [];
             fields.forEach(function (field, n) {
-                var columnRule = { index: n + 1, value: event_1[field] || '' };
-                if (field === _this.parent.eventFields.startTime || field === _this.parent.eventFields.endTime) {
+                var columnRule = { index: n + 1, value: event[field.name] || '' };
+                if (field.name === _this.parent.eventFields.startTime || field.name === _this.parent.eventFields.endTime) {
                     var styleRule = { fontSize: 12, numberFormat: 'm/d/yyyy h:mm AM/PM' };
                     columnRule = extend({}, columnRule, { style: styleRule }, true);
                 }
                 columnData.push(columnRule);
             });
-            rows.push({ index: i, cells: columnData });
-            i++;
-        };
-        for (var _i = 0, eventCollection_1 = eventCollection; _i < eventCollection_1.length; _i++) {
-            var event_1 = eventCollection_1[_i];
-            _loop_1(event_1);
-        }
+            rows.push({ index: i + 2, cells: columnData });
+        });
         var workSheet = [{ columns: columns, rows: rows }];
         var book = new Workbook({ worksheets: workSheet }, type, this.parent.locale);
         book.save(name + '.' + type);
     };
+    ExcelExport.prototype.getExportColumns = function (exportOptions) {
+        var _this = this;
+        var exportColumns = exportOptions.fieldsInfo || [];
+        if (exportColumns.length === 0) {
+            var fields = exportOptions.fields || Object.keys(this.parent.eventFields).map(function (field) {
+                return _this.parent.eventFields[field];
+            });
+            fields.forEach(function (field) { exportColumns.push({ name: field, text: field }); });
+        }
+        return exportColumns;
+    };
     ExcelExport.prototype.getModuleName = function () {
         return 'excelExport';
     };
@@ -25966,5 +26307,5 @@ var Print = /** @__PURE__ @class */ (function () {
  * Export Schedule components
  */
 
-export { Schedule, cellClick, cellDoubleClick, moreEventsClick, select, hover, actionBegin, actionComplete, actionFailure, navigating, renderCell, eventClick, eventRendered, dataBinding, dataBound, popupOpen, popupClose, dragStart, drag, dragStop, resizeStart, resizing, resizeStop, inlineClick, initialLoad, initialEnd, print$1 as print, dataReady, eventsLoaded, contentReady, scroll, virtualScroll, scrollUiUpdate, uiUpdate, documentClick, cellMouseDown, WEEK_LENGTH, MS_PER_DAY, MS_PER_MINUTE, getElementHeightFromClass, getTranslateY, getWeekFirstDate, getWeekLastDate, firstDateOfMonth, lastDateOfMonth, getWeekNumber, getWeekMiddleDate, setTime, resetTime, getDateInMs, getDateCount, addDays, addMonths, addYears, getStartEndHours, getMaxDays, getDaysCount, getDateFromString, getScrollBarWidth, findIndexInData, getOuterHeight, removeChildren, isDaylightSavingTime, getUniversalTime, isMobile, isIPadDevice, capitalizeFirstWord, Resize, DragAndDrop, HeaderRenderer, ViewBase, Day, Week, WorkWeek, Month, Year, Agenda, MonthAgenda, TimelineViews, TimelineMonth, TimelineYear, Timezone, timezoneData, ICalendarExport, ICalendarImport, ExcelExport, Print, RecurrenceEditor, generateSummary, generate, getDateFromRecurrenceDateString, extractObjectFromRule, getCalendarUtil, getRecurrenceStringFromDate, Gregorian, Islamic };
+export { Schedule, cellClick, cellDoubleClick, moreEventsClick, select, hover, actionBegin, actionComplete, actionFailure, navigating, renderCell, eventClick, eventRendered, dataBinding, dataBound, popupOpen, popupClose, dragStart, drag, dragStop, resizeStart, resizing, resizeStop, inlineClick, initialLoad, initialEnd, print$1 as print, dataReady, eventsLoaded, contentReady, scroll, virtualScroll, scrollUiUpdate, uiUpdate, documentClick, cellMouseDown, WEEK_LENGTH, DEFAULT_WEEKS, MS_PER_DAY, MS_PER_MINUTE, getElementHeightFromClass, getTranslateY, getWeekFirstDate, getWeekLastDate, firstDateOfMonth, lastDateOfMonth, getWeekNumber, getWeekMiddleDate, setTime, resetTime, getDateInMs, getDateCount, addDays, addMonths, addYears, getStartEndHours, getMaxDays, getDaysCount, getDateFromString, getScrollBarWidth, findIndexInData, getOuterHeight, removeChildren, isDaylightSavingTime, getUniversalTime, isMobile, isIPadDevice, capitalizeFirstWord, Resize, DragAndDrop, HeaderRenderer, ViewBase, Day, Week, WorkWeek, Month, Year, Agenda, MonthAgenda, TimelineViews, TimelineMonth, TimelineYear, Timezone, timezoneData, ICalendarExport, ICalendarImport, ExcelExport, Print, RecurrenceEditor, generateSummary, generate, getDateFromRecurrenceDateString, extractObjectFromRule, getCalendarUtil, getRecurrenceStringFromDate, Gregorian, Islamic };
 //# sourceMappingURL=ej2-schedule.es5.js.map