@syncfusion/ej2-react-schedule 19.4.55 → 20.1.47

package/styles/schedule/fluent.scss

@@ -0,0 +1 @@
+@import 'ej2-schedule/styles/schedule/fluent.scss';

package/styles/schedule/highcontrast-light.css

@@ -1843,6 +1843,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 #e4e4e4;
+}
+
+.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 @@
   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,
@@ -4012,6 +4014,7 @@
 
 .e-bigger .e-more-popup-wrapper .e-more-event-content,
 .e-more-popup-wrapper .e-more-event-content {
+  color: #000;
   height: calc(100% - 35px);
   max-height: 150px;
   overflow-y: auto;

package/styles/schedule/highcontrast.css

@@ -1851,6 +1851,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 #1a1a1a;
+}
+
+.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;
@@ -2883,13 +2892,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,
@@ -4038,6 +4040,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;
@@ -4109,7 +4112,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: 0;
 }
 
 .e-bigger .e-more-popup-wrapper .e-more-event-close:focus, .e-bigger .e-more-popup-wrapper .e-more-event-close:hover,

package/styles/schedule/material-dark.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 #424242;
+}
+
+.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;
@@ -2876,13 +2885,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,
@@ -4014,6 +4016,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;

package/styles/schedule/material.css

@@ -1848,6 +1848,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 #fafafa;
+}
+
+.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;
@@ -2880,13 +2889,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,
@@ -4008,6 +4010,7 @@
 
 .e-bigger .e-more-popup-wrapper .e-more-event-content,
 .e-more-popup-wrapper .e-more-event-content {
+  color: rgba(0, 0, 0, 0.87);
   height: calc(100% - 35px);
   max-height: 150px;
   overflow-y: auto;

package/styles/schedule/tailwind-dark.css

@@ -1,203 +1,203 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /*! Schedule component's tailwind theme definitions and variables */
 .e-schedule .e-schedule-toolbar .e-icon-prev::before {
-  content: '\e70f';
+  content: '\e765';
 }
 
 .e-schedule .e-schedule-toolbar .e-icon-next::before {
-  content: '\e7b7';
+  content: '\e748';
 }
 
 .e-schedule .e-schedule-toolbar .e-icon-add::before {
-  content: '\e78a';
+  content: '\e805';
 }
 
 .e-schedule .e-schedule-toolbar .e-icon-today::before {
-  content: '\e767';
+  content: '\e778';
 }
 
 .e-schedule .e-schedule-toolbar .e-icon-down-arrow::before {
-  content: '\e7b3';
+  content: '\e729';
 }
 
 .e-schedule .e-schedule-toolbar .e-icon-day::before {
-  content: '\e742';
+  content: '\e75e';
 }
 
 .e-schedule .e-schedule-toolbar .e-icon-week::before {
-  content: '\e795';
+  content: '\e817';
 }
 
 .e-schedule .e-schedule-toolbar .e-icon-workweek::before {
-  content: '\e795';
+  content: '\e817';
 }
 
 .e-schedule .e-schedule-toolbar .e-icon-month::before {
-  content: '\e719';
+  content: '\e7c5';
 }
 
 .e-schedule .e-schedule-toolbar .e-icon-month-agenda::before {
-  content: '\e770';
+  content: '\e75b';
 }
 
 .e-schedule .e-schedule-toolbar .e-icon-agenda::before {
-  content: '\e718';
+  content: '\e74c';
 }
 
 .e-schedule .e-schedule-toolbar .e-icon-year::before {
-  content: '\e719';
+  content: '\e7c5';
 }
 
 .e-schedule .e-schedule-toolbar .e-icon-timeline-year-vertical::before {
-  content: '\e740';
+  content: '\e876';
 }
 
 .e-schedule .e-schedule-toolbar .e-icon-timeline-year-horizontal::before {
-  content: '\e740';
+  content: '\e876';
 }
 
 .e-schedule .e-schedule-toolbar .e-icon-timeline-day::before {
-  content: '\e7e6';
+  content: '\e7da';
 }
 
 .e-schedule .e-schedule-toolbar .e-icon-timeline-week::before {
-  content: '\e74e';
+  content: '\e81f';
 }
 
 .e-schedule .e-schedule-toolbar .e-icon-timeline-workweek::before {
-  content: '\e73a';
+  content: '\e720';
 }
 
 .e-schedule .e-schedule-toolbar .e-icon-timeline-month::before {
-  content: '\e740';
+  content: '\e876';
 }
 
 .e-schedule .e-schedule-toolbar.e-toolbar .e-popup-down-icon::before {
-  content: '\e75b';
+  content: '\e770';
 }
 
 .e-schedule .e-schedule-toolbar.e-toolbar .e-popup-up-icon::before {
-  content: '\e75b';
+  content: '\e770';
 }
 
 .e-schedule .e-schedule-toolbar.e-rtl .e-icon-prev::before {
-  content: '\e7b7';
+  content: '\e748';
 }
 
 .e-schedule .e-schedule-toolbar.e-rtl .e-icon-next::before {
-  content: '\e70f';
+  content: '\e765';
 }
 
 .e-schedule .e-schedule-resource-toolbar .e-icon-menu::before {
-  content: '\e75c';
+  content: '\e799';
 }
 
 .e-schedule .e-schedule-resource-toolbar .e-icon-next::before {
-  content: '\e707';
+  content: '\e748';
 }
 
 .e-schedule .e-close-icon::before {
-  content: '\e771';
+  content: '\e7e7';
 }
 
 .e-schedule .e-block-indicator::before {
-  content: '\e77e';
+  content: '\e839';
 }
 
 .e-schedule .e-appointment .e-recurrence-icon::before {
-  content: '\e71d';
+  content: '\e772';
 }
 
 .e-schedule .e-appointment .e-recurrence-edit-icon::before {
-  content: '\e72b';
+  content: '\e789';
 }
 
 .e-schedule .e-appointment .e-up-icon::before {
-  content: '\e798';
+  content: '\e822';
 }
 
 .e-schedule .e-appointment .e-down-icon::before {
-  content: '\e738';
+  content: '\e7fe';
 }
 
 .e-schedule .e-appointment .e-left-icon::before {
-  content: '\e78b';
+  content: '\e744';
 }
 
 .e-schedule .e-appointment .e-right-icon::before {
-  content: '\e751';
+  content: '\e7a9';
 }
 
 .e-schedule .e-vertical-view .e-all-day-cells .e-all-day-appointment-section::before {
-  content: '\e706';
+  content: '\e729';
 }
 
 .e-schedule.e-rtl .e-appointment .e-left-icon::before {
-  content: '\e751';
+  content: '\e7a9';
 }
 
 .e-schedule.e-rtl .e-appointment .e-right-icon::before {
-  content: '\e78b';
+  content: '\e744';
 }
 
 .e-schedule .e-resource-tree-icon::before {
-  content: '\e707';
+  content: '\e748';
 }
 
 .e-schedule-dialog.e-device .e-back-icon::before {
-  content: '\e7a5';
+  content: '\e773';
 }
 
 .e-schedule-dialog.e-device .e-save-icon::before {
-  content: '\e704';
+  content: '\e7c8';
 }
 
 .e-schedule-dialog.e-device .e-recurrence-container .e-recurrence-edit-button .e-recurrence-edit.e-icons::before {
-  content: '\e7d2';
+  content: '\e730';
 }
 
 .e-schedule-dialog.e-device.e-rtl .e-back-icon::before {
-  content: '\e7a8';
+  content: '\e7f9';
 }
 
 .e-quick-popup-wrapper .e-edit-icon::before {
-  content: '\e7d2';
+  content: '\e730';
 }
 
 .e-quick-popup-wrapper .e-delete-icon::before {
-  content: '\e78d';
+  content: '\e820';
 }
 
 .e-quick-popup-wrapper .e-close-icon::before {
-  content: '\e771';
+  content: '\e7e7';
 }
 
 .e-quick-popup-wrapper .e-time-icon::before {
-  content: '\e730';
+  content: '\e705';
 }
 
 .e-quick-popup-wrapper .e-location-icon::before {
-  content: '\e755';
+  content: '\e756';
 }
 
 .e-quick-popup-wrapper .e-time-zone-icon::before {
-  content: '\e736';
+  content: '\e804';
 }
 
 .e-quick-popup-wrapper .e-description-icon::before {
-  content: '\e7b6';
+  content: '\e7c0';
 }
 
 .e-quick-popup-wrapper .e-resource-icon::before {
-  content: '\e790';
+  content: '\e7b9';
 }
 
 .e-quick-popup-wrapper .e-date-time-icon::before {
-  content: '\e7e6';
+  content: '\e7da';
 }
 
 .e-more-popup-wrapper.e-device .e-close-icon::before {
-  content: '\e771';
+  content: '\e7e7';
 }
 
 /*! schedule component layout */
@@ -1853,6 +1853,15 @@
   text-decoration: underline;
 }
 
+.e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells {
+  background-color: #374151;
+  box-shadow: inset 0 0 0 8px #232e3e;
+}
+
+.e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells:hover {
+  background-color: #374151;
+}
+
 .e-schedule .e-timeline-year-view .e-event-table {
   position: absolute;
   top: 0;
@@ -2892,13 +2901,6 @@
   padding: 10px 8px 6px;
 }
 
-.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,
@@ -3734,7 +3736,7 @@
 .e-quick-popup-wrapper .e-event-popup .e-resource-icon {
   color: #9ca3af;
   font-size: 18px;
-  padding-right: 13px;
+  padding-right: 12px;
   font-size: 18px;
   padding: 2px 12px 0 0;
 }
@@ -3762,8 +3764,6 @@
   display: block;
   padding: 8px 18px 8px 18px;
   text-align: right;
-  background-color: #232e3e;
-  border-radius: 0 0 6px 6px;
 }
 
 .e-quick-popup-wrapper .e-popup-footer .e-event-edit {
@@ -3987,6 +3987,10 @@
   padding: 12px 2px 16px;
 }
 
+.e-bigger .e-agenda-view .e-appointment {
+  padding: 7px 16px;
+}
+
 .e-bigger .e-agenda-view .e-subject {
   font-size: 16px;
 }
@@ -4130,6 +4134,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;