@syncfusion/ej2-schedule 28.2.11 → 29.1.34

package/styles/highcontrast-light-lite.css

@@ -355,6 +355,9 @@
 .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
   border-right: 1px solid #000;
 }
+.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;
@@ -542,7 +545,7 @@
   width: 100%;
 }
 .e-schedule .e-new-event {
-  background: #1c8000;
+  background: rgb(27.5, 127.5, 0);
   border: 1px solid #fff;
   border-radius: 5px;
   height: 100%;
@@ -782,7 +785,7 @@
   height: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-schedule .e-vertical-view.e-timescale-disable .e-appointment {
-  background: #1c8000;
+  background: rgb(27.5, 127.5, 0);
   border: 1px solid #e4e4e4;
   border-radius: 2px;
   color: #fff;
@@ -1074,7 +1077,7 @@
   cursor: default;
 }
 .e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment {
-  background: #1c8000;
+  background: rgb(27.5, 127.5, 0);
   border: 1px solid #e4e4e4;
   border-radius: 2px;
   color: #fff;
@@ -1129,7 +1132,7 @@
   cursor: default;
 }
 .e-schedule .e-vertical-view .e-day-wrapper .e-appointment {
-  background: #1c8000;
+  background: rgb(27.5, 127.5, 0);
   border: 1px solid #e4e4e4;
   border-radius: 2px;
   color: #fff;
@@ -1299,6 +1302,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;
 }
@@ -1386,7 +1393,7 @@
   z-index: 1;
 }
 .e-schedule .e-month-view .e-appointment {
-  background: #1c8000;
+  background: rgb(27.5, 127.5, 0);
   border: 1px solid #e4e4e4;
   border-radius: 2px;
   color: #fff;
@@ -1485,7 +1492,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 {
@@ -1506,7 +1513,7 @@
 }
 .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-appointment,
 .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-appointment-indicator {
-  background: #1c8000;
+  background: rgb(27.5, 127.5, 0);
   border-radius: 50%;
   height: 5px;
   margin: -6px auto 0;
@@ -1714,7 +1721,7 @@
   z-index: 1;
 }
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment {
-  background: #1c8000;
+  background: rgb(27.5, 127.5, 0);
   border: 1px solid #e4e4e4;
   border-radius: 2px;
   color: #fff;
@@ -1950,7 +1957,7 @@
 }
 .e-schedule .e-timeline-view .e-appointment,
 .e-schedule .e-timeline-month-view .e-appointment {
-  background: #1c8000;
+  background: rgb(27.5, 127.5, 0);
   border: 1px solid #e4e4e4;
   border-radius: 2px;
   color: #fff;
@@ -2236,7 +2243,7 @@
   padding: 0 8px;
 }
 .e-schedule .e-month-agenda-view .e-appointment {
-  border-left: 3px solid #1c8000;
+  border-left: 3px solid rgb(27.5, 127.5, 0);
   border-right: 0;
   cursor: default;
   padding: 0 8px;
@@ -2304,7 +2311,7 @@
   padding: 0;
 }
 .e-schedule .e-month-agenda-view .e-work-cells .e-appointment-indicator {
-  background: #1c8000;
+  background: rgb(27.5, 127.5, 0);
   border-radius: 50%;
   height: 6px;
   left: 0;
@@ -2318,7 +2325,7 @@
 }
 .e-schedule.e-rtl .e-month-agenda-view .e-appointment {
   border-left: 0;
-  border-right: 3px solid #1c8000;
+  border-right: 3px solid rgb(27.5, 127.5, 0);
 }
 .e-schedule.e-rtl .e-month-agenda-view .e-resource-column {
   border-bottom: 1px solid #757575;
@@ -2342,6 +2349,9 @@
 .e-schedule .e-agenda-view {
   background: #e4e4e4;
 }
+.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;
@@ -2355,7 +2365,7 @@
   border-right: 1px solid #757575;
 }
 .e-schedule .e-agenda-view .e-month-header {
-  background: #1c8000;
+  background: rgb(27.5, 127.5, 0);
   height: 100px;
   padding-top: 12px;
   vertical-align: top;
@@ -2465,7 +2475,7 @@
   padding: 0;
 }
 .e-schedule .e-agenda-view .e-appointment {
-  border-left: 3px solid #1c8000;
+  border-left: 3px solid rgb(27.5, 127.5, 0);
   border-right: 0;
   cursor: default;
   padding: 0 8px;
@@ -2512,7 +2522,7 @@
 }
 .e-schedule.e-rtl .e-agenda-view .e-appointment {
   border-left: 0;
-  border-right: 3px solid #1c8000;
+  border-right: 3px solid rgb(27.5, 127.5, 0);
 }
 .e-schedule.e-rtl .e-agenda-view .e-resource-column {
   border-left: 1px solid #757575;
@@ -2571,12 +2581,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;
@@ -2605,9 +2622,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;
@@ -2750,6 +2766,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,8 +3045,8 @@
   padding: 0 18px 8px;
 }
 .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-subject-wrap .e-subject {
-  background: rgba(28, 128, 0, 0.3);
-  border-left: 6px solid #1c8000;
+  background: rgba(27.5, 127.5, 0, 0.3);
+  border-left: 6px solid rgb(27.5, 127.5, 0);
   border-radius: 2px;
   color: #fff;
   cursor: default;
@@ -3038,6 +3059,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;
@@ -3253,7 +3278,7 @@
   }
 }
 .e-appointment.e-schedule-event-clone {
-  background: #1c8000;
+  background: rgb(27.5, 127.5, 0);
   border-radius: 2px;
   -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
           box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
@@ -3418,7 +3443,7 @@
   color: #000;
 }
 .e-more-popup-wrapper .e-appointment {
-  background: #1c8000;
+  background: rgb(27.5, 127.5, 0);
   border-radius: 2px;
   color: #fff;
   display: -webkit-box;
@@ -4061,6 +4086,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;
@@ -4232,7 +4261,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/highcontrast-light.css

@@ -355,6 +355,9 @@
 .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
   border-right: 1px solid #000;
 }
+.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;
@@ -542,7 +545,7 @@
   width: 100%;
 }
 .e-schedule .e-new-event {
-  background: #1c8000;
+  background: rgb(27.5, 127.5, 0);
   border: 1px solid #fff;
   border-radius: 5px;
   height: 100%;
@@ -782,7 +785,7 @@
   height: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-schedule .e-vertical-view.e-timescale-disable .e-appointment {
-  background: #1c8000;
+  background: rgb(27.5, 127.5, 0);
   border: 1px solid #e4e4e4;
   border-radius: 2px;
   color: #fff;
@@ -1074,7 +1077,7 @@
   cursor: default;
 }
 .e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment {
-  background: #1c8000;
+  background: rgb(27.5, 127.5, 0);
   border: 1px solid #e4e4e4;
   border-radius: 2px;
   color: #fff;
@@ -1129,7 +1132,7 @@
   cursor: default;
 }
 .e-schedule .e-vertical-view .e-day-wrapper .e-appointment {
-  background: #1c8000;
+  background: rgb(27.5, 127.5, 0);
   border: 1px solid #e4e4e4;
   border-radius: 2px;
   color: #fff;
@@ -1299,6 +1302,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;
 }
@@ -1386,7 +1393,7 @@
   z-index: 1;
 }
 .e-schedule .e-month-view .e-appointment {
-  background: #1c8000;
+  background: rgb(27.5, 127.5, 0);
   border: 1px solid #e4e4e4;
   border-radius: 2px;
   color: #fff;
@@ -1485,7 +1492,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 {
@@ -1506,7 +1513,7 @@
 }
 .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-appointment,
 .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-appointment-indicator {
-  background: #1c8000;
+  background: rgb(27.5, 127.5, 0);
   border-radius: 50%;
   height: 5px;
   margin: -6px auto 0;
@@ -1714,7 +1721,7 @@
   z-index: 1;
 }
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment {
-  background: #1c8000;
+  background: rgb(27.5, 127.5, 0);
   border: 1px solid #e4e4e4;
   border-radius: 2px;
   color: #fff;
@@ -1950,7 +1957,7 @@
 }
 .e-schedule .e-timeline-view .e-appointment,
 .e-schedule .e-timeline-month-view .e-appointment {
-  background: #1c8000;
+  background: rgb(27.5, 127.5, 0);
   border: 1px solid #e4e4e4;
   border-radius: 2px;
   color: #fff;
@@ -2236,7 +2243,7 @@
   padding: 0 8px;
 }
 .e-schedule .e-month-agenda-view .e-appointment {
-  border-left: 3px solid #1c8000;
+  border-left: 3px solid rgb(27.5, 127.5, 0);
   border-right: 0;
   cursor: default;
   padding: 0 8px;
@@ -2304,7 +2311,7 @@
   padding: 0;
 }
 .e-schedule .e-month-agenda-view .e-work-cells .e-appointment-indicator {
-  background: #1c8000;
+  background: rgb(27.5, 127.5, 0);
   border-radius: 50%;
   height: 6px;
   left: 0;
@@ -2318,7 +2325,7 @@
 }
 .e-schedule.e-rtl .e-month-agenda-view .e-appointment {
   border-left: 0;
-  border-right: 3px solid #1c8000;
+  border-right: 3px solid rgb(27.5, 127.5, 0);
 }
 .e-schedule.e-rtl .e-month-agenda-view .e-resource-column {
   border-bottom: 1px solid #757575;
@@ -2342,6 +2349,9 @@
 .e-schedule .e-agenda-view {
   background: #e4e4e4;
 }
+.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;
@@ -2355,7 +2365,7 @@
   border-right: 1px solid #757575;
 }
 .e-schedule .e-agenda-view .e-month-header {
-  background: #1c8000;
+  background: rgb(27.5, 127.5, 0);
   height: 100px;
   padding-top: 12px;
   vertical-align: top;
@@ -2465,7 +2475,7 @@
   padding: 0;
 }
 .e-schedule .e-agenda-view .e-appointment {
-  border-left: 3px solid #1c8000;
+  border-left: 3px solid rgb(27.5, 127.5, 0);
   border-right: 0;
   cursor: default;
   padding: 0 8px;
@@ -2512,7 +2522,7 @@
 }
 .e-schedule.e-rtl .e-agenda-view .e-appointment {
   border-left: 0;
-  border-right: 3px solid #1c8000;
+  border-right: 3px solid rgb(27.5, 127.5, 0);
 }
 .e-schedule.e-rtl .e-agenda-view .e-resource-column {
   border-left: 1px solid #757575;
@@ -2571,12 +2581,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;
@@ -2605,9 +2622,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;
@@ -2750,6 +2766,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,8 +3045,8 @@
   padding: 0 18px 8px;
 }
 .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-subject-wrap .e-subject {
-  background: rgba(28, 128, 0, 0.3);
-  border-left: 6px solid #1c8000;
+  background: rgba(27.5, 127.5, 0, 0.3);
+  border-left: 6px solid rgb(27.5, 127.5, 0);
   border-radius: 2px;
   color: #fff;
   cursor: default;
@@ -3038,6 +3059,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;
@@ -3253,7 +3278,7 @@
   }
 }
 .e-appointment.e-schedule-event-clone {
-  background: #1c8000;
+  background: rgb(27.5, 127.5, 0);
   border-radius: 2px;
   -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
           box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
@@ -3418,7 +3443,7 @@
   color: #000;
 }
 .e-more-popup-wrapper .e-appointment {
-  background: #1c8000;
+  background: rgb(27.5, 127.5, 0);
   border-radius: 2px;
   color: #fff;
   display: -webkit-box;
@@ -4070,7 +4095,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: 350px;
 }
 
 /*! schedule event tooltip */
@@ -4081,7 +4106,7 @@
 }
 
 .e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
-  width: 502px;
+  width: 520px;
 }
 
 .e-bigger .e-dialog.e-quick-dialog {
@@ -4106,16 +4131,6 @@
   padding-bottom: 12px;
   position: relative;
 }
-.e-bigger .e-schedule-dialog .e-event-cancel,
-.e-bigger .e-schedule-dialog .e-event-delete {
-  border: 1px solid #000;
-  -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,
@@ -4211,9 +4226,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 {
@@ -4531,7 +4543,7 @@
   color: #000;
 }
 .e-bigger .e-more-popup-wrapper .e-appointment {
-  background: #1c8000;
+  background: rgb(27.5, 127.5, 0);
   border-radius: 2px;
   color: #fff;
   display: -webkit-box;
@@ -4737,6 +4749,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;
@@ -4908,7 +4924,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;