@syncfusion/ej2-schedule 28.2.11 → 29.1.34

package/styles/fabric-dark.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 {
@@ -3981,7 +4006,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 */
@@ -3992,7 +4017,7 @@
 }
 
 .e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
-  width: 502px;
+  width: 520px;
 }
 
 .e-bigger .e-dialog.e-quick-dialog {
@@ -4017,16 +4042,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,
@@ -4122,9 +4137,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 {
@@ -4396,7 +4408,7 @@
   width: calc(100% - 25px);
 }
 .e-bigger .e-more-popup-wrapper .e-more-event-date-header .e-current-date {
-  color: #38a9ff;
+  color: rgb(0, 55.1, 96.9);
 }
 .e-bigger .e-more-popup-wrapper .e-header-day {
   color: #dadada;
@@ -4648,6 +4660,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;
@@ -4819,7 +4835,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-lite.css

@@ -263,6 +263,9 @@
 .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
   border-right: 1px solid #a6a6a6;
 }
+.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;
@@ -691,7 +694,7 @@
 }
 .e-schedule .e-vertical-view.e-timescale-disable .e-appointment {
   background: #0078d6;
-  border: 1px solid #a3d7ff;
+  border: 1px solid rgb(163, 214.5887850467, 255);
   border-radius: 2px;
   color: #fff;
   display: -webkit-box;
@@ -947,7 +950,7 @@
   overflow: hidden;
 }
 .e-schedule .e-vertical-view .e-date-header-wrap.e-all-day-scroll {
-  border-bottom: 1px solid #a3d7ff;
+  border-bottom: 1px solid rgb(163, 214.5887850467, 255);
   overflow-y: auto;
 }
 .e-schedule .e-vertical-view .e-date-header-wrap.e-all-day-scroll .e-header-row .e-resource-cells {
@@ -983,7 +986,7 @@
 }
 .e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment {
   background: #0078d6;
-  border: 1px solid #a3d7ff;
+  border: 1px solid rgb(163, 214.5887850467, 255);
   border-radius: 2px;
   color: #fff;
   display: -webkit-box;
@@ -1038,7 +1041,7 @@
 }
 .e-schedule .e-vertical-view .e-day-wrapper .e-appointment {
   background: #0078d6;
-  border: 1px solid #a3d7ff;
+  border: 1px solid rgb(163, 214.5887850467, 255);
   border-radius: 2px;
   color: #fff;
   overflow: hidden;
@@ -1207,6 +1210,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;
 }
@@ -1295,7 +1302,7 @@
 }
 .e-schedule .e-month-view .e-appointment {
   background: #0078d6;
-  border: 1px solid #a3d7ff;
+  border: 1px solid rgb(163, 214.5887850467, 255);
   border-radius: 2px;
   color: #fff;
   display: -webkit-box;
@@ -1393,7 +1400,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 {
@@ -1623,7 +1630,7 @@
 }
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment {
   background: #0078d6;
-  border: 1px solid #a3d7ff;
+  border: 1px solid rgb(163, 214.5887850467, 255);
   border-radius: 2px;
   color: #fff;
   display: -webkit-box;
@@ -1859,7 +1866,7 @@
 .e-schedule .e-timeline-view .e-appointment,
 .e-schedule .e-timeline-month-view .e-appointment {
   background: #0078d6;
-  border: 1px solid #a3d7ff;
+  border: 1px solid rgb(163, 214.5887850467, 255);
   border-radius: 2px;
   color: #fff;
   display: -webkit-box;
@@ -2153,7 +2160,7 @@
   background: #eaeaea;
 }
 .e-schedule .e-month-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-month-agenda-view .e-appointment:focus {
-  background: #b7e0ff;
+  background: rgb(183.4, 223.5495327103, 255);
 }
 .e-schedule .e-month-agenda-view .e-appointment.e-template {
   display: -webkit-inline-box;
@@ -2250,6 +2257,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;
@@ -2382,7 +2392,7 @@
   background: #eaeaea;
 }
 .e-schedule .e-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-agenda-view .e-appointment:focus {
-  background: #b7e0ff;
+  background: rgb(183.4, 223.5495327103, 255);
 }
 .e-schedule .e-agenda-view .e-appointment.e-template {
   display: -webkit-inline-box;
@@ -2479,12 +2489,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;
@@ -2513,9 +2530,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;
@@ -2658,6 +2674,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 {
@@ -2946,6 +2967,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;
@@ -3500,19 +3525,19 @@
   color: #0078d6;
 }
 .e-schedule .e-vertical-view .e-all-day-cells.e-selected-cell {
-  background: #b7e0ff;
+  background: rgb(183.4, 223.5495327103, 255);
   color: #333;
 }
 .e-schedule .e-vertical-view .e-all-day-cells.e-selected-cell:hover {
-  background: #b7e0ff;
+  background: rgb(183.4, 223.5495327103, 255);
   color: #333;
 }
 .e-schedule .e-vertical-view .e-selected-cell {
-  background: #b7e0ff;
+  background: rgb(183.4, 223.5495327103, 255);
   color: #333;
 }
 .e-schedule .e-vertical-view .e-selected-cell:hover {
-  background: #b7e0ff;
+  background: rgb(183.4, 223.5495327103, 255);
   color: #333;
 }
 .e-schedule .e-vertical-view .e-clone-time-indicator,
@@ -3583,7 +3608,7 @@
 }
 .e-schedule .e-month-view .e-selected-cell,
 .e-schedule .e-month-agenda-view .e-selected-cell {
-  background: #b7e0ff;
+  background: rgb(183.4, 223.5495327103, 255);
   color: #333;
 }
 .e-schedule .e-month-view .e-selected-cell .e-date-header,
@@ -3596,7 +3621,7 @@
 }
 .e-schedule .e-month-view .e-selected-cell:hover,
 .e-schedule .e-month-agenda-view .e-selected-cell:hover {
-  background: #b7e0ff;
+  background: rgb(183.4, 223.5495327103, 255);
 }
 .e-schedule .e-month-agenda-view .e-content-wrap .e-table-container {
   overflow: auto;
@@ -3658,12 +3683,12 @@
 }
 .e-schedule .e-timeline-view .e-selected-cell,
 .e-schedule .e-timeline-month-view .e-selected-cell {
-  background: #b7e0ff;
+  background: rgb(183.4, 223.5495327103, 255);
   color: #333;
 }
 .e-schedule .e-timeline-view .e-selected-cell:hover:not(.e-resource-group-cells),
 .e-schedule .e-timeline-month-view .e-selected-cell:hover:not(.e-resource-group-cells) {
-  background: #b7e0ff;
+  background: rgb(183.4, 223.5495327103, 255);
 }
 .e-schedule .e-timeline-view .e-work-hours {
   background: #fff;
@@ -3672,11 +3697,11 @@
   background: #f8f8f8;
 }
 .e-schedule .e-timeline-view .e-selected-cell {
-  background: #b7e0ff;
+  background: rgb(183.4, 223.5495327103, 255);
   color: #333;
 }
 .e-schedule .e-timeline-view .e-selected-cell:hover {
-  background: #b7e0ff;
+  background: rgb(183.4, 223.5495327103, 255);
 }
 .e-schedule .e-timeline-view .e-alternate-cells {
   border-left-style: dotted;
@@ -3718,7 +3743,7 @@
   width: 20px;
 }
 .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell {
-  background: #b7e0ff;
+  background: rgb(183.4, 223.5495327103, 255);
   color: #333;
 }
 .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell .e-date-header {
@@ -3728,7 +3753,7 @@
   color: #333;
 }
 .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell:hover {
-  background: #b7e0ff;
+  background: rgb(183.4, 223.5495327103, 255);
 }
 .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates {
   background: rgba(0, 0, 0, 0.08);
@@ -3969,6 +3994,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;
@@ -4140,7 +4169,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;