@syncfusion/ej2-schedule 27.2.3 → 28.1.33

package/styles/schedule/fluent.css

@@ -1262,6 +1262,17 @@
   vertical-align: top;
   width: 36px;
 }
+.e-schedule .e-clipboard {
+  cursor: default;
+  height: 1px;
+  left: -1000px;
+  position: fixed;
+  resize: none;
+  top: -1000px;
+  width: 1px;
+  overflow: hidden;
+  opacity: 0;
+}
 .e-schedule .e-month-view .e-content-wrap table tr:last-child td {
   border-bottom-width: 0;
 }
@@ -2379,13 +2390,18 @@
 .e-schedule .e-agenda-view .e-active-appointment-agenda .e-location {
   color: #201f1e;
 }
-.e-schedule .e-agenda-view .e-subject {
+.e-schedule .e-agenda-view .e-subject,
+.e-schedule .e-agenda-view .e-inline-subject {
   color: #201f1e;
   font-size: 14px;
   line-height: 23px;
   overflow: hidden;
   text-overflow: ellipsis;
 }
+.e-schedule .e-agenda-view .e-inline-subject {
+  font-weight: normal;
+  padding-top: 0;
+}
 .e-schedule .e-agenda-view .e-resource-name {
   color: #201f1e;
   font-size: 12px;
@@ -3426,6 +3442,7 @@
   margin: 0;
   max-width: 100%;
   overflow: hidden;
+  position: fixed;
   right: 0;
   top: 0;
   width: 100%;
@@ -3662,10 +3679,6 @@
 .e-schedule .e-timeline-month-view .e-content-wrap table td:first-child {
   border-left-width: 0;
 }
-.e-schedule .e-timeline-view .e-content-wrap table tr:last-child td,
-.e-schedule .e-timeline-month-view .e-content-wrap table tr:last-child td {
-  border-bottom-width: 0;
-}
 .e-schedule .e-timeline-view .e-date-header-wrap table td,
 .e-schedule .e-timeline-month-view .e-date-header-wrap table td {
   background: #fff;
@@ -4227,7 +4240,8 @@
 .e-bigger .e-agenda-view .e-appointment {
   padding: 0 16px;
 }
-.e-bigger .e-agenda-view .e-subject {
+.e-bigger .e-agenda-view .e-subject,
+.e-bigger .e-agenda-view .e-inline-subject {
   font-size: 16px;
 }
 .e-bigger .e-agenda-view .e-date-time {

package/styles/schedule/fluent2.css

@@ -187,6 +187,10 @@
 }
 
 /*! calendar theme variables */
+.e-small:not(.e-bigger) .e-calendar.e-week-number {
+  min-width: 230px;
+}
+
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   -webkit-transform: rotate(0deg);
           transform: rotate(0deg);
@@ -1027,7 +1031,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 {
   display: table;
@@ -1424,6 +1428,17 @@
   vertical-align: top;
   width: 36px;
 }
+.e-schedule .e-clipboard {
+  cursor: default;
+  height: 1px;
+  left: -1000px;
+  position: fixed;
+  resize: none;
+  top: -1000px;
+  width: 1px;
+  overflow: hidden;
+  opacity: 0;
+}
 .e-schedule .e-month-view .e-content-wrap table tr:last-child td {
   border-bottom-width: 0;
 }
@@ -2371,9 +2386,19 @@
 .e-schedule .e-month-agenda-view .e-appointment:hover {
   background: var(--color-sf-content-bg-color-hover);
 }
+.e-schedule .e-month-agenda-view .e-appointment:hover .e-subject,
+.e-schedule .e-month-agenda-view .e-appointment:hover .e-date-time,
+.e-schedule .e-month-agenda-view .e-appointment:hover .e-recurrence-icon {
+  color: var(--color-sf-content-text-color-hover);
+}
 .e-schedule .e-month-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-month-agenda-view .e-appointment:focus {
   background: var(--color-sf-content-bg-color-selected);
 }
+.e-schedule .e-month-agenda-view .e-appointment:focus .e-subject,
+.e-schedule .e-month-agenda-view .e-appointment:focus .e-date-time,
+.e-schedule .e-month-agenda-view .e-appointment:focus .e-recurrence-icon {
+  color: var(--color-sf-content-text-color-selected);
+}
 .e-schedule .e-month-agenda-view .e-appointment.e-template {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
@@ -2543,13 +2568,18 @@
 .e-schedule .e-agenda-view .e-active-appointment-agenda .e-location {
   color: var(--color-sf-content-text-color-selected);
 }
-.e-schedule .e-agenda-view .e-subject {
+.e-schedule .e-agenda-view .e-subject,
+.e-schedule .e-agenda-view .e-inline-subject {
   color: var(--color-sf-content-text-color);
   font-size: 14px;
   line-height: 23px;
   overflow: hidden;
   text-overflow: ellipsis;
 }
+.e-schedule .e-agenda-view .e-inline-subject {
+  font-weight: normal;
+  padding-top: 0;
+}
 .e-schedule .e-agenda-view .e-resource-name {
   color: var(--color-sf-content-text-color);
   font-size: 12px;
@@ -2595,9 +2625,19 @@
 .e-schedule .e-agenda-view .e-appointment:hover {
   background: var(--color-sf-content-bg-color-hover);
 }
+.e-schedule .e-agenda-view .e-appointment:hover .e-subject,
+.e-schedule .e-agenda-view .e-appointment:hover .e-date-time,
+.e-schedule .e-agenda-view .e-appointment:hover .e-recurrence-icon {
+  color: var(--color-sf-content-text-color-hover);
+}
 .e-schedule .e-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-agenda-view .e-appointment:focus {
   background: var(--color-sf-content-bg-color-selected);
 }
+.e-schedule .e-agenda-view .e-appointment:focus .e-subject,
+.e-schedule .e-agenda-view .e-appointment:focus .e-date-time,
+.e-schedule .e-agenda-view .e-appointment:focus .e-recurrence-icon {
+  color: var(--color-sf-content-text-color-selected);
+}
 .e-schedule .e-agenda-view .e-appointment.e-template {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
@@ -3594,6 +3634,7 @@
   margin: 0;
   max-width: 100%;
   overflow: hidden;
+  position: fixed;
   right: 0;
   top: 0;
   width: 100%;
@@ -3866,10 +3907,6 @@
 .e-schedule .e-timeline-month-view .e-content-wrap table td:first-child {
   border-left-width: 0;
 }
-.e-schedule .e-timeline-view .e-content-wrap table tr:last-child td,
-.e-schedule .e-timeline-month-view .e-content-wrap table tr:last-child td {
-  border-bottom-width: 0;
-}
 .e-schedule .e-timeline-view .e-date-header-wrap table td,
 .e-schedule .e-timeline-month-view .e-date-header-wrap table td {
   background: var(--color-sf-content-bg-color-alt1);
@@ -4172,7 +4209,7 @@
 .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,
 .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 {
-  padding: 3px 0 0 12px;
+  padding: 4px 6px 6px;
   font-size: 18px;
 }
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn .e-btn-icon,
@@ -4404,7 +4441,7 @@
 }
 .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-date-time-icon,
 .e-bigger .e-quick-popup-wrapper .e-event-popup .e-date-time-icon {
-  padding-right: 16px;
+  padding-right: 12px;
 }
 .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-close .e-close-icon {
   font-size: 16px;
@@ -4447,7 +4484,8 @@
 .e-bigger .e-agenda-view .e-appointment {
   padding: 7px 16px;
 }
-.e-bigger .e-agenda-view .e-subject {
+.e-bigger .e-agenda-view .e-subject,
+.e-bigger .e-agenda-view .e-inline-subject {
   font-size: 16px;
 }
 .e-bigger .e-agenda-view .e-date-time {

package/styles/schedule/highcontrast-light.css

@@ -1288,6 +1288,17 @@
   vertical-align: top;
   width: 36px;
 }
+.e-schedule .e-clipboard {
+  cursor: default;
+  height: 1px;
+  left: -1000px;
+  position: fixed;
+  resize: none;
+  top: -1000px;
+  width: 1px;
+  overflow: hidden;
+  opacity: 0;
+}
 .e-schedule .e-month-view .e-content-wrap table tr:last-child td {
   border-bottom-width: 0;
 }
@@ -2405,13 +2416,18 @@
 .e-schedule .e-agenda-view .e-active-appointment-agenda .e-location {
   color: #fff;
 }
-.e-schedule .e-agenda-view .e-subject {
+.e-schedule .e-agenda-view .e-subject,
+.e-schedule .e-agenda-view .e-inline-subject {
   color: #000;
   font-size: 14px;
   line-height: 23px;
   overflow: hidden;
   text-overflow: ellipsis;
 }
+.e-schedule .e-agenda-view .e-inline-subject {
+  font-weight: normal;
+  padding-top: 0;
+}
 .e-schedule .e-agenda-view .e-resource-name {
   color: #000;
   font-size: 13px;
@@ -3452,6 +3468,7 @@
   margin: 0;
   max-width: 100%;
   overflow: hidden;
+  position: fixed;
   right: 0;
   top: 0;
   width: 100%;
@@ -3688,10 +3705,6 @@
 .e-schedule .e-timeline-month-view .e-content-wrap table td:first-child {
   border-left-width: 0;
 }
-.e-schedule .e-timeline-view .e-content-wrap table tr:last-child td,
-.e-schedule .e-timeline-month-view .e-content-wrap table tr:last-child td {
-  border-bottom-width: 0;
-}
 .e-schedule .e-timeline-view .e-date-header-wrap table td,
 .e-schedule .e-timeline-month-view .e-date-header-wrap table td {
   background: #fff;
@@ -4253,7 +4266,8 @@
 .e-bigger .e-agenda-view .e-appointment {
   padding: 0 8px;
 }
-.e-bigger .e-agenda-view .e-subject {
+.e-bigger .e-agenda-view .e-subject,
+.e-bigger .e-agenda-view .e-inline-subject {
   font-size: 16px;
 }
 .e-bigger .e-agenda-view .e-date-time {

package/styles/schedule/highcontrast.css

@@ -15,7 +15,7 @@
 .e-ddl.e-popup .e-content.e-nodata {
   background-color: #000;
 }
-.e-ddl.e-popup .e-dropdownbase .e-list-item .e-highlight {
+.e-ddl.e-popup .e-dropdownbase .e-list-item:not(.e-active) .e-highlight {
   color: #ffd939;
 }
 .e-ddl.e-popup .e-input-group {
@@ -1297,6 +1297,17 @@
   vertical-align: top;
   width: 36px;
 }
+.e-schedule .e-clipboard {
+  cursor: default;
+  height: 1px;
+  left: -1000px;
+  position: fixed;
+  resize: none;
+  top: -1000px;
+  width: 1px;
+  overflow: hidden;
+  opacity: 0;
+}
 .e-schedule .e-month-view .e-content-wrap table tr:last-child td {
   border-bottom-width: 0;
 }
@@ -2414,13 +2425,18 @@
 .e-schedule .e-agenda-view .e-active-appointment-agenda .e-location {
   color: #000;
 }
-.e-schedule .e-agenda-view .e-subject {
+.e-schedule .e-agenda-view .e-subject,
+.e-schedule .e-agenda-view .e-inline-subject {
   color: #fff;
   font-size: 14px;
   line-height: 23px;
   overflow: hidden;
   text-overflow: ellipsis;
 }
+.e-schedule .e-agenda-view .e-inline-subject {
+  font-weight: normal;
+  padding-top: 0;
+}
 .e-schedule .e-agenda-view .e-resource-name {
   color: #fff;
   font-size: 13px;
@@ -3461,6 +3477,7 @@
   margin: 0;
   max-width: 100%;
   overflow: hidden;
+  position: fixed;
   right: 0;
   top: 0;
   width: 100%;
@@ -3697,10 +3714,6 @@
 .e-schedule .e-timeline-month-view .e-content-wrap table td:first-child {
   border-left-width: 0;
 }
-.e-schedule .e-timeline-view .e-content-wrap table tr:last-child td,
-.e-schedule .e-timeline-month-view .e-content-wrap table tr:last-child td {
-  border-bottom-width: 0;
-}
 .e-schedule .e-timeline-view .e-date-header-wrap table td,
 .e-schedule .e-timeline-month-view .e-date-header-wrap table td {
   background: #000;
@@ -4262,7 +4275,8 @@
 .e-bigger .e-agenda-view .e-appointment {
   padding: 0 8px;
 }
-.e-bigger .e-agenda-view .e-subject {
+.e-bigger .e-agenda-view .e-subject,
+.e-bigger .e-agenda-view .e-inline-subject {
   font-size: 16px;
 }
 .e-bigger .e-agenda-view .e-date-time {

package/styles/schedule/icons/_tailwind3.scss

@@ -0,0 +1,220 @@
+@include export-module('schedule-tailwind3-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,
+      & .e-icon-workweek::before {
+        content: '\e817';
+      }
+
+      & .e-icon-month::before,
+      & .e-icon-year::before {
+        content: '\e7c5';
+      }
+
+      & .e-icon-month-agenda::before {
+        content: '\e75b';
+      }
+
+      & .e-icon-agenda::before {
+        content: '\e74c';
+      }
+
+      & .e-icon-timeline-year-vertical::before,
+      & .e-icon-timeline-year-horizontal::before,
+      & .e-icon-timeline-month::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-toolbar {
+        .e-popup-down-icon::before,
+        .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-delete-icon::before {
+      content: '\e820';
+    }
+
+    .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/material-dark.css

@@ -1276,6 +1276,17 @@
   vertical-align: top;
   width: 36px;
 }
+.e-schedule .e-clipboard {
+  cursor: default;
+  height: 1px;
+  left: -1000px;
+  position: fixed;
+  resize: none;
+  top: -1000px;
+  width: 1px;
+  overflow: hidden;
+  opacity: 0;
+}
 .e-schedule .e-month-view .e-content-wrap table tr:last-child td {
   border-bottom-width: 0;
 }
@@ -2393,13 +2404,18 @@
 .e-schedule .e-agenda-view .e-active-appointment-agenda .e-location {
   color: #fff;
 }
-.e-schedule .e-agenda-view .e-subject {
+.e-schedule .e-agenda-view .e-subject,
+.e-schedule .e-agenda-view .e-inline-subject {
   color: #fff;
   font-size: 14px;
   line-height: 23px;
   overflow: hidden;
   text-overflow: ellipsis;
 }
+.e-schedule .e-agenda-view .e-inline-subject {
+  font-weight: normal;
+  padding-top: 0;
+}
 .e-schedule .e-agenda-view .e-resource-name {
   color: #fff;
   font-size: 13px;
@@ -3440,6 +3456,7 @@
   margin: 0;
   max-width: 100%;
   overflow: hidden;
+  position: fixed;
   right: 0;
   top: 0;
   width: 100%;
@@ -3676,10 +3693,6 @@
 .e-schedule .e-timeline-month-view .e-content-wrap table td:first-child {
   border-left-width: 0;
 }
-.e-schedule .e-timeline-view .e-content-wrap table tr:last-child td,
-.e-schedule .e-timeline-month-view .e-content-wrap table tr:last-child td {
-  border-bottom-width: 0;
-}
 .e-schedule .e-timeline-view .e-date-header-wrap table td,
 .e-schedule .e-timeline-month-view .e-date-header-wrap table td {
   background: #303030;
@@ -4241,7 +4254,8 @@
 .e-bigger .e-agenda-view .e-appointment {
   padding: 0 8px;
 }
-.e-bigger .e-agenda-view .e-subject {
+.e-bigger .e-agenda-view .e-subject,
+.e-bigger .e-agenda-view .e-inline-subject {
   font-size: 16px;
 }
 .e-bigger .e-agenda-view .e-date-time {

package/styles/schedule/material.css

@@ -1302,6 +1302,17 @@
   vertical-align: top;
   width: 36px;
 }
+.e-schedule .e-clipboard {
+  cursor: default;
+  height: 1px;
+  left: -1000px;
+  position: fixed;
+  resize: none;
+  top: -1000px;
+  width: 1px;
+  overflow: hidden;
+  opacity: 0;
+}
 .e-schedule .e-month-view .e-content-wrap table tr:last-child td {
   border-bottom-width: 0;
 }
@@ -2419,13 +2430,18 @@
 .e-schedule .e-agenda-view .e-active-appointment-agenda .e-location {
   color: rgba(0, 0, 0, 0.87);
 }
-.e-schedule .e-agenda-view .e-subject {
+.e-schedule .e-agenda-view .e-subject,
+.e-schedule .e-agenda-view .e-inline-subject {
   color: rgba(0, 0, 0, 0.87);
   font-size: 14px;
   line-height: 23px;
   overflow: hidden;
   text-overflow: ellipsis;
 }
+.e-schedule .e-agenda-view .e-inline-subject {
+  font-weight: normal;
+  padding-top: 0;
+}
 .e-schedule .e-agenda-view .e-resource-name {
   color: rgba(0, 0, 0, 0.87);
   font-size: 13px;
@@ -3466,6 +3482,7 @@
   margin: 0;
   max-width: 100%;
   overflow: hidden;
+  position: fixed;
   right: 0;
   top: 0;
   width: 100%;
@@ -3702,10 +3719,6 @@
 .e-schedule .e-timeline-month-view .e-content-wrap table td:first-child {
   border-left-width: 0;
 }
-.e-schedule .e-timeline-view .e-content-wrap table tr:last-child td,
-.e-schedule .e-timeline-month-view .e-content-wrap table tr:last-child td {
-  border-bottom-width: 0;
-}
 .e-schedule .e-timeline-view .e-date-header-wrap table td,
 .e-schedule .e-timeline-month-view .e-date-header-wrap table td {
   background: #fff;
@@ -4267,7 +4280,8 @@
 .e-bigger .e-agenda-view .e-appointment {
   padding: 0 8px;
 }
-.e-bigger .e-agenda-view .e-subject {
+.e-bigger .e-agenda-view .e-subject,
+.e-bigger .e-agenda-view .e-inline-subject {
   font-size: 16px;
 }
 .e-bigger .e-agenda-view .e-date-time {