@syncfusion/ej2-vue-schedule 20.1.47 → 20.1.48

package/package.json

@@ -1,8 +1,14 @@
 {
+  "_args": [
+    [
+      "@syncfusion/ej2-vue-schedule@19.4.55",
+      "D:\\Augest 2021\\vue package publish\\vue source from nexus"
+    ]
+  ],
   "_from": "@syncfusion/ej2-vue-schedule@*",
-  "_id": "@syncfusion/ej2-vue-schedule@19.17.32",
+  "_id": "@syncfusion/ej2-vue-schedule@19.4.55",
   "_inBundle": false,
-  "_integrity": "sha512-6s7USGkACchsl2X+p5LXUNMpoea4b7okloUoaCJVfOch4cCCfQ+K+7tiRLy6AZRv9n4Cstu75tMXtieaF9xYPA==",
+  "_integrity": "sha512-Xs6yHt8RBrjuZ1bygLHsPxf79hUmdSGhbwW14qgUQqTYOx7fwZXF6dAaILtkcDSFWyt3WwHetvn1eKPlyrJvnA==",
   "_location": "/@syncfusion/ej2-vue-schedule",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +25,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-vue-schedule/-/ej2-vue-schedule-19.17.32.tgz",
-  "_shasum": "c7106fdd00e43cf856980483e29ad9a6016bf261",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-schedule/-/ej2-vue-schedule-19.4.55.tgz",
+  "_shasum": "7d50c50659fe9cada065726ed14121ecb65e52eb",
   "_spec": "@syncfusion/ej2-vue-schedule@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -31,9 +37,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.1.47",
-    "@syncfusion/ej2-schedule": "20.1.47",
-    "@syncfusion/ej2-vue-base": "~20.1.47"
+    "@syncfusion/ej2-base": "~20.1.48",
+    "@syncfusion/ej2-schedule": "20.1.48",
+    "@syncfusion/ej2-vue-base": "~20.1.48"
   },
   "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 +76,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-vue-ui-components.git"
   },
-  "version": "20.1.47",
+  "version": "20.1.48",
   "sideEffects": false
 }

package/src/recurrence-editor/recurrenceeditor.component.d.ts

@@ -28,7 +28,6 @@ export declare class RecurrenceEditorComponent extends ComponentBase {
     clearTemplate(templateNames?: string[]): any;
     setProperties(prop: any, muteOnChange: boolean): void;
     render(createElement: any): any;
-    custom(): void;
     getRecurrenceDates(startDate: Object, rule: string, excludeDate?: string, maximumCount?: number, viewDate?: Object): number[];
     getRecurrenceRule(): string;
     getRuleSummary(rule: string): string;

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

@@ -55,7 +55,6 @@ var RecurrenceEditorComponent = /** @class */ (function (_super) {
         _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
         _this.ej2Instances.setProperties = _this.setProperties;
         _this.ej2Instances.clearTemplate = _this.clearTemplate;
-        _this.updated = _this.updated;
         return _this;
     }
     RecurrenceEditorComponent.prototype.clearTemplate = function (templateNames) {
@@ -114,9 +113,6 @@ var RecurrenceEditorComponent = /** @class */ (function (_super) {
         }
         return h('div', slots);
     };
-    RecurrenceEditorComponent.prototype.custom = function () {
-        this.updated();
-    };
     RecurrenceEditorComponent.prototype.getRecurrenceDates = function (startDate, rule, excludeDate, maximumCount, viewDate) {
         return this.ej2Instances.getRecurrenceDates(startDate, rule, excludeDate, maximumCount, viewDate);
     };
@@ -142,12 +138,7 @@ var RecurrenceEditorComponent = /** @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs,
-            provide: function provide() {
-                return {
-                    custom: this.custom
-                };
-            }
+            emits: emitProbs
         })
     ], RecurrenceEditorComponent);
     return RecurrenceEditorComponent;

package/src/schedule/headerrows.directive.d.ts

@@ -1,9 +1,7 @@
 export declare const isExecute: any;
 declare let vueImport: any;
 export declare class HeaderRowsDirective extends vueImport {
-    constructor();
-    render(createElement: any): void;
-    updated(): void;
+    render(): void;
     getTag(): string;
 }
 export declare const HeaderRowsPlugin: {

package/src/schedule/headerrows.directive.js

@@ -19,9 +19,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
 import * as Vue3 from 'vue-class-component';
-import { isNullOrUndefined } from '@syncfusion/ej2-base';
 import Vue from 'vue';
-import { Options } from 'vue-class-component';
 export var isExecute = gh ? false : true;
 var vueImport;
 if (!isExecute || parseInt(allVue.version) < 3) {
@@ -33,36 +31,16 @@ else {
 var HeaderRowsDirective = /** @class */ (function (_super) {
     __extends(HeaderRowsDirective, _super);
     function HeaderRowsDirective() {
-        return _super.call(this, arguments) || this;
+        return _super !== null && _super.apply(this, arguments) || this;
     }
-    HeaderRowsDirective.prototype.render = function (createElement) {
-        if (gh) {
-            var h = gh || createElement;
-            var slots = null;
-            if (!isNullOrUndefined(this.$slots.default)) {
-                slots = gh ? this.$slots.default() : this.$slots.default;
-            }
-            return h('div', { class: 'e-directive' }, slots);
-        }
+    HeaderRowsDirective.prototype.render = function () {
         return;
     };
-    HeaderRowsDirective.prototype.updated = function () {
-        if (gh && this.custom) {
-            this.custom();
-        }
-    };
     HeaderRowsDirective.prototype.getTag = function () {
         return 'e-header-rows';
     };
     HeaderRowsDirective = __decorate([
         EJComponentDecorator({}, isExecute)
-        ,Options({
-            inject: {
-                custom: {
-                    default: null
-                }
-            }
-        })
     ], HeaderRowsDirective);
     return HeaderRowsDirective;
 }(vueImport));

package/src/schedule/resources.directive.d.ts

@@ -1,9 +1,7 @@
 export declare const isExecute: any;
 declare let vueImport: any;
 export declare class ResourcesDirective extends vueImport {
-    constructor();
-    render(createElement: any): void;
-    updated(): void;
+    render(): void;
     getTag(): string;
 }
 export declare const ResourcesPlugin: {

package/src/schedule/resources.directive.js

@@ -19,9 +19,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
 import * as Vue3 from 'vue-class-component';
-import { isNullOrUndefined } from '@syncfusion/ej2-base';
 import Vue from 'vue';
-import { Options } from 'vue-class-component';
 export var isExecute = gh ? false : true;
 var vueImport;
 if (!isExecute || parseInt(allVue.version) < 3) {
@@ -33,36 +31,16 @@ else {
 var ResourcesDirective = /** @class */ (function (_super) {
     __extends(ResourcesDirective, _super);
     function ResourcesDirective() {
-        return _super.call(this, arguments) || this;
+        return _super !== null && _super.apply(this, arguments) || this;
     }
-    ResourcesDirective.prototype.render = function (createElement) {
-        if (gh) {
-            var h = gh || createElement;
-            var slots = null;
-            if (!isNullOrUndefined(this.$slots.default)) {
-                slots = gh ? this.$slots.default() : this.$slots.default;
-            }
-            return h('div', { class: 'e-directive' }, slots);
-        }
+    ResourcesDirective.prototype.render = function () {
         return;
     };
-    ResourcesDirective.prototype.updated = function () {
-        if (gh && this.custom) {
-            this.custom();
-        }
-    };
     ResourcesDirective.prototype.getTag = function () {
         return 'e-resources';
     };
     ResourcesDirective = __decorate([
         EJComponentDecorator({}, isExecute)
-        ,Options({
-            inject: {
-                custom: {
-                    default: null
-                }
-            }
-        })
     ], ResourcesDirective);
     return ResourcesDirective;
 }(vueImport));

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

@@ -31,7 +31,6 @@ export declare class ScheduleComponent extends ComponentBase {
         [key: string]: Object;
     }, successHandler?: Function): void;
     render(createElement: any): any;
-    custom(): void;
     addEvent(data: Object | Object[]): void;
     addResource(resources: Object | Object[], name: string, index: number): void;
     changeCurrentView(viewName: Object, viewIndex?: number): void;

package/src/schedule/schedule.component.js

@@ -61,7 +61,6 @@ var ScheduleComponent = /** @class */ (function (_super) {
         _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
         _this.ej2Instances.setProperties = _this.setProperties;
         _this.ej2Instances.clearTemplate = _this.clearTemplate;
-        _this.updated = _this.updated;
         return _this;
     }
     ScheduleComponent.prototype.clearTemplate = function (templateNames) {
@@ -158,9 +157,6 @@ var ScheduleComponent = /** @class */ (function (_super) {
         }
         return h('div', slots);
     };
-    ScheduleComponent.prototype.custom = function () {
-        this.updated();
-    };
     ScheduleComponent.prototype.addEvent = function (data) {
         return this.ej2Instances.addEvent(data);
     };
@@ -300,12 +296,7 @@ var ScheduleComponent = /** @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs,
-            provide: function provide() {
-                return {
-                    custom: this.custom
-                };
-            }
+            emits: emitProbs
         })
     ], ScheduleComponent);
     return ScheduleComponent;

package/src/schedule/views.directive.d.ts

@@ -1,9 +1,7 @@
 export declare const isExecute: any;
 declare let vueImport: any;
 export declare class ViewsDirective extends vueImport {
-    constructor();
-    render(createElement: any): void;
-    updated(): void;
+    render(): void;
     getTag(): string;
 }
 export declare const ViewsPlugin: {

package/src/schedule/views.directive.js

@@ -19,9 +19,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
 import * as Vue3 from 'vue-class-component';
-import { isNullOrUndefined } from '@syncfusion/ej2-base';
 import Vue from 'vue';
-import { Options } from 'vue-class-component';
 export var isExecute = gh ? false : true;
 var vueImport;
 if (!isExecute || parseInt(allVue.version) < 3) {
@@ -33,36 +31,16 @@ else {
 var ViewsDirective = /** @class */ (function (_super) {
     __extends(ViewsDirective, _super);
     function ViewsDirective() {
-        return _super.call(this, arguments) || this;
+        return _super !== null && _super.apply(this, arguments) || this;
     }
-    ViewsDirective.prototype.render = function (createElement) {
-        if (gh) {
-            var h = gh || createElement;
-            var slots = null;
-            if (!isNullOrUndefined(this.$slots.default)) {
-                slots = gh ? this.$slots.default() : this.$slots.default;
-            }
-            return h('div', { class: 'e-directive' }, slots);
-        }
+    ViewsDirective.prototype.render = function () {
         return;
     };
-    ViewsDirective.prototype.updated = function () {
-        if (gh && this.custom) {
-            this.custom();
-        }
-    };
     ViewsDirective.prototype.getTag = function () {
         return 'e-views';
     };
     ViewsDirective = __decorate([
         EJComponentDecorator({}, isExecute)
-        ,Options({
-            inject: {
-                custom: {
-                    default: null
-                }
-            }
-        })
     ], ViewsDirective);
     return ViewsDirective;
 }(vueImport));

package/styles/bootstrap-dark.css

@@ -1847,15 +1847,6 @@
   text-decoration: underline;
 }
 
-.e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells {
-  background-color: rgba(0, 0, 0, 0.08);
-  box-shadow: inset 0 0 0 8px #2a2a2a;
-}
-
-.e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells:hover {
-  background-color: rgba(0, 0, 0, 0.08);
-}
-
 .e-schedule .e-timeline-year-view .e-event-table {
   position: absolute;
   top: 0;
@@ -2887,6 +2878,13 @@
   min-width: 34px;
 }
 
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons,
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons,
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons,
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons {
+  padding: 0;
+}
+
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right,
 .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
@@ -4017,7 +4015,6 @@
 
 .e-bigger .e-more-popup-wrapper .e-more-event-content,
 .e-more-popup-wrapper .e-more-event-content {
-  color: #f0f0f0;
   height: calc(100% - 35px);
   max-height: 150px;
   overflow-y: auto;

package/styles/bootstrap.css

@@ -1844,15 +1844,6 @@
   text-decoration: underline;
 }
 
-.e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells {
-  background-color: rgba(0, 0, 0, 0.08);
-  box-shadow: inset 0 0 0 8px #f8f8f8;
-}
-
-.e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells:hover {
-  background-color: rgba(0, 0, 0, 0.08);
-}
-
 .e-schedule .e-timeline-year-view .e-event-table {
   position: absolute;
   top: 0;
@@ -2884,6 +2875,13 @@
   min-width: 34px;
 }
 
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons,
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons,
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons,
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons {
+  padding: 0;
+}
+
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right,
 .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
@@ -4015,7 +4013,6 @@
 
 .e-bigger .e-more-popup-wrapper .e-more-event-content,
 .e-more-popup-wrapper .e-more-event-content {
-  color: #333;
   height: calc(100% - 35px);
   max-height: 150px;
   overflow-y: auto;

package/styles/bootstrap4.css

@@ -1818,7 +1818,7 @@
   cursor: default;
   font-weight: 400;
   height: 35px;
-  padding: 0;
+  padding: 8px;
   text-align: center;
 }
 
@@ -1850,15 +1850,6 @@
   text-decoration: underline;
 }
 
-.e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells {
-  background-color: rgba(0, 0, 0, 0.08);
-  box-shadow: inset 0 0 0 8px #f8f9fa;
-}
-
-.e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells:hover {
-  background-color: rgba(0, 0, 0, 0.08);
-}
-
 .e-schedule .e-timeline-year-view .e-event-table {
   position: absolute;
   top: 0;
@@ -2891,6 +2882,13 @@
   min-width: 34px;
 }
 
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons,
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons,
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons,
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons {
+  padding: 0;
+}
+
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right,
 .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
@@ -4126,7 +4124,6 @@
 
 .e-bigger .e-more-popup-wrapper .e-more-event-content,
 .e-more-popup-wrapper .e-more-event-content {
-  color: #212529;
   height: calc(100% - 35px);
   max-height: 150px;
   overflow-y: auto;

package/styles/bootstrap5-dark.css

@@ -879,7 +879,7 @@
 .e-schedule .e-vertical-view .e-header-cells {
   font-size: 12px;
   height: 60px;
-  padding: 4px;
+  padding: 8px 8px 0;
 }
 
 .e-schedule .e-vertical-view .e-header-cells .e-header-day {
@@ -1854,15 +1854,6 @@
   text-decoration: underline;
 }
 
-.e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells {
-  background-color: #343a40;
-  box-shadow: inset 0 0 0 8px #282d31;
-}
-
-.e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells:hover {
-  background-color: #343a40;
-}
-
 .e-schedule .e-timeline-year-view .e-event-table {
   position: absolute;
   top: 0;
@@ -2630,7 +2621,7 @@
 .e-schedule .e-agenda-view .e-day-date-header {
   color: #e9ecef;
   cursor: default;
-  padding: 8px 20px 14px 14px;
+  padding: 8px 34px 14px 18px;
 }
 
 .e-schedule .e-agenda-view .e-day-date-header .e-m-date {
@@ -2747,7 +2738,7 @@
   border-left: 3px solid #0d6efd;
   border-right: 0;
   cursor: default;
-  padding: 0 14px;
+  padding: 0 12px;
 }
 
 .e-schedule .e-agenda-view .e-appointment:hover {
@@ -2902,6 +2893,13 @@
   padding: 8px;
 }
 
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons,
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons,
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons,
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons {
+  padding: 0;
+}
+
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right,
 .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
@@ -2928,12 +2926,6 @@
   font-size: 14px;
 }
 
-.e-bigger .e-schedule .e-vertical-view .e-header-cells,
-.e-bigger.e-schedule .e-vertical-view .e-header-cells {
-  height: 66px;
-  padding: 8px;
-}
-
 .e-bigger .e-schedule .e-vertical-view .e-header-cells .e-header-day,
 .e-bigger.e-schedule .e-vertical-view .e-header-cells .e-header-day {
   font-size: 14px;
@@ -3771,6 +3763,8 @@
   display: block;
   padding: 8px 18px 8px 18px;
   text-align: right;
+  background-color: #282d31;
+  border-radius: 0 0 6px 6px;
 }
 
 .e-quick-popup-wrapper .e-popup-footer .e-event-edit {
@@ -4137,7 +4131,6 @@
 
 .e-bigger .e-more-popup-wrapper .e-more-event-content,
 .e-more-popup-wrapper .e-more-event-content {
-  color: #fff;
   height: calc(100% - 35px);
   max-height: 150px;
   overflow-y: auto;
@@ -4211,7 +4204,7 @@
 
 .e-bigger .e-more-popup-wrapper .e-more-event-close .e-btn-icon,
 .e-more-popup-wrapper .e-more-event-close .e-btn-icon {
-  margin-top: 3px;
+  margin-top: 8px;
 }
 
 .e-bigger .e-more-popup-wrapper .e-more-event-close:focus, .e-bigger .e-more-popup-wrapper .e-more-event-close:hover,
@@ -4515,6 +4508,12 @@
   color: #fff;
 }
 
+.e-schedule .e-month-view .e-selected-cell.e-current-date .e-date-header,
+.e-schedule .e-month-agenda-view .e-selected-cell.e-current-date .e-date-header {
+  background-color: #fff;
+  color: #343a40;
+}
+
 .e-schedule .e-month-view .e-selected-cell .e-more-indicator,
 .e-schedule .e-month-agenda-view .e-selected-cell .e-more-indicator {
   color: #fff;

package/styles/bootstrap5.css

@@ -880,7 +880,7 @@
 .e-schedule .e-vertical-view .e-header-cells {
   font-size: 12px;
   height: 60px;
-  padding: 4px;
+  padding: 8px 8px 0;
 }
 
 .e-schedule .e-vertical-view .e-header-cells .e-header-day {
@@ -1855,15 +1855,6 @@
   text-decoration: underline;
 }
 
-.e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells {
-  background-color: #e9ecef;
-  box-shadow: inset 0 0 0 8px #f8f9fa;
-}
-
-.e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells:hover {
-  background-color: #e9ecef;
-}
-
 .e-schedule .e-timeline-year-view .e-event-table {
   position: absolute;
   top: 0;
@@ -2631,7 +2622,7 @@
 .e-schedule .e-agenda-view .e-day-date-header {
   color: #343a40;
   cursor: default;
-  padding: 8px 20px 14px 14px;
+  padding: 8px 34px 14px 18px;
 }
 
 .e-schedule .e-agenda-view .e-day-date-header .e-m-date {
@@ -2748,7 +2739,7 @@
   border-left: 3px solid #0d6efd;
   border-right: 0;
   cursor: default;
-  padding: 0 14px;
+  padding: 0 12px;
 }
 
 .e-schedule .e-agenda-view .e-appointment:hover {
@@ -2903,6 +2894,13 @@
   padding: 8px;
 }
 
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons,
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons,
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons,
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons {
+  padding: 0;
+}
+
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right,
 .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
@@ -2929,12 +2927,6 @@
   font-size: 14px;
 }
 
-.e-bigger .e-schedule .e-vertical-view .e-header-cells,
-.e-bigger.e-schedule .e-vertical-view .e-header-cells {
-  height: 66px;
-  padding: 8px;
-}
-
 .e-bigger .e-schedule .e-vertical-view .e-header-cells .e-header-day,
 .e-bigger.e-schedule .e-vertical-view .e-header-cells .e-header-day {
   font-size: 14px;
@@ -3772,6 +3764,8 @@
   display: block;
   padding: 8px 18px 8px 18px;
   text-align: right;
+  background-color: #f8f9fa;
+  border-radius: 0 0 6px 6px;
 }
 
 .e-quick-popup-wrapper .e-popup-footer .e-event-edit {
@@ -4138,7 +4132,6 @@
 
 .e-bigger .e-more-popup-wrapper .e-more-event-content,
 .e-more-popup-wrapper .e-more-event-content {
-  color: #212529;
   height: calc(100% - 35px);
   max-height: 150px;
   overflow-y: auto;
@@ -4212,7 +4205,7 @@
 
 .e-bigger .e-more-popup-wrapper .e-more-event-close .e-btn-icon,
 .e-more-popup-wrapper .e-more-event-close .e-btn-icon {
-  margin-top: 3px;
+  margin-top: 8px;
 }
 
 .e-bigger .e-more-popup-wrapper .e-more-event-close:focus, .e-bigger .e-more-popup-wrapper .e-more-event-close:hover,
@@ -4516,6 +4509,12 @@
   color: #212529;
 }
 
+.e-schedule .e-month-view .e-selected-cell.e-current-date .e-date-header,
+.e-schedule .e-month-agenda-view .e-selected-cell.e-current-date .e-date-header {
+  background-color: #212529;
+  color: #e9ecef;
+}
+
 .e-schedule .e-month-view .e-selected-cell .e-more-indicator,
 .e-schedule .e-month-agenda-view .e-selected-cell .e-more-indicator {
   color: #212529;