@syncfusion/ej2-react-schedule 19.4.50 → 20.1.47

package/styles/schedule/tailwind.css

@@ -2,203 +2,203 @@
 /*! recurrence editor theme wise definitions*/
 /*! 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 */
@@ -1854,6 +1854,15 @@
   text-decoration: underline;
 }
 
+.e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells {
+  background-color: #f3f4f6;
+  box-shadow: inset 0 0 0 8px #f9fafb;
+}
+
+.e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells:hover {
+  background-color: #f3f4f6;
+}
+
 .e-schedule .e-timeline-year-view .e-event-table {
   position: absolute;
   top: 0;
@@ -1989,6 +1998,12 @@
   top: 0;
 }
 
+.e-schedule .e-timeline-view .e-appointment-container.e-event-container,
+.e-schedule .e-timeline-month-view .e-appointment-container.e-event-container {
+  height: 60px;
+  position: relative;
+}
+
 .e-schedule .e-timeline-view .e-date-header-wrap table col,
 .e-schedule .e-timeline-view .e-content-wrap table col,
 .e-schedule .e-timeline-month-view .e-date-header-wrap table col,
@@ -2098,8 +2113,10 @@
 
 .e-schedule .e-timeline-view.e-ignore-whitespace .e-work-cells,
 .e-schedule .e-timeline-view.e-ignore-whitespace .e-resource-cells,
+.e-schedule .e-timeline-view.e-ignore-whitespace .e-event-container,
 .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-work-cells,
-.e-schedule .e-timeline-month-view.e-ignore-whitespace .e-resource-cells {
+.e-schedule .e-timeline-month-view.e-ignore-whitespace .e-resource-cells,
+.e-schedule .e-timeline-month-view.e-ignore-whitespace .e-event-container {
   height: 42px;
 }
 
@@ -2885,13 +2902,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,
@@ -3727,7 +3737,7 @@
 .e-quick-popup-wrapper .e-event-popup .e-resource-icon {
   color: #6b7280;
   font-size: 18px;
-  padding-right: 13px;
+  padding-right: 12px;
   font-size: 18px;
   padding: 2px 12px 0 0;
 }
@@ -3755,8 +3765,6 @@
   display: block;
   padding: 8px 18px 8px 18px;
   text-align: right;
-  background-color: #f9fafb;
-  border-radius: 0 0 6px 6px;
 }
 
 .e-quick-popup-wrapper .e-popup-footer .e-event-edit {
@@ -3980,6 +3988,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;
 }
@@ -4123,6 +4135,7 @@
 
 .e-bigger .e-more-popup-wrapper .e-more-event-content,
 .e-more-popup-wrapper .e-more-event-content {
+  color: #111827;
   height: calc(100% - 35px);
   max-height: 150px;
   overflow-y: auto;

package/styles/tailwind-dark.css

@@ -2,203 +2,203 @@
 /*! Schedule component's tailwind theme definitions and variables */
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .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 */
@@ -1854,6 +1854,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;
@@ -1989,6 +1998,12 @@
   top: 0;
 }
 
+.e-schedule .e-timeline-view .e-appointment-container.e-event-container,
+.e-schedule .e-timeline-month-view .e-appointment-container.e-event-container {
+  height: 60px;
+  position: relative;
+}
+
 .e-schedule .e-timeline-view .e-date-header-wrap table col,
 .e-schedule .e-timeline-view .e-content-wrap table col,
 .e-schedule .e-timeline-month-view .e-date-header-wrap table col,
@@ -2098,8 +2113,10 @@
 
 .e-schedule .e-timeline-view.e-ignore-whitespace .e-work-cells,
 .e-schedule .e-timeline-view.e-ignore-whitespace .e-resource-cells,
+.e-schedule .e-timeline-view.e-ignore-whitespace .e-event-container,
 .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-work-cells,
-.e-schedule .e-timeline-month-view.e-ignore-whitespace .e-resource-cells {
+.e-schedule .e-timeline-month-view.e-ignore-whitespace .e-resource-cells,
+.e-schedule .e-timeline-month-view.e-ignore-whitespace .e-event-container {
   height: 42px;
 }
 
@@ -2885,13 +2902,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,
@@ -3727,7 +3737,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;
 }
@@ -3755,8 +3765,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 {
@@ -3980,6 +3988,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;
 }
@@ -4123,6 +4135,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;