@syncfusion/ej2-schedule 28.2.11 → 29.1.34

package/styles/highcontrast-lite.css

@@ -364,6 +364,9 @@
 .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
   border-right: 1px solid #fff;
 }
+.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;
@@ -551,7 +554,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%;
@@ -791,7 +794,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 #1a1a1a;
   border-radius: 2px;
   color: #fff;
@@ -1083,7 +1086,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 #1a1a1a;
   border-radius: 2px;
   color: #fff;
@@ -1138,7 +1141,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 #1a1a1a;
   border-radius: 2px;
   color: #fff;
@@ -1308,6 +1311,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;
 }
@@ -1395,7 +1402,7 @@
   z-index: 1;
 }
 .e-schedule .e-month-view .e-appointment {
-  background: #1c8000;
+  background: rgb(27.5, 127.5, 0);
   border: 1px solid #1a1a1a;
   border-radius: 2px;
   color: #fff;
@@ -1494,7 +1501,7 @@
       -ms-flex: 0 25%;
           flex: 0 25%;
   max-width: 100%;
-  min-width: 260px;
+  min-width: 280px;
   padding: 10px;
 }
 .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-header .e-title {
@@ -1515,7 +1522,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;
@@ -1723,7 +1730,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 #1a1a1a;
   border-radius: 2px;
   color: #fff;
@@ -1959,7 +1966,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 #1a1a1a;
   border-radius: 2px;
   color: #fff;
@@ -2245,7 +2252,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;
@@ -2313,7 +2320,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;
@@ -2327,7 +2334,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 #969696;
@@ -2351,6 +2358,9 @@
 .e-schedule .e-agenda-view {
   background: #1a1a1a;
 }
+.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;
@@ -2364,7 +2374,7 @@
   border-right: 1px solid #969696;
 }
 .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;
@@ -2474,7 +2484,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;
@@ -2521,7 +2531,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 #969696;
@@ -2580,12 +2590,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;
@@ -2614,9 +2631,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;
@@ -2759,6 +2775,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 {
@@ -3033,8 +3054,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;
@@ -3047,6 +3068,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;
@@ -3262,7 +3287,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);
@@ -3427,7 +3452,7 @@
   color: #fff;
 }
 .e-more-popup-wrapper .e-appointment {
-  background: #1c8000;
+  background: rgb(27.5, 127.5, 0);
   border-radius: 2px;
   color: #fff;
   display: -webkit-box;
@@ -4070,6 +4095,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;
@@ -4241,7 +4270,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.css

@@ -364,6 +364,9 @@
 .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
   border-right: 1px solid #fff;
 }
+.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;
@@ -551,7 +554,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%;
@@ -791,7 +794,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 #1a1a1a;
   border-radius: 2px;
   color: #fff;
@@ -1083,7 +1086,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 #1a1a1a;
   border-radius: 2px;
   color: #fff;
@@ -1138,7 +1141,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 #1a1a1a;
   border-radius: 2px;
   color: #fff;
@@ -1308,6 +1311,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;
 }
@@ -1395,7 +1402,7 @@
   z-index: 1;
 }
 .e-schedule .e-month-view .e-appointment {
-  background: #1c8000;
+  background: rgb(27.5, 127.5, 0);
   border: 1px solid #1a1a1a;
   border-radius: 2px;
   color: #fff;
@@ -1494,7 +1501,7 @@
       -ms-flex: 0 25%;
           flex: 0 25%;
   max-width: 100%;
-  min-width: 260px;
+  min-width: 280px;
   padding: 10px;
 }
 .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-header .e-title {
@@ -1515,7 +1522,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;
@@ -1723,7 +1730,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 #1a1a1a;
   border-radius: 2px;
   color: #fff;
@@ -1959,7 +1966,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 #1a1a1a;
   border-radius: 2px;
   color: #fff;
@@ -2245,7 +2252,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;
@@ -2313,7 +2320,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;
@@ -2327,7 +2334,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 #969696;
@@ -2351,6 +2358,9 @@
 .e-schedule .e-agenda-view {
   background: #1a1a1a;
 }
+.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;
@@ -2364,7 +2374,7 @@
   border-right: 1px solid #969696;
 }
 .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;
@@ -2474,7 +2484,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;
@@ -2521,7 +2531,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 #969696;
@@ -2580,12 +2590,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;
@@ -2614,9 +2631,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;
@@ -2759,6 +2775,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 {
@@ -3033,8 +3054,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;
@@ -3047,6 +3068,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;
@@ -3262,7 +3287,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);
@@ -3427,7 +3452,7 @@
   color: #fff;
 }
 .e-more-popup-wrapper .e-appointment {
-  background: #1c8000;
+  background: rgb(27.5, 127.5, 0);
   border-radius: 2px;
   color: #fff;
   display: -webkit-box;
@@ -4079,7 +4104,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 */
@@ -4090,7 +4115,7 @@
 }
 
 .e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
-  width: 502px;
+  width: 520px;
 }
 
 .e-bigger .e-dialog.e-quick-dialog {
@@ -4115,16 +4140,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 #fff;
-  -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,
@@ -4220,9 +4235,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 {
@@ -4540,7 +4552,7 @@
   color: #fff;
 }
 .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;
@@ -4746,6 +4758,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;
@@ -4917,7 +4933,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/material-dark-lite.css

@@ -343,6 +343,9 @@
 .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
   border-right: 1px solid #616161;
 }
+.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;
@@ -1287,6 +1290,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;
 }
@@ -2330,6 +2337,9 @@
 .e-schedule .e-agenda-view {
   background: #303030;
 }
+.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;
@@ -2559,12 +2569,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: 8px;
 }
+.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;
@@ -2593,9 +2610,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;
@@ -2738,6 +2754,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 {
@@ -3026,6 +3047,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;
@@ -4049,6 +4074,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;
@@ -4220,7 +4249,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;