@syncfusion/ej2-schedule 20.1.56 → 20.1.61

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.1.56
+*  version : 20.1.61
 *  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@20.1.52",
+  "_id": "@syncfusion/ej2-schedule@20.1.59",
   "_inBundle": false,
-  "_integrity": "sha512-qtFM7akIbheekvc1bALoRXscem+S6iYvN7WNF5oJbZEsoEePiXdWtSosjCutVqWUSjZFmZm04+if9DqS5rGI3w==",
+  "_integrity": "sha512-gDP6/wsghpQtUJ49UTmIPeJx5aTHUJKd00EBl1b0VT9McWpp3ZQJ/tK5J2vPCkHWGhhwbQrPt+ycSbySV7uEFw==",
   "_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-new/@syncfusion/ej2-schedule/-/ej2-schedule-20.1.52.tgz",
-  "_shasum": "3b89c078a1653001bf46f6af13fa7fef95b90fb1",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-20.1.59.tgz",
+  "_shasum": "add165639e70831957429402aa630c7bf8e0262b",
   "_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": "~20.1.56",
-    "@syncfusion/ej2-buttons": "~20.1.55",
-    "@syncfusion/ej2-calendars": "~20.1.56",
+    "@syncfusion/ej2-base": "~20.1.61",
+    "@syncfusion/ej2-buttons": "~20.1.61",
+    "@syncfusion/ej2-calendars": "~20.1.58",
     "@syncfusion/ej2-data": "~20.1.55",
-    "@syncfusion/ej2-dropdowns": "~20.1.56",
+    "@syncfusion/ej2-dropdowns": "~20.1.61",
     "@syncfusion/ej2-excel-export": "~20.1.55",
-    "@syncfusion/ej2-inputs": "~20.1.55",
+    "@syncfusion/ej2-inputs": "~20.1.61",
     "@syncfusion/ej2-lists": "~20.1.55",
-    "@syncfusion/ej2-navigations": "~20.1.56",
-    "@syncfusion/ej2-popups": "~20.1.55"
+    "@syncfusion/ej2-navigations": "~20.1.61",
+    "@syncfusion/ej2-popups": "~20.1.58"
   },
   "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": "20.1.56",
+  "version": "20.1.61",
   "sideEffects": false
 }

package/src/schedule/actions/action-base.d.ts

@@ -16,6 +16,7 @@ export declare class ActionBase {
     verticalEvent: VerticalEvent;
     yearEvent: YearEvent;
     daysVariation: number;
+    private scrollEventArgs;
     constructor(parent: Schedule);
     getChangedData(multiData?: Record<string, any>[]): Record<string, any>;
     saveChangedData(eventArgs: DragEventArgs | ResizeEventArgs, isMultiSelect?: boolean): void;

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

@@ -300,6 +300,7 @@ var ActionBase = /** @class */ (function () {
     };
     ActionBase.prototype.updateScrollPosition = function (e) {
         var _this = this;
+        this.scrollEventArgs = e;
         if (this.actionObj.scroll.enable && isNullOrUndefined(this.actionObj.scrollInterval)) {
             this.actionObj.scrollInterval = window.setInterval(function () {
                 if (_this.autoScrollValidation() && !_this.actionObj.clone.classList.contains(cls.ALLDAY_APPOINTMENT_CLASS)) {
@@ -309,10 +310,10 @@ var ActionBase = /** @class */ (function () {
                     }
                     _this.autoScroll();
                     if (_this.actionObj.action === 'drag') {
-                        _this.parent.dragAndDropModule.updateDraggingDateTime(e);
+                        _this.parent.dragAndDropModule.updateDraggingDateTime(_this.scrollEventArgs);
                     }
                     else {
-                        _this.parent.resizeModule.updateResizingDirection(e);
+                        _this.parent.resizeModule.updateResizingDirection(_this.scrollEventArgs);
                     }
                 }
             }, this.actionObj.scroll.timeDelay);

package/src/schedule/actions/drag.js

@@ -570,7 +570,7 @@ var DragAndDrop = /** @class */ (function (_super) {
         var eventObj = extend({}, this.actionObj.event, null, true);
         var eventStart = eventObj[this.parent.eventFields.startTime];
         var eventEnd = eventObj[this.parent.eventFields.endTime];
-        var eventDuration = eventEnd.getTime() - eventStart.getTime();
+        var eventDuration = util.getUniversalTime(eventEnd) - util.getUniversalTime(eventStart);
         var offsetTop = Math.floor(parseInt(this.actionObj.clone.style.top, 10) / this.actionObj.cellHeight)
             * this.actionObj.cellHeight;
         offsetTop = offsetTop < 0 ? 0 : offsetTop;
@@ -929,8 +929,8 @@ var DragAndDrop = /** @class */ (function (_super) {
         if (isNullOrUndefined(this.parent.eventDragArea)) {
             this.removeCloneElement();
         }
-        var eventDuration = eventObj[this.parent.eventFields.endTime].getTime() -
-            eventObj[this.parent.eventFields.startTime].getTime();
+        var eventDuration = util.getUniversalTime(eventObj[this.parent.eventFields.endTime]) -
+            util.getUniversalTime(eventObj[this.parent.eventFields.startTime]);
         var td = closest(this.actionObj.target, 'td');
         if (!isNullOrUndefined(td)) {
             var tr = td.parentElement;
@@ -944,11 +944,11 @@ var DragAndDrop = /** @class */ (function (_super) {
                 }
                 var timeString = new Date(currentDate.setDate(currentDate.getDate() - this.daysVariation));
                 var dragStart = new Date(timeString.getTime());
+                var startTimeDiff = util.getUniversalTime(eventObj[this.parent.eventFields.startTime]) -
+                    util.getUniversalTime(util.resetTime(new Date(+eventObj[this.parent.eventFields.startTime])));
+                dragStart.setMilliseconds(startTimeDiff);
                 var dragEnd = new Date(dragStart.getTime());
-                var startTimeDiff = eventObj[this.parent.eventFields.startTime].getTime() -
-                    (util.resetTime(new Date(+eventObj[this.parent.eventFields.startTime]))).getTime();
-                dragStart = new Date(dragStart.getTime() + startTimeDiff);
-                dragEnd = new Date(dragStart.getTime() + eventDuration);
+                dragEnd.setMilliseconds(eventDuration);
                 this.actionObj.start = new Date(dragStart.getTime());
                 this.actionObj.end = new Date(dragEnd.getTime());
             }
@@ -1004,8 +1004,8 @@ var DragAndDrop = /** @class */ (function (_super) {
     };
     DragAndDrop.prototype.calculateTimelineTime = function (e) {
         var eventObj = extend({}, this.actionObj.event, null, true);
-        var eventDuration = eventObj[this.parent.eventFields.endTime].getTime() -
-            eventObj[this.parent.eventFields.startTime].getTime();
+        var eventDuration = util.getUniversalTime(eventObj[this.parent.eventFields.endTime]) -
+            util.getUniversalTime(eventObj[this.parent.eventFields.startTime]);
         var offsetLeft = this.parent.enableRtl ? Math.abs(this.actionObj.clone.offsetLeft) - this.actionObj.clone.offsetWidth :
             parseInt(this.actionObj.clone.style.left, 10);
         offsetLeft = Math.floor(offsetLeft / this.actionObj.cellWidth) * this.actionObj.cellWidth;
@@ -1238,7 +1238,7 @@ var DragAndDrop = /** @class */ (function (_super) {
             var cursorElement = this.getCursorElement(e);
             if (cursorElement) {
                 top = cursorElement.classList.contains(cls.WORK_CELLS_CLASS) ? cursorElement.offsetTop :
-                    cursorElement.offsetParent.classList.contains(cls.APPOINTMENT_CLASS) ?
+                    (cursorElement.offsetParent && cursorElement.offsetParent.classList.contains(cls.APPOINTMENT_CLASS)) ?
                         cursorElement.offsetParent.offsetTop : top;
             }
         }

package/src/schedule/base/schedule.js

@@ -1324,8 +1324,12 @@ var Schedule = /** @class */ (function (_super) {
                         this.refreshEvents(false);
                     }
                     break;
-                case 'showWeekend':
                 case 'workDays':
+                    if (JSON.stringify(oldProp.workDays) !== JSON.stringify(newProp.workDays)) {
+                        state.isLayout = true;
+                    }
+                    break;
+                case 'showWeekend':
                 case 'startHour':
                 case 'endHour':
                 case 'workHours':

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

@@ -36,6 +36,9 @@ var AgendaBase = /** @class */ (function (_super) {
                 itemClass: this.parent.activeView.viewClass,
                 template: "<div class=\"" + cls.AGENDA_NO_EVENT_CLASS + "\">" + this.parent.localeObj.getConstant('noEvents') + "</div>"
             });
+            if (listElement.querySelector('.e-agenda-item').children.length === 0) {
+                listElement.firstElementChild.appendChild(createElement('div', { className: cls.AGENDA_NO_EVENT_CLASS, innerHTML: this.parent.localeObj.getConstant('noEvents') }));
+            }
         }
         else {
             listElement = ListBase.createList(this.parent.createElement, listData, {

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

@@ -641,7 +641,7 @@ var EventBase = /** @class */ (function () {
     EventBase.prototype.isAllDayAppointment = function (event) {
         var fieldMapping = this.parent.eventFields;
         var isAllDay = event[fieldMapping.isAllDay];
-        var isFullDay = ((event[fieldMapping.endTime].getTime() - event[fieldMapping.startTime].getTime())
+        var isFullDay = ((util.getUniversalTime(event[fieldMapping.endTime]) - util.getUniversalTime(event[fieldMapping.startTime]))
             / util.MS_PER_DAY) >= 1;
         return (isAllDay || (this.parent.eventSettings.spannedEventPlacement !== 'TimeSlot' && isFullDay)) ? true : false;
     };
@@ -660,6 +660,7 @@ var EventBase = /** @class */ (function () {
         }
         else if (!closest(element, '.' + cls.POPUP_OPEN)) {
             this.removeSelectedAppointmentClass();
+            this.parent.selectedElements = [];
         }
     };
     EventBase.prototype.wireAppointmentEvents = function (element, event, isPreventCrud) {
@@ -765,6 +766,7 @@ var EventBase = /** @class */ (function () {
             this.parent.trigger(event.eventClick, args, function (eventClickArgs) {
                 if (eventClickArgs.cancel) {
                     _this.removeSelectedAppointmentClass();
+                    _this.parent.selectedElements = [];
                     if (_this.parent.quickPopup) {
                         _this.parent.quickPopup.quickPopupHide();
                     }
@@ -796,6 +798,7 @@ var EventBase = /** @class */ (function () {
             this.activeEventData(e, true);
         }
         this.removeSelectedAppointmentClass();
+        this.parent.selectedElements = [];
         if (this.parent.activeEventData.element.classList.contains(cls.INLINE_APPOINTMENT_CLASS) ||
             this.parent.activeEventData.element.querySelector('.' + cls.INLINE_SUBJECT_CLASS)) {
             return;
@@ -1224,16 +1227,18 @@ var EventBase = /** @class */ (function () {
         }
     };
     EventBase.prototype.updateEventMinimumDuration = function (startEndHours, startTime, endTime) {
-        var eventDuration = (util.getUniversalTime(endTime) - util.getUniversalTime(startTime)) / util.MS_PER_MINUTE;
-        if (eventDuration < this.parent.eventSettings.minimumEventDuration) {
-            var tempEnd = new Date(startTime);
-            tempEnd.setMinutes(tempEnd.getMinutes() + this.parent.eventSettings.minimumEventDuration);
-            endTime = tempEnd;
-            if (endTime.getTime() > startEndHours.endHour.getTime()) {
-                var tempStart = new Date(startEndHours.endHour.getTime());
-                tempStart.setMinutes(tempStart.getMinutes() - this.parent.eventSettings.minimumEventDuration);
-                startTime = tempStart;
-                endTime = startEndHours.endHour;
+        if (startTime.getTime() < endTime.getTime()) {
+            var eventDuration = (util.getUniversalTime(endTime) - util.getUniversalTime(startTime)) / util.MS_PER_MINUTE;
+            if (eventDuration < this.parent.eventSettings.minimumEventDuration) {
+                var tempEnd = new Date(startTime);
+                tempEnd.setMinutes(tempEnd.getMinutes() + this.parent.eventSettings.minimumEventDuration);
+                endTime = tempEnd;
+                if (endTime.getTime() > startEndHours.endHour.getTime()) {
+                    var tempStart = new Date(startEndHours.endHour.getTime());
+                    tempStart.setMinutes(tempStart.getMinutes() - this.parent.eventSettings.minimumEventDuration);
+                    startTime = tempStart;
+                    endTime = startEndHours.endHour;
+                }
             }
         }
         return { startDate: startTime, endDate: endTime };

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

@@ -163,9 +163,7 @@ var MonthEvent = /** @class */ (function (_super) {
         this.sortByDateTime(blockList);
         if (this.parent.currentView === 'Month' && this.parent.rowAutoHeight && this.parent.activeViewOptions.group.resources.length === 0) {
             var totalCells = [].slice.call(this.parent.element.querySelectorAll('.e-content-wrap table tr td:first-child'));
-            var height_1 = this.parent.height === 'auto' ? (this.parent.element.querySelector('.e-content-wrap').clientHeight +
-                this.parent.element.querySelector('.e-date-header-wrap').clientHeight) / totalCells.length
-                : this.parent.element.querySelector('.e-schedule-table').clientHeight / totalCells.length;
+            var height_1 = this.parent.element.querySelector('.' + cls.CONTENT_TABLE_CLASS).clientHeight / totalCells.length;
             totalCells.forEach(function (cell) {
                 setStyleAttribute(cell, { 'height': height_1 + 'px' });
             });

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

@@ -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 });
@@ -764,11 +765,11 @@ var QuickPopups = /** @class */ (function () {
             (endDate.getTime() - startDate.getTime()) / (60 * 60 * 1000) < 24 ? 1 : 0;
         if (eventData[fields.isAllDay]) {
             details = startDateDetails + ' (' + this.l10n.getConstant('allDay') + ')';
-            if (((endDate.getTime() - startDate.getTime()) / util.MS_PER_DAY) > 1) {
+            if (((util.getUniversalTime(endDate) - util.getUniversalTime(startDate)) / util.MS_PER_DAY) > 1) {
                 details += '&nbsp;-&nbsp;' + endDateDetails + ' (' + this.l10n.getConstant('allDay') + ')';
             }
         }
-        else if ((((endDate.getTime() - startDate.getTime()) / util.MS_PER_DAY) >= 1) || spanLength > 0) {
+        else if ((((util.getUniversalTime(endDate) - util.getUniversalTime(startDate)) / util.MS_PER_DAY) >= 1) || spanLength > 0) {
             details = startDateDetails + ' (' + startTimeDetail + ')' + '&nbsp;-&nbsp;' + endDateDetails + ' (' + endTimeDetail + ')';
         }
         else {

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;

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 = [];

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) {

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 {

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 {

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 {

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 {

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 {

package/styles/fabric-dark.css

@@ -1,5 +1,4 @@
-/*! recurrence editor theme wise definitions*/
-/*! Schedule component's fabric theme definitions and variables */
+/*! recurrence editor theme wise definitions*/ /*! Schedule component's fabric theme definitions and variables */
 .e-schedule .e-schedule-toolbar .e-icon-prev::before {
   content: "\e98f";
 }
@@ -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 {

package/styles/fabric.css

@@ -1,5 +1,4 @@
-/*! recurrence editor theme wise definitions*/
-/*! Schedule component's fabric theme definitions and variables */
+/*! recurrence editor theme wise definitions*/ /*! Schedule component's fabric theme definitions and variables */
 .e-schedule .e-schedule-toolbar .e-icon-prev::before {
   content: "\e98f";
 }
@@ -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 {

package/styles/fluent-dark.css

@@ -1066,8 +1066,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 {

package/styles/fluent.css

@@ -1,5 +1,4 @@
-/*! recurrence editor theme wise definitions*/
-/*! Schedule component's bootstrap5 theme definitions and variables */
+/*! recurrence editor theme wise definitions*/ /*! Schedule component's bootstrap5 theme definitions and variables */
 .e-schedule .e-schedule-toolbar .e-icon-prev::before {
   content: "\e765";
 }
@@ -1067,8 +1066,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 {

package/styles/highcontrast-light.css

@@ -1,5 +1,4 @@
-/*! recurrence editor theme wise definitions*/
-/*! Schedule component's highcontrast theme definitions and variables */
+/*! recurrence editor theme wise definitions*/ /*! Schedule component's highcontrast theme definitions and variables */
 .e-schedule .e-schedule-toolbar .e-icon-prev::before {
   content: "\e98f";
 }
@@ -1070,8 +1069,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 {

package/styles/highcontrast.css

@@ -1,5 +1,4 @@
-/*! recurrence editor theme wise definitions*/
-/*! Schedule component's highcontrast theme definitions and variables */
+/*! recurrence editor theme wise definitions*/ /*! Schedule component's highcontrast theme definitions and variables */
 .e-schedule .e-schedule-toolbar .e-icon-prev::before {
   content: "\e98f";
 }
@@ -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 {

package/styles/material-dark.css

@@ -1,6 +1,5 @@
 @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
-/*! recurrence editor theme wise definitions*/
-/*! Schedule component's material theme definitions and variables */
+/*! recurrence editor theme wise definitions*/ /*! Schedule component's material theme definitions and variables */
 .e-schedule .e-schedule-toolbar .e-icon-prev::before {
   content: "\e937";
 }
@@ -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 {

package/styles/material.css

@@ -1,6 +1,5 @@
 @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
-/*! recurrence editor theme wise definitions*/
-/*! Schedule component's material theme definitions and variables */
+/*! recurrence editor theme wise definitions*/ /*! Schedule component's material theme definitions and variables */
 .e-schedule .e-schedule-toolbar .e-icon-prev::before {
   content: "\e937";
 }
@@ -1074,8 +1073,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 {

package/styles/schedule/_layout.scss

@@ -1251,7 +1251,6 @@
       }
 
       .e-content-wrap {
-        display: flex;
         font-size: $schedule-date-header-wrap-nrml-font-size;
       }
 

package/styles/schedule/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 {

package/styles/schedule/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 {

package/styles/schedule/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 {

package/styles/schedule/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 {

package/styles/schedule/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 {