@syncfusion/ej2-vue-schedule 20.1.57 → 20.2.36

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-schedule@*",
-  "_id": "@syncfusion/ej2-vue-schedule@20.1.56",
+  "_id": "@syncfusion/ej2-vue-schedule@19.19.3",
   "_inBundle": false,
-  "_integrity": "sha512-xJrjiuy0qTV4pu7LJ+yLLVbSdB/bx6/NJ5EOGvBzxQz3iFqRrLnJ7Kr/5YPFBbKVvMdh/lcuJ989t8YlSRgwXg==",
+  "_integrity": "sha512-MpUv9QGmtr+25rEE/kMW5fKuZDo5YywqjET7+3wDteEiMhHhnt3ESJM52gDYn9/BD2rgliuqM0Zl8XAo8WCqqQ==",
   "_location": "/@syncfusion/ej2-vue-schedule",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-schedule/-/ej2-vue-schedule-20.1.56.tgz",
-  "_shasum": "51ac4c2f9a2abeb46f6d2258fc39bc274b5d226d",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-vue-schedule/-/ej2-vue-schedule-19.19.3.tgz",
+  "_shasum": "42972c6bb9f30b3839a23f07583df548774ff16b",
   "_spec": "@syncfusion/ej2-vue-schedule@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.1.56",
-    "@syncfusion/ej2-schedule": "20.1.57",
-    "@syncfusion/ej2-vue-base": "~20.1.57"
+    "@syncfusion/ej2-base": "~20.2.36",
+    "@syncfusion/ej2-schedule": "20.2.36",
+    "@syncfusion/ej2-vue-base": "~20.2.36"
   },
   "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. for Vue",
@@ -70,6 +70,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-vue-ui-components.git"
   },
-  "version": "20.1.57",
+  "version": "20.2.36",
   "sideEffects": false
 }

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

@@ -21,7 +21,7 @@ import { ComponentBase, EJComponentDecorator, getProps, gh } from '@syncfusion/e
 import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { RecurrenceEditor } from '@syncfusion/ej2-schedule';
 import { Options } from 'vue-class-component';
-export var properties = ['isLazyUpdate', 'calendarMode', 'cssClass', 'dateFormat', 'enablePersistence', 'enableRtl', 'firstDayOfWeek', 'frequencies', 'locale', 'maxDate', 'minDate', 'selectedType', 'startDate', 'value', 'change'];
+export var properties = ['isLazyUpdate', 'plugins', 'calendarMode', 'cssClass', 'dateFormat', 'enablePersistence', 'enableRtl', 'firstDayOfWeek', 'frequencies', 'locale', 'maxDate', 'minDate', 'selectedType', 'startDate', 'value', 'change'];
 export var modelProps = [];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0];

package/src/schedule/schedule.component.d.ts

@@ -61,6 +61,7 @@ export declare class ScheduleComponent extends ComponentBase {
     importICalendar(fileContent: Object | string): void;
     isSlotAvailable(startTime: Object | Object, endTime?: Object, groupIndex?: number): boolean;
     openEditor(data: Object, action: Object, isEventData?: boolean, repeatType?: number): void;
+    openQuickInfoPopup(data: Object): void;
     print(printOptions?: Object): void;
     refreshEvents(isRemoteRefresh: boolean): void;
     refreshLayout(): void;

package/src/schedule/schedule.component.js

@@ -25,7 +25,7 @@ import { ViewsDirective, ViewDirective, ViewsPlugin, ViewPlugin } from './views.
 import { ResourcesDirective, ResourceDirective, ResourcesPlugin, ResourcePlugin } from './resources.directive';
 import { HeaderRowsDirective, HeaderRowDirective, HeaderRowsPlugin, HeaderRowPlugin } from './headerrows.directive';
 import { Options } from 'vue-class-component';
-export var properties = ['isLazyUpdate', 'agendaDaysCount', 'allowDragAndDrop', 'allowInline', 'allowKeyboardInteraction', 'allowMultiCellSelection', 'allowMultiDrag', 'allowMultiRowSelection', 'allowResizing', 'calendarMode', 'cellHeaderTemplate', 'cellTemplate', 'cssClass', 'currentView', 'dateFormat', 'dateHeaderTemplate', 'dayHeaderTemplate', 'editorTemplate', 'enableAdaptiveUI', 'enableAllDayScroll', 'enablePersistence', 'enableRecurrenceValidation', 'enableRtl', 'endHour', 'eventDragArea', 'eventSettings', 'firstDayOfWeek', 'firstMonthOfYear', 'group', 'headerIndentTemplate', 'headerRows', 'height', 'hideEmptyAgendaDays', 'locale', 'maxDate', 'minDate', 'monthHeaderTemplate', 'monthsCount', 'quickInfoOnSelectionEnd', 'quickInfoTemplates', 'readonly', 'resourceHeaderTemplate', 'resources', 'rowAutoHeight', 'selectedDate', 'showHeaderBar', 'showQuickInfo', 'showTimeIndicator', 'showWeekNumber', 'showWeekend', 'startHour', 'timeFormat', 'timeScale', 'timezone', 'timezoneDataSource', 'views', 'weekRule', 'width', 'workDays', 'workHours', 'actionBegin', 'actionComplete', 'actionFailure', 'cellClick', 'cellDoubleClick', 'created', 'dataBinding', 'dataBound', 'destroyed', 'drag', 'dragStart', 'dragStop', 'eventClick', 'eventRendered', 'hover', 'moreEventsClick', 'navigating', 'popupClose', 'popupOpen', 'renderCell', 'resizeStart', 'resizeStop', 'resizing', 'select'];
+export var properties = ['isLazyUpdate', 'plugins', 'agendaDaysCount', 'allowDragAndDrop', 'allowInline', 'allowKeyboardInteraction', 'allowMultiCellSelection', 'allowMultiDrag', 'allowMultiRowSelection', 'allowResizing', 'calendarMode', 'cellHeaderTemplate', 'cellTemplate', 'cssClass', 'currentView', 'dateFormat', 'dateHeaderTemplate', 'dayHeaderTemplate', 'editorTemplate', 'enableAdaptiveUI', 'enableAllDayScroll', 'enablePersistence', 'enableRecurrenceValidation', 'enableRtl', 'endHour', 'eventDragArea', 'eventSettings', 'firstDayOfWeek', 'firstMonthOfYear', 'group', 'headerIndentTemplate', 'headerRows', 'height', 'hideEmptyAgendaDays', 'locale', 'maxDate', 'minDate', 'monthHeaderTemplate', 'monthsCount', 'quickInfoOnSelectionEnd', 'quickInfoTemplates', 'readonly', 'resourceHeaderTemplate', 'resources', 'rowAutoHeight', 'selectedDate', 'showHeaderBar', 'showQuickInfo', 'showTimeIndicator', 'showWeekNumber', 'showWeekend', 'startHour', 'timeFormat', 'timeScale', 'timezone', 'timezoneDataSource', 'views', 'weekRule', 'width', 'workDays', 'workHours', 'actionBegin', 'actionComplete', 'actionFailure', 'cellClick', 'cellDoubleClick', 'created', 'dataBinding', 'dataBound', 'destroyed', 'drag', 'dragStart', 'dragStop', 'eventClick', 'eventRendered', 'hover', 'moreEventsClick', 'navigating', 'popupClose', 'popupOpen', 'renderCell', 'resizeStart', 'resizeStop', 'resizing', 'select'];
 export var modelProps = ['currentView', 'selectedDate'];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0];
@@ -249,6 +249,9 @@ var ScheduleComponent = /** @class */ (function (_super) {
     ScheduleComponent.prototype.openEditor = function (data, action, isEventData, repeatType) {
         return this.ej2Instances.openEditor(data, action, isEventData, repeatType);
     };
+    ScheduleComponent.prototype.openQuickInfoPopup = function (data) {
+        return this.ej2Instances.openQuickInfoPopup(data);
+    };
     ScheduleComponent.prototype.print = function (printOptions) {
         return this.ej2Instances.print(printOptions);
     };

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 {

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 {
@@ -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;
 }
@@ -2469,7 +2470,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/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 {
@@ -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;
 }
@@ -2469,7 +2470,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/fluent-dark.css

@@ -167,7 +167,7 @@
 .e-schedule .e-schedule-toolbar {
   background: #1b1a19;
   border: 0;
-  border-bottom: 0;
+  border-bottom: 1px solid #292827;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
   margin-bottom: 3px;
   min-height: 38px;
@@ -270,7 +270,7 @@
 }
 .e-schedule .e-schedule-resource-toolbar {
   background: #1b1a19;
-  border-bottom: 0;
+  border-bottom: 1px solid #292827;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
   display: -ms-flexbox;
   display: flex;
@@ -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 {
@@ -1496,6 +1494,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;
 }
@@ -2462,7 +2464,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/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";
 }
@@ -168,7 +167,7 @@
 .e-schedule .e-schedule-toolbar {
   background: #fff;
   border: 0;
-  border-bottom: 0;
+  border-bottom: 1px solid #edebe9;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
   margin-bottom: 3px;
   min-height: 38px;
@@ -271,7 +270,7 @@
 }
 .e-schedule .e-schedule-resource-toolbar {
   background: #fff;
-  border-bottom: 0;
+  border-bottom: 1px solid #edebe9;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
   display: -ms-flexbox;
   display: flex;
@@ -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 {
@@ -1497,6 +1494,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;
 }
@@ -2463,7 +2464,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/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 {
@@ -1500,6 +1497,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/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 {
@@ -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;
 }
@@ -2472,7 +2473,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/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 {
@@ -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;
 }
@@ -2467,7 +2468,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/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 {
@@ -1504,6 +1501,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;
 }
@@ -2470,7 +2471,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/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 {
@@ -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/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 {
@@ -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 {