@syncfusion/ej2-schedule 19.3.53 → 19.4.41

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 19.3.53
+*  version : 19.4.41
 *  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.48",
+  "_id": "@syncfusion/ej2-schedule@19.4.40",
   "_inBundle": false,
-  "_integrity": "sha512-tmNQX9deB3R92SS5zDEuhGnyFnqd5qLAqz2kmcmNDsKf2VEsHJnq7WR84K4X8jnpn0bde4vzmZjPWOAnRZ/jDw==",
+  "_integrity": "sha512-ntfr3rJfYEDvgr9W9eWy/lNzRMAmQ9jeqAd/TXKu4bmu96mkyqyfErAeBNI2hSwHpfP/4ABshRKfnM66FVnmhw==",
   "_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.48.tgz",
-  "_shasum": "17e2d899f19992f39da451429ae6fa5263debb83",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-19.4.40.tgz",
+  "_shasum": "d48a66ca331a4aad73850e1b611f34a6bd366b9f",
   "_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.53",
-    "@syncfusion/ej2-buttons": "~19.3.53",
-    "@syncfusion/ej2-calendars": "~19.3.53",
-    "@syncfusion/ej2-data": "~19.3.53",
-    "@syncfusion/ej2-dropdowns": "~19.3.53",
-    "@syncfusion/ej2-excel-export": "~19.3.53",
-    "@syncfusion/ej2-inputs": "~19.3.53",
-    "@syncfusion/ej2-lists": "~19.3.53",
-    "@syncfusion/ej2-navigations": "~19.3.53",
-    "@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.41",
+    "@syncfusion/ej2-excel-export": "~19.4.38",
+    "@syncfusion/ej2-inputs": "~19.4.41",
+    "@syncfusion/ej2-lists": "~19.4.38",
+    "@syncfusion/ej2-navigations": "~19.4.41",
+    "@syncfusion/ej2-popups": "~19.4.41"
   },
   "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.53",
+  "version": "19.4.41",
   "sideEffects": false
 }

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

@@ -275,8 +275,8 @@ function weeklyType(startDate, endDate, data, ruleObject) {
             var weekstartDate = addDays(tempDate, -startDateDiff);
             var weekendDate = addDays(weekstartDate, 6);
             var compareTempDate = new Date(tempDate.getTime());
-            resetTime(weekendDate);
-            resetTime(compareTempDate);
+            weekendDate = resetTime(weekendDate);
+            compareTempDate = resetTime(compareTempDate);
             while (weekendDate >= compareTempDate) {
                 if (expectedDays.indexOf(DAYINDEX[tempDate.getDay()]) > -1) {
                     weekCollection.push([tempDate.getTime()]);
@@ -286,7 +286,7 @@ function weeklyType(startDate, endDate, data, ruleObject) {
                 }
                 tempDate.setDate(tempDate.getDate() + 1);
                 compareTempDate = new Date(tempDate.getTime());
-                resetTime(compareTempDate);
+                compareTempDate = resetTime(compareTempDate);
             }
             tempDate.setDate(tempDate.getDate() - 1);
             if (expectedCount && (data.length + ruleObject.recExceptionCount) >= expectedCount) {

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(targetDate.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') {