@syncfusion/ej2-schedule 19.3.46 → 19.4.38

package/src/schedule/actions/keyboard.js

@@ -185,6 +185,9 @@ var KeyboardInteraction = /** @class */ (function () {
         }
         var queryStr = '.' + cls.WORK_CELLS_CLASS + ',.' + cls.ALLDAY_CELLS_CLASS + ',.' + cls.HEADER_CELLS_CLASS;
         var target = closest(e.target, queryStr);
+        if (this.parent.currentView === 'TimelineYear' && target.classList.contains(cls.OTHERMONTH_CLASS)) {
+            return;
+        }
         this.parent.activeCellsData = this.getSelectedElements(target);
         var cellData = {};
         if (this.parent.eventWindow) {
@@ -208,6 +211,9 @@ var KeyboardInteraction = /** @class */ (function () {
             || this.isPreventAction(e)) {
             return;
         }
+        if (this.parent.currentView === 'TimelineYear' && e.target.classList.contains(cls.OTHERMONTH_CLASS)) {
+            return;
+        }
         var target = e.target;
         if (closest(target, '.' + cls.POPUP_WRAPPER_CLASS)) {
             if (target.classList.contains(cls.QUICK_POPUP_EVENT_DETAILS_CLASS) ||
@@ -242,11 +248,16 @@ var KeyboardInteraction = /** @class */ (function () {
                 this.parent.notify(event.inlineClick, inlineArgs);
             }
             else {
-                this.parent.notify(event.cellClick, args);
+                if (this.parent.currentView === 'Year') {
+                    target.click();
+                }
+                else {
+                    this.parent.notify(event.cellClick, args);
+                }
             }
             return;
         }
-        if (target.classList.contains(cls.INLINE_SUBJECT_CLASS)) {
+        if (target.classList.contains(cls.INLINE_SUBJECT_CLASS) && this.parent.inlineModule) {
             this.parent.inlineModule.inlineCrudActions(target);
             return;
         }
@@ -278,7 +289,9 @@ var KeyboardInteraction = /** @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 ? '.' + cls.WORK_CELLS_CLASS + ':not(.' + cls.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(cls.ALLDAY_CELLS_CLASS)) {
@@ -293,7 +306,11 @@ var KeyboardInteraction = /** @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(cls.OTHERMONTH_CLASS)) {
+                        continue;
+                    }
+                    inverseCells.push(cell);
                 }
             }
             startIndex = inverseCells.indexOf(start);
@@ -315,11 +332,17 @@ var KeyboardInteraction = /** @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('.' + cls.CONTENT_TABLE_CLASS +
                 ' tr:not(.' + cls.HIDDEN_CLASS + ') .' + cls.WORK_CELLS_CLASS + ':not(.' + cls.RESOURCE_GROUP_CELLS_CLASS + ')');
             this.selectCells(false, cell);
         }
+        else if (this.parent.currentView.indexOf('Year') > -1) {
+            var query = '.' + cls.WORK_CELLS_CLASS + ':not(.' + cls.OTHERMONTH_CLASS + ')' + ':not(.' + cls.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]);
         }
@@ -341,13 +364,21 @@ var KeyboardInteraction = /** @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(event.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) {
@@ -483,8 +514,20 @@ var KeyboardInteraction = /** @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(cls.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);
@@ -507,8 +550,22 @@ var KeyboardInteraction = /** @class */ (function () {
         if (target.classList.contains(cls.WORK_CELLS_CLASS) && !this.parent.element.querySelector('.' + cls.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(cls.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') {
@@ -516,7 +573,8 @@ var KeyboardInteraction = /** @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);
@@ -539,16 +597,62 @@ var KeyboardInteraction = /** @class */ (function () {
         }
         if (target.classList.contains(cls.WORK_CELLS_CLASS) && !this.parent.element.querySelector('.' + cls.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(cls.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(cls.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(cls.OTHERMONTH_CLASS)) {
+            var workCell = row.querySelector('.' + cls.WORK_CELLS_CLASS + ':not(.' + cls.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(cls.OTHERMONTH_CLASS)) {
+            var column = tableRows[curRowIndex].cells[target.cellIndex - (isUp ? 1 : -1)];
+            if (column) {
+                var dateAttr = +target.getAttribute('data-date') - (isUp ? util.MS_PER_DAY : -util.MS_PER_DAY);
+                return this.parent.getContentTable().querySelector('.' + cls.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,
@@ -561,8 +665,9 @@ var KeyboardInteraction = /** @class */ (function () {
     KeyboardInteraction.prototype.getQuickPopupElement = function () {
         return (this.parent.isAdaptive ? document.body : this.parent.element).querySelector('.' + cls.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(cls.OTHERMONTH_CLASS);
+        if (this.parent.currentView === 'Agenda' || (isMultiple && prevent)) {
             return true;
         }
         if (this.isPreventAction(e) && isMultiple) {
@@ -576,7 +681,8 @@ var KeyboardInteraction = /** @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();
@@ -597,24 +703,36 @@ var KeyboardInteraction = /** @class */ (function () {
         if (target.classList.contains(cls.WORK_CELLS_CLASS) &&
             (e.target).classList.contains(cls.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() === util.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(cls.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(cls.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(.' + cls.OTHERMONTH_CLASS + ')[data-date="' + (targetDate.getTime() + util.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('.' + cls.WORK_CELLS_CLASS + ':not(.' + cls.OTHERMONTH_CLASS + ')') : tableEle.rows[rowIndex].cells[0];
+                    this.selectCells(false, cell);
                 }
             }
         }
@@ -633,7 +751,8 @@ var KeyboardInteraction = /** @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);
@@ -654,24 +773,40 @@ var KeyboardInteraction = /** @class */ (function () {
         if ((e.target).classList.contains(cls.WORK_CELLS_CLASS) &&
             target.classList.contains(cls.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() === util.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(cls.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(cls.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() - util.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('.' + cls.CONTENT_TABLE_CLASS + ' tbody');
+                        cell = tbody.item(tbody.length - 1).querySelector(':not(.' + cls.OTHERMONTH_CLASS + ')[data-date="' + this.parent.activeView.getEndDate().getTime() + '"]');
+                    }
+                    this.selectCells(false, cell);
                 }
             }
         }
@@ -689,6 +824,29 @@ var KeyboardInteraction = /** @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 ? '.' + cls.WORK_CELLS_CLASS + ':not(.' + cls.OTHERMONTH_CLASS + ')'
+                : '[data-date="' + ((+target.getAttribute('data-date')) - util.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') {
@@ -733,6 +891,16 @@ var KeyboardInteraction = /** @class */ (function () {
     };
     KeyboardInteraction.prototype.processTab = function (e, isReverse) {
         var target = e.target;
+        if (target.classList.contains(cls.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(cls.OTHERMONTH_CLASS)) {
+            if (target.classList.contains(cls.SELECTED_CELL_CLASS)) {
+                this.parent.removeSelectedClass();
+            }
+            return;
+        }
         var popupWrapper = closest(target, '.' + cls.POPUP_WRAPPER_CLASS + ',.' + cls.MORE_POPUP_WRAPPER_CLASS);
         if (popupWrapper && popupWrapper.classList.contains(cls.POPUP_OPEN)) {
             if (popupWrapper.classList.contains(cls.MORE_POPUP_WRAPPER_CLASS)) {
@@ -774,7 +942,9 @@ var KeyboardInteraction = /** @class */ (function () {
         }
         if (target.classList.contains(cls.APPOINTMENT_CLASS)) {
             var appElements = [].slice.call(this.parent.element.querySelectorAll('.' + cls.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("." + cls.APPOINTMENT_CLASS + "[data-group-index=\"" + index + "\"]"));
                 var resCellSelector = "." + cls.RESOURCE_CELLS_CLASS + "[data-group-index=\"" + (isReverse ? index : index + 1) + "\"]";
@@ -823,7 +993,6 @@ var KeyboardInteraction = /** @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') {

package/src/schedule/base/interface.d.ts

@@ -272,6 +272,8 @@ export interface ExportOptions {
     exportType?: ExcelFormat;
     /** The custom or specific field collection of event dataSource to be exported can be provided through fields option. */
     fields?: string[];
+    /** Specifies the collection of field name and its header text to export to excel. If this list is empty, the scheduler exports based on fields. If both fieldsInfo and fields are empty then the scheduler exported all the fields. */
+    fieldsInfo?: ExportFieldInfo[];
     /** The custom data collection can be exported by passing them through the customData option. */
     customData?: Record<string, any>[];
     /** There also exists option to export each individual instances of the recurring events to an Excel file,
@@ -280,6 +282,13 @@ export interface ExportOptions {
      */
     includeOccurrences?: boolean;
 }
+/** An interface that holds the field name and its header text to export to excel. */
+export interface ExportFieldInfo {
+    /** Defines the header display text. */
+    text: string;
+    /** Defines the field name to export. */
+    name: string;
+}
 /** An interface that holds the details of a resource. */
 export interface ResourceDetails {
     /** Returns the resource model data such as the field mapping options used within it. */
@@ -295,6 +304,13 @@ export interface ResourceDetails {
     /** It returns the Name of current resource in compact mode. */
     resourceName?: string;
 }
+/** An interface that represents time zone and display text for scheduler.  */
+export interface TimezoneFields {
+    /** Assigns the timezone display text. */
+    Text: string;
+    /** Assigns the IANA timezone value. */
+    Value: string;
+}
 /** An interface that holds options of events once it bound to scheduler. */
 export interface DataBoundEventArgs extends BaseEventArgs {
     result: Record<string, any>[];
@@ -367,6 +383,8 @@ export interface IRenderer {
     isCurrentDate(date: Date): boolean;
     startDate(): Date;
     endDate(): Date;
+    getStartDate?(): Date;
+    getEndDate?(): Date;
     scrollToHour?(hour: string, scrollDate?: Date): void;
     scrollToDate?(scrollDate?: Date): void;
     highlightCurrentTime?(): void;
@@ -467,6 +485,7 @@ export interface UIStateArgs {
     groupIndex?: number;
     action?: boolean;
     isBlock?: boolean;
+    isCustomMonth?: boolean;
 }
 /**
  *  @private

package/src/schedule/base/resource.js

@@ -340,6 +340,7 @@ var ResourceBase = /** @class */ (function () {
             targetType: 'relative',
             actionOnScroll: 'none',
             content: this.treeViewObj.element,
+            relateTo: this.parent.element.querySelector('.' + cls.TABLE_CONTAINER_CLASS),
             enableRtl: this.parent.enableRtl,
             hideAnimation: { name: 'SlideLeftOut', duration: 500 },
             showAnimation: { name: 'SlideLeftIn', duration: 500 },