@syncfusion/ej2-react-schedule 19.2.59 → 19.3.46

package/CHANGELOG.md

@@ -6,6 +6,48 @@
 
 #### Bug Fixes
 
+- `#I344571` - An alignment issue between the resource cells and work cells in timeline year has been fixed.
+- `#FB29199` - Dragging an event from one month to another throws an exception in month view has been fixed.
+- `#I344682` - An issue with virtual up-scrolling while enabling the `rowAutoHeight` property has been fixed.
+
+## 19.3.44 (2021-10-05)
+
+### Schedule
+
+#### Bug Fixes
+
+- `#FB29036` - An issue with the `renderCell` event arguments as `resourceGroupCells` has been fixed in the timeline year view with resources.
+- `#I339839` - An issue with the scheduler resize action is not working properly in timeline month has been fixed.
+- `#F168909` - The scheduler agenda view throws script error on multilevel resources grouping has been fixed.
+
+- `#F166305` - An issue with dynamically changed `minDate` and `maxDate` property in react scheduler has been fixed.
+
+## 19.3.43 (2021-09-30)
+
+### Schedule
+
+#### New Features
+
+- `#I316891`, `#I328879`, `#I331265`, `#I335777`, `#I339302`, `#F165491` - Provided support to sort appointments by priority instead of time.
+- `#I242605`, `#F160122`, `#F165334` - Provided public method for Scheduler to refresh the Scheduler layout without re-render.
+- `#I314842`, `#I320731` - Provided public method for Scheduler to refresh the given templates.
+- `#FB24252` - Provided template support for header indent cells.
+
+#### Bug Fixes
+
+- `#I333664` - An issue with the dragging between two Schedulers has been fixed.
+- `#I340348` - An issue with opening the editor window in RTL mode has been fixed.
+- `#I342117` - An issue with today button navigation in Agenda view and scrolling down not happening issue has been fixed.
+- `#F168358` - An issue with the "delete icon is not disabled in mobile mode" has been fixed.
+- `#I340332` - An issue with the events rendering performance in vertical views has been fixed.
+- `#I342489` - An issue with identify the clicked button on `popupClose` event has been fixed by providing `event` option on `PopupCloseEventArgs`.
+
+## 19.2.59 (2021-08-31)
+
+### Schedule
+
+#### Bug Fixes
+
 - `#I339839` - An issue with the scheduler resize action is not working properly in timeline views has been fixed.
 - `#I338473` - An issue with the scheduler `showWeekend` property set to false appointments missing has been fixed.
 
@@ -51,8 +93,7 @@
 - `#I333860, #I333664` - An issue with the external drag between two scheduler has been fixed.
 - `#F166305` - An issue with dynamically changed `minDate` and `maxDate` property in react scheduler has been fixed.
 - `#F166752` - An issue with drag and drop doesn't work when enabled the desktop mode in mobile devices has been fixed.
-
-- `#F166305` - An issue with dynamically changed `minDate` and `maxDate` property in react scheduler has been fixed.
+- `#I331086` - An issue with the drag and drop the spanned events in vertical views has been fixed.
 
 ## 19.2.46 (2021-07-06)
 

package/diConfig.json

@@ -318,6 +318,7 @@
                         "eventTemplate",
                         "monthHeaderTemplate",
                         "resourceHeaderTemplate",
+                        "headerIndentTemplate",
                         "timeScale.minorSlotTemplate",
                         "timeScale.majorSlotTemplate",
                         "group.headerTooltipTemplate"
@@ -489,6 +490,7 @@
                 "timeScale.minorSlotTemplate",
                 "timeScale.majorSlotTemplate",
                 "resourceHeaderTemplate",
+                "headerIndentTemplate",
                 "quickInfoTemplates.header",
                 "quickInfoTemplates.content",
                 "quickInfoTemplates.footer",

package/dist/ej2-react-schedule.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-schedule.umd.min.js
-*  version : 19.2.59
+*  version : 19.3.46
 *  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-react-schedule@*",
-  "_id": "@syncfusion/ej2-react-schedule@19.2.56",
+  "_id": "@syncfusion/ej2-react-schedule@19.3.44",
   "_inBundle": false,
-  "_integrity": "sha512-l/LYgOyLFEj7UaOjZSX6zwJd14jv6lysuQYlMPbUj0e+3c4lU4FbJK1vhP4+YIbVsZVYwh4IivGxpVZ3WtjtnA==",
+  "_integrity": "sha512-eahBEOs7BOtAdvdW0txjo+mG3rg+AsMyD91g0sABPlDvi8wBTr1wRbYKrVO5xOW1DZ29wclbq2anXJXzl+GCdw==",
   "_location": "/@syncfusion/ej2-react-schedule",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-react-schedule/-/ej2-react-schedule-19.2.56.tgz",
-  "_shasum": "0d62d9fc84c8ac8e6d9637b77a16d43700cac80d",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-react-schedule/-/ej2-react-schedule-19.3.44.tgz",
+  "_shasum": "8906e15fcbd22954467603c4c3775e8a9bf85c30",
   "_spec": "@syncfusion/ej2-react-schedule@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.2.57",
-    "@syncfusion/ej2-react-base": "~19.2.55",
-    "@syncfusion/ej2-schedule": "19.2.59"
+    "@syncfusion/ej2-base": "~19.3.43",
+    "@syncfusion/ej2-react-base": "~19.3.46",
+    "@syncfusion/ej2-schedule": "19.3.46"
   },
   "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 React",
@@ -70,6 +70,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "version": "19.2.59",
+  "version": "19.3.46",
   "sideEffects": false
 }

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

@@ -13,6 +13,7 @@ export interface ScheduleTypecast {
     timeScaleMinorSlotTemplate?: string | Function | any;
     timeScaleMajorSlotTemplate?: string | Function | any;
     resourceHeaderTemplate?: string | Function | any;
+    headerIndentTemplate?: string | Function | any;
     quickInfoTemplatesHeader?: string | Function | any;
     quickInfoTemplatesContent?: string | Function | any;
     quickInfoTemplatesFooter?: string | Function | any;

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

@@ -8,6 +8,7 @@ export interface ViewsDirTypecast {
     eventTemplate?: string | Function | any;
     monthHeaderTemplate?: string | Function | any;
     resourceHeaderTemplate?: string | Function | any;
+    headerIndentTemplate?: string | Function | any;
     timeScaleMinorSlotTemplate?: string | Function | any;
     timeScaleMajorSlotTemplate?: string | Function | any;
     groupHeaderTooltipTemplate?: string | Function | any;

package/styles/bootstrap-dark.css

@@ -218,7 +218,6 @@
   box-shadow: none;
   margin-bottom: 0;
   min-height: 43px;
-  border-radius: 0;
 }
 
 .e-schedule .e-schedule-toolbar .e-active-view .e-tbar-btn-text,
@@ -227,22 +226,9 @@
 }
 
 .e-schedule .e-schedule-toolbar .e-toolbar-pop {
-  background: #131313;
   overflow: auto;
 }
 
-.e-schedule .e-schedule-toolbar .e-tbar-btn {
-  background: #131313;
-}
-
-.e-schedule .e-schedule-toolbar .e-tbar-btn:hover, .e-schedule .e-schedule-toolbar .e-tbar-btn:focus {
-  background-color: #393939;
-}
-
-.e-schedule .e-schedule-toolbar .e-tbar-btn:active {
-  background: #484848;
-}
-
 .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
   cursor: pointer;
   font-size: 14px;
@@ -267,13 +253,7 @@
   padding-top: 0;
 }
 
-.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover {
-  background: #393939;
-  border-radius: 4px;
-}
-
-.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus {
-  background: #393939;
+.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover {
   border-radius: 4px;
 }
 
@@ -314,16 +294,6 @@
   text-transform: initial;
 }
 
-.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
-  cursor: pointer;
-  font-size: 14px;
-  text-transform: initial;
-}
-
-.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
-  padding-left: 0;
-}
-
 .e-schedule .e-schedule-toolbar.e-rtl .e-hor-nav {
   background: #131313;
   border-left: 0;
@@ -336,7 +306,6 @@
 }
 
 .e-schedule .e-schedule-toolbar .e-hor-nav {
-  background: #131313;
   border-left: 1px solid #858585;
 }
 
@@ -547,6 +516,13 @@
   width: 100%;
 }
 
+.e-schedule .e-content-placeholder {
+  height: 100%;
+  position: relative;
+  width: 100%;
+  z-index: 99999;
+}
+
 .e-schedule .e-content-wrap,
 .e-schedule .e-scroll-container {
   -webkit-overflow-scrolling: touch;
@@ -586,7 +562,7 @@
 
 .e-schedule .e-block-appointment {
   background: rgba(255, 255, 255, 0.08);
-  border-radius: 2px;
+  border-radius: 4px;
   color: #969696;
   cursor: default;
   overflow: hidden;
@@ -776,8 +752,8 @@
 
 .e-schedule .e-vertical-view.e-timescale-disable .e-appointment {
   background: #0070f0;
-  border: 1px solid #248aff;
-  border-radius: 2px;
+  border: 1px solid #1a1a1a;
+  border-radius: 4px;
   color: #fff;
   display: -ms-flexbox;
   display: flex;
@@ -861,7 +837,7 @@
 .e-schedule .e-vertical-view.e-timescale-disable .e-more-indicator {
   color: #8d8d8d;
   cursor: pointer;
-  font-size: 12px;
+  font-size: 11px;
   line-height: 11px;
   overflow: hidden;
   padding: 2px 4px;
@@ -1052,7 +1028,7 @@
 }
 
 .e-schedule .e-vertical-view .e-date-header-wrap.e-all-day-scroll {
-  border-bottom: 1px solid #248aff;
+  border-bottom: 1px solid #1a1a1a;
   overflow-y: auto;
 }
 
@@ -1093,8 +1069,8 @@
 
 .e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment {
   background: #0070f0;
-  border: 1px solid #248aff;
-  border-radius: 2px;
+  border: 1px solid #1a1a1a;
+  border-radius: 4px;
   color: #fff;
   display: -ms-flexbox;
   display: flex;
@@ -1151,8 +1127,8 @@
 
 .e-schedule .e-vertical-view .e-day-wrapper .e-appointment {
   background: #0070f0;
-  border: 1px solid #248aff;
-  border-radius: 2px;
+  border: 1px solid #1a1a1a;
+  border-radius: 4px;
   color: #fff;
   overflow: hidden;
   position: absolute;
@@ -1442,8 +1418,8 @@
 
 .e-schedule .e-month-view .e-appointment {
   background: #0070f0;
-  border: 1px solid #248aff;
-  border-radius: 2px;
+  border: 1px solid #1a1a1a;
+  border-radius: 4px;
   color: #fff;
   cursor: default;
   display: -ms-flexbox;
@@ -1511,7 +1487,7 @@
 .e-schedule .e-month-view .e-more-indicator {
   color: #8d8d8d;
   cursor: pointer;
-  font-size: 12px;
+  font-size: 11px;
   line-height: 11px;
   overflow: hidden;
   padding: 2px 4px;
@@ -1700,7 +1676,7 @@
   border-style: solid;
   border-width: 0 1px 1px 0;
   color: #f0f0f0;
-  height: 70px;
+  height: 75px;
   padding-left: 15px;
   padding-right: 0;
   vertical-align: middle;
@@ -1741,6 +1717,7 @@
   border-style: solid;
   border-width: 0 1px 1px 0;
   color: #f0f0f0;
+  padding: 0;
 }
 
 .e-schedule .e-timeline-year-view .e-work-cells:hover:not(.e-other-month) {
@@ -1844,7 +1821,7 @@
 
 .e-schedule .e-timeline-year-view .e-month-header,
 .e-schedule .e-timeline-year-view .e-work-cells {
-  height: 70px;
+  height: 75px;
 }
 
 .e-schedule .e-timeline-year-view .e-header-cells,
@@ -1885,8 +1862,8 @@
 
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment {
   background: #0070f0;
-  border: 1px solid #248aff;
-  border-radius: 2px;
+  border: 1px solid #1a1a1a;
+  border-radius: 4px;
   color: #fff;
   cursor: default;
   display: -ms-flexbox;
@@ -1964,7 +1941,7 @@
 .e-schedule .e-timeline-year-view .e-event-table .e-more-indicator {
   color: #8d8d8d;
   cursor: pointer;
-  font-size: 12px;
+  font-size: 11px;
   line-height: 11px;
   overflow: hidden;
   padding: 2px 4px;
@@ -2095,13 +2072,6 @@
   background-color: #393939;
 }
 
-.e-schedule .e-timeline-view .e-resource-cells:focus .e-resource-tree-icon,
-.e-schedule .e-timeline-month-view .e-resource-cells:focus .e-resource-tree-icon {
-  background-color: #484848;
-  border-radius: 50%;
-  color: #fff;
-}
-
 .e-schedule .e-timeline-view .e-resource-column-wrap,
 .e-schedule .e-timeline-month-view .e-resource-column-wrap {
   overflow: hidden;
@@ -2125,6 +2095,12 @@
   height: 42px;
 }
 
+.e-schedule .e-timeline-view.e-virtual-mask .e-work-cells,
+.e-schedule .e-timeline-month-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-view .e-resource-tree-icon,
 .e-schedule .e-timeline-month-view .e-resource-tree-icon {
   color: #fff;
@@ -2158,8 +2134,8 @@
 .e-schedule .e-timeline-view .e-appointment,
 .e-schedule .e-timeline-month-view .e-appointment {
   background: #0070f0;
-  border: 1px solid #248aff;
-  border-radius: 2px;
+  border: 1px solid #1a1a1a;
+  border-radius: 4px;
   color: #fff;
   cursor: default;
   display: -ms-flexbox;
@@ -2211,6 +2187,7 @@
 .e-schedule .e-timeline-view .e-appointment .e-time,
 .e-schedule .e-timeline-month-view .e-appointment .e-time {
   display: block;
+  line-height: 1.4;
 }
 
 .e-schedule .e-timeline-view .e-appointment .e-disable,
@@ -2261,7 +2238,7 @@
 .e-schedule .e-timeline-month-view .e-more-indicator {
   color: #8d8d8d;
   cursor: pointer;
-  font-size: 12px;
+  font-size: 11px;
   line-height: 11px;
   overflow: hidden;
   padding: 2px 4px;
@@ -2387,6 +2364,7 @@
 
 .e-schedule .e-month-agenda-view .e-week-number-wrapper .e-week-number {
   border-right: 1px solid #505050;
+  height: 40px;
   padding-top: 8px;
 }
 
@@ -2542,7 +2520,7 @@
   padding: 0;
 }
 
-.e-schedule .e-month-agenda-view .e-appointment-indicator {
+.e-schedule .e-month-agenda-view .e-work-cells .e-appointment-indicator {
   background: #0070f0;
   border-radius: 50%;
   height: 6px;
@@ -3876,7 +3854,7 @@
 
 .e-appointment.e-schedule-event-clone {
   background: #0070f0;
-  border-radius: 2px;
+  border-radius: 4px;
   box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
   color: #fff;
   display: -ms-flexbox;
@@ -4053,7 +4031,7 @@
 
 .e-more-popup-wrapper .e-appointment {
   background: #0070f0;
-  border-radius: 2px;
+  border-radius: 4px;
   color: #fff;
   display: -ms-flexbox;
   display: flex;
@@ -4201,6 +4179,7 @@
   border-color: #505050;
   border-style: solid;
   border-width: 0 0 1px 1px;
+  padding: 0;
 }
 
 .e-schedule .e-vertical-view .e-work-cells:hover {
@@ -4286,6 +4265,7 @@
   border-style: solid;
   border-width: 0 0 1px 1px;
   color: #f0f0f0;
+  padding: 0;
 }
 
 .e-schedule .e-month-view .e-work-cells:hover,
@@ -4374,6 +4354,7 @@
   border-style: solid;
   border-width: 0 0 1px 1px;
   color: #f0f0f0;
+  padding: 0;
 }
 
 .e-schedule .e-timeline-view .e-work-cells:hover:not(.e-resource-group-cells),
@@ -4382,6 +4363,11 @@
   color: #fff;
 }
 
+.e-schedule .e-timeline-view.e-virtual-mask .e-work-cells:hover,
+.e-schedule .e-timeline-month-view.e-virtual-mask .e-work-cells:hover {
+  background-color: rgba(0, 0, 0, 0.08);
+}
+
 .e-schedule .e-timeline-view .e-work-days,
 .e-schedule .e-timeline-month-view .e-work-days {
   background-color: #1a1a1a;
@@ -4581,10 +4567,6 @@
   padding-left: 10px;
 }
 
-.e-recurrenceeditor .e-icons {
-  height: 0;
-}
-
 .e-recurrenceeditor .e-input-wrapper-side.e-form-left {
   padding: 0 8px 10px 0;
 }

package/styles/bootstrap.css

@@ -227,22 +227,9 @@
 }
 
 .e-schedule .e-schedule-toolbar .e-toolbar-pop {
-  background: #f8f8f8;
   overflow: auto;
 }
 
-.e-schedule .e-schedule-toolbar .e-tbar-btn {
-  background: #f8f8f8;
-}
-
-.e-schedule .e-schedule-toolbar .e-tbar-btn:hover, .e-schedule .e-schedule-toolbar .e-tbar-btn:focus {
-  background-color: #e6e6e6;
-}
-
-.e-schedule .e-schedule-toolbar .e-tbar-btn:active {
-  background: #e6e6e6;
-}
-
 .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
   cursor: pointer;
   font-size: 14px;
@@ -267,13 +254,7 @@
   padding-top: 0;
 }
 
-.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover {
-  background: #e6e6e6;
-  border-radius: 0%;
-}
-
-.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus {
-  background: #e6e6e6;
+.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover {
   border-radius: 0%;
 }
 
@@ -314,16 +295,6 @@
   text-transform: initial;
 }
 
-.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
-  cursor: pointer;
-  font-size: 14px;
-  text-transform: initial;
-}
-
-.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
-  padding-left: 0;
-}
-
 .e-schedule .e-schedule-toolbar.e-rtl .e-hor-nav {
   background: #f8f8f8;
   border-left: 0;
@@ -336,7 +307,6 @@
 }
 
 .e-schedule .e-schedule-toolbar .e-hor-nav {
-  background: #f8f8f8;
   border-left: 1px solid #f8f8f8;
 }
 
@@ -547,6 +517,13 @@
   width: 100%;
 }
 
+.e-schedule .e-content-placeholder {
+  height: 100%;
+  position: relative;
+  width: 100%;
+  z-index: 99999;
+}
+
 .e-schedule .e-content-wrap,
 .e-schedule .e-scroll-container {
   -webkit-overflow-scrolling: touch;
@@ -1700,7 +1677,7 @@
   border-style: solid;
   border-width: 0 1px 1px 0;
   color: #333;
-  height: 70px;
+  height: 75px;
   padding-left: 15px;
   padding-right: 0;
   vertical-align: middle;
@@ -1741,6 +1718,7 @@
   border-style: solid;
   border-width: 0 1px 1px 0;
   color: #333;
+  padding: 0;
 }
 
 .e-schedule .e-timeline-year-view .e-work-cells:hover:not(.e-other-month) {
@@ -1844,7 +1822,7 @@
 
 .e-schedule .e-timeline-year-view .e-month-header,
 .e-schedule .e-timeline-year-view .e-work-cells {
-  height: 70px;
+  height: 75px;
 }
 
 .e-schedule .e-timeline-year-view .e-header-cells,
@@ -2095,13 +2073,6 @@
   background-color: #f5f5f5;
 }
 
-.e-schedule .e-timeline-view .e-resource-cells:focus .e-resource-tree-icon,
-.e-schedule .e-timeline-month-view .e-resource-cells:focus .e-resource-tree-icon {
-  background-color: #e6e6e6;
-  border-radius: 50%;
-  color: #000;
-}
-
 .e-schedule .e-timeline-view .e-resource-column-wrap,
 .e-schedule .e-timeline-month-view .e-resource-column-wrap {
   overflow: hidden;
@@ -2125,6 +2096,12 @@
   height: 42px;
 }
 
+.e-schedule .e-timeline-view.e-virtual-mask .e-work-cells,
+.e-schedule .e-timeline-month-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-view .e-resource-tree-icon,
 .e-schedule .e-timeline-month-view .e-resource-tree-icon {
   color: #333;
@@ -2211,6 +2188,7 @@
 .e-schedule .e-timeline-view .e-appointment .e-time,
 .e-schedule .e-timeline-month-view .e-appointment .e-time {
   display: block;
+  line-height: 1.4;
 }
 
 .e-schedule .e-timeline-view .e-appointment .e-disable,
@@ -2387,6 +2365,7 @@
 
 .e-schedule .e-month-agenda-view .e-week-number-wrapper .e-week-number {
   border-right: 1px solid #ddd;
+  height: 40px;
   padding-top: 8px;
 }
 
@@ -2542,7 +2521,7 @@
   padding: 0;
 }
 
-.e-schedule .e-month-agenda-view .e-appointment-indicator {
+.e-schedule .e-month-agenda-view .e-work-cells .e-appointment-indicator {
   background: #317ab9;
   border-radius: 50%;
   height: 6px;
@@ -4201,6 +4180,7 @@
   border-color: #ddd;
   border-style: solid;
   border-width: 0 0 1px 1px;
+  padding: 0;
 }
 
 .e-schedule .e-vertical-view .e-work-cells:hover {
@@ -4286,6 +4266,7 @@
   border-style: solid;
   border-width: 0 0 1px 1px;
   color: #333;
+  padding: 0;
 }
 
 .e-schedule .e-month-view .e-work-cells:hover,
@@ -4374,6 +4355,7 @@
   border-style: solid;
   border-width: 0 0 1px 1px;
   color: #333;
+  padding: 0;
 }
 
 .e-schedule .e-timeline-view .e-work-cells:hover:not(.e-resource-group-cells),
@@ -4382,6 +4364,11 @@
   color: #333;
 }
 
+.e-schedule .e-timeline-view.e-virtual-mask .e-work-cells:hover,
+.e-schedule .e-timeline-month-view.e-virtual-mask .e-work-cells:hover {
+  background-color: rgba(0, 0, 0, 0.08);
+}
+
 .e-schedule .e-timeline-view .e-work-days,
 .e-schedule .e-timeline-month-view .e-work-days {
   background-color: #fff;
@@ -4581,10 +4568,6 @@
   padding-left: 10px;
 }
 
-.e-recurrenceeditor .e-icons {
-  height: 0;
-}
-
 .e-recurrenceeditor .e-input-wrapper-side.e-form-left {
   padding: 0 8px 10px 0;
 }