@syncfusion/ej2-schedule 19.3.55 → 19.4.38

package/styles/material.css

@@ -226,10 +226,6 @@
   color: #e3165b;
 }
 
-.e-schedule .e-schedule-toolbar .e-toolbar-pop {
-  overflow: auto;
-}
-
 .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
   cursor: pointer;
   font-size: 13px;
@@ -362,6 +358,10 @@
   font-size: 14px;
 }
 
+.e-schedule.e-device .e-schedule-toolbar .e-toolbar-pop {
+  overflow: auto;
+}
+
 .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
   overflow: hidden;
 }
@@ -441,10 +441,10 @@
 
 .e-schedule .e-resource-tree-popup {
   background: #fff;
+  box-shadow: 0 3px 4px 0.2px rgba(0, 0, 0, 0.4);
   height: 100%;
   position: absolute;
   width: 250px;
-  box-shadow: 0 3px 4px 0.2px rgba(0, 0, 0, 0.4);
 }
 
 .e-schedule .e-resource-tree-popup .e-resource-tree {
@@ -1538,6 +1538,7 @@
 
 .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-content span.e-day {
   display: block;
+  margin: 0 auto;
 }
 
 .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-other-month {
@@ -1556,9 +1557,8 @@
   background-color: #3f51b5;
   border-radius: 50%;
   height: 5px;
-  margin-left: 13px;
-  margin-top: -6px;
-  position: absolute;
+  margin: -6px auto 0;
+  position: relative;
   width: 5px;
 }
 
@@ -1609,10 +1609,6 @@
   border-left-width: 0;
 }
 
-.e-schedule .e-year-view .e-calendar-table td:not(.e-cell) {
-  border-left: 1px solid rgba(0, 0, 0, 0.12);
-}
-
 .e-schedule .e-year-view .e-resource .e-month-calendar {
   max-width: 100%;
   min-width: 100%;
@@ -2097,7 +2093,7 @@
 .e-schedule .e-timeline-view.e-ignore-whitespace .e-resource-cells,
 .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-work-cells,
 .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-resource-cells {
-  height: 42px;
+  height: 60px;
 }
 
 .e-schedule .e-timeline-view.e-virtual-mask .e-work-cells,
@@ -2557,6 +2553,10 @@
   width: 75px;
 }
 
+.e-schedule.e-rtl .e-month-agenda-view .e-resource-column .e-resource-name {
+  white-space: normal;
+}
+
 .e-schedule.e-rtl .e-month-agenda-view .e-day-padding {
   padding-right: 8px;
 }
@@ -2778,6 +2778,10 @@
   width: 75px;
 }
 
+.e-schedule.e-rtl .e-agenda-view .e-resource-column .e-resource-name {
+  white-space: normal;
+}
+
 .e-schedule.e-rtl .e-agenda-view .e-day-padding {
   padding-right: 8px;
 }
@@ -2999,6 +3003,10 @@
   font-weight: 500;
 }
 
+.e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
+  width: 485px;
+}
+
 .e-dialog.e-quick-dialog.e-following-events-dialog {
   width: 420px;
 }
@@ -3020,6 +3028,14 @@
   display: none;
 }
 
+.e-dialog.e-quick-dialog .e-dlg-header-content {
+  border-bottom: none;
+}
+
+.e-dialog.e-quick-dialog .e-footer-content {
+  border-top: none;
+}
+
 .e-dialog.e-quick-dialog .e-quick-dialog-cancel {
   box-shadow: none;
 }
@@ -3056,15 +3072,23 @@
 
 .e-schedule-dialog .e-subject-container,
 .e-schedule-dialog .e-start-container,
-.e-schedule-dialog .e-start-time-zone-container,
 .e-schedule-dialog .e-description-label {
   padding-right: 8px;
 }
 
+.e-schedule-dialog .e-start-time-zone-container {
+  padding-left: 4px;
+  padding-right: 8px;
+}
+
 .e-schedule-dialog .e-location-container,
-.e-schedule-dialog .e-end-container,
+.e-schedule-dialog .e-end-container {
+  padding-left: 8px;
+}
+
 .e-schedule-dialog .e-end-time-zone-container {
   padding-left: 8px;
+  padding-right: 4px;
 }
 
 .e-schedule-dialog .e-all-day-container {
@@ -3157,19 +3181,27 @@
 
 .e-schedule-dialog.e-rtl .e-subject-container,
 .e-schedule-dialog.e-rtl .e-start-container,
-.e-schedule-dialog.e-rtl .e-start-time-zone-container,
 .e-schedule-dialog.e-rtl .e-description-label {
   padding-left: 8px;
   padding-right: 0;
 }
 
+.e-schedule-dialog.e-rtl .e-start-time-zone-container {
+  padding-left: 8px;
+  padding-right: 4px;
+}
+
 .e-schedule-dialog.e-rtl .e-location-container,
-.e-schedule-dialog.e-rtl .e-end-container,
-.e-schedule-dialog.e-rtl .e-end-time-zone-container {
+.e-schedule-dialog.e-rtl .e-end-container {
   padding-left: 0;
   padding-right: 8px;
 }
 
+.e-schedule-dialog.e-rtl .e-end-time-zone-container {
+  padding-left: 4px;
+  padding-right: 8px;
+}
+
 .e-schedule-dialog.e-rtl .e-event-delete {
   float: right;
 }
@@ -3740,6 +3772,10 @@
   margin-right: 10px;
 }
 
+.e-quick-popup-wrapper.e-rtl .e-event-details {
+  margin-left: 8px;
+}
+
 .e-quick-popup-wrapper.e-device {
   bottom: 0;
   height: 100%;
@@ -3929,31 +3965,36 @@
   width: 26px;
 }
 
+.e-bigger .e-more-popup-wrapper,
 .e-more-popup-wrapper {
   background-color: #fff;
   border: 1px solid #e0e0e0;
   border-radius: 2px;
+  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.4);
   opacity: 1;
   padding: 8px 0;
   width: 225px;
-  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.4);
 }
 
+.e-bigger .e-more-popup-wrapper .e-more-appointment-wrapper,
 .e-more-popup-wrapper .e-more-appointment-wrapper {
   margin: 0 4px;
 }
 
+.e-bigger .e-more-popup-wrapper .e-more-event-popup,
 .e-more-popup-wrapper .e-more-event-popup {
   height: 100%;
   position: relative;
   width: 100%;
 }
 
+.e-bigger .e-more-popup-wrapper .e-more-event-header,
 .e-more-popup-wrapper .e-more-event-header {
   height: 35px;
   margin: 0 8px 4px 14px;
 }
 
+.e-bigger .e-more-popup-wrapper .e-more-event-content,
 .e-more-popup-wrapper .e-more-event-content {
   height: calc(100% - 35px);
   max-height: 300px;
@@ -3962,20 +4003,24 @@
   padding-right: 10px;
 }
 
+.e-bigger .e-more-popup-wrapper .e-more-event-content .e-appointment-border,
 .e-more-popup-wrapper .e-more-event-content .e-appointment-border {
   border: 0;
   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);
 }
 
+.e-bigger .e-more-popup-wrapper .e-more-event-date-header,
 .e-more-popup-wrapper .e-more-event-date-header {
   height: 100%;
   width: calc(100% - 25px);
 }
 
+.e-bigger .e-more-popup-wrapper .e-more-event-date-header .e-current-date,
 .e-more-popup-wrapper .e-more-event-date-header .e-current-date {
   color: #e3165b;
 }
 
+.e-bigger .e-more-popup-wrapper .e-header-day,
 .e-more-popup-wrapper .e-header-day {
   color: rgba(0, 0, 0, 0.87);
   font-size: 13px;
@@ -3983,6 +4028,7 @@
   padding-bottom: 2px;
 }
 
+.e-bigger .e-more-popup-wrapper .e-header-date,
 .e-more-popup-wrapper .e-header-date {
   color: rgba(0, 0, 0, 0.87);
   font-size: 18px;
@@ -3990,15 +4036,18 @@
   max-width: 15%;
 }
 
+.e-bigger .e-more-popup-wrapper .e-header-date:hover,
 .e-more-popup-wrapper .e-header-date:hover {
   cursor: pointer;
   text-decoration: underline;
 }
 
+.e-bigger .e-more-popup-wrapper .e-header-date:focus,
 .e-more-popup-wrapper .e-header-date:focus {
   text-decoration: underline;
 }
 
+.e-bigger .e-more-popup-wrapper .e-more-event-close,
 .e-more-popup-wrapper .e-more-event-close {
   background-color: transparent;
   border: 0;
@@ -4011,20 +4060,25 @@
   width: 25px;
 }
 
+.e-bigger .e-more-popup-wrapper .e-more-event-close .e-close-icon,
 .e-more-popup-wrapper .e-more-event-close .e-close-icon {
   font-size: 9px;
 }
 
+.e-bigger .e-more-popup-wrapper .e-more-event-close .e-btn-icon,
 .e-more-popup-wrapper .e-more-event-close .e-btn-icon {
   margin-top: 0;
 }
 
-.e-more-popup-wrapper .e-more-event-close:focus, .e-more-popup-wrapper .e-more-event-close:hover {
+.e-bigger .e-more-popup-wrapper .e-more-event-close:focus, .e-bigger .e-more-popup-wrapper .e-more-event-close:hover,
+.e-more-popup-wrapper .e-more-event-close:focus,
+.e-more-popup-wrapper .e-more-event-close:hover {
   background-color: #e0e0e0;
   border-radius: 50%;
   color: #000;
 }
 
+.e-bigger .e-more-popup-wrapper .e-appointment,
 .e-more-popup-wrapper .e-appointment {
   background: #3f51b5;
   border-radius: 2px;
@@ -4038,6 +4092,7 @@
   width: 100%;
 }
 
+.e-bigger .e-more-popup-wrapper .e-appointment .e-subject,
 .e-more-popup-wrapper .e-appointment .e-subject {
   color: #fff;
   -ms-flex: auto;
@@ -4050,17 +4105,22 @@
   white-space: nowrap;
 }
 
+.e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
+.e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon {
   line-height: 22px;
   padding: 0 2px;
 }
 
-.e-more-popup-wrapper .e-appointment.e-appointment-border, .e-more-popup-wrapper .e-appointment:focus {
+.e-bigger .e-more-popup-wrapper .e-appointment.e-appointment-border, .e-bigger .e-more-popup-wrapper .e-appointment:focus,
+.e-more-popup-wrapper .e-appointment.e-appointment-border,
+.e-more-popup-wrapper .e-appointment:focus {
   border: 0;
   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);
 }
 
+.e-bigger .e-more-popup-wrapper.e-device,
 .e-more-popup-wrapper.e-device {
   bottom: 0;
   height: 100%;
@@ -4074,10 +4134,12 @@
   z-index: 1002;
 }
 
+.e-bigger .e-more-popup-wrapper.e-device .e-more-event-content,
 .e-more-popup-wrapper.e-device .e-more-event-content {
   max-height: unset;
 }
 
+.e-bigger .e-more-popup-wrapper.e-rtl .e-more-event-close,
 .e-more-popup-wrapper.e-rtl .e-more-event-close {
   left: 6px;
   right: auto;
@@ -4555,8 +4617,13 @@
 }
 
 .e-recurrenceeditor .e-recurrence-table .e-week-position {
+  min-width: 81px;
   position: relative;
-  right: 16px;
+  right: 24px;
+}
+
+.e-recurrenceeditor .e-recurrence-table .e-day-position {
+  min-width: 120px;
 }
 
 .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
@@ -4606,12 +4673,13 @@
 }
 
 .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
-  padding-left: 0;
+  position: relative;
+  right: 10px;
 }
 
 .e-recurrenceeditor.e-rtl .e-week-position {
-  padding-left: 16px;
-  right: 0;
+  position: relative;
+  right: -24px;
 }
 
 .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
@@ -4748,15 +4816,25 @@
 }
 
 .e-bigger .e-recurrenceeditor .e-week-position {
+  min-width: 125px;
   padding-left: 55px;
   padding-right: 0;
 }
 
+.e-bigger .e-recurrenceeditor .e-day-position {
+  min-width: 128px;
+  padding-left: 14px;
+}
+
 .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
   font-size: 12px;
   margin-bottom: 0;
 }
 
+.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
+  padding-right: 16px;
+}
+
 .e-bigger .e-recurrenceeditor .e-end-on-label {
   margin-bottom: 0;
 }

package/styles/recurrence-editor/_bootstrap-dark-definition.scss

@@ -6,3 +6,10 @@ $recurrence-label-font-weight: bold !default;
 $recurrence-label-font-nrml-size: 12px !default;
 $recurrence-label-font-bgr-size: 12px !default;
 $recurrence-left-padding: 0 8px 10px 0 !default;
+$recurrence-week-position-min-width: 98px !default;
+$recurrence-week-position-bgr-min-width: 162px !default;
+$recurrence-day-position-bgr-min-width: 190px !default;
+$recurrence-day-position-bgr-padding-left: 54px !default;
+$recurrence-end-bgr-padding-right: 8px !default;
+$recurrence-week-position-right: 27px !default;
+$recurrence-week-position-right-rtl: -27px !default;

package/styles/recurrence-editor/_bootstrap-definition.scss

@@ -6,3 +6,10 @@ $recurrence-label-font-weight: bold !default;
 $recurrence-label-font-nrml-size: 12px !default;
 $recurrence-label-font-bgr-size: 12px !default;
 $recurrence-left-padding: 0 8px 10px 0 !default;
+$recurrence-week-position-bgr-min-width: 162px !default;
+$recurrence-day-position-bgr-min-width: 190px !default;
+$recurrence-day-position-bgr-padding-left: 54px !default;
+$recurrence-end-bgr-padding-right: 8px !default;
+$recurrence-week-position-min-width: 98px !default;
+$recurrence-week-position-right: 27px !default;
+$recurrence-week-position-right-rtl: -27px !default;

package/styles/recurrence-editor/_bootstrap4-definition.scss

@@ -6,3 +6,10 @@ $recurrence-label-font-weight: 400 !default;
 $recurrence-label-font-nrml-size: 14px !default;
 $recurrence-label-font-bgr-size: 16px !default;
 $recurrence-left-padding: 0 8px 16px 0 !default;
+$recurrence-week-position-bgr-min-width: 162px !default;
+$recurrence-day-position-bgr-min-width: 190px !default;
+$recurrence-day-position-bgr-padding-left: 54px !default;
+$recurrence-end-bgr-padding-right: 16px !default;
+$recurrence-week-position-min-width: 98px !default;
+$recurrence-week-position-right: 27px !default;
+$recurrence-week-position-right-rtl: -27px !default;

package/styles/recurrence-editor/_bootstrap5-definition.scss

@@ -6,3 +6,10 @@ $recurrence-label-font-weight: 400 !default;
 $recurrence-label-font-nrml-size: 14px !default;
 $recurrence-label-font-bgr-size: 16px !default;
 $recurrence-left-padding: 0 8px 16px 0 !default;
+$recurrence-week-position-bgr-min-width: 162px !default;
+$recurrence-day-position-bgr-min-width: 190px !default;
+$recurrence-day-position-bgr-padding-left: 54px !default;
+$recurrence-end-bgr-padding-right: 16px !default;
+$recurrence-week-position-min-width: 98px !default;
+$recurrence-week-position-right: 27px !default;
+$recurrence-week-position-right-rtl: -27px !default;

package/styles/recurrence-editor/_fabric-dark-definition.scss

@@ -6,3 +6,11 @@ $recurrence-label-font-weight: 400 !default;
 $recurrence-label-font-nrml-size: 13px !default;
 $recurrence-label-font-bgr-size: 13px !default;
 $recurrence-left-padding: 0 8px 10px 0 !default;
+$recurrence-week-position-bgr-min-width: 157px !default;
+$recurrence-day-position-bgr-min-width: 183px !default;
+$recurrence-day-position-bgr-padding-left: 54px !default;
+$recurrence-end-bgr-padding-right: 5px !default;
+$recurrence-week-position-min-width: 90px !default;
+$recurrence-week-position-right: 21px !default;
+$recurrence-week-position-right-rtl: -21px !default;
+

package/styles/recurrence-editor/_fabric-definition.scss

@@ -6,3 +6,10 @@ $recurrence-label-font-weight: 400 !default;
 $recurrence-label-font-nrml-size: 13px !default;
 $recurrence-label-font-bgr-size: 13px !default;
 $recurrence-left-padding: 0 8px 10px 0 !default;
+$recurrence-week-position-bgr-min-width: 157px !default;
+$recurrence-day-position-bgr-min-width: 183px !default;
+$recurrence-day-position-bgr-padding-left: 54px !default;
+$recurrence-end-bgr-padding-right: 5px !default;
+$recurrence-week-position-min-width: 90px !default;
+$recurrence-week-position-right: 21px !default;
+$recurrence-week-position-right-rtl: -21px !default;

package/styles/recurrence-editor/_fluent-definition.scss

@@ -0,0 +1,15 @@
+/*! recurrence editor theme wise definitions*/
+$recurrence-label-bottom: 7px !default;
+$recurrence-month-label-bottom: 7px !default;
+$recurrence-week-label-bottom: 10px !default;
+$recurrence-label-font-weight: 400 !default;
+$recurrence-label-font-nrml-size: 14px !default;
+$recurrence-label-font-bgr-size: 16px !default;
+$recurrence-left-padding: 0 8px 16px 0 !default;
+$recurrence-week-position-bgr-min-width: 157px !default;
+$recurrence-day-position-bgr-min-width: 183px !default;
+$recurrence-day-position-bgr-padding-left: 54px !default;
+$recurrence-end-bgr-padding-right: 5px !default;
+$recurrence-week-position-min-width: 90px !default;
+$recurrence-week-position-right: 21px !default;
+$recurrence-week-position-right-rtl: -21px !default;

package/styles/recurrence-editor/_highcontrast-definition.scss

@@ -6,3 +6,10 @@ $recurrence-label-font-weight: 400 !default;
 $recurrence-label-font-nrml-size: 12px !default;
 $recurrence-label-font-bgr-size: 12px !default;
 $recurrence-left-padding: 0 8px 10px 0 !default;
+$recurrence-week-position-bgr-min-width: 157px !default;
+$recurrence-day-position-bgr-min-width: 183px !default;
+$recurrence-day-position-bgr-padding-left: 54px !default;
+$recurrence-end-bgr-padding-right: 5px !default;
+$recurrence-week-position-min-width: 88px !default;
+$recurrence-week-position-right: 19px !default;
+$recurrence-week-position-right-rtl: -19px !default;

package/styles/recurrence-editor/_highcontrast-light-definition.scss

@@ -6,3 +6,10 @@ $recurrence-label-font-weight: 400 !default;
 $recurrence-label-font-nrml-size: 12px !default;
 $recurrence-label-font-bgr-size: 12px !default;
 $recurrence-left-padding: 0 8px 10px 0 !default;
+$recurrence-week-position-bgr-min-width: 157px !default;
+$recurrence-day-position-bgr-min-width: 183px !default;
+$recurrence-day-position-bgr-padding-left: 54px !default;
+$recurrence-end-bgr-padding-right: 5px !default;
+$recurrence-week-position-min-width: 88px !default;
+$recurrence-week-position-right: 19px !default;
+$recurrence-week-position-right-rtl: -19px !default;

package/styles/recurrence-editor/_layout.scss

@@ -33,8 +33,13 @@
       }
 
       .e-week-position {
+        min-width: $recurrence-week-position-min-width;
         position: relative;
-        right: 16px;
+        right: $recurrence-week-position-right;
+      }
+
+      .e-day-position {
+        min-width: 120px;
       }
 
       .e-monthday-element {
@@ -86,12 +91,13 @@
       }
 
       .e-recurrence-table .e-monthday-element {
-        padding-left: 0;
+        position: relative;
+        right: 10px;
       }
 
       .e-week-position {
-        padding-left: 16px;
-        right: 0;
+        position: relative;
+        right: $recurrence-week-position-right-rtl;
       }
 
       .e-input-wrapper-side.e-end-on .e-end-on-label,
@@ -240,15 +246,25 @@
       }
 
       .e-week-position {
+        min-width: $recurrence-week-position-bgr-min-width;
         padding-left: 55px;
         padding-right: 0;
       }
 
+      .e-day-position {
+        min-width: $recurrence-day-position-bgr-min-width;
+        padding-left: $recurrence-day-position-bgr-padding-left;
+      }
+
       .e-input-wrapper-side.e-non-week > .e-month-expander-label {
         font-size: $recurrence-label-font-bgr-size;
         margin-bottom: 0;
       }
 
+      .e-input-wrapper-side.e-end-on .e-end-on-left {
+        padding-right: $recurrence-end-bgr-padding-right;
+      }
+
       .e-end-on-label {
         margin-bottom: 0;
       }

package/styles/recurrence-editor/_material-dark-definition.scss

@@ -6,3 +6,10 @@ $recurrence-label-font-weight: 400 !default;
 $recurrence-label-font-nrml-size: 12px !default;
 $recurrence-label-font-bgr-size: 12px !default;
 $recurrence-left-padding: 0 8px 10px 0 !default;
+$recurrence-week-position-bgr-min-width: 125px !default;
+$recurrence-day-position-bgr-min-width: 128px !default;
+$recurrence-day-position-bgr-padding-left: 14px !default;
+$recurrence-end-bgr-padding-right: 16px !default;
+$recurrence-week-position-min-width: 81px !default;
+$recurrence-week-position-right: 24px !default;
+$recurrence-week-position-right-rtl: -24px !default;

package/styles/recurrence-editor/_material-definition.scss

@@ -6,3 +6,10 @@ $recurrence-label-font-weight: 400 !default;
 $recurrence-label-font-nrml-size: 12px !default;
 $recurrence-label-font-bgr-size: 12px !default;
 $recurrence-left-padding: 0 8px 10px 0 !default;
+$recurrence-week-position-bgr-min-width: 125px !default;
+$recurrence-day-position-bgr-min-width: 128px !default;
+$recurrence-day-position-bgr-padding-left: 14px !default;
+$recurrence-end-bgr-padding-right: 16px !default;
+$recurrence-week-position-min-width: 81px !default;
+$recurrence-week-position-right: 24px !default;
+$recurrence-week-position-right-rtl: -24px !default;

package/styles/recurrence-editor/_tailwind-definition.scss

@@ -1,8 +1,15 @@
-/*! recurrence editor theme wise definitions*/
-$recurrence-label-bottom: 7px !default;
-$recurrence-month-label-bottom: 7px !default;
-$recurrence-week-label-bottom: 10px !default;
-$recurrence-label-font-weight: 400 !default;
-$recurrence-label-font-nrml-size: 14px !default;
-$recurrence-label-font-bgr-size: 16px !default;
-$recurrence-left-padding: 0 8px 16px 0 !default;
+/*! recurrence editor theme wise definitions*/
+$recurrence-label-bottom: 7px !default;
+$recurrence-month-label-bottom: 7px !default;
+$recurrence-week-label-bottom: 10px !default;
+$recurrence-label-font-weight: 400 !default;
+$recurrence-label-font-nrml-size: 14px !default;
+$recurrence-label-font-bgr-size: 16px !default;
+$recurrence-left-padding: 0 8px 16px 0 !default;
+$recurrence-week-position-bgr-min-width: 167px !default;
+$recurrence-day-position-bgr-min-width: 197px !default;
+$recurrence-day-position-bgr-padding-left: 54px !default;
+$recurrence-end-bgr-padding-right: 2px !default;
+$recurrence-week-position-min-width: 94px !default;
+$recurrence-week-position-right: 26px !default;
+$recurrence-week-position-right-rtl: -26px !default;

package/styles/recurrence-editor/bootstrap-dark.css

@@ -35,8 +35,13 @@
 }
 
 .e-recurrenceeditor .e-recurrence-table .e-week-position {
+  min-width: 98px;
   position: relative;
-  right: 16px;
+  right: 27px;
+}
+
+.e-recurrenceeditor .e-recurrence-table .e-day-position {
+  min-width: 120px;
 }
 
 .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
@@ -86,12 +91,13 @@
 }
 
 .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
-  padding-left: 0;
+  position: relative;
+  right: 10px;
 }
 
 .e-recurrenceeditor.e-rtl .e-week-position {
-  padding-left: 16px;
-  right: 0;
+  position: relative;
+  right: -27px;
 }
 
 .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
@@ -228,15 +234,25 @@
 }
 
 .e-bigger .e-recurrenceeditor .e-week-position {
+  min-width: 162px;
   padding-left: 55px;
   padding-right: 0;
 }
 
+.e-bigger .e-recurrenceeditor .e-day-position {
+  min-width: 190px;
+  padding-left: 54px;
+}
+
 .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
   font-size: 12px;
   margin-bottom: 0;
 }
 
+.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
+  padding-right: 8px;
+}
+
 .e-bigger .e-recurrenceeditor .e-end-on-label {
   margin-bottom: 0;
 }