@syncfusion/ej2-vue-schedule 19.2.55 → 19.3.43

package/styles/schedule/material.css

@@ -227,28 +227,19 @@
 }
 
 .e-schedule .e-schedule-toolbar .e-toolbar-pop {
-  background: #fafafa;
   overflow: auto;
 }
 
-.e-schedule .e-schedule-toolbar .e-tbar-btn {
-  background: #fafafa;
-}
-
-.e-schedule .e-schedule-toolbar .e-tbar-btn:hover, .e-schedule .e-schedule-toolbar .e-tbar-btn:focus {
-  background-color: #e0e0e0;
-}
-
-.e-schedule .e-schedule-toolbar .e-tbar-btn:active {
-  background: #e0e0e0;
-}
-
 .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
   cursor: pointer;
   font-size: 13px;
   text-transform: uppercase;
 }
 
+.e-schedule .e-schedule-toolbar .e-tbar-btn:active {
+  background: #e0e0e0;
+}
+
 .e-schedule .e-schedule-toolbar .e-toolbar-items {
   background: #fafafa;
 }
@@ -267,13 +258,7 @@
   padding-top: 0;
 }
 
-.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover {
-  background: #e0e0e0;
-  border-radius: 100%;
-}
-
-.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus {
-  background: #e0e0e0;
+.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: 100%;
 }
 
@@ -314,16 +299,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: 13px;
-  text-transform: uppercase;
-}
-
-.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: #fafafa;
   border-left: 0;
@@ -336,7 +311,6 @@
 }
 
 .e-schedule .e-schedule-toolbar .e-hor-nav {
-  background: #fafafa;
   border-left: 1px solid #f5f5f5;
 }
 
@@ -547,6 +521,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;
@@ -1741,6 +1722,7 @@
   border-style: solid;
   border-width: 0 1px 1px 0;
   color: rgba(0, 0, 0, 0.87);
+  padding: 0;
 }
 
 .e-schedule .e-timeline-year-view .e-work-cells:hover:not(.e-other-month) {
@@ -1844,7 +1826,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 +2077,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: #e0e0e0;
-  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 +2100,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 #fafafa;
+}
+
 .e-schedule .e-timeline-view .e-resource-tree-icon,
 .e-schedule .e-timeline-month-view .e-resource-tree-icon {
   color: rgba(0, 0, 0, 0.54);
@@ -2211,6 +2192,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 +2369,7 @@
 
 .e-schedule .e-month-agenda-view .e-week-number-wrapper .e-week-number {
   border-right: 1px solid rgba(0, 0, 0, 0.12);
+  height: 40px;
   padding-top: 8px;
 }
 
@@ -2542,7 +2525,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: #3f51b5;
   border-radius: 50%;
   height: 6px;
@@ -4192,6 +4175,7 @@
   border-color: rgba(0, 0, 0, 0.12);
   border-style: solid;
   border-width: 0 0 1px 1px;
+  padding: 0;
 }
 
 .e-schedule .e-vertical-view .e-work-cells:hover {
@@ -4277,6 +4261,7 @@
   border-style: solid;
   border-width: 0 0 1px 1px;
   color: rgba(0, 0, 0, 0.87);
+  padding: 0;
 }
 
 .e-schedule .e-month-view .e-work-cells:hover,
@@ -4365,6 +4350,7 @@
   border-style: solid;
   border-width: 0 0 1px 1px;
   color: rgba(0, 0, 0, 0.87);
+  padding: 0;
 }
 
 .e-schedule .e-timeline-view .e-work-cells:hover:not(.e-resource-group-cells),
@@ -4373,6 +4359,11 @@
   color: #000;
 }
 
+.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;

package/styles/schedule/tailwind-dark.css

@@ -1,5 +1,4 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
-/*! recurrence editor theme wise definitions*/
 /*! Schedule component's tailwind theme definitions and variables */
 .e-schedule .e-schedule-toolbar .e-icon-prev::before {
   content: '\e70f';
@@ -226,27 +225,10 @@
   color: #22d3ee;
 }
 
-.e-schedule .e-schedule-toolbar .e-tbar-btn-text,
-.e-schedule .e-schedule-toolbar .e-icons {
-  font-weight: 500;
-}
-
 .e-schedule .e-schedule-toolbar .e-toolbar-pop {
   overflow: auto;
 }
 
-.e-schedule .e-schedule-toolbar .e-tbar-btn {
-  background: #374151;
-}
-
-.e-schedule .e-schedule-toolbar .e-tbar-btn:hover, .e-schedule .e-schedule-toolbar .e-tbar-btn:focus {
-  background-color: #4b5563;
-}
-
-.e-schedule .e-schedule-toolbar .e-tbar-btn:active {
-  background: #6b7280;
-}
-
 .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
   cursor: pointer;
   font-size: 14px;
@@ -271,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: #4b5563;
-  border-radius: 100%;
-}
-
-.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus {
-  background: #4b5563;
+.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: 100%;
 }
 
@@ -318,14 +294,7 @@
   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: none;
-}
-
 .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;
   padding: 0 12px;
 }
 
@@ -341,8 +310,6 @@
 }
 
 .e-schedule .e-schedule-toolbar .e-hor-nav {
-  background: #374151;
-  font-size: 18px;
   border-left: 1px solid #4b5563;
 }
 
@@ -490,7 +457,7 @@
 }
 
 .e-schedule .e-resource-tree-popup-overlay.e-enable {
-  background-color: #383838;
+  background-color: rgba(107, 114, 128, 0.75);
   height: 100%;
   left: 0;
   opacity: .5;
@@ -554,6 +521,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;
@@ -592,7 +566,7 @@
 }
 
 .e-schedule .e-block-appointment {
-  background: #232e3e;
+  background: #374151;
   border-radius: 2px;
   color: #fff;
   cursor: default;
@@ -881,7 +855,7 @@
 }
 
 .e-schedule .e-vertical-view .e-left-indent {
-  width: 62px;
+  width: 85px;
 }
 
 .e-schedule .e-vertical-view .e-left-indent .e-all-day-cells {
@@ -1028,11 +1002,11 @@
 }
 
 .e-schedule .e-vertical-view .e-work-cells.e-disable-dates {
-  background-color: #232e3e;
+  background-color: #374151;
 }
 
 .e-schedule .e-vertical-view .e-work-cells.e-disable-dates:hover {
-  background-color: #232e3e;
+  background-color: #374151;
 }
 
 .e-schedule .e-vertical-view .e-current-time {
@@ -1397,7 +1371,7 @@
 }
 
 .e-schedule .e-month-view .e-work-cells {
-  height: 70px;
+  height: 75px;
   vertical-align: top;
   width: 36px;
 }
@@ -1407,7 +1381,7 @@
 }
 
 .e-schedule .e-month-view .e-work-cells.e-disable-dates {
-  background-color: #232e3e;
+  background-color: #374151;
 }
 
 .e-schedule .e-month-view .e-work-cells.e-disable-dates .e-date-header {
@@ -1420,7 +1394,7 @@
 }
 
 .e-schedule .e-month-view .e-work-cells.e-disable-dates:hover {
-  background-color: #232e3e;
+  background-color: #374151;
 }
 
 .e-schedule .e-month-view .e-date-header {
@@ -1594,7 +1568,7 @@
 }
 
 .e-schedule .e-year-view .e-calendar-wrapper .e-work-cells.e-disable-dates {
-  background-color: #232e3e;
+  background-color: #374151;
   cursor: default;
 }
 
@@ -1603,7 +1577,7 @@
 }
 
 .e-schedule .e-year-view .e-calendar-wrapper .e-work-cells.e-disable-dates:hover {
-  background-color: #232e3e;
+  background-color: #374151;
 }
 
 .e-schedule .e-year-view .e-date-header-wrap {
@@ -1755,6 +1729,7 @@
   border-style: solid;
   border-width: 0 1px 1px 0;
   color: #fff;
+  padding: 0;
 }
 
 .e-schedule .e-timeline-year-view .e-work-cells:hover:not(.e-other-month) {
@@ -1792,7 +1767,7 @@
 }
 
 .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates {
-  background-color: #232e3e;
+  background-color: #374151;
 }
 
 .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates .e-date-header {
@@ -1805,7 +1780,7 @@
 }
 
 .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates:hover {
-  background-color: #232e3e;
+  background-color: #374151;
 }
 
 .e-schedule .e-timeline-year-view .e-content-table {
@@ -1859,7 +1834,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,
@@ -2066,12 +2041,12 @@
 
 .e-schedule .e-timeline-view .e-work-cells.e-disable-dates,
 .e-schedule .e-timeline-month-view .e-work-cells.e-disable-dates {
-  background-color: #232e3e;
+  background-color: #374151;
 }
 
 .e-schedule .e-timeline-view .e-work-cells.e-disable-dates:hover,
 .e-schedule .e-timeline-month-view .e-work-cells.e-disable-dates:hover {
-  background-color: #232e3e;
+  background-color: #374151;
 }
 
 .e-schedule .e-timeline-view .e-resource-text,
@@ -2114,13 +2089,6 @@
   background-color: #4b5563;
 }
 
-.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: #6b7280;
-  border-radius: 50%;
-  color: #d1d5db;
-}
-
 .e-schedule .e-timeline-view .e-resource-column-wrap,
 .e-schedule .e-timeline-month-view .e-resource-column-wrap {
   overflow: hidden;
@@ -2144,6 +2112,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: #374151;
+  box-shadow: inset 0 0 0 8px #232e3e;
+}
+
 .e-schedule .e-timeline-view .e-resource-tree-icon,
 .e-schedule .e-timeline-month-view .e-resource-tree-icon {
   color: #d1d5db;
@@ -2230,6 +2204,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,
@@ -2406,6 +2381,7 @@
 
 .e-schedule .e-month-agenda-view .e-week-number-wrapper .e-week-number {
   border-right: 1px solid #4b5563;
+  height: 40px;
   padding-top: 8px;
 }
 
@@ -2467,11 +2443,11 @@
 }
 
 .e-schedule .e-month-agenda-view .e-work-cells.e-disable-dates {
-  background-color: #232e3e;
+  background-color: #374151;
 }
 
 .e-schedule .e-month-agenda-view .e-work-cells.e-disable-dates:hover {
-  background-color: #232e3e;
+  background-color: #374151;
 }
 
 .e-schedule .e-month-agenda-view .e-date-header {
@@ -2563,7 +2539,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: #22d3ee;
   border-radius: 50%;
   height: 6px;
@@ -2928,6 +2904,7 @@
 .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn .e-btn-icon,
 .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-btn-icon {
   height: 25px;
+  padding-bottom: 2px;
 }
 
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-tbar-btn-text,
@@ -3999,10 +3976,6 @@
   font-size: 14px;
 }
 
-.e-bigger .e-timeline-view .e-resource-cells {
-  padding: 14px 0 14px 12px;
-}
-
 .e-bigger .e-timeline-view .e-resource-text {
   font-size: 14px;
   padding-left: 12px;
@@ -4181,6 +4154,7 @@
   position: absolute;
   right: 6px;
   width: 25px;
+  padding: 1px;
 }
 
 .e-more-popup-wrapper .e-more-event-close .e-close-icon {
@@ -4359,6 +4333,7 @@
   border-color: #4b5563;
   border-style: solid;
   border-width: 0 0 1px 1px;
+  padding: 0;
 }
 
 .e-schedule .e-vertical-view .e-work-cells:hover {
@@ -4448,6 +4423,7 @@
   border-style: solid;
   border-width: 0 0 1px 1px;
   color: #fff;
+  padding: 0;
 }
 
 .e-schedule .e-month-view .e-work-cells:hover,
@@ -4537,6 +4513,7 @@
   border-style: solid;
   border-width: 0 0 1px 1px;
   color: #fff;
+  padding: 0;
 }
 
 .e-schedule .e-timeline-view .e-work-cells:hover:not(.e-resource-group-cells),
@@ -4545,6 +4522,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: #374151;
+}
+
 .e-schedule .e-timeline-view .e-work-days,
 .e-schedule .e-timeline-month-view .e-work-days {
   background-color: #1f2937;
@@ -4669,8 +4651,8 @@
 }
 
 .e-tooltip-wrap.e-schedule-error {
-  background-color: #fcdbe4;
-  border-color: #fcdbe4;
+  background-color: #fee2e2;
+  border-color: #fee2e2;
   z-index: 1000;
 }
 
@@ -4680,14 +4662,14 @@
 
 .e-tooltip-wrap.e-schedule-error .e-arrow-tip-inner.e-tip-top,
 .e-tooltip-wrap.e-schedule-error .e-arrow-tip-outer.e-tip-top {
-  border-bottom: 8px solid #fcdbe4;
-  color: #fcdbe4;
+  border-bottom: 8px solid #fee2e2;
+  color: #fee2e2;
 }
 
 .e-tooltip-wrap.e-schedule-error .e-arrow-tip-outer.e-tip-bottom,
 .e-tooltip-wrap.e-schedule-error .e-arrow-tip-inner.e-tip-bottom {
-  border-top: 8px solid #fcdbe4;
-  color: #fcdbe4;
+  border-top: 8px solid #fee2e2;
+  color: #fee2e2;
 }
 
 .e-tooltip-wrap.e-schedule-error .e-tip-content {
@@ -4696,5 +4678,5 @@
 
 .e-tooltip-wrap.e-schedule-error .e-tip-content,
 .e-tooltip-wrap.e-schedule-error .e-tip-content label {
-  color: #f44336;
+  color: #f87171;
 }