@syncfusion/ej2-schedule 19.3.55 → 19.4.38

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;
 /**
@@ -1247,8 +1248,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,
@@ -1336,8 +1339,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);
+                var currentTime = resetTime(this.parent.getCurrentTime());
+                if (this.parent.currentView === 'Agenda' || !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 +1364,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 +1380,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 +1429,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 +1969,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 +1995,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 +2032,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 +2073,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 +2090,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 +2116,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 +2148,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 +2298,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 +2334,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 +2357,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 +2381,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 +2449,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 +2465,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 +2487,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 +2535,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 +2557,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 +2608,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 +2675,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 +2726,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 +2777,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') {
@@ -5650,7 +5834,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) {
@@ -6131,13 +6316,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 && (content.offsetWidth - content.clientWidth > 0 || heightPropChanged || this.parent.element.classList.contains(DEVICE_CLASS))) {
             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 +6768,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) {
@@ -7148,7 +7351,7 @@ var MonthEvent = /** @__PURE__ @class */ (function (_super) {
         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 +8009,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 +8402,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 +8469,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 +8566,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 +9622,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 +10227,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 +10580,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 +10947,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>' +
@@ -14410,12 +14623,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 +15120,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 +16090,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 +16415,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 };
@@ -17161,6 +17384,7 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
                     }
                     break;
                 case 'spannedEventPlacement':
+                case 'minimumEventDuration':
                 case 'enableMaxHeight':
                 case 'enableIndicator':
                     this.refreshEvents(false);
@@ -17535,7 +17759,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 +17944,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 +18204,7 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
             this.eventTooltip = null;
         }
         this.destroyPopups();
+        this.hideSpinner();
         this.unWireEvents();
         this.destroyHeaderModule();
         if (this.eventTooltip) {
@@ -19801,7 +20029,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 +20229,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 +20653,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 +20922,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 +21122,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(eventStart.setHours(eventSrt.getHours(), eventSrt.getMinutes(), eventSrt.getSeconds()));
+                }
+                else {
+                    eventStart = targetDate;
+                }
             }
         }
         var eventEnd = new Date(eventStart.getTime());
@@ -21327,6 +21563,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 +21799,11 @@ var ViewBase = /** @__PURE__ @class */ (function () {
                     setStyleAttribute(resourceColumn, { 'height': formatUnit(content.clientHeight) });
                 }
             }
+            var headerCellElements = [].slice.call(this.element.querySelectorAll('.' + HEADER_CELLS_CLASS));
+            headerCellElements.forEach(function (ele) {
+                var headerCellColSpan = parseInt(ele.getAttribute('colspan'), 10);
+                setStyleAttribute(ele, { 'width': formatUnit(colWidth_1 * headerCellColSpan) });
+            });
         }
     };
     ViewBase.prototype.resetColWidth = function () {
@@ -22690,10 +22935,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 +22978,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 +23166,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 +23275,33 @@ 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();
+            return !(selectedTime >= getWeekFirstDate(dates[0], this.parent.activeViewOptions.firstDayOfWeek).getTime() &&
+                selectedTime <= addDays(getWeekFirstDate(dates[dates.length - 1], this.parent.activeViewOptions.firstDayOfWeek), 6).getTime());
+        }
+        return false;
     };
     Month.prototype.getRenderDates = function (workDays) {
         var renderDates = [];
@@ -23064,34 +23331,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 +23406,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 +23667,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 +23739,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 +23785,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 +24258,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 +25394,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 });
@@ -25769,10 +26085,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 +26098,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 +26285,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