@syncfusion/ej2-schedule 19.2.60 → 19.3.48

package/styles/schedule/highcontrast.css

@@ -226,24 +226,9 @@
 }
 
 .e-schedule .e-schedule-toolbar .e-toolbar-pop {
-  background: #000;
   overflow: auto;
 }
 
-.e-schedule .e-schedule-toolbar .e-tbar-btn {
-  background: #000;
-  border-color: #000;
-}
-
-.e-schedule .e-schedule-toolbar .e-tbar-btn:hover, .e-schedule .e-schedule-toolbar .e-tbar-btn:focus {
-  background-color: #685708;
-  border-color: #fff;
-}
-
-.e-schedule .e-schedule-toolbar .e-tbar-btn:active {
-  background: #ffd939;
-}
-
 .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
   cursor: pointer;
   font-size: 14px;
@@ -268,13 +253,7 @@
   padding-top: 4px;
 }
 
-.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover {
-  background: #685708;
-  border-radius: 0%;
-}
-
-.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus {
-  background: #685708;
+.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%;
 }
 
@@ -315,20 +294,10 @@
   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: 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: #000;
   border-left: 0;
-  border-right: 1px solid #ffd939;
+  border-right: 1px solid #969696;
 }
 
 .e-schedule .e-schedule-toolbar.e-rtl .e-hor-nav:not(.e-nav-active):hover {
@@ -337,8 +306,7 @@
 }
 
 .e-schedule .e-schedule-toolbar .e-hor-nav {
-  background: #000;
-  border-left: 1px solid #ffd939;
+  border-left: 1px solid #969696;
 }
 
 .e-schedule .e-schedule-toolbar .e-hor-nav::after {
@@ -548,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;
@@ -1701,7 +1676,7 @@
   border-style: solid;
   border-width: 0 1px 1px 0;
   color: #fff;
-  height: 70px;
+  height: 75px;
   padding-left: 15px;
   padding-right: 0;
   vertical-align: middle;
@@ -1742,6 +1717,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) {
@@ -1850,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,
@@ -2101,13 +2077,6 @@
   background-color: #685708;
 }
 
-.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: #685708;
-  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;
@@ -2131,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 #1a1a1a;
+}
+
 .e-schedule .e-timeline-view .e-resource-tree-icon,
 .e-schedule .e-timeline-month-view .e-resource-tree-icon {
   color: #fff;
@@ -2217,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,
@@ -2393,6 +2369,7 @@
 
 .e-schedule .e-month-agenda-view .e-week-number-wrapper .e-week-number {
   border-right: 1px solid #969696;
+  height: 40px;
   padding-top: 8px;
 }
 
@@ -2548,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: #1c8000;
   border-radius: 50%;
   height: 6px;
@@ -4225,6 +4202,7 @@
   border-color: #969696;
   border-style: solid;
   border-width: 0 0 1px 1px;
+  padding: 0;
 }
 
 .e-schedule .e-vertical-view .e-work-cells:hover {
@@ -4310,6 +4288,7 @@
   border-style: solid;
   border-width: 0 0 1px;
   color: #fff;
+  padding: 0;
 }
 
 .e-schedule .e-month-view .e-work-cells:hover,
@@ -4404,6 +4383,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),
@@ -4412,6 +4392,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: #000;

package/styles/schedule/icons/_bootstrap5-dark.scss

@@ -0,0 +1 @@
+@import './bootstrap5.scss';

package/styles/schedule/icons/_bootstrap5.scss

@@ -0,0 +1,232 @@
+@include export-module('schedule-bootstrap5-icons') {
+  .e-schedule {
+    .e-schedule-toolbar {
+      & .e-icon-prev::before {
+        content: '\e765';
+      }
+
+      & .e-icon-next::before {
+        content: '\e748';
+      }
+
+      & .e-icon-add::before {
+        content: '\e805';
+      }
+
+      & .e-icon-today::before {
+        content: '\e778';
+      }
+
+      & .e-icon-down-arrow::before {
+        content: '\e729';
+      }
+
+      & .e-icon-day::before {
+        content: '\e75e';
+      }
+
+      & .e-icon-week::before {
+        content: '\e817';
+      }
+
+      & .e-icon-workweek::before {
+        content: '\e817';
+      }
+
+      & .e-icon-month::before {
+        content: '\e7c5';
+      }
+
+      & .e-icon-month-agenda::before {
+        content: '\e75b';
+      }
+
+      & .e-icon-agenda::before {
+        content: '\e74c';
+      }
+
+      & .e-icon-year::before {
+        content: '\e7c5';
+      }
+
+      & .e-icon-timeline-year-vertical::before {
+        content: '\e876';
+      }
+
+      & .e-icon-timeline-year-horizontal::before {
+        content: '\e876';
+      }
+
+      & .e-icon-timeline-day::before {
+        content: '\e7da';
+      }
+
+      & .e-icon-timeline-week::before {
+        content: '\e81f';
+      }
+
+      & .e-icon-timeline-workweek::before {
+        content: '\e720';
+      }
+
+      & .e-icon-timeline-month::before {
+        content: '\e876';
+      }
+
+      &.e-toolbar {
+        .e-popup-down-icon::before {
+          content: '\e770';
+        }
+
+        .e-popup-up-icon::before {
+          content: '\e770';
+        }
+      }
+
+      &.e-rtl {
+        & .e-icon-prev::before {
+          content: '\e748';
+        }
+
+        & .e-icon-next::before {
+          content: '\e765';
+        }
+      }
+    }
+
+    .e-schedule-resource-toolbar {
+      & .e-icon-menu::before {
+        content: '\e799';
+      }
+
+      & .e-icon-next::before {
+        content: '\e748';
+      }
+    }
+
+    .e-close-icon::before {
+      content: '\e7e7';
+    }
+
+    .e-block-indicator::before {
+      content: '\e839';
+    }
+
+    .e-appointment {
+      .e-recurrence-icon::before {
+        content: '\e772';
+      }
+
+      .e-recurrence-edit-icon::before {
+        content: '\e789';
+      }
+
+      .e-up-icon::before {
+        content: '\e822';
+      }
+
+      .e-down-icon::before {
+        content: '\e7fe';
+      }
+
+      .e-left-icon::before {
+        content: '\e744';
+      }
+
+      .e-right-icon::before {
+        content: '\e7a9';
+      }
+    }
+
+    .e-vertical-view .e-all-day-cells {
+      .e-all-day-appointment-section::before {
+        content: '\e729';
+      }
+    }
+
+    &.e-rtl {
+      .e-appointment {
+        & .e-left-icon::before {
+          content: '\e7a9';
+        }
+
+        & .e-right-icon::before {
+          content: '\e744';
+        }
+      }
+    }
+
+    .e-resource-tree-icon::before {
+      content: '\e748';
+    }
+  }
+
+  .e-schedule-dialog.e-device {
+    .e-back-icon::before {
+      content: '\e773';
+    }
+
+    .e-save-icon::before {
+      content: '\e7c8';
+    }
+
+    .e-recurrence-container {
+      .e-recurrence-edit-button {
+        .e-recurrence-edit.e-icons::before {
+          content: '\e730';
+        }
+      }
+    }
+  }
+
+  .e-schedule-dialog.e-device.e-rtl {
+    .e-back-icon::before {
+      content: '\e7f9';
+    }
+  }
+
+  .e-quick-popup-wrapper {
+    .e-edit-icon::before {
+      content: '\e730';
+    }
+
+    .e-delete-icon::before {
+      content: '\e820';
+    }
+
+    .e-close-icon::before {
+      content: '\e7e7';
+    }
+
+    .e-time-icon::before {
+      content: '\e705';
+    }
+
+    .e-location-icon::before {
+      content: '\e756';
+    }
+
+    .e-time-zone-icon::before {
+      content: '\e804';
+    }
+
+    .e-description-icon::before {
+      content: '\e7c0';
+    }
+
+    .e-resource-icon::before {
+      content: '\e7b9';
+    }
+
+    .e-date-time-icon::before {
+      content: '\e7da';
+    }
+  }
+
+  .e-more-popup-wrapper.e-device {
+    .e-close-icon::before {
+      content: '\e7e7';
+    }
+  }
+}
+  

package/styles/schedule/icons/_tailwind-dark.scss

@@ -1,231 +1 @@
-@include export-module('schedule-tailwind-dark-icons') {
-  .e-schedule {
-    .e-schedule-toolbar {
-      & .e-icon-prev::before {
-        content: '\e70f';
-      }
-
-      & .e-icon-next::before {
-        content: '\e7b7';
-      }
-
-      & .e-icon-add::before {
-        content: '\e78a';
-      }
-
-      & .e-icon-today::before {
-        content: '\e767';
-      }
-
-      & .e-icon-down-arrow::before {
-        content: '\e7b3';
-      }
-
-      & .e-icon-day::before {
-        content: '\e742';
-      }
-
-      & .e-icon-week::before {
-        content: '\e795';
-      }
-
-      & .e-icon-workweek::before {
-        content: '\e795';
-      }
-
-      & .e-icon-month::before {
-        content: '\e719';
-      }
-
-      & .e-icon-month-agenda::before {
-        content: '\e770';
-      }
-
-      & .e-icon-agenda::before {
-        content: '\e718';
-      }
-
-      & .e-icon-year::before {
-        content: '\e719';
-      }
-
-      & .e-icon-timeline-year-vertical::before {
-        content: '\e740';
-      }
-
-      & .e-icon-timeline-year-horizontal::before {
-        content: '\e740';
-      }
-
-      & .e-icon-timeline-day::before {
-        content: '\e7e6';
-      }
-
-      & .e-icon-timeline-week::before {
-        content: '\e74e';
-      }
-
-      & .e-icon-timeline-workweek::before {
-        content: '\e73a';
-      }
-
-      & .e-icon-timeline-month::before {
-        content: '\e740';
-      }
-
-      &.e-toolbar {
-        .e-popup-down-icon::before {
-          content: '\e75b';
-        }
-
-        .e-popup-up-icon::before {
-          content: '\e75b';
-        }
-      }
-
-      &.e-rtl {
-        & .e-icon-prev::before {
-          content: '\e7b7';
-        }
-
-        & .e-icon-next::before {
-          content: '\e70f';
-        }
-      }
-    }
-
-    .e-schedule-resource-toolbar {
-      & .e-icon-menu::before {
-        content: '\e75c';
-      }
-
-      & .e-icon-next::before {
-        content: '\e707';
-      }
-    }
-
-    .e-close-icon::before {
-      content: '\e771';
-    }
-
-    .e-block-indicator::before {
-      content: '\e77e';
-    }
-
-    .e-appointment {
-      .e-recurrence-icon::before {
-        content: '\e71d';
-      }
-
-      .e-recurrence-edit-icon::before {
-        content: '\e72b';
-      }
-
-      .e-up-icon::before {
-        content: '\e798';
-      }
-
-      .e-down-icon::before {
-        content: '\e738';
-      }
-
-      .e-left-icon::before {
-        content: '\e78b';
-      }
-
-      .e-right-icon::before {
-        content: '\e751';
-      }
-    }
-
-    .e-vertical-view .e-all-day-cells {
-      .e-all-day-appointment-section::before {
-        content: '\e706';
-      }
-    }
-
-    &.e-rtl {
-      .e-appointment {
-        & .e-left-icon::before {
-          content: '\e751';
-        }
-
-        & .e-right-icon::before {
-          content: '\e78b';
-        }
-      }
-    }
-
-    .e-resource-tree-icon::before {
-      content: '\e707';
-    }
-  }
-
-  .e-schedule-dialog.e-device {
-    .e-back-icon::before {
-      content: '\e7a5';
-    }
-
-    .e-save-icon::before {
-      content: '\e704';
-    }
-
-    .e-recurrence-container {
-      .e-recurrence-edit-button {
-        .e-recurrence-edit.e-icons::before {
-          content: '\e7d2';
-        }
-      }
-    }
-  }
-
-  .e-schedule-dialog.e-device.e-rtl {
-    .e-back-icon::before {
-      content: '\e7a8';
-    }
-  }
-
-  .e-quick-popup-wrapper {
-    .e-edit-icon::before {
-      content: '\e7d2';
-    }
-
-    .e-delete-icon::before {
-      content: '\e78d';
-    }
-
-    .e-close-icon::before {
-      content: '\e771';
-    }
-
-    .e-time-icon::before {
-      content: '\e730';
-    }
-
-    .e-location-icon::before {
-      content: '\e755';
-    }
-
-    .e-time-zone-icon::before {
-      content: '\e736';
-    }
-
-    .e-description-icon::before {
-      content: '\e7b6';
-    }
-
-    .e-resource-icon::before {
-      content: '\e790';
-    }
-
-    .e-date-time-icon::before {
-      content: '\e7e6';
-    }
-  }
-
-  .e-more-popup-wrapper.e-device {
-    .e-close-icon::before {
-      content: '\e771';
-    }
-  }
-}
+@import './tailwind.scss';