@syncfusion/ej2-react-schedule 19.4.55 → 20.1.47

package/CHANGELOG.md

@@ -2,14 +2,30 @@
 
 ## [Unreleased]
 
+### Schedule
+
+#### New Features
+
+- `#I305258`, `#FB20522`, `#FB20233` - Provided virtual scrolling support for timeline year view with vertical orientation.
+
+#### Bug Fixes
+
+- `#I368002, #I369932` - A issue with cell height not updated property based on appointment rendering while row auto height enabled has been fixed.
+- `#I368806` - An issue with an incorrect end date in the editor when using `openEditor` method has been fixed.
+- `#I367110` - An issue with more indicator count value is wrong in month view has been fixed.
+- `#I370378` - An issue with the wrong count of occurrences rendered when clear and set up until date value again has been fixed.
+- `#F172905` - An issue with scroll position not maintained for timeline year and timeline month views has been fixed.
+
+- `#I358644` - An issue with the editor window content is destroyed when using the template with window resizing action has been fixed.
+
 ## 19.4.50 (2022-02-08)
 
 ### Schedule
 
 #### Bug Fixes
 
-- `#SF-362813` - An issue with appointment start and end time changes on each schedule layout resize action while using `timezone` property has been fixed.
-- `#SF-363018` - An issue with event template content is empty after performing CRUD action with resource has been fixed.
+- `#I362813` - An issue with appointment start and end time changes on each schedule layout resize action while using `timezone` property has been fixed.
+- `#I363018` - An issue with event template content is empty after performing CRUD action with resource has been fixed.
 
 ## 19.4.47 (2022-01-25)
 
@@ -17,9 +33,9 @@
 
 #### Bug Fixes
 
-- `#SF-361305` - A performance issue while loading more events in the Timeline views has been fixed.
-- `#SF-361135` - An issue with improper argument data received in the `eventRendered` event in each view has been fixed.
-- `#SF-363266` - An issue with the more popup window has truncated at bottom of the schedule in month view has been fixed.
+- `#I361305` - A performance issue while loading more events in the Timeline views has been fixed.
+- `#I361135` - An issue with improper argument data received in the `eventRendered` event in each view has been fixed.
+- `#I363266` - An issue with the more popup window has truncated at bottom of the schedule in month view has been fixed.
 
 ## 19.4.43 (2022-01-18)
 
@@ -35,7 +51,7 @@
 
 #### Bug Fixes
 
-- `#SF-360126` - Timeline views appointment misalignment issue while work cells width reduced has been fixed.
+- `#I360126` - Timeline views appointment misalignment issue while work cells width reduced has been fixed.
 
 ## 19.4.41 (2022-01-04)
 
@@ -43,7 +59,7 @@
 
 #### Bug Fixes
 
-- `#SF-357890` - An issue with work cells misalignment in the timeline month view has been fixed.
+- `#I357890` - An issue with work cells misalignment in the timeline month view has been fixed.
 - `#FB31401` - An issue with today button navigating issue only in the `MonthAgenda` view issue has been fixed.
 - `#FB30967` - An issue while drag and drop an event with `eventDragArea` has been fixed.
 
@@ -53,9 +69,7 @@
 
 #### Bug Fixes
 
-- `#SF-353817` - An issue with all-day region scrolling issue only in the Mac device has been fixed.
-
-- `#I358644` - An issue with the editor window content is destroyed when using the template with window resizing action has been fixed.
+- `#I353817` - An issue with all-day region scrolling issue only in the Mac device has been fixed.
 
 ## 19.4.38 (2021-12-17)
 
@@ -70,7 +84,7 @@
 
 #### Bug Fixes
 
-- `#SF-357194` - An issue while slower the performance of the schedule, while drag and drop the event with `eventTemplate` has been fixed.
+- `#I357194` - An issue while slower the performance of the schedule, while drag and drop the event with `eventTemplate` has been fixed.
 
 ## 19.3.55 (2021-11-23)
 

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

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-schedule.umd.min.js
-*  version : 19.4.55
+*  version : 20.1.47
 *  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.4.52",
+  "_id": "@syncfusion/ej2-react-schedule@19.17.32",
   "_inBundle": false,
-  "_integrity": "sha512-Hpb5gEDb2PVljJcpDKA+Hvy6u9I6D4GeLsGLnHUUsmrmpRA3qCkVGbb4fl11kK6LmgJE5m6QfG5yWI4tgnZbCA==",
+  "_integrity": "sha512-eCjh08ktOlyyE9fdNGrOZsOl39plucB1He9W+MTcDm69R7EtDZSfwnuEiBD3v/9iq2q6M9ZeuBl0dDrPliXXQQ==",
   "_location": "/@syncfusion/ej2-react-schedule",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-schedule/-/ej2-react-schedule-19.4.52.tgz",
-  "_shasum": "0a36c0aa3dd7ac6c59a57c733dd48a5067d57c41",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-react-schedule/-/ej2-react-schedule-19.17.32.tgz",
+  "_shasum": "b7d31f1ff48938d977bd848db949008c06b2342b",
   "_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.4.52",
-    "@syncfusion/ej2-react-base": "~19.4.55",
-    "@syncfusion/ej2-schedule": "19.4.55"
+    "@syncfusion/ej2-base": "~20.1.47",
+    "@syncfusion/ej2-react-base": "~20.1.47",
+    "@syncfusion/ej2-schedule": "20.1.47"
   },
   "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.4.55",
+  "version": "20.1.47",
   "sideEffects": false
 }

package/styles/bootstrap-dark.css

@@ -1847,6 +1847,15 @@
   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;
@@ -2878,13 +2887,6 @@
   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,6 +4017,7 @@
 
 .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,6 +1844,15 @@
   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;
@@ -2875,13 +2884,6 @@
   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,
@@ -4013,6 +4015,7 @@
 
 .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: 8px;
+  padding: 0;
   text-align: center;
 }
 
@@ -1850,6 +1850,15 @@
   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;
@@ -2882,13 +2891,6 @@
   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,
@@ -4124,6 +4126,7 @@
 
 .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: 8px 8px 0;
+  padding: 4px;
 }
 
 .e-schedule .e-vertical-view .e-header-cells .e-header-day {
@@ -1854,6 +1854,15 @@
   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;
@@ -2621,7 +2630,7 @@
 .e-schedule .e-agenda-view .e-day-date-header {
   color: #e9ecef;
   cursor: default;
-  padding: 8px 34px 14px 18px;
+  padding: 8px 20px 14px 14px;
 }
 
 .e-schedule .e-agenda-view .e-day-date-header .e-m-date {
@@ -2738,7 +2747,7 @@
   border-left: 3px solid #0d6efd;
   border-right: 0;
   cursor: default;
-  padding: 0 12px;
+  padding: 0 14px;
 }
 
 .e-schedule .e-agenda-view .e-appointment:hover {
@@ -2893,13 +2902,6 @@
   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,
@@ -2926,6 +2928,12 @@
   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;
@@ -3763,8 +3771,6 @@
   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 {
@@ -4131,6 +4137,7 @@
 
 .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;
@@ -4204,7 +4211,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: 8px;
+  margin-top: 3px;
 }
 
 .e-bigger .e-more-popup-wrapper .e-more-event-close:focus, .e-bigger .e-more-popup-wrapper .e-more-event-close:hover,
@@ -4508,12 +4515,6 @@
   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: 8px 8px 0;
+  padding: 4px;
 }
 
 .e-schedule .e-vertical-view .e-header-cells .e-header-day {
@@ -1855,6 +1855,15 @@
   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;
@@ -2622,7 +2631,7 @@
 .e-schedule .e-agenda-view .e-day-date-header {
   color: #343a40;
   cursor: default;
-  padding: 8px 34px 14px 18px;
+  padding: 8px 20px 14px 14px;
 }
 
 .e-schedule .e-agenda-view .e-day-date-header .e-m-date {
@@ -2739,7 +2748,7 @@
   border-left: 3px solid #0d6efd;
   border-right: 0;
   cursor: default;
-  padding: 0 12px;
+  padding: 0 14px;
 }
 
 .e-schedule .e-agenda-view .e-appointment:hover {
@@ -2894,13 +2903,6 @@
   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,
@@ -2927,6 +2929,12 @@
   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;
@@ -3764,8 +3772,6 @@
   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 {
@@ -4132,6 +4138,7 @@
 
 .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;
@@ -4205,7 +4212,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: 8px;
+  margin-top: 3px;
 }
 
 .e-bigger .e-more-popup-wrapper .e-more-event-close:focus, .e-bigger .e-more-popup-wrapper .e-more-event-close:hover,
@@ -4509,12 +4516,6 @@
   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;

package/styles/fabric-dark.css

@@ -1847,6 +1847,15 @@
   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 #282727;
+}
+
+.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;
@@ -2879,13 +2888,6 @@
   padding: 0 1.5px;
 }
 
-.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,
@@ -4016,6 +4018,7 @@
 
 .e-bigger .e-more-popup-wrapper .e-more-event-content,
 .e-more-popup-wrapper .e-more-event-content {
+  color: #dadada;
   height: calc(100% - 35px);
   max-height: 150px;
   overflow-y: auto;

package/styles/fabric.css

@@ -1847,6 +1847,15 @@
   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;
@@ -2879,13 +2888,6 @@
   padding: 0 1.5px;
 }
 
-.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,
@@ -4032,6 +4034,7 @@
 
 .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;