@syncfusion/ej2-schedule 28.2.11 → 29.1.34

package/styles/bootstrap5.css

@@ -341,6 +341,9 @@
 .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
   border-right: 1px solid #dee2e6;
 }
+.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-date-range .e-tbar-btn.e-schedule-date-range-tbtn {
+  width: auto;
+}
 .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-date-range .e-tbar-btn .e-tbar-btn-text {
   font-size: 14px;
   text-transform: initial;
@@ -1285,6 +1288,10 @@
   overflow: hidden;
   opacity: 0;
 }
+.e-schedule .e-month-view .e-month-event-table {
+  position: absolute;
+  top: 0;
+}
 .e-schedule .e-month-view .e-content-wrap table tr:last-child td {
   border-bottom-width: 0;
 }
@@ -1471,7 +1478,7 @@
       -ms-flex: 0 25%;
           flex: 0 25%;
   max-width: 100%;
-  min-width: 260px;
+  min-width: 300px;
   padding: 10px;
 }
 .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-header .e-title {
@@ -1603,7 +1610,7 @@
   background: #fff;
 }
 .e-schedule .e-timeline-year-view .e-resource-column-wrap .e-resource-cells:focus {
-  background: #f2f4f6;
+  background: rgb(242.05, 243.9, 245.75);
 }
 .e-schedule .e-timeline-year-view .e-resource-column-table {
   height: 100%;
@@ -1881,7 +1888,7 @@
 }
 .e-schedule .e-timeline-view .e-resource-cells:focus,
 .e-schedule .e-timeline-month-view .e-resource-cells:focus {
-  background: #f2f4f6;
+  background: rgb(242.05, 243.9, 245.75);
 }
 .e-schedule .e-timeline-view .e-resource-column-wrap,
 .e-schedule .e-timeline-month-view .e-resource-column-wrap {
@@ -2228,7 +2235,7 @@
   padding: 0 16px;
 }
 .e-schedule .e-month-agenda-view .e-appointment:hover {
-  background: #f2f4f6;
+  background: rgb(242.05, 243.9, 245.75);
 }
 .e-schedule .e-month-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-month-agenda-view .e-appointment:focus {
   background: #e9ecef;
@@ -2328,6 +2335,9 @@
 .e-schedule .e-agenda-view {
   background: #fff;
 }
+.e-schedule .e-agenda-view .e-agenda-load-more {
+  font-size: 14px;
+}
 .e-schedule .e-agenda-view .e-content-wrap table td:first-child,
 .e-schedule .e-agenda-view .e-date-column {
   vertical-align: top;
@@ -2457,7 +2467,7 @@
   padding: 0 14px;
 }
 .e-schedule .e-agenda-view .e-appointment:hover {
-  background: #f2f4f6;
+  background: rgb(242.05, 243.9, 245.75);
 }
 .e-schedule .e-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-agenda-view .e-appointment:focus {
   background: #e9ecef;
@@ -2557,12 +2567,19 @@
   visibility: hidden;
 }
 
+.e-field-error-message {
+  display: block;
+}
+
 .e-dialog.e-quick-dialog.e-following-events-dialog {
-  width: 420px;
+  width: 440px;
 }
 .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content {
   padding: 12px;
 }
+.e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content button {
+  margin-bottom: 6px;
+}
 @media screen and (max-width: 767px) {
   .e-dialog.e-quick-dialog.e-following-events-dialog {
     width: 289px;
@@ -2591,9 +2608,8 @@
 .e-dialog.e-quick-dialog .e-footer-content {
   border-top: none;
 }
-.e-dialog.e-quick-dialog .e-quick-dialog-cancel {
-  -webkit-box-shadow: none;
-          box-shadow: none;
+.e-dialog.e-quick-dialog .e-footer-content button {
+  margin-bottom: 6px;
 }
 .e-dialog.e-quick-dialog.e-rtl {
   text-align: right;
@@ -2736,6 +2752,11 @@
   float: right;
 }
 
+.e-editor-content-item-template {
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
 /*! schedule event window for smaller viewports*/
 @media screen and (max-width: 320px) {
   .e-schedule-dialog.e-popup.e-popup-open {
@@ -3024,6 +3045,10 @@
 .e-quick-popup-wrapper .e-event-popup .e-popup-content {
   padding: 0 18px 12px;
 }
+.e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-popup-header-title-text,
+.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-popup-header-title-text {
+  display: none;
+}
 .e-quick-popup-wrapper .e-cell-popup .e-header-icon-wrapper,
 .e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper {
   display: -webkit-box;
@@ -3501,7 +3526,7 @@
   background: #fff;
 }
 .e-schedule .e-vertical-view .e-date-header-wrap .e-all-day-cells:hover {
-  background: #f2f4f6;
+  background: rgb(242.05, 243.9, 245.75);
 }
 .e-schedule .e-vertical-view .e-left-indent-wrap table tbody td {
   background: #fff;
@@ -3562,7 +3587,7 @@
   padding: 0;
 }
 .e-schedule .e-vertical-view .e-work-cells:hover {
-  background: #f2f4f6;
+  background: rgb(242.05, 243.9, 245.75);
   color: #212529;
 }
 .e-schedule .e-vertical-view .e-alternate-cells {
@@ -3637,7 +3662,7 @@
 }
 .e-schedule .e-month-view .e-work-cells:hover,
 .e-schedule .e-month-agenda-view .e-work-cells:hover {
-  background: #f2f4f6;
+  background: rgb(242.05, 243.9, 245.75);
   color: #212529;
 }
 .e-schedule .e-month-view .e-work-days,
@@ -3719,7 +3744,7 @@
 }
 .e-schedule .e-timeline-view .e-work-cells:hover:not(.e-resource-group-cells),
 .e-schedule .e-timeline-month-view .e-work-cells:hover:not(.e-resource-group-cells) {
-  background: #f2f4f6;
+  background: rgb(242.05, 243.9, 245.75);
   color: #212529;
 }
 .e-schedule .e-timeline-view.e-virtual-mask .e-work-cells:hover,
@@ -3779,7 +3804,7 @@
   padding: 0;
 }
 .e-schedule .e-timeline-year-view .e-work-cells:hover:not(.e-other-month) {
-  background: #f2f4f6;
+  background: rgb(242.05, 243.9, 245.75);
   color: #212529;
 }
 .e-schedule .e-timeline-year-view .e-work-cells.e-work-days {
@@ -3889,8 +3914,8 @@
 }
 
 .e-tooltip-wrap.e-schedule-error {
-  background: #f8d7da;
-  border-color: #f8d7da;
+  background: rgb(248, 214.6, 217.8);
+  border-color: rgb(248, 214.6, 217.8);
   z-index: 1000;
 }
 .e-tooltip-wrap.e-schedule-error .e-arrow-tip.e-tip-top {
@@ -3898,13 +3923,13 @@
 }
 .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 #f8d7da;
-  color: #f8d7da;
+  border-bottom: 8px solid rgb(248, 214.6, 217.8);
+  color: rgb(248, 214.6, 217.8);
 }
 .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 #f8d7da;
-  color: #f8d7da;
+  border-top: 8px solid rgb(248, 214.6, 217.8);
+  color: rgb(248, 214.6, 217.8);
 }
 .e-tooltip-wrap.e-schedule-error .e-tip-content {
   padding: 3px 6px;
@@ -4056,7 +4081,7 @@
 }
 .e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
 .e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
-  min-width: 306px;
+  min-width: 345px;
 }
 
 /*! schedule event tooltip */
@@ -4067,7 +4092,7 @@
 }
 
 .e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
-  width: 502px;
+  width: 520px;
 }
 
 .e-bigger .e-dialog.e-quick-dialog {
@@ -4092,16 +4117,6 @@
   padding-bottom: 12px;
   position: relative;
 }
-.e-bigger .e-schedule-dialog .e-event-cancel,
-.e-bigger .e-schedule-dialog .e-event-delete {
-  border: none;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
-.e-bigger .e-schedule-dialog .e-footer-content .e-btn.e-event-delete {
-  float: left;
-  margin-left: 0;
-}
 .e-bigger .e-schedule-dialog .e-subject-container,
 .e-bigger .e-schedule-dialog .e-start-container,
 .e-bigger .e-schedule-dialog .e-start-time-zone-container,
@@ -4197,9 +4212,6 @@
   padding-left: 0;
   padding-right: 12px;
 }
-.e-bigger .e-schedule-dialog.e-rtl .e-event-delete {
-  float: right;
-}
 
 /*! schedule quick popup */
 .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
@@ -4723,6 +4735,10 @@
 .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper .e-month-type .e-label {
   display: none;
 }
+.e-recurrenceeditor .e-input-wrapper.e-month-expander-checkbox-wrapper.e-repeat-on-week-selector {
+  min-width: 30px;
+  margin-bottom: 18px;
+}
 .e-recurrenceeditor .e-input-wrapper-side {
   float: left;
   padding: 16px 20px 0;
@@ -4894,7 +4910,7 @@
     width: 65%;
   }
   .e-recurrenceeditor .e-editor .e-recurrence-table .e-day-position {
-    padding-left: 50px;
+    padding-left: 59px;
   }
   .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
     padding-right: 0;

package/styles/fabric-dark-lite.css

@@ -223,7 +223,7 @@
 }
 .e-schedule .e-schedule-toolbar .e-active-view .e-tbar-btn-text,
 .e-schedule .e-schedule-toolbar .e-active-view .e-icons {
-  color: #38a9ff;
+  color: rgb(0, 55.1, 96.9);
 }
 .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
   cursor: pointer;
@@ -266,6 +266,9 @@
 .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
   border-right: 1px solid #414040;
 }
+.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-date-range .e-tbar-btn.e-schedule-date-range-tbtn {
+  width: auto;
+}
 .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-date-range .e-tbar-btn .e-tbar-btn-text {
   font-size: 16px;
   text-transform: initial;
@@ -1210,6 +1213,10 @@
   overflow: hidden;
   opacity: 0;
 }
+.e-schedule .e-month-view .e-month-event-table {
+  position: absolute;
+  top: 0;
+}
 .e-schedule .e-month-view .e-content-wrap table tr:last-child td {
   border-bottom-width: 0;
 }
@@ -1396,7 +1403,7 @@
       -ms-flex: 0 25%;
           flex: 0 25%;
   max-width: 100%;
-  min-width: 260px;
+  min-width: 300px;
   padding: 10px;
 }
 .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-header .e-title {
@@ -1492,7 +1499,7 @@
 }
 .e-schedule .e-timeline-year-view .e-resource-left-td.e-current-day,
 .e-schedule .e-timeline-year-view .e-date-header-wrap table td.e-current-day {
-  color: #38a9ff;
+  color: rgb(0, 55.1, 96.9);
 }
 .e-schedule .e-timeline-year-view .e-resource-text {
   color: #dadada;
@@ -1577,7 +1584,7 @@
   color: #c8c8c8;
 }
 .e-schedule .e-timeline-year-view .e-month-header.e-current-day {
-  color: #38a9ff;
+  color: rgb(0, 55.1, 96.9);
 }
 .e-schedule .e-timeline-year-view .e-left-indent,
 .e-schedule .e-timeline-year-view .e-header-cells {
@@ -2253,6 +2260,9 @@
 .e-schedule .e-agenda-view {
   background: #201f1f;
 }
+.e-schedule .e-agenda-view .e-agenda-load-more {
+  font-size: 14px;
+}
 .e-schedule .e-agenda-view .e-content-wrap table td:first-child,
 .e-schedule .e-agenda-view .e-date-column {
   vertical-align: top;
@@ -2287,7 +2297,7 @@
   font-size: 13px;
 }
 .e-schedule .e-agenda-view .e-day-date-header.e-current-day {
-  color: #38a9ff;
+  color: rgb(0, 55.1, 96.9);
 }
 .e-schedule .e-agenda-view .e-day-border {
   border-bottom: 1px solid #414040;
@@ -2482,12 +2492,19 @@
   visibility: hidden;
 }
 
+.e-field-error-message {
+  display: block;
+}
+
 .e-dialog.e-quick-dialog.e-following-events-dialog {
-  width: 420px;
+  width: 440px;
 }
 .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content {
   padding: 2%;
 }
+.e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content button {
+  margin-bottom: 6px;
+}
 @media screen and (max-width: 767px) {
   .e-dialog.e-quick-dialog.e-following-events-dialog {
     width: 289px;
@@ -2516,9 +2533,8 @@
 .e-dialog.e-quick-dialog .e-footer-content {
   border-top: none;
 }
-.e-dialog.e-quick-dialog .e-quick-dialog-cancel {
-  -webkit-box-shadow: none;
-          box-shadow: none;
+.e-dialog.e-quick-dialog .e-footer-content button {
+  margin-bottom: 6px;
 }
 .e-dialog.e-quick-dialog.e-rtl {
   text-align: right;
@@ -2661,6 +2677,11 @@
   float: right;
 }
 
+.e-editor-content-item-template {
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
 /*! schedule event window for smaller viewports*/
 @media screen and (max-width: 320px) {
   .e-schedule-dialog.e-popup.e-popup-open {
@@ -2949,6 +2970,10 @@
 .e-quick-popup-wrapper .e-event-popup .e-popup-content {
   padding: 0 18px 16px 26px;
 }
+.e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-popup-header-title-text,
+.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-popup-header-title-text {
+  display: none;
+}
 .e-quick-popup-wrapper .e-cell-popup .e-header-icon-wrapper,
 .e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper {
   display: -webkit-box;
@@ -3283,7 +3308,7 @@
   width: calc(100% - 25px);
 }
 .e-more-popup-wrapper .e-more-event-date-header .e-current-date {
-  color: #38a9ff;
+  color: rgb(0, 55.1, 96.9);
 }
 .e-more-popup-wrapper .e-header-day {
   color: #dadada;
@@ -3476,7 +3501,7 @@
   background: #201f1f;
 }
 .e-schedule .e-vertical-view .e-header-cells.e-current-day {
-  color: #38a9ff;
+  color: rgb(0, 55.1, 96.9);
   font-weight: normal;
 }
 .e-schedule .e-vertical-view .e-work-cells {
@@ -3500,7 +3525,7 @@
   background: #201f1f;
 }
 .e-schedule .e-vertical-view .e-all-day-cells.e-current-day {
-  color: #38a9ff;
+  color: rgb(0, 55.1, 96.9);
 }
 .e-schedule .e-vertical-view .e-all-day-cells.e-selected-cell {
   background: #514f4f;
@@ -3520,7 +3545,7 @@
 }
 .e-schedule .e-vertical-view .e-clone-time-indicator,
 .e-schedule .e-vertical-view .e-current-time {
-  color: #38a9ff;
+  color: rgb(0, 55.1, 96.9);
 }
 .e-schedule .e-vertical-view .e-current-timeline {
   border-top: 1px solid #0074cc;
@@ -3548,7 +3573,7 @@
 }
 .e-schedule .e-month-view .e-date-header-wrap table td.e-current-day,
 .e-schedule .e-month-agenda-view .e-date-header-wrap table td.e-current-day {
-  color: #38a9ff;
+  color: rgb(0, 55.1, 96.9);
   font-weight: normal;
 }
 .e-schedule .e-month-view .e-work-cells,
@@ -3630,7 +3655,7 @@
 }
 .e-schedule .e-timeline-view .e-date-header-wrap table td.e-current-day,
 .e-schedule .e-timeline-month-view .e-date-header-wrap table td.e-current-day {
-  color: #38a9ff;
+  color: rgb(0, 55.1, 96.9);
   font-weight: normal;
 }
 .e-schedule .e-timeline-view .e-work-cells,
@@ -3689,7 +3714,7 @@
 }
 .e-schedule .e-timeline-view .e-clone-time-indicator,
 .e-schedule .e-timeline-view .e-current-time {
-  color: #38a9ff;
+  color: rgb(0, 55.1, 96.9);
   font-size: 12px;
 }
 .e-schedule .e-timeline-view .e-current-timeline {
@@ -3972,6 +3997,10 @@
 .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper .e-month-type .e-label {
   display: none;
 }
+.e-recurrenceeditor .e-input-wrapper.e-month-expander-checkbox-wrapper.e-repeat-on-week-selector {
+  min-width: 30px;
+  margin-bottom: 18px;
+}
 .e-recurrenceeditor .e-input-wrapper-side {
   float: left;
   padding: 16px 20px 0;
@@ -4143,7 +4172,7 @@
     width: 65%;
   }
   .e-recurrenceeditor .e-editor .e-recurrence-table .e-day-position {
-    padding-left: 50px;
+    padding-left: 59px;
   }
   .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
     padding-right: 0;