@syncfusion/ej2-schedule 30.2.7 → 31.1.20

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 30.2.7
+*  version : 31.1.20
 *  Copyright Syncfusion Inc. 2001 - 2024. 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,22 +1,22 @@
 {
   "name": "@syncfusion/ej2-schedule",
-  "version": "30.2.7",
+  "version": "31.1.20",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
   "main": "./dist/ej2-schedule.umd.min.js",
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-schedule.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~30.2.6",
-    "@syncfusion/ej2-buttons": "~30.2.4",
-    "@syncfusion/ej2-calendars": "~30.2.4",
-    "@syncfusion/ej2-data": "~30.2.4",
-    "@syncfusion/ej2-dropdowns": "~30.2.6",
-    "@syncfusion/ej2-excel-export": "~30.2.4",
-    "@syncfusion/ej2-inputs": "~30.2.6",
-    "@syncfusion/ej2-lists": "~30.2.4",
-    "@syncfusion/ej2-navigations": "~30.2.7",
-    "@syncfusion/ej2-popups": "~30.2.4"
+    "@syncfusion/ej2-base": "~31.1.20",
+    "@syncfusion/ej2-buttons": "~31.1.17",
+    "@syncfusion/ej2-calendars": "~31.1.20",
+    "@syncfusion/ej2-data": "~31.1.17",
+    "@syncfusion/ej2-dropdowns": "~31.1.20",
+    "@syncfusion/ej2-excel-export": "~31.1.17",
+    "@syncfusion/ej2-inputs": "~31.1.20",
+    "@syncfusion/ej2-lists": "~31.1.17",
+    "@syncfusion/ej2-navigations": "~31.1.20",
+    "@syncfusion/ej2-popups": "~31.1.20"
   },
   "devDependencies": {},
   "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.",

package/src/schedule/actions/action-base.js

@@ -324,6 +324,9 @@ var ActionBase = /** @class */ (function () {
         if (this.parent.activeViewOptions.group.resources.length > 0) {
             query = query.concat('[data-group-index = "' + cloneElement.getAttribute('data-group-index') + '"]');
         }
+        if (cloneElement.hasAttribute('data-guid')) {
+            query += '[data-guid="' + cloneElement.getAttribute('data-guid') + '"]';
+        }
         var elements = [].slice.call(this.parent.element.querySelectorAll(query));
         addClass(elements, cls.EVENT_ACTION_CLASS);
         var eventWrappers = [].slice.call(this.parent.element.querySelectorAll('.' + cls.CLONE_ELEMENT_CLASS));

package/src/schedule/actions/drag.js

@@ -58,7 +58,7 @@ var DragAndDrop = /** @class */ (function (_super) {
     }
     DragAndDrop.prototype.wireDragEvent = function (element) {
         new Draggable(element, {
-            abort: '.' + cls.EVENT_RESIZE_CLASS,
+            abort: '.' + cls.EVENT_RESIZE_CLASS + ', .' + cls.INLINE_EDIT_CLASS,
             clone: true,
             isDragScroll: true,
             enableTailMode: this.parent.eventDragArea ? true : false,
@@ -584,6 +584,11 @@ var DragAndDrop = /** @class */ (function (_super) {
         this.actionObj.clone.style.top = formatUnit(td.offsetParent.offsetTop);
         this.actionObj.clone.style.left = formatUnit(td.offsetLeft);
         this.actionObj.clone.style.width = formatUnit(td.offsetWidth);
+        if (this.actionObj.cloneElement.length > 1) {
+            this.actionObj.cloneElement.forEach(function (element) {
+                element.style.width = formatUnit(td.offsetWidth);
+            });
+        }
         var eventContainer = td;
         var eventWrapper;
         if (this.parent.activeView.isTimelineView()) {
@@ -873,6 +878,10 @@ var DragAndDrop = /** @class */ (function (_super) {
                         this.verticalEvent.getTopValue(eStart) : this.actionObj.element.offsetTop;
                     if (isNullOrUndefined(index)) {
                         if (i === 0) {
+                            if (this.actionObj.clone.classList.contains(cls.ALLDAY_APPOINTMENT_CLASS)) {
+                                topValue = this.parent.element.querySelector('.' + cls.ALLDAY_ROW_CLASS).offsetTop;
+                                appHeight = this.getAllDayEventHeight();
+                            }
                             this.actionObj.clone.style.top = formatUnit(topValue);
                             this.actionObj.clone.style.height = formatUnit(appHeight);
                         }
@@ -882,9 +891,7 @@ var DragAndDrop = /** @class */ (function (_super) {
                     }
                     else {
                         var appWidth = this.actionObj.cellWidth;
-                        if (event[this.parent.eventFields.isAllDay]) {
-                            topValue = this.parent.element.querySelector('.' + cls.ALLDAY_ROW_CLASS).offsetTop;
-                            appHeight = this.getAllDayEventHeight();
+                        if (event[this.parent.eventFields.isAllDay] && this.parent.activeViewOptions.timeScale.enable) {
                             var timeDiff = event[this.parent.eventFields.endTime].getTime() -
                                 event[this.parent.eventFields.startTime].getTime();
                             var allDayDifference = Math.ceil(timeDiff / (1000 * 3600 * 24));

package/src/schedule/actions/keyboard.js

@@ -1131,7 +1131,7 @@ var KeyboardInteraction = /** @class */ (function () {
     };
     KeyboardInteraction.prototype.processDelete = function (e) {
         var activeEle = document.activeElement;
-        if (this.parent.currentView === 'MonthAgenda') {
+        if (this.parent.currentView === 'MonthAgenda' || (!isNullOrUndefined(activeEle) && closest(activeEle, '.' + cls.POPUP_WRAPPER_CLASS))) {
             var selectedEle = this.parent.eventBase.getSelectedEvents().element;
             activeEle = ((selectedEle && isNullOrUndefined(selectedEle.length)) ? selectedEle : selectedEle[0]);
         }

package/src/schedule/actions/resize.js

@@ -53,17 +53,20 @@ var Resize = /** @class */ (function (_super) {
     };
     Resize.prototype.resizeStart = function (e) {
         var _this = this;
-        if (e && e.type === 'touchstart' && (!this.parent.uiStateValues.isTapHold ||
-            !closest(e.target, '.' + cls.APPOINTMENT_BORDER))) {
+        if ((e && e.type === 'touchstart' && (!this.parent.uiStateValues.isTapHold ||
+            !closest(e.target, '.' + cls.APPOINTMENT_BORDER))) || closest(e.target, '.' + cls.INLINE_EDIT_CLASS)) {
+            return;
+        }
+        var resizeTarget = closest(e.target, '.' + cls.EVENT_RESIZE_CLASS);
+        this.actionObj.element = closest(resizeTarget, '.' + cls.APPOINTMENT_CLASS);
+        this.actionObj.event = this.parent.eventBase.getEventByGuid(this.actionObj.element.getAttribute('data-guid'));
+        if (isNullOrUndefined(this.actionObj.event)) {
             return;
         }
         this.parent.eventBase.removeSelectedAppointmentClass();
         this.actionObj.action = 'resize';
         this.actionObj.slotInterval = this.parent.activeViewOptions.timeScale.interval / this.parent.activeViewOptions.timeScale.slotCount;
         this.actionObj.interval = this.actionObj.slotInterval;
-        var resizeTarget = closest(e.target, '.' + cls.EVENT_RESIZE_CLASS);
-        this.actionObj.element = closest(resizeTarget, '.' + cls.APPOINTMENT_CLASS);
-        this.actionObj.event = this.parent.eventBase.getEventByGuid(this.actionObj.element.getAttribute('data-guid'));
         var eventObj = extend({}, this.actionObj.event, null, true);
         var resizeArgs = {
             cancel: false,

package/src/schedule/base/css-constant.d.ts

@@ -463,6 +463,8 @@ export declare const MONTH_HEADER_WRAPPER: string;
 export declare const INLINE_SUBJECT_CLASS: string;
 /** @private */
 export declare const INLINE_APPOINTMENT_CLASS: string;
+/** @private */
+export declare const INLINE_EDIT_CLASS: string;
 /** @hidden */
 export declare const SCROLL_HIDDEN: string;
 /** @private */

package/src/schedule/base/css-constant.js

@@ -463,6 +463,8 @@ export var MONTH_HEADER_WRAPPER = 'e-month-header-wrapper';
 export var INLINE_SUBJECT_CLASS = 'e-inline-subject';
 /** @private */
 export var INLINE_APPOINTMENT_CLASS = 'e-inline-appointment';
+/** @private */
+export var INLINE_EDIT_CLASS = 'e-inline-edit';
 /** @hidden */
 export var SCROLL_HIDDEN = 'e-scroll-hidden';
 /** @private */

package/src/schedule/base/schedule.js

@@ -1696,6 +1696,14 @@ var Schedule = /** @class */ (function (_super) {
                 if (newProp.allowKeyboardInteraction || newProp.allowClipboard) {
                     this.keyboardInteractionModule = new KeyboardInteraction(this);
                 }
+                if (prop === 'allowClipboard') {
+                    if (newProp.allowClipboard) {
+                        EventHandler.add(document, 'paste', this.onDocumentPaste, this);
+                    }
+                    else {
+                        EventHandler.remove(document, 'paste', this.onDocumentPaste);
+                    }
+                }
                 break;
             case 'timezoneDataSource':
                 if (this.eventWindow) {
@@ -2647,12 +2655,18 @@ var Schedule = /** @class */ (function (_super) {
      */
     Schedule.prototype.paste = function (targetElement) {
         var _this = this;
-        if (!this.allowClipboard || !this.allowKeyboardInteraction) {
+        if (!this.allowClipboard || !this.allowKeyboardInteraction || !targetElement) {
             return;
         }
         if (!targetElement.classList.contains('e-work-cells') && !targetElement.classList.contains('e-all-day-cells')) {
             return;
         }
+        if (!this.activeCellsData) {
+            var cellData = this.getCellDetails([targetElement]);
+            if (cellData) {
+                this.activeCellsData = cellData;
+            }
+        }
         var clipboardData = new DataTransfer();
         if (!isNullOrUndefined(navigator.clipboard)) {
             navigator.clipboard.readText()

package/src/schedule/event-renderer/agenda-base.d.ts

@@ -8,7 +8,7 @@ export declare class AgendaBase extends ViewBase {
     wireEventActions(): void;
     calculateResourceTableElement(tBody: Element, noOfDays: number, agendaDate: Date, agendaEnd?: Date): void;
     private createResourceTableRow;
-    createDateHeaderElement(date: Date): Element;
+    createDateHeaderElement(date: Date, groupIndex?: number): Element;
     renderEmptyContent(tBody: Element, agendaDate: Date, hasNoEvents?: boolean): void;
     createTableRowElement(date: Date, type: string): Element;
     destroy(): void;

package/src/schedule/event-renderer/agenda-base.js

@@ -229,7 +229,8 @@ var AgendaBase = /** @class */ (function (_super) {
                                     rowSpan: 1, type: 'dateColumn', resource: resColl[parseInt((resColl.length - 1).toString(), 10)],
                                     groupOrder: resData[parseInt(res.toString(), 10)].groupOrder,
                                     resourceData: resData[parseInt(res.toString(), 10)].resourceData,
-                                    date: agendaDate
+                                    date: agendaDate,
+                                    groupIndex: resData[parseInt(res.toString(), 10)].groupIndex
                                 };
                                 if (!lastLevelInfo[parseInt(tempIndex.toString(), 10)]) {
                                     lastLevelInfo[parseInt(tempIndex.toString(), 10)] = [];
@@ -322,7 +323,7 @@ var AgendaBase = /** @class */ (function (_super) {
                         continue;
                     }
                     ntd.setAttribute('data-date', data.date.getTime().toString());
-                    ntd.appendChild(this.createDateHeaderElement(data.date));
+                    ntd.appendChild(this.createDateHeaderElement(data.date, data.groupIndex));
                     var className = [cls.AGENDA_CELLS_CLASS, cls.AGENDA_DATE_CLASS];
                     if (data.cssClass) {
                         className.push(data.cssClass);
@@ -377,11 +378,11 @@ var AgendaBase = /** @class */ (function (_super) {
             tBody.appendChild(ntr);
         }
     };
-    AgendaBase.prototype.createDateHeaderElement = function (date) {
+    AgendaBase.prototype.createDateHeaderElement = function (date, groupIndex) {
         var dateHeader;
         if (this.parent.activeViewOptions.dateHeaderTemplate) {
             dateHeader = createElement('div', { className: cls.AGENDA_HEADER_CLASS });
-            var args = { date: date, type: 'dateHeader' };
+            var args = { date: date, type: 'dateHeader', groupIndex: groupIndex };
             var scheduleId = this.parent.element.id + '_';
             var viewName = this.parent.activeViewOptions.dateHeaderTemplateName;
             var templateId = scheduleId + viewName + 'dateHeaderTemplate';

package/src/schedule/event-renderer/event-base.js

@@ -943,7 +943,7 @@ var EventBase = /** @class */ (function () {
         }
         var args = extend(this.parent.activeEventData, { cancel: false, originalEvent: eventData });
         this.parent.trigger(event.eventDoubleClick, args, function (eventDoubleClickArgs) {
-            if (!eventDoubleClickArgs.cancel) {
+            if (!eventDoubleClickArgs.cancel && _this.parent.eventSettings.allowEditing) {
                 if (!isNullOrUndefined(_this.parent.activeEventData.event) &&
                     isNullOrUndefined(_this.parent.activeEventData.event[_this.parent.eventFields.recurrenceID])) {
                     _this.parent.eventWindow.openEditor(_this.parent.activeEventData.event, 'Save');

package/src/schedule/event-renderer/inline-edit.js

@@ -65,6 +65,7 @@ var InlineEdit = /** @class */ (function () {
     InlineEdit.prototype.eventEdit = function (args) {
         var inlineSubject = args.element.querySelector('.' + cls.INLINE_SUBJECT_CLASS);
         var subject;
+        addClass([args.element], cls.INLINE_EDIT_CLASS);
         if (inlineSubject) {
             subject = inlineSubject.value;
         }
@@ -72,11 +73,9 @@ var InlineEdit = /** @class */ (function () {
             var subEle = args.element.querySelector('.' + cls.SUBJECT_CLASS);
             if (!isNullOrUndefined(subEle)) {
                 addClass([subEle], cls.DISABLE_CLASS);
-                subject = subEle.innerText;
-            }
-            else {
-                subject = args.data[this.parent.eventFields.subject];
             }
+            subject = !isNullOrUndefined(args.data) && args.data[this.parent.eventFields.subject] ||
+                this.parent.eventSettings.fields.subject.default || this.parent.localeObj.getConstant('addTitle');
             inlineSubject = this.inlineInputEle =
                 createElement('input', { className: cls.INLINE_SUBJECT_CLASS, attrs: { value: subject } });
             if (closest(args.element, '.' + cls.MORE_POPUP_WRAPPER_CLASS)) {
@@ -98,7 +97,12 @@ var InlineEdit = /** @class */ (function () {
                     args.element.querySelector('.e-appointment-details').prepend(inlineSubject);
                 }
                 else {
-                    innerWrapElement.prepend(inlineSubject);
+                    if (subEle && this.parent.activeViewOptions && !this.parent.activeViewOptions.eventTemplate) {
+                        innerWrapElement.insertBefore(inlineSubject, subEle);
+                    }
+                    else {
+                        innerWrapElement.prepend(inlineSubject);
+                    }
                 }
             }
             inlineSubject.focus();
@@ -225,7 +229,7 @@ var InlineEdit = /** @class */ (function () {
     };
     InlineEdit.prototype.createInlineAppointmentElement = function (inlineData) {
         var inlineAppointmentElement = createElement('div', {
-            className: cls.APPOINTMENT_CLASS + ' ' + cls.INLINE_APPOINTMENT_CLASS
+            className: cls.APPOINTMENT_CLASS + ' ' + cls.INLINE_APPOINTMENT_CLASS + ' ' + cls.INLINE_EDIT_CLASS
         });
         var inlineDetails = createElement('div', { className: cls.APPOINTMENT_DETAILS });
         inlineAppointmentElement.appendChild(inlineDetails);
@@ -251,6 +255,7 @@ var InlineEdit = /** @class */ (function () {
         var inlineSubject = this.getInlineElement();
         if (inlineSubject) {
             var appointmentSubject = closest(inlineSubject, '.' + cls.APPOINTMENT_CLASS);
+            removeClass([appointmentSubject], cls.INLINE_EDIT_CLASS);
             var subject = appointmentSubject.querySelector('.' + cls.SUBJECT_CLASS);
             if (!isNullOrUndefined(subject)) {
                 removeClass([subject], cls.DISABLE_CLASS);

package/src/schedule/event-renderer/month.js

@@ -136,13 +136,15 @@ var MonthEvent = /** @class */ (function (_super) {
             this.parent.notify(events.scrollUiUpdate, data);
             if (this.parent.currentView === 'Month' && this.parent.showWeekNumber) {
                 var totalCells_1 = [].slice.call(this.parent.element.querySelectorAll('.e-content-wrap table tr td:first-child'));
-                var weekNumberCells = [].slice.call(this.parent.element.querySelectorAll('.' + cls.WEEK_NUMBER_CLASS));
+                var weekNumberCells = [].slice.call(this.parent.element.querySelectorAll('td' + '.' + cls.WEEK_NUMBER_CLASS));
                 weekNumberCells.forEach(function (cell, i) {
                     var height = totalCells_1[parseInt(i.toString(), 10)].offsetHeight;
                     setStyleAttribute(cell, { 'height': height + 'px' });
                 });
-                this.parent.element.querySelector('.' + cls.WEEK_NUMBER_WRAPPER_CLASS).scrollTop =
-                    this.parent.element.querySelector('.' + cls.CONTENT_WRAP_CLASS).scrollTop;
+                var weekNumberWrapper = this.parent.element.querySelector('.' + cls.WEEK_NUMBER_WRAPPER_CLASS);
+                if (!isNullOrUndefined(weekNumberWrapper)) {
+                    weekNumberWrapper.scrollTop = this.parent.element.querySelector('.' + cls.CONTENT_WRAP_CLASS).scrollTop;
+                }
             }
         }
         this.parent.renderTemplates();

package/src/schedule/event-renderer/vertical-view.js

@@ -499,6 +499,9 @@ var VerticalEvent = /** @class */ (function (_super) {
         var record = this.splitEvent(eventObj, currentDates)[0];
         var eStart = new Date(record[this.parent.eventFields.startTime].getTime());
         var eEnd = new Date(record[this.parent.eventFields.endTime].getTime());
+        if (eStart.getTime() < this.parent.minDate.getTime() || eEnd.getTime() > this.parent.maxDate.getTime()) {
+            return;
+        }
         var appWidth = 0;
         var topValue = 1;
         var isDateRange = currentDates[0].getTime() <= eStart.getTime() &&

package/src/schedule/event-renderer/year.d.ts

@@ -12,7 +12,9 @@ export declare class YearEvent extends TimelineEvent {
     private timelineYearViewEvents;
     private updateSpannedEvents;
     private timelineResourceEvents;
+    private shouldRenderAppointment;
     private renderResourceEvent;
+    setMaxEventHeight(event: HTMLElement, cell: HTMLElement): void;
     private renderEvent;
     private renderMoreIndicator;
     private createEventElement;

package/src/schedule/event-renderer/year.js

@@ -175,9 +175,10 @@ var YearEvent = /** @class */ (function (_super) {
                             return "continue";
                         }
                     }
-                    var enableAppRender = this_1.maxOrIndicator || (overlapIndex < eventsPerRow) ||
-                        (this_1.cellHeight > availedHeight);
-                    if (this_1.parent.rowAutoHeight || enableAppRender || this_1.cellHeight > availedHeight) {
+                    if (this_1.maxHeight && this_1.parent.currentView.indexOf('Timeline') !== -1 && overlapIndex > 0) {
+                        return "continue";
+                    }
+                    if (this_1.parent.rowAutoHeight || this_1.shouldRenderAppointment(overlapIndex, availedHeight)) {
                         this_1.renderEvent(eventWrapper, eventData, row, leftValue, rightValue, monthStart, dayIndex);
                         if (this_1.parent.rowAutoHeight || this_1.cellHeight > availedHeight) {
                             this_1.updateCellHeight(rowTd, availedHeight);
@@ -312,6 +313,19 @@ var YearEvent = /** @class */ (function (_super) {
             });
         }
     };
+    YearEvent.prototype.shouldRenderAppointment = function (overlapIndex, availedHeight) {
+        var eventsPerRow = this.parent.rowAutoHeight ? 1 : this.parent.activeViewOptions.maxEventsPerRow;
+        if (this.parent.activeViewOptions.maxEventsPerRow && !this.parent.rowAutoHeight &&
+            !this.parent.eventSettings.enableIndicator) {
+            return overlapIndex < eventsPerRow;
+        }
+        else if (this.maxOrIndicator) {
+            return overlapIndex < 1;
+        }
+        else {
+            return this.cellHeight > availedHeight;
+        }
+    };
     YearEvent.prototype.renderResourceEvent = function (wrapper, resource, month, index, monthStart) {
         var eventWrapper = createElement('div', { className: cls.APPOINTMENT_WRAPPER_CLASS });
         wrapper.appendChild(eventWrapper);
@@ -352,7 +366,10 @@ var YearEvent = /** @class */ (function (_super) {
                     return "continue";
                 }
             }
-            if (this_2.parent.rowAutoHeight || this_2.cellHeight > availedHeight) {
+            if (this_2.maxHeight && this_2.parent.currentView.indexOf('Timeline') !== -1 && overlapIndex > 0) {
+                return "continue";
+            }
+            if (this_2.parent.rowAutoHeight || this_2.shouldRenderAppointment(overlapIndex, availedHeight)) {
                 this_2.renderEvent(eventWrapper, eventData, month, leftValue, leftValue, monthStart, index);
                 this_2.updateCellHeight(td, availedHeight);
                 isSpannedCollection.push(eventData);
@@ -377,6 +394,10 @@ var YearEvent = /** @class */ (function (_super) {
                 break;
         }
     };
+    YearEvent.prototype.setMaxEventHeight = function (event, cell) {
+        var height = (cell.offsetHeight - this.cellHeader) - (this.maxHeight ? 0 : this.moreIndicatorHeight);
+        setStyleAttribute(event, { 'height': height + 'px', 'align-items': 'center' });
+    };
     // eslint-disable-next-line max-len
     YearEvent.prototype.renderEvent = function (wrapper, eventData, row, left, right, monthDate, rowIndex) {
         var _this = this;
@@ -407,6 +428,9 @@ var YearEvent = /** @class */ (function (_super) {
         setStyleAttribute(wrap, {
             'width': width + 'px', 'height': this.eventHeight + 'px', 'left': left + 'px', 'right': right + 'px', 'top': top + 'px'
         });
+        if (this.maxOrIndicator && this.parent.currentView.indexOf('Timeline') !== -1) {
+            this.setMaxEventHeight(wrap, rowTd);
+        }
         if (!this.isResource && this.parent.rowAutoHeight && this.parent.activeViewOptions.orientation === 'Vertical') {
             wrap.setAttribute('data-index', eventObj.Index.toString());
         }

package/src/schedule/popups/event-tooltip.js

@@ -47,6 +47,10 @@ var EventTooltip = /** @class */ (function () {
             return;
         }
         if (args.target.classList.contains(cls.RESOURCE_CELLS_CLASS) && this.parent.activeViewOptions.group.resources.length > 0) {
+            if (args.target.closest('.' + cls.LEFT_INDENT_WRAP_CLASS)) {
+                args.cancel = true;
+                return;
+            }
             var resCollection = void 0;
             if (this.parent.activeView.isTimelineView()) {
                 var index = parseInt(args.target.getAttribute('data-group-index'), 10);

package/src/schedule/popups/event-window.js

@@ -1255,9 +1255,9 @@ var EventWindow = /** @class */ (function () {
             var startObj = startDate.ej2_instances[0];
             var endObj = endDate.ej2_instances[0];
             startObj.min = this.parent.minDate;
-            startObj.max = this.parent.maxDate;
+            startObj.max = new Date(new Date(+this.parent.maxDate).setHours(23, 59, 59));
             endObj.min = this.parent.minDate;
-            endObj.max = this.parent.maxDate;
+            endObj.max = new Date(new Date(+this.parent.maxDate).setHours(23, 59, 59));
             startObj.dataBind();
             endObj.dataBind();
         }

package/src/schedule/popups/quick-popups.js

@@ -1330,7 +1330,11 @@ var QuickPopups = /** @class */ (function () {
         if (closest(target, '.' + cls.APPOINTMENT_CLASS + ',.' + cls.HEADER_CELLS_CLASS)) {
             this.parent.removeNewEventElement();
         }
-        if (!closest(target, '.' + cls.MORE_POPUP_WRAPPER_CLASS) && (target.classList &&
+        var isQuickPopupClick = closest(target, '.' + cls.POPUP_WRAPPER_CLASS) ||
+            closest(target, '.' + cls.QUICK_DIALOG_CLASS);
+        var isEditButton = target.classList.contains(cls.EDIT_EVENT_CLASS) ||
+            target.classList.contains(cls.EDIT_CLASS) || target.classList.contains(cls.EDIT_ICON_CLASS);
+        if (isEditButton || !isQuickPopupClick && !closest(target, '.' + cls.MORE_POPUP_WRAPPER_CLASS) && (target.classList &&
             !target.classList.contains(cls.MORE_INDICATOR_CLASS))
             && (!closest(target, '.' + cls.MORE_POPUP_WRAPPER_CLASS + '.' + cls.POPUP_OPEN))
             && !closest(target, '.' + cls.WORK_CELLS_CLASS)) {

package/src/schedule/renderer/agenda.js

@@ -78,11 +78,12 @@ var Agenda = /** @class */ (function (_super) {
         this.parent.eventsProcessed = this.processAgendaEvents(eventCollection);
         var agendaDate = util.resetTime(this.parent.selectedDate);
         var tBody = this.element.querySelector('.' + cls.CONTENT_TABLE_CLASS + ' tbody');
+        var contentArea = closest(tBody, '.' + cls.CONTENT_WRAP_CLASS);
+        var scrollTop = contentArea.scrollTop;
         util.removeChildren(tBody);
         this.renderInitialContent(tBody, agendaDate);
         this.wireEventActions();
-        var contentArea = closest(tBody, '.' + cls.CONTENT_WRAP_CLASS);
-        contentArea.scrollTop = 1;
+        contentArea.scrollTop = scrollTop;
         this.parent.notify(event.eventsLoaded, {});
         if (!this.parent.activeViewOptions.allowVirtualScrolling) {
             this.retainScrollPosition();

package/src/schedule/renderer/vertical-view.js

@@ -398,7 +398,7 @@ var VerticalView = /** @class */ (function (_super) {
             case 'dateHeader':
                 if (this.parent.activeViewOptions.dateHeaderTemplate) {
                     templateName = 'dateHeaderTemplate';
-                    var args = { date: date, type: type };
+                    var args = { date: date, type: type, groupIndex: groupIndex };
                     var viewName = this.parent.activeViewOptions.dateHeaderTemplateName;
                     cntEle = [].slice.call(this.parent.getDateHeaderTemplate()(args, this.parent, templateName, templateId + viewName + templateName, false, undefined, undefined, this.parent.root));
                 }

package/src/schedule/renderer/year.js

@@ -401,10 +401,11 @@ var Year = /** @class */ (function (_super) {
         var startDate = isDateColAvail ? dateCollection[0] : this.getStartDate();
         var endDate = isDateColAvail ? dateCollection[dateCollection.length - 1] : this.getEndDate();
         if (startDate.getFullYear() !== endDate.getFullYear()) {
-            return this.parent.globalize.formatDate(startDate, { skeleton: 'yMMM' }) + ' - ' + this.parent.globalize.formatDate(endDate, { skeleton: 'yMMM' });
+            return this.parent.globalize.formatDate(startDate, { format: 'MMM y', calendar: this.parent.getCalendarMode() })
+                + ' - ' + this.parent.globalize.formatDate(endDate, { format: 'MMM y', calendar: this.parent.getCalendarMode() });
         }
         else {
-            return this.parent.globalize.formatDate(isDateColAvail ? dateCollection[0] : date, { skeleton: 'y' });
+            return this.parent.globalize.formatDate(isDateColAvail ? dateCollection[0] : date, { skeleton: 'y', calendar: this.parent.getCalendarMode() });
         }
     };
     Year.prototype.addEventListener = function () {

package/styles/bds-lite.css

@@ -1415,7 +1415,6 @@
 }
 .e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-subject {
   font-weight: 500;
-  margin-left: 15px;
   margin-right: auto;
 }
 .e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-recurrence-icon,
@@ -2295,6 +2294,10 @@
 .e-schedule.e-rtl .e-timeline-month-view .e-appointment.e-schedule-event-clone .e-appointment-details .e-inner-wrap {
   text-align: right;
 }
+.e-schedule.e-rtl .e-timeline-view .e-date-header-wrap table tbody td,
+.e-schedule.e-rtl .e-timeline-month-view .e-date-header-wrap table tbody td {
+  padding: 8px 8px 8px 0;
+}
 .e-schedule.e-device .e-month-view .e-date-header-wrap,
 .e-schedule.e-device .e-timeline-view .e-date-header-wrap,
 .e-schedule.e-device .e-timeline-month-view .e-date-header-wrap {
@@ -3328,13 +3331,6 @@
   left: 6px;
   right: auto;
 }
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-date-time-wrapper,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-location-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-time-zone-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-description-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-resource-details {
-  margin-right: 10px;
-}
 .e-quick-popup-wrapper.e-rtl .e-event-details,
 .e-quick-popup-wrapper.e-rtl .e-event-edit {
   margin-left: 8px;
@@ -3520,6 +3516,10 @@
   display: none;
 }
 
+.e-month-view .e-appointment.e-schedule-event-clone .e-appointment-details .e-subject {
+  line-height: 1.4;
+}
+
 @media print {
   .e-schedule .e-table-container {
     display: block;
@@ -4222,6 +4222,9 @@
 .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
   padding: 0 8px 0 0;
 }
+.e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
+  margin-right: 20px;
+}
 .e-recurrenceeditor.e-rtl .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
   width: 30px;
 }

package/styles/bds.css

@@ -1415,7 +1415,6 @@
 }
 .e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-subject {
   font-weight: 500;
-  margin-left: 15px;
   margin-right: auto;
 }
 .e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-recurrence-icon,
@@ -2295,6 +2294,10 @@
 .e-schedule.e-rtl .e-timeline-month-view .e-appointment.e-schedule-event-clone .e-appointment-details .e-inner-wrap {
   text-align: right;
 }
+.e-schedule.e-rtl .e-timeline-view .e-date-header-wrap table tbody td,
+.e-schedule.e-rtl .e-timeline-month-view .e-date-header-wrap table tbody td {
+  padding: 8px 8px 8px 0;
+}
 .e-schedule.e-device .e-month-view .e-date-header-wrap,
 .e-schedule.e-device .e-timeline-view .e-date-header-wrap,
 .e-schedule.e-device .e-timeline-month-view .e-date-header-wrap {
@@ -3328,13 +3331,6 @@
   left: 6px;
   right: auto;
 }
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-date-time-wrapper,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-location-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-time-zone-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-description-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-resource-details {
-  margin-right: 10px;
-}
 .e-quick-popup-wrapper.e-rtl .e-event-details,
 .e-quick-popup-wrapper.e-rtl .e-event-edit {
   margin-left: 8px;
@@ -3520,6 +3516,10 @@
   display: none;
 }
 
+.e-month-view .e-appointment.e-schedule-event-clone .e-appointment-details .e-subject {
+  line-height: 1.4;
+}
+
 @media print {
   .e-schedule .e-table-container {
     display: block;
@@ -4889,6 +4889,9 @@
 .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
   padding: 0 8px 0 0;
 }
+.e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
+  margin-right: 20px;
+}
 .e-recurrenceeditor.e-rtl .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
   width: 30px;
 }