@syncfusion/ej2-schedule 20.1.59 → 20.2.38

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

@@ -84,7 +84,7 @@ var YearEvent = /** @class */ (function (_super) {
         }
     };
     YearEvent.prototype.timelineYearViewEvents = function () {
-        var workCell = this.parent.element.querySelector('.' + cls.WORK_CELLS_CLASS);
+        var workCell = this.parent.element.querySelector('.' + cls.WORK_CELLS_CLASS + ':not(.' + cls.OTHERMONTH_CLASS + ')');
         this.cellWidth = workCell.offsetWidth;
         this.cellHeader = util.getOuterHeight(workCell.querySelector('.' + cls.DATE_HEADER_CLASS));
         var eventTable = this.parent.element.querySelector('.' + cls.EVENT_TABLE_CLASS);
@@ -369,7 +369,7 @@ var YearEvent = /** @class */ (function (_super) {
                 'data-id': 'Appointment_' + record[this.fields.id],
                 'data-guid': record.Guid,
                 'role': 'button', 'tabindex': '0',
-                'aria-readonly': this.parent.eventBase.getReadonlyAttribute(record), 'aria-selected': 'false', 'aria-grabbed': 'true',
+                'aria-disabled': this.parent.eventBase.getReadonlyAttribute(record), 'aria-pressed': 'false', 'aria-grabbed': 'true',
                 'aria-label': this.parent.getAnnouncementString(record)
             }
         });

package/src/schedule/exports/calendar-export.js

@@ -19,7 +19,7 @@ var ICalendarExport = /** @class */ (function () {
         var timeZone = this.parent.timezone || this.parent.tzModule.getLocalTimezoneName();
         var fields = this.parent.eventFields;
         eventsData.forEach(function (eventObj) {
-            var uId = _this.parent.eventBase.generateGuid();
+            var uId = eventObj[fields.id] || eventObj.Guid || _this.parent.eventBase.generateGuid();
             var editedExDate = [];
             if (eventObj[fields.recurrenceID]) {
                 var filter = _this.filterEvents(filterCollection, fields.id, eventObj[fields.recurrenceID]);

package/src/schedule/exports/calendar-import.js

@@ -78,8 +78,16 @@ var ICalendarImport = /** @class */ (function () {
                             break;
                         case 'UID':
                             curEvent[uId] = value;
-                            curEvent[fields.id] = typeof (id) === 'string' ? id + count.toString() : id + count;
-                            count++;
+                            if (typeof (id) == 'number') {
+                                curEvent[fields.id] = parseInt(value, 10);
+                                if (isNaN(curEvent[fields.id])) {
+                                    curEvent[fields.id] = id + count;
+                                    count++;
+                                }
+                            }
+                            else {
+                                curEvent[fields.id] = value;
+                            }
                             break;
                         case 'SUMMARY':
                             curEvent[fields.subject] = value;
@@ -115,6 +123,10 @@ var ICalendarImport = /** @class */ (function () {
         var appoint = [];
         var uId = 'UID';
         var fields = this.parent.eventFields;
+        var appointmentIds = [];
+        this.parent.eventsData.forEach(function (eventObj) {
+            appointmentIds.push(eventObj[fields.id]);
+        });
         app.forEach(function (eventObj) {
             var parentObj;
             var id;
@@ -123,24 +135,26 @@ var ICalendarImport = /** @class */ (function () {
                 parentObj = eventObj;
                 id = eventObj[fields.id];
             }
-            var data = app.filter(function (data) { return data.UID === eventObj[uId]; });
-            if (data.length > 1 && isNullOrUndefined(eventObj[fields.recurrenceID])) {
-                for (var i = 0; i < data.length; i++) {
-                    // eslint-disable-next-line no-prototype-builtins
-                    if (data[i].hasOwnProperty(fields.recurrenceID)) {
-                        var exdate = data[i][fields.recurrenceID];
-                        data[i][fields.recurrenceID] = id;
-                        data[i][fields.recurrenceException] = null;
-                        parentObj[fields.recurrenceException] = (isNullOrUndefined(parentObj[fields.recurrenceException])) ?
-                            exdate : parentObj[fields.recurrenceException] + ',' + exdate;
-                        appoint.push(data[i]);
+            if (appointmentIds.indexOf(eventObj[fields.id]) < 0) {
+                var data = app.filter(function (data) { return data.UID === eventObj[uId]; });
+                if (data.length > 1 && isNullOrUndefined(eventObj[fields.recurrenceID])) {
+                    for (var i = 0; i < data.length; i++) {
+                        // eslint-disable-next-line no-prototype-builtins
+                        if (data[i].hasOwnProperty(fields.recurrenceID)) {
+                            var exdate = data[i][fields.recurrenceID];
+                            data[i][fields.recurrenceID] = id;
+                            data[i][fields.recurrenceException] = null;
+                            parentObj[fields.recurrenceException] = (isNullOrUndefined(parentObj[fields.recurrenceException])) ?
+                                exdate : parentObj[fields.recurrenceException] + ',' + exdate;
+                            appoint.push(data[i]);
+                        }
                     }
+                    appoint.push(parentObj);
+                    // eslint-disable-next-line no-prototype-builtins
+                }
+                else if (!eventObj.hasOwnProperty(fields.recurrenceID)) {
+                    appoint.push(eventObj);
                 }
-                appoint.push(parentObj);
-                // eslint-disable-next-line no-prototype-builtins
-            }
-            else if (!eventObj.hasOwnProperty(fields.recurrenceID)) {
-                appoint.push(eventObj);
             }
         });
         return appoint;

package/src/schedule/exports/excel-export.js

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { Workbook } from '@syncfusion/ej2-excel-export';
-import { extend } from '@syncfusion/ej2-base';
+import { extend, isNullOrUndefined } from '@syncfusion/ej2-base';
 /**
  * Excel Export Module
  */
@@ -14,6 +14,10 @@ var ExcelExport = /** @class */ (function () {
         var exportName = excelExportOptions.fileName || 'Schedule';
         var exportType = excelExportOptions.exportType || 'xlsx';
         var isIncludeOccurrences = excelExportOptions.includeOccurrences || false;
+        var separator;
+        if (!isNullOrUndefined(excelExportOptions.separator) && excelExportOptions.separator !== ',') {
+            separator = excelExportOptions.separator;
+        }
         var eventCollection;
         if (excelExportOptions.customData) {
             eventCollection = !isIncludeOccurrences ? excelExportOptions.customData :
@@ -22,9 +26,9 @@ var ExcelExport = /** @class */ (function () {
         else {
             eventCollection = !isIncludeOccurrences ? this.parent.eventsData : this.parent.eventsProcessed;
         }
-        this.processWorkbook(exportColumns, exportName, exportType, eventCollection);
+        this.processWorkbook(exportColumns, exportName, exportType, eventCollection, separator);
     };
-    ExcelExport.prototype.processWorkbook = function (fields, name, type, eventCollection) {
+    ExcelExport.prototype.processWorkbook = function (fields, name, type, eventCollection, separator) {
         var _this = this;
         var columns = [];
         var rows = [];
@@ -46,7 +50,7 @@ var ExcelExport = /** @class */ (function () {
             rows.push({ index: i + 2, cells: columnData });
         });
         var workSheet = [{ columns: columns, rows: rows }];
-        var book = new Workbook({ worksheets: workSheet }, type, this.parent.locale);
+        var book = new Workbook({ worksheets: workSheet }, type, this.parent.locale, undefined, separator);
         book.save(name + '.' + type);
     };
     ExcelExport.prototype.getExportColumns = function (exportOptions) {

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

@@ -154,6 +154,7 @@ var EventWindow = /** @class */ (function () {
     EventWindow.prototype.setDialogContent = function () {
         this.dialogObject.content = this.getEventWindowContent();
         this.dialogObject.dataBind();
+        this.applyFormValidation();
     };
     EventWindow.prototype.preventEventSave = function (e) {
         if (this.parent && !this.parent.allowKeyboardInteraction && e.code === 'Enter') {
@@ -415,6 +416,7 @@ var EventWindow = /** @class */ (function () {
             resourceData.colorField + '}"></div><div class="e-resource-text">${' + resourceData.textField + '}</div></div>';
         if (resourceData.allowMultiple) {
             var listObj = new MultiSelect({
+                enableRtl: this.parent.enableRtl,
                 cssClass: this.parent.cssClass || '',
                 dataSource: resourceData.dataSource,
                 change: this.onMultiselectResourceChange.bind(this),
@@ -473,7 +475,7 @@ var EventWindow = /** @class */ (function () {
                 query = (e.text !== '') ? query.where('Text', 'contains', e.text, true) : query;
                 e.updateData(_this.parent.timezoneDataSource, query);
             },
-            htmlAttributes: { 'title': this.getFieldLabel(value), 'name': fieldName },
+            htmlAttributes: { 'title': this.getFieldLabel(value), 'name': fieldName, role: 'option' },
             floatLabelType: 'Always',
             placeholder: this.getFieldLabel(value),
             popupHeight: '230px'

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

@@ -318,8 +318,8 @@ var QuickPopups = /** @class */ (function () {
                     attrs: {
                         'data-id': '' + eventData[fields.id],
                         'data-guid': eventData.Guid, 'role': 'button', 'tabindex': '0',
-                        'aria-readonly': this_1.parent.eventBase.getReadonlyAttribute(eventData),
-                        'aria-selected': 'false', 'aria-grabbed': 'true', 'aria-label': this_1.parent.getAnnouncementString(eventData)
+                        'aria-disabled': this_1.parent.eventBase.getReadonlyAttribute(eventData),
+                        'aria-pressed': 'false', 'aria-grabbed': 'true', 'aria-label': this_1.parent.getAnnouncementString(eventData)
                     }
                 });
                 var templateElement = void 0;
@@ -415,7 +415,7 @@ var QuickPopups = /** @class */ (function () {
             this.quickPopupHide();
             return;
         }
-        var targetEle = args.event.target;
+        var targetEle = !isNullOrUndefined(args.event) ? args.event.target : args.element;
         if (this.parent.isAdaptive) {
             this.quickPopupHide();
             var newEventClone = this.parent.element.querySelector('.' + cls.NEW_EVENT_CLASS);
@@ -511,6 +511,7 @@ var QuickPopups = /** @class */ (function () {
         }
         else {
             var isSameTarget = this.isSameEventClick(events);
+            this.parent.selectedElements = [];
             if (isSameTarget) {
                 return;
             }
@@ -576,7 +577,7 @@ var QuickPopups = /** @class */ (function () {
                         ("<button class=\"" + (cls.DELETE_CLASS + ' ' + cls.ICON) + "\" title=\"" + this.l10n.getConstant('delete') + "\"></button>") +
                         ("<button class=\"" + cls.CLOSE_CLASS + "\" title=\"" + this.l10n.getConstant('close') + "\"></button></div>") +
                         ("<div class=\"" + cls.SUBJECT_WRAP + "\"><div class=\"" + cls.SUBJECT_CLASS + " " + cls.TEXT_ELLIPSIS + "\" ") +
-                        ("title=\"" + args.eventSubject + "\">" + args.eventSubject + "</div></div >");
+                        ("title=\"" + (args.eventSubject ? args.eventSubject.replaceAll('"', '\'') : args.eventSubject) + "\">" + args.eventSubject + "</div></div >");
                     break;
             }
             var templateWrapper = createElement('div', { innerHTML: header });

package/src/schedule/renderer/agenda.js

@@ -171,7 +171,7 @@ var Agenda = /** @class */ (function (_super) {
                 for (var day = 0; day < this.parent.agendaDaysCount; day++) {
                     var filterData = this.appointmentFiltering(agendaDate);
                     var nTr = this.createTableRowElement(agendaDate, 'data');
-                    if (this.element.querySelector('tr[aria-rowindex="' + parseInt(nTr.getAttribute('aria-rowindex'), 10) + '"]')) {
+                    if (this.element.querySelector('tr[data-row-index="' + parseInt(nTr.getAttribute('data-row-index'), 10) + '"]')) {
                         agendaDate = util.addDays(agendaDate, 1);
                         continue;
                     }
@@ -235,7 +235,7 @@ var Agenda = /** @class */ (function (_super) {
                 prepend([].slice.call(emptyTBody.childNodes), tBody);
                 this.wireEventActions();
                 for (var s = 0, element = tBody.children; s < element.length; s++) {
-                    if (element[s].getAttribute('aria-rowindex') === topElement.getAttribute('aria-colindex')) {
+                    if (element[s].getAttribute('data-row-index') === topElement.getAttribute('data-column-index')) {
                         var scrollToValue = element[s].offsetTop -
                             this.element.querySelector('.e-agenda-item').offsetHeight;
                         target.scrollTop = scrollToValue;

package/src/schedule/renderer/timeline-month.d.ts

@@ -24,5 +24,6 @@ export declare class TimelineMonth extends Month {
     getMonthStart(currentDate: Date): Date;
     getMonthEnd(currentDate: Date): Date;
     generateColumnLevels(): TdData[][];
+    getAdjustedDate(startTime: Date): Date;
     destroy(): void;
 }

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

@@ -150,6 +150,15 @@ var TimelineMonth = /** @class */ (function (_super) {
         this.colLevels = colLevels;
         return colLevels;
     };
+    TimelineMonth.prototype.getAdjustedDate = function (startTime) {
+        var timeSlots = this.colLevels[this.colLevels.length - 1];
+        for (var i = 0; i < timeSlots.length; i++) {
+            if (timeSlots[i].date.getTime() > startTime.getTime()) {
+                return timeSlots[i - 1].date;
+            }
+        }
+        return null;
+    };
     TimelineMonth.prototype.destroy = function () {
         if (!this.parent || this.parent && this.parent.isDestroyed) {
             return;

package/src/schedule/renderer/timeline-view.d.ts

@@ -27,5 +27,6 @@ export declare class TimelineViews extends VerticalView {
     getContentRows(): Element[];
     getContentTdClass(r: TimeSlotData): string[];
     renderEvents(): void;
+    getAdjustedDate(date: Date): Date;
     destroy(): void;
 }

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

@@ -246,6 +246,20 @@ var TimelineViews = /** @class */ (function (_super) {
         this.timelineAppointment.renderAppointments();
         this.parent.notify(event.eventsLoaded, {});
     };
+    TimelineViews.prototype.getAdjustedDate = function (date) {
+        if (!this.parent.activeViewOptions.timeScale.enable) {
+            return new Date(date.setHours(0, 0, 0, 0));
+        }
+        else {
+            var timeSlots = this.colLevels[this.colLevels.length - 1];
+            for (var i = 0; i < timeSlots.length; i++) {
+                if (timeSlots[i].date.getTime() > date.getTime()) {
+                    return timeSlots[i - 1].date;
+                }
+            }
+        }
+        return null;
+    };
     TimelineViews.prototype.destroy = function () {
         if (!this.parent || this.parent && this.parent.isDestroyed) {
             return;

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

@@ -271,6 +271,9 @@ var TimelineYear = /** @class */ (function (_super) {
                 else {
                     addClass([td], cls.OTHERMONTH_CLASS);
                 }
+                if (td.classList.contains(cls.OTHERMONTH_CLASS)) {
+                    continue;
+                }
                 td.appendChild(dateHeader);
                 if (isDateAvail) {
                     td.setAttribute('data-date', date.getTime().toString());

package/src/schedule/renderer/vertical-view.d.ts

@@ -23,6 +23,7 @@ export declare class VerticalView extends ViewBase implements IRenderer {
     setContentHeight(element: HTMLElement, leftPanelElement: HTMLElement, height: number): void;
     scrollToWorkHour(): void;
     scrollToHour(hour: string, scrollDate?: Date): void;
+    scrollToDate(scrollDate: Date): void;
     generateColumnLevels(): TdData[][];
     getDateSlots(renderDates: Date[], workDays: number[], workStartHour?: string, workEndHour?: string): TdData[];
     private isWorkHourRange;
@@ -56,5 +57,6 @@ export declare class VerticalView extends ViewBase implements IRenderer {
     getLeftPanelElement(): HTMLElement;
     getEndDateFromStartDate(start: Date): Date;
     getTimeSlotRows(handler?: CallbackFunction): TimeSlotData[];
+    getAdjustedDate(startTime: Date): Date;
     destroy(): void;
 }

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

@@ -156,11 +156,26 @@ var VerticalView = /** @class */ (function (_super) {
     };
     VerticalView.prototype.scrollToHour = function (hour, scrollDate) {
         var date = this.parent.getStartEndTime(hour);
-        if (isNullOrUndefined(date) || !isNullOrUndefined(scrollDate)) {
+        if (!isNullOrUndefined(scrollDate)) {
+            var headerElement = this.element.querySelector('.' + cls.HEADER_CELLS_CLASS + '[data-date="' + new Date(util.resetTime(scrollDate)).getTime() + '"]');
+            if (headerElement) {
+                if (this.parent.enableRtl) {
+                    var conWrap = this.element.querySelector('.' + cls.CONTENT_TABLE_CLASS);
+                    this.getScrollableElement().scrollLeft = -(conWrap.offsetWidth - headerElement.offsetLeft - headerElement.offsetWidth);
+                }
+                else {
+                    this.getScrollableElement().scrollLeft = headerElement.offsetLeft;
+                }
+            }
+        }
+        if (isNullOrUndefined(date)) {
             return;
         }
         this.getScrollableElement().scrollTop = this.getTopFromDateTime(date);
     };
+    VerticalView.prototype.scrollToDate = function (scrollDate) {
+        this.scrollToHour(null, scrollDate);
+    };
     VerticalView.prototype.generateColumnLevels = function () {
         var level = this.getDateSlots(this.renderDates, this.parent.activeViewOptions.workDays);
         var columnLevels = [];
@@ -499,12 +514,11 @@ var VerticalView = /** @class */ (function (_super) {
         var wrap = createElement('div', { className: cls.DATE_HEADER_WRAP_CLASS });
         container.appendChild(wrap);
         var tbl = this.createTableLayout();
-        var trEle = createElement('tr');
+        var trEle = createElement('tr', { className: cls.HEADER_ROW_CLASS });
         var rowCount = this.colLevels.length;
         var lastLevel = this.colLevels[rowCount - 1];
         for (var i = 0; i < rowCount; i++) {
             var ntr = trEle.cloneNode();
-            addClass([ntr], cls.HEADER_ROW_CLASS);
             var level = this.colLevels[i];
             for (var j = 0; j < level.length; j++) {
                 ntr.appendChild(this.createTd(level[j]));
@@ -517,13 +531,13 @@ var VerticalView = /** @class */ (function (_super) {
         return container;
     };
     VerticalView.prototype.createAllDayRow = function (table, tdData) {
-        var ntr = createElement('tr');
-        addClass([ntr], cls.ALLDAY_ROW_CLASS);
+        var ntr = createElement('tr', { className: cls.ALLDAY_ROW_CLASS });
         for (var j = 0; j < tdData.length; j++) {
             var td = extend({}, tdData[j]);
             td.className = [cls.ALLDAY_CELLS_CLASS];
             td.type = 'alldayCells';
             var ntd = this.createTd(td);
+            ntd.setAttribute('role', 'gridcell');
             ntd.setAttribute('data-date', td.date.getTime().toString());
             if (!isNullOrUndefined(td.groupIndex)) {
                 ntd.setAttribute('data-group-index', '' + td.groupIndex);
@@ -556,6 +570,7 @@ var VerticalView = /** @class */ (function (_super) {
         }
         if (td.type === 'dateHeader' && td.className.indexOf(cls.HEADER_CELLS_CLASS) >= 0) {
             tdEle.setAttribute('data-date', td.date.getTime().toString());
+            tdEle.setAttribute('role', 'gridcell');
             if (!isNullOrUndefined(td.groupIndex)) {
                 tdEle.setAttribute('data-group-index', '' + td.groupIndex);
             }
@@ -758,6 +773,23 @@ var VerticalView = /** @class */ (function (_super) {
         }
         return rows;
     };
+    VerticalView.prototype.getAdjustedDate = function (startTime) {
+        if (!this.parent.activeViewOptions.timeScale.enable) {
+            return new Date(startTime.setHours(0, 0, 0, 0));
+        }
+        else {
+            var timeSlots = this.getTimeSlotRows();
+            var startDate = new Date(new Date(timeSlots[0].date.getTime()).
+                setHours(startTime.getHours(), startTime.getMinutes(), startTime.getMilliseconds()));
+            for (var i = 0; i < timeSlots.length; i++) {
+                if (timeSlots[i].date.getTime() > startDate.getTime()) {
+                    startTime.setHours(timeSlots[i - 1].date.getHours(), timeSlots[i - 1].date.getMinutes(), timeSlots[i - 1].date.getMilliseconds());
+                    return new Date(startTime);
+                }
+            }
+        }
+        return null;
+    };
     VerticalView.prototype.destroy = function () {
         if (!this.parent || this.parent && this.parent.isDestroyed) {
             return;

package/src/schedule/renderer/view-base.d.ts

@@ -68,5 +68,6 @@ export declare class ViewBase {
     retainScrollPosition(): void;
     getViewStartDate(): Date;
     getViewEndDate(): Date;
+    getAdjustedDate(startTime: Date): Date;
     destroy(): void;
 }

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

@@ -482,6 +482,14 @@ var ViewBase = /** @class */ (function () {
         var tdDate = new Date(util.resetTime(new Date(+scrollDate)).getTime()).getTime();
         var dateElement = scrollWrap.querySelector("." + cls.WORK_CELLS_CLASS + "[data-date=\"" + tdDate + "\"]");
         if (this.parent.currentView === 'Month' && dateElement) {
+            if (scrollWrap.scrollWidth > scrollWrap.clientWidth) {
+                if (!this.parent.enableRtl) {
+                    scrollWrap.scrollLeft = dateElement.offsetLeft;
+                }
+                else {
+                    scrollWrap.scrollLeft = -(this.parent.getContentTable().offsetWidth - dateElement.offsetLeft - dateElement.offsetWidth);
+                }
+            }
             scrollWrap.scrollTop = dateElement.offsetTop;
         }
         if (this.parent.currentView === 'TimelineMonth' && dateElement) {
@@ -525,6 +533,17 @@ var ViewBase = /** @class */ (function () {
         }
         return endDate;
     };
+    ViewBase.prototype.getAdjustedDate = function (startTime) {
+        if (!this.parent.activeViewOptions.timeScale.enable || this.parent.currentView === 'Month' ||
+            (this.parent.currentView === 'TimelineYear' && this.parent.activeViewOptions.group.resources.length === 0)) {
+            return new Date(startTime.setHours(0, 0, 0, 0));
+        }
+        else if (this.parent.currentView === 'TimelineYear' && this.parent.activeViewOptions.group.resources.length > 0) {
+            startTime.setHours(0, 0, 0, 0);
+            return new Date(startTime.setDate(1));
+        }
+        return null;
+    };
     ViewBase.prototype.destroy = function () {
         if (this.element && this.element.parentNode) {
             remove(this.element);

package/src/schedule/renderer/year.js

@@ -331,7 +331,8 @@ var Year = /** @class */ (function (_super) {
         return this.parent.currentView === 'Year' ? util.getWeekFirstDate(this.getStartDate(), this.parent.firstDayOfWeek) : this.getStartDate();
     };
     Year.prototype.endDate = function () {
-        return this.parent.currentView === 'Year' ? util.addDays(util.getWeekLastDate(this.getEndDate(), this.parent.firstDayOfWeek), 1) : this.getEndDate();
+        return this.parent.currentView === 'Year' ? util.addDays(util.getWeekLastDate(this.getEndDate(), this.parent.firstDayOfWeek), 1) :
+            util.addDays(this.getEndDate(), 1);
     };
     Year.prototype.getEndDateFromStartDate = function (start) {
         var date = new Date(start.getTime());

package/styles/bootstrap-dark.css

@@ -1,5 +1,4 @@
-/*! recurrence editor theme wise definitions*/
-/*! Schedule component's bootstrap theme definitions and variables */
+/*! recurrence editor theme wise definitions*/ /*! Schedule component's bootstrap theme definitions and variables */
 .e-schedule .e-schedule-toolbar .e-icon-prev::before {
   content: "\e990";
 }
@@ -1073,8 +1072,6 @@
   height: 70px;
 }
 .e-schedule .e-month-view .e-content-wrap {
-  display: -ms-flexbox;
-  display: flex;
   font-size: 13px;
 }
 .e-schedule .e-month-view .e-date-header-wrap table col {
@@ -1503,6 +1500,10 @@
   position: absolute;
   top: 0;
 }
+.e-schedule .e-timeline-year-view .e-event-table .e-appointment-container.e-event-container {
+  height: 75px;
+  position: relative;
+}
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment-wrapper {
   position: absolute;
 }
@@ -2468,7 +2469,7 @@
 }
 
 .e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
-  width: 485px;
+  width: 502px;
 }
 
 .e-dialog.e-quick-dialog.e-following-events-dialog {

package/styles/bootstrap.css

@@ -1,5 +1,4 @@
-/*! recurrence editor theme wise definitions*/
-/*! Schedule component's bootstrap theme definitions and variables */
+/*! recurrence editor theme wise definitions*/ /*! Schedule component's bootstrap theme definitions and variables */
 .e-schedule .e-schedule-toolbar .e-icon-prev::before {
   content: "\e990";
 }
@@ -1071,8 +1070,6 @@
   height: 70px;
 }
 .e-schedule .e-month-view .e-content-wrap {
-  display: -ms-flexbox;
-  display: flex;
   font-size: 13px;
 }
 .e-schedule .e-month-view .e-date-header-wrap table col {
@@ -1501,6 +1498,10 @@
   position: absolute;
   top: 0;
 }
+.e-schedule .e-timeline-year-view .e-event-table .e-appointment-container.e-event-container {
+  height: 75px;
+  position: relative;
+}
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment-wrapper {
   position: absolute;
 }
@@ -2466,7 +2467,7 @@
 }
 
 .e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
-  width: 485px;
+  width: 502px;
 }
 
 .e-dialog.e-quick-dialog.e-following-events-dialog {

package/styles/bootstrap4.css

@@ -1,5 +1,4 @@
-/*! recurrence editor theme wise definitions*/
-/*! Schedule component's bootstrap4 theme definitions and variables */
+/*! recurrence editor theme wise definitions*/ /*! Schedule component's bootstrap4 theme definitions and variables */
 .e-schedule .e-schedule-toolbar .e-icon-prev::before {
   content: "\e78c";
 }
@@ -1073,8 +1072,6 @@
   height: 70px;
 }
 .e-schedule .e-month-view .e-content-wrap {
-  display: -ms-flexbox;
-  display: flex;
   font-size: 14px;
 }
 .e-schedule .e-month-view .e-date-header-wrap table col {
@@ -1506,6 +1503,10 @@
   position: absolute;
   top: 0;
 }
+.e-schedule .e-timeline-year-view .e-event-table .e-appointment-container.e-event-container {
+  height: 75px;
+  position: relative;
+}
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment-wrapper {
   position: absolute;
 }
@@ -2485,7 +2486,7 @@
 }
 
 .e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
-  width: 485px;
+  width: 502px;
 }
 
 .e-dialog.e-quick-dialog.e-following-events-dialog {

package/styles/bootstrap5-dark.css

@@ -1079,8 +1079,6 @@
   height: 70px;
 }
 .e-schedule .e-month-view .e-content-wrap {
-  display: -ms-flexbox;
-  display: flex;
   font-size: 14px;
 }
 .e-schedule .e-month-view .e-date-header-wrap table col {
@@ -1510,6 +1508,10 @@
   position: absolute;
   top: 0;
 }
+.e-schedule .e-timeline-year-view .e-event-table .e-appointment-container.e-event-container {
+  height: 75px;
+  position: relative;
+}
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment-wrapper {
   position: absolute;
 }
@@ -2493,7 +2495,7 @@
 }
 
 .e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
-  width: 485px;
+  width: 502px;
 }
 
 .e-dialog.e-quick-dialog.e-following-events-dialog {

package/styles/bootstrap5.css

@@ -1,5 +1,4 @@
-/*! recurrence editor theme wise definitions*/
-/*! Schedule's bootstrap5 theme wise override definitions and variables */
+/*! recurrence editor theme wise definitions*/ /*! Schedule's bootstrap5 theme wise override definitions and variables */
 .e-schedule .e-schedule-toolbar .e-icon-prev::before {
   content: "\e765";
 }
@@ -1080,8 +1079,6 @@
   height: 70px;
 }
 .e-schedule .e-month-view .e-content-wrap {
-  display: -ms-flexbox;
-  display: flex;
   font-size: 14px;
 }
 .e-schedule .e-month-view .e-date-header-wrap table col {
@@ -1511,6 +1508,10 @@
   position: absolute;
   top: 0;
 }
+.e-schedule .e-timeline-year-view .e-event-table .e-appointment-container.e-event-container {
+  height: 75px;
+  position: relative;
+}
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment-wrapper {
   position: absolute;
 }
@@ -2494,7 +2495,7 @@
 }
 
 .e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
-  width: 485px;
+  width: 502px;
 }
 
 .e-dialog.e-quick-dialog.e-following-events-dialog {