@syncfusion/ej2-schedule 19.3.55 → 19.4.38

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 19.3.55
+*  version : 19.4.38
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-schedule@*",
-  "_id": "@syncfusion/ej2-schedule@19.3.53",
+  "_id": "@syncfusion/ej2-schedule@19.16.6",
   "_inBundle": false,
-  "_integrity": "sha512-l9SFCIS0AjYdIx4gQVYoSLVZ5wJoLlbx5ojoPG5bJOz04xTOpuCZYqQK17JjFvLU0YcxVfLC/mGt9rBpnGfqdg==",
+  "_integrity": "sha512-0SnaOgJ9xx+DcnPMjdAU4NBzn5fevPp4PZpE58zbNf2WOEYQ4ZlUJc7NxT0jCmP8Ow84wth54gKJrfc0tTONqg==",
   "_location": "/@syncfusion/ej2-schedule",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-schedule",
     "/@syncfusion/ej2-vue-schedule"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-schedule/-/ej2-schedule-19.3.53.tgz",
-  "_shasum": "1b65095a4c89600df4cc0a6a3763dcafcd38d8d1",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-schedule/-/ej2-schedule-19.16.6.tgz",
+  "_shasum": "f8b12396e75367b8831936fc6caa778f7c39e461",
   "_spec": "@syncfusion/ej2-schedule@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -35,16 +35,16 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.3.54",
-    "@syncfusion/ej2-buttons": "~19.3.53",
-    "@syncfusion/ej2-calendars": "~19.3.55",
-    "@syncfusion/ej2-data": "~19.3.53",
-    "@syncfusion/ej2-dropdowns": "~19.3.55",
-    "@syncfusion/ej2-excel-export": "~19.3.53",
-    "@syncfusion/ej2-inputs": "~19.3.53",
-    "@syncfusion/ej2-lists": "~19.3.53",
-    "@syncfusion/ej2-navigations": "~19.3.54",
-    "@syncfusion/ej2-popups": "~19.3.53"
+    "@syncfusion/ej2-base": "~19.4.38",
+    "@syncfusion/ej2-buttons": "~19.4.38",
+    "@syncfusion/ej2-calendars": "~19.4.38",
+    "@syncfusion/ej2-data": "~19.4.38",
+    "@syncfusion/ej2-dropdowns": "~19.4.38",
+    "@syncfusion/ej2-excel-export": "~19.4.38",
+    "@syncfusion/ej2-inputs": "~19.4.38",
+    "@syncfusion/ej2-lists": "~19.4.38",
+    "@syncfusion/ej2-navigations": "~19.4.38",
+    "@syncfusion/ej2-popups": "~19.4.38"
   },
   "deprecated": false,
   "description": "Flexible scheduling library with more built-in features and enhanced customization options similar to outlook and google calendar, allowing the users to plan and manage their appointments with efficient data-binding support.",
@@ -81,6 +81,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "19.3.55",
+  "version": "19.4.38",
   "sideEffects": false
 }

package/src/recurrence-editor/recurrence-editor.js

@@ -35,6 +35,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';
@@ -387,7 +388,6 @@ var RecurrenceEditor = /** @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,
@@ -755,7 +755,7 @@ var RecurrenceEditor = /** @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>' +

package/src/schedule/actions/drag.js

@@ -178,7 +178,9 @@ var DragAndDrop = /** @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,
@@ -600,7 +602,7 @@ var DragAndDrop = /** @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;
@@ -869,7 +871,7 @@ var DragAndDrop = /** @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));
@@ -1069,7 +1071,13 @@ var DragAndDrop = /** @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());

package/src/schedule/actions/keyboard.d.ts

@@ -41,13 +41,20 @@ export declare class KeyboardInteraction {
     private getUniqueAppointmentElements;
     private getWorkCellFromAppointmentElement;
     private processViewNavigation;
+    private cancelUpDownAction;
     private processUp;
     private processDown;
+    private getYearUpDownCell;
+    private getHorizontalUpDownCell;
+    private getVerticalUpDownCell;
     private processLeftRight;
     private getQuickPopupElement;
     private isCancelLeftRightAction;
     private processRight;
     private processLeft;
+    private getTimelineYearTargetCell;
+    private getHorizontalLeftRightCell;
+    private getVerticalLeftRightCell;
     private calculateNextPrevDate;
     private getFocusableElements;
     private processTabOnPopup;

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. */
@@ -374,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;
@@ -474,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 },