npm - @syncfusion/blazor-themes - Versions diffs - 23.2.6 → 24.1.41 - Mend

@syncfusion/blazor-themes 23.2.6 → 24.1.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (450) hide show

package/SCSS-Themes/schedule/recurrence-editor/bootstrap5.scss CHANGED Viewed

@@ -36,10 +36,11 @@
 @import '../../calendars/timepicker/bootstrap5.scss';
 /*! recurrence editor theme wise definitions*/
 $recurrence-label-bottom: 7px !default;
-$recurrence-month-label-bottom: 7px !default;
+$recurrence-month-label-bottom: 5px !default;
+$recurrence-month-label-bottom-bgr: 0 !default;
 $recurrence-week-label-bottom: 10px !default;
-$recurrence-label-font-weight: $font-weight-normal !default;
-$recurrence-label-font-nrml-size: 14px !default;
+$recurrence-label-font-weight: $font-weight-medium !default;
+$recurrence-label-font-nrml-size: 12px !default;
 $recurrence-label-font-bgr-size: 16px !default;
 $recurrence-left-padding: 0 8px 16px 0 !default;
 $recurrence-week-position-bgr-min-width: 130px !default;
@@ -47,6 +48,7 @@ $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-end-on-date-margin-top: 24px !default;
 @include export-module('recurrence-editor-layout') {
@@ -122,6 +124,7 @@ $recurrence-week-position-min-width: 98px !default;
     .e-input-wrapper.e-end-on-date,
     .e-input-wrapper.e-end-on-count {
       padding-right: 0;
+      margin-top: $recurrence-end-on-date-margin-top;
     }
     &.e-rtl {
@@ -223,15 +226,6 @@ $recurrence-week-position-min-width: 98px !default;
       width: 50%;
       &.e-end-on {
-        .e-end-on-label {
-          float: none;
-          font-size: $recurrence-label-font-nrml-size;
-          font-weight: $recurrence-label-font-weight;
-          margin-bottom: $recurrence-month-label-bottom;
-          padding-right: 16px;
-        }
         .e-end-on-left {
           padding-right: 16px;
         }
@@ -299,7 +293,8 @@ $recurrence-week-position-min-width: 98px !default;
       .e-input-wrapper-side.e-non-week > .e-month-expander-label {
         font-size: $recurrence-label-font-bgr-size;
-        margin-bottom: 0;
+        margin-bottom: $recurrence-month-label-bottom-bgr;
+        font-weight: $recurrence-label-font-weight;
       }
       .e-input-wrapper-side.e-end-on .e-end-on-left {

package/SCSS-Themes/schedule/recurrence-editor/fabric-dark.scss CHANGED Viewed

@@ -36,10 +36,11 @@
 @import '../../calendars/timepicker/fabric-dark.scss';
 /*! recurrence editor theme wise definitions*/
 $recurrence-label-bottom: 7px !default;
-$recurrence-month-label-bottom: 7px !default;
+$recurrence-month-label-bottom: 10px !default;
+$recurrence-month-label-bottom-bgr: 8px !default;
 $recurrence-week-label-bottom: 10px !default;
 $recurrence-label-font-weight: 400 !default;
-$recurrence-label-font-nrml-size: 13px !default;
+$recurrence-label-font-nrml-size: 12px !default;
 $recurrence-label-font-bgr-size: 13px !default;
 $recurrence-left-padding: 0 8px 10px 0 !default;
 $recurrence-week-position-bgr-min-width: 130px !default;
@@ -47,6 +48,7 @@ $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-end-on-date-margin-top: 28px !default;
 @include export-module('recurrence-editor-layout') {
@@ -122,6 +124,7 @@ $recurrence-week-position-min-width: 90px !default;
     .e-input-wrapper.e-end-on-date,
     .e-input-wrapper.e-end-on-count {
       padding-right: 0;
+      margin-top: $recurrence-end-on-date-margin-top;
     }
     &.e-rtl {
@@ -223,15 +226,6 @@ $recurrence-week-position-min-width: 90px !default;
       width: 50%;
       &.e-end-on {
-        .e-end-on-label {
-          float: none;
-          font-size: $recurrence-label-font-nrml-size;
-          font-weight: $recurrence-label-font-weight;
-          margin-bottom: $recurrence-month-label-bottom;
-          padding-right: 16px;
-        }
         .e-end-on-left {
           padding-right: 16px;
         }
@@ -299,7 +293,8 @@ $recurrence-week-position-min-width: 90px !default;
       .e-input-wrapper-side.e-non-week > .e-month-expander-label {
         font-size: $recurrence-label-font-bgr-size;
-        margin-bottom: 0;
+        margin-bottom: $recurrence-month-label-bottom-bgr;
+        font-weight: $recurrence-label-font-weight;
       }
       .e-input-wrapper-side.e-end-on .e-end-on-left {

package/SCSS-Themes/schedule/recurrence-editor/fabric.scss CHANGED Viewed

@@ -36,10 +36,11 @@
 @import '../../calendars/timepicker/fabric.scss';
 /*! recurrence editor theme wise definitions*/
 $recurrence-label-bottom: 7px !default;
-$recurrence-month-label-bottom: 7px !default;
+$recurrence-month-label-bottom: 10px !default;
+$recurrence-month-label-bottom-bgr: 8px !default;
 $recurrence-week-label-bottom: 10px !default;
 $recurrence-label-font-weight: 400 !default;
-$recurrence-label-font-nrml-size: 13px !default;
+$recurrence-label-font-nrml-size: 12px !default;
 $recurrence-label-font-bgr-size: 13px !default;
 $recurrence-left-padding: 0 8px 10px 0 !default;
 $recurrence-week-position-bgr-min-width: 130px !default;
@@ -47,6 +48,7 @@ $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-end-on-date-margin-top: 28px !default;
 @include export-module('recurrence-editor-layout') {
@@ -122,6 +124,7 @@ $recurrence-week-position-min-width: 90px !default;
     .e-input-wrapper.e-end-on-date,
     .e-input-wrapper.e-end-on-count {
       padding-right: 0;
+      margin-top: $recurrence-end-on-date-margin-top;
     }
     &.e-rtl {
@@ -223,15 +226,6 @@ $recurrence-week-position-min-width: 90px !default;
       width: 50%;
       &.e-end-on {
-        .e-end-on-label {
-          float: none;
-          font-size: $recurrence-label-font-nrml-size;
-          font-weight: $recurrence-label-font-weight;
-          margin-bottom: $recurrence-month-label-bottom;
-          padding-right: 16px;
-        }
         .e-end-on-left {
           padding-right: 16px;
         }
@@ -299,7 +293,8 @@ $recurrence-week-position-min-width: 90px !default;
       .e-input-wrapper-side.e-non-week > .e-month-expander-label {
         font-size: $recurrence-label-font-bgr-size;
-        margin-bottom: 0;
+        margin-bottom: $recurrence-month-label-bottom-bgr;
+        font-weight: $recurrence-label-font-weight;
       }
       .e-input-wrapper-side.e-end-on .e-end-on-left {

package/SCSS-Themes/schedule/recurrence-editor/fluent-dark.scss CHANGED Viewed

@@ -36,9 +36,10 @@
 @import '../../calendars/timepicker/fluent-dark.scss';
 /*! recurrence editor theme wise definitions*/
 $recurrence-label-bottom: 7px !default;
-$recurrence-month-label-bottom: 7px !default;
+$recurrence-month-label-bottom: 4px !default;
+$recurrence-month-label-bottom-bgr: 0 !default;
 $recurrence-week-label-bottom: 10px !default;
-$recurrence-label-font-weight: $font-weight-normal !default;
+$recurrence-label-font-weight: 600 !default;
 $recurrence-label-font-nrml-size: 14px !default;
 $recurrence-label-font-bgr-size: 16px !default;
 $recurrence-left-padding: 0 8px 16px 0 !default;
@@ -47,6 +48,7 @@ $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-end-on-date-margin-top: 24px !default;
 @include export-module('recurrence-editor-layout') {
@@ -122,6 +124,7 @@ $recurrence-week-position-min-width: 90px !default;
     .e-input-wrapper.e-end-on-date,
     .e-input-wrapper.e-end-on-count {
       padding-right: 0;
+      margin-top: $recurrence-end-on-date-margin-top;
     }
     &.e-rtl {
@@ -223,15 +226,6 @@ $recurrence-week-position-min-width: 90px !default;
       width: 50%;
       &.e-end-on {
-        .e-end-on-label {
-          float: none;
-          font-size: $recurrence-label-font-nrml-size;
-          font-weight: $recurrence-label-font-weight;
-          margin-bottom: $recurrence-month-label-bottom;
-          padding-right: 16px;
-        }
         .e-end-on-left {
           padding-right: 16px;
         }
@@ -299,7 +293,8 @@ $recurrence-week-position-min-width: 90px !default;
       .e-input-wrapper-side.e-non-week > .e-month-expander-label {
         font-size: $recurrence-label-font-bgr-size;
-        margin-bottom: 0;
+        margin-bottom: $recurrence-month-label-bottom-bgr;
+        font-weight: $recurrence-label-font-weight;
       }
       .e-input-wrapper-side.e-end-on .e-end-on-left {

package/SCSS-Themes/schedule/recurrence-editor/fluent.scss CHANGED Viewed

@@ -36,9 +36,10 @@
 @import '../../calendars/timepicker/fluent.scss';
 /*! recurrence editor theme wise definitions*/
 $recurrence-label-bottom: 7px !default;
-$recurrence-month-label-bottom: 7px !default;
+$recurrence-month-label-bottom: 4px !default;
+$recurrence-month-label-bottom-bgr: 0 !default;
 $recurrence-week-label-bottom: 10px !default;
-$recurrence-label-font-weight: $font-weight-normal !default;
+$recurrence-label-font-weight: 600 !default;
 $recurrence-label-font-nrml-size: 14px !default;
 $recurrence-label-font-bgr-size: 16px !default;
 $recurrence-left-padding: 0 8px 16px 0 !default;
@@ -47,6 +48,7 @@ $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-end-on-date-margin-top: 24px !default;
 @include export-module('recurrence-editor-layout') {
@@ -122,6 +124,7 @@ $recurrence-week-position-min-width: 90px !default;
     .e-input-wrapper.e-end-on-date,
     .e-input-wrapper.e-end-on-count {
       padding-right: 0;
+      margin-top: $recurrence-end-on-date-margin-top;
     }
     &.e-rtl {
@@ -223,15 +226,6 @@ $recurrence-week-position-min-width: 90px !default;
       width: 50%;
       &.e-end-on {
-        .e-end-on-label {
-          float: none;
-          font-size: $recurrence-label-font-nrml-size;
-          font-weight: $recurrence-label-font-weight;
-          margin-bottom: $recurrence-month-label-bottom;
-          padding-right: 16px;
-        }
         .e-end-on-left {
           padding-right: 16px;
         }
@@ -299,7 +293,8 @@ $recurrence-week-position-min-width: 90px !default;
       .e-input-wrapper-side.e-non-week > .e-month-expander-label {
         font-size: $recurrence-label-font-bgr-size;
-        margin-bottom: 0;
+        margin-bottom: $recurrence-month-label-bottom-bgr;
+        font-weight: $recurrence-label-font-weight;
       }
       .e-input-wrapper-side.e-end-on .e-end-on-left {

package/SCSS-Themes/schedule/recurrence-editor/highcontrast.scss CHANGED Viewed

@@ -36,7 +36,8 @@
 @import '../../calendars/timepicker/highcontrast.scss';
 /*! recurrence editor theme wise definitions*/
 $recurrence-label-bottom: 7px !default;
-$recurrence-month-label-bottom: 7px !default;
+$recurrence-month-label-bottom: 10px !default;
+$recurrence-month-label-bottom-bgr: 10px !default;
 $recurrence-week-label-bottom: 10px !default;
 $recurrence-label-font-weight: 400 !default;
 $recurrence-label-font-nrml-size: 12px !default;
@@ -47,6 +48,7 @@ $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-end-on-date-margin-top: 28px !default;
 @include export-module('recurrence-editor-layout') {
@@ -122,6 +124,7 @@ $recurrence-week-position-min-width: 88px !default;
     .e-input-wrapper.e-end-on-date,
     .e-input-wrapper.e-end-on-count {
       padding-right: 0;
+      margin-top: $recurrence-end-on-date-margin-top;
     }
     &.e-rtl {
@@ -223,15 +226,6 @@ $recurrence-week-position-min-width: 88px !default;
       width: 50%;
       &.e-end-on {
-        .e-end-on-label {
-          float: none;
-          font-size: $recurrence-label-font-nrml-size;
-          font-weight: $recurrence-label-font-weight;
-          margin-bottom: $recurrence-month-label-bottom;
-          padding-right: 16px;
-        }
         .e-end-on-left {
           padding-right: 16px;
         }
@@ -299,7 +293,8 @@ $recurrence-week-position-min-width: 88px !default;
       .e-input-wrapper-side.e-non-week > .e-month-expander-label {
         font-size: $recurrence-label-font-bgr-size;
-        margin-bottom: 0;
+        margin-bottom: $recurrence-month-label-bottom-bgr;
+        font-weight: $recurrence-label-font-weight;
       }
       .e-input-wrapper-side.e-end-on .e-end-on-left {

package/SCSS-Themes/schedule/recurrence-editor/material-dark.scss CHANGED Viewed

@@ -37,9 +37,10 @@
 /*! recurrence editor theme wise definitions*/
 $recurrence-label-bottom: 1px !default;
 $recurrence-month-label-bottom: 1px !default;
+$recurrence-month-label-bottom-bgr: 3px !default;
 $recurrence-week-label-bottom: 10px !default;
 $recurrence-label-font-weight: 400 !default;
-$recurrence-label-font-nrml-size: 12px !default;
+$recurrence-label-font-nrml-size: 13px !default;
 $recurrence-label-font-bgr-size: 12px !default;
 $recurrence-left-padding: 0 8px 10px 0 !default;
 $recurrence-week-position-bgr-min-width: 90px !default;
@@ -47,6 +48,7 @@ $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-end-on-date-margin-top: 16px !default;
 @include export-module('recurrence-editor-layout') {
@@ -122,6 +124,7 @@ $recurrence-week-position-min-width: 81px !default;
     .e-input-wrapper.e-end-on-date,
     .e-input-wrapper.e-end-on-count {
       padding-right: 0;
+      margin-top: $recurrence-end-on-date-margin-top;
     }
     &.e-rtl {
@@ -223,15 +226,6 @@ $recurrence-week-position-min-width: 81px !default;
       width: 50%;
       &.e-end-on {
-        .e-end-on-label {
-          float: none;
-          font-size: $recurrence-label-font-nrml-size;
-          font-weight: $recurrence-label-font-weight;
-          margin-bottom: $recurrence-month-label-bottom;
-          padding-right: 16px;
-        }
         .e-end-on-left {
           padding-right: 16px;
         }
@@ -299,7 +293,8 @@ $recurrence-week-position-min-width: 81px !default;
       .e-input-wrapper-side.e-non-week > .e-month-expander-label {
         font-size: $recurrence-label-font-bgr-size;
-        margin-bottom: 0;
+        margin-bottom: $recurrence-month-label-bottom-bgr;
+        font-weight: $recurrence-label-font-weight;
       }
       .e-input-wrapper-side.e-end-on .e-end-on-left {

package/SCSS-Themes/schedule/recurrence-editor/material.scss CHANGED Viewed

@@ -37,9 +37,10 @@
 /*! recurrence editor theme wise definitions*/
 $recurrence-label-bottom: 1px !default;
 $recurrence-month-label-bottom: 1px !default;
+$recurrence-month-label-bottom-bgr: 3px !default;
 $recurrence-week-label-bottom: 10px !default;
 $recurrence-label-font-weight: 400 !default;
-$recurrence-label-font-nrml-size: 12px !default;
+$recurrence-label-font-nrml-size: 13px !default;
 $recurrence-label-font-bgr-size: 12px !default;
 $recurrence-left-padding: 0 8px 10px 0 !default;
 $recurrence-week-position-bgr-min-width: 90px !default;
@@ -47,6 +48,7 @@ $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-end-on-date-margin-top: 16px !default;
 @include export-module('recurrence-editor-layout') {
@@ -122,6 +124,7 @@ $recurrence-week-position-min-width: 81px !default;
     .e-input-wrapper.e-end-on-date,
     .e-input-wrapper.e-end-on-count {
       padding-right: 0;
+      margin-top: $recurrence-end-on-date-margin-top;
     }
     &.e-rtl {
@@ -223,15 +226,6 @@ $recurrence-week-position-min-width: 81px !default;
       width: 50%;
       &.e-end-on {
-        .e-end-on-label {
-          float: none;
-          font-size: $recurrence-label-font-nrml-size;
-          font-weight: $recurrence-label-font-weight;
-          margin-bottom: $recurrence-month-label-bottom;
-          padding-right: 16px;
-        }
         .e-end-on-left {
           padding-right: 16px;
         }
@@ -299,7 +293,8 @@ $recurrence-week-position-min-width: 81px !default;
       .e-input-wrapper-side.e-non-week > .e-month-expander-label {
         font-size: $recurrence-label-font-bgr-size;
-        margin-bottom: 0;
+        margin-bottom: $recurrence-month-label-bottom-bgr;
+        font-weight: $recurrence-label-font-weight;
       }
       .e-input-wrapper-side.e-end-on .e-end-on-left {

package/SCSS-Themes/schedule/recurrence-editor/material3-dark.scss CHANGED Viewed

@@ -36,10 +36,11 @@
 @import '../../calendars/timepicker/material3-dark.scss';
 /*! recurrence editor theme wise definitions*/
 $recurrence-label-bottom: 8px !default;
-$recurrence-month-label-bottom: 8px !default;
+$recurrence-month-label-bottom: -2px !default;
+$recurrence-month-label-bottom-bgr: -1px !default;
 $recurrence-week-label-bottom: 10px !default;
 $recurrence-label-font-weight: $font-weight-normal !default;
-$recurrence-label-font-nrml-size: $text-xxs !default;
+$recurrence-label-font-nrml-size: $text-xs !default;
 $recurrence-label-font-bgr-size: $text-xs !default;
 $recurrence-left-padding: 0 8px 16px 0 !default;
 $recurrence-week-position-bgr-min-width: 130px !default;
@@ -47,6 +48,7 @@ $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-end-on-date-margin-top: 16px !default;
 @include export-module('recurrence-editor-layout') {
@@ -122,6 +124,7 @@ $recurrence-week-position-min-width: 98px !default;
     .e-input-wrapper.e-end-on-date,
     .e-input-wrapper.e-end-on-count {
       padding-right: 0;
+      margin-top: $recurrence-end-on-date-margin-top;
     }
     &.e-rtl {
@@ -223,15 +226,6 @@ $recurrence-week-position-min-width: 98px !default;
       width: 50%;
       &.e-end-on {
-        .e-end-on-label {
-          float: none;
-          font-size: $recurrence-label-font-nrml-size;
-          font-weight: $recurrence-label-font-weight;
-          margin-bottom: $recurrence-month-label-bottom;
-          padding-right: 16px;
-        }
         .e-end-on-left {
           padding-right: 16px;
         }
@@ -299,7 +293,8 @@ $recurrence-week-position-min-width: 98px !default;
       .e-input-wrapper-side.e-non-week > .e-month-expander-label {
         font-size: $recurrence-label-font-bgr-size;
-        margin-bottom: 0;
+        margin-bottom: $recurrence-month-label-bottom-bgr;
+        font-weight: $recurrence-label-font-weight;
       }
       .e-input-wrapper-side.e-end-on .e-end-on-left {

package/SCSS-Themes/schedule/recurrence-editor/material3.scss CHANGED Viewed

@@ -36,10 +36,11 @@
 @import '../../calendars/timepicker/material3.scss';
 /*! recurrence editor theme wise definitions*/
 $recurrence-label-bottom: 8px !default;
-$recurrence-month-label-bottom: 8px !default;
+$recurrence-month-label-bottom: -2px !default;
+$recurrence-month-label-bottom-bgr: -1px !default;
 $recurrence-week-label-bottom: 10px !default;
 $recurrence-label-font-weight: $font-weight-normal !default;
-$recurrence-label-font-nrml-size: $text-xxs !default;
+$recurrence-label-font-nrml-size: $text-xs !default;
 $recurrence-label-font-bgr-size: $text-xs !default;
 $recurrence-left-padding: 0 8px 16px 0 !default;
 $recurrence-week-position-bgr-min-width: 130px !default;
@@ -47,6 +48,7 @@ $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-end-on-date-margin-top: 16px !default;
 @include export-module('recurrence-editor-layout') {
@@ -122,6 +124,7 @@ $recurrence-week-position-min-width: 98px !default;
     .e-input-wrapper.e-end-on-date,
     .e-input-wrapper.e-end-on-count {
       padding-right: 0;
+      margin-top: $recurrence-end-on-date-margin-top;
     }
     &.e-rtl {
@@ -223,15 +226,6 @@ $recurrence-week-position-min-width: 98px !default;
       width: 50%;
       &.e-end-on {
-        .e-end-on-label {
-          float: none;
-          font-size: $recurrence-label-font-nrml-size;
-          font-weight: $recurrence-label-font-weight;
-          margin-bottom: $recurrence-month-label-bottom;
-          padding-right: 16px;
-        }
         .e-end-on-left {
           padding-right: 16px;
         }
@@ -299,7 +293,8 @@ $recurrence-week-position-min-width: 98px !default;
       .e-input-wrapper-side.e-non-week > .e-month-expander-label {
         font-size: $recurrence-label-font-bgr-size;
-        margin-bottom: 0;
+        margin-bottom: $recurrence-month-label-bottom-bgr;
+        font-weight: $recurrence-label-font-weight;
       }
       .e-input-wrapper-side.e-end-on .e-end-on-left {

package/SCSS-Themes/schedule/recurrence-editor/tailwind-dark.scss CHANGED Viewed

@@ -36,10 +36,11 @@
 @import '../../calendars/timepicker/tailwind-dark.scss';
 /*! recurrence editor theme wise definitions*/
 $recurrence-label-bottom: 7px !default;
-$recurrence-month-label-bottom: 7px !default;
+$recurrence-month-label-bottom: 6px !default;
+$recurrence-month-label-bottom-bgr: 0 !default;
 $recurrence-week-label-bottom: 10px !default;
-$recurrence-label-font-weight: $font-weight-normal !default;
-$recurrence-label-font-nrml-size: 14px !default;
+$recurrence-label-font-weight: $font-weight-medium !default;
+$recurrence-label-font-nrml-size: 12px !default;
 $recurrence-label-font-bgr-size: 16px !default;
 $recurrence-left-padding: 0 8px 16px 0 !default;
 $recurrence-week-position-bgr-min-width: 130px !default;
@@ -47,6 +48,7 @@ $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-end-on-date-margin-top: 24px !default;
 @include export-module('recurrence-editor-layout') {
@@ -122,6 +124,7 @@ $recurrence-week-position-min-width: 94px !default;
     .e-input-wrapper.e-end-on-date,
     .e-input-wrapper.e-end-on-count {
       padding-right: 0;
+      margin-top: $recurrence-end-on-date-margin-top;
     }
     &.e-rtl {
@@ -223,15 +226,6 @@ $recurrence-week-position-min-width: 94px !default;
       width: 50%;
       &.e-end-on {
-        .e-end-on-label {
-          float: none;
-          font-size: $recurrence-label-font-nrml-size;
-          font-weight: $recurrence-label-font-weight;
-          margin-bottom: $recurrence-month-label-bottom;
-          padding-right: 16px;
-        }
         .e-end-on-left {
           padding-right: 16px;
         }
@@ -299,7 +293,8 @@ $recurrence-week-position-min-width: 94px !default;
       .e-input-wrapper-side.e-non-week > .e-month-expander-label {
         font-size: $recurrence-label-font-bgr-size;
-        margin-bottom: 0;
+        margin-bottom: $recurrence-month-label-bottom-bgr;
+        font-weight: $recurrence-label-font-weight;
       }
       .e-input-wrapper-side.e-end-on .e-end-on-left {

package/SCSS-Themes/schedule/recurrence-editor/tailwind.scss CHANGED Viewed

@@ -36,10 +36,11 @@
 @import '../../calendars/timepicker/tailwind.scss';
 /*! recurrence editor theme wise definitions*/
 $recurrence-label-bottom: 7px !default;
-$recurrence-month-label-bottom: 7px !default;
+$recurrence-month-label-bottom: 6px !default;
+$recurrence-month-label-bottom-bgr: 0 !default;
 $recurrence-week-label-bottom: 10px !default;
-$recurrence-label-font-weight: $font-weight-normal !default;
-$recurrence-label-font-nrml-size: 14px !default;
+$recurrence-label-font-weight: $font-weight-medium !default;
+$recurrence-label-font-nrml-size: 12px !default;
 $recurrence-label-font-bgr-size: 16px !default;
 $recurrence-left-padding: 0 8px 16px 0 !default;
 $recurrence-week-position-bgr-min-width: 130px !default;
@@ -47,6 +48,7 @@ $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-end-on-date-margin-top: 24px !default;
 @include export-module('recurrence-editor-layout') {
@@ -122,6 +124,7 @@ $recurrence-week-position-min-width: 94px !default;
     .e-input-wrapper.e-end-on-date,
     .e-input-wrapper.e-end-on-count {
       padding-right: 0;
+      margin-top: $recurrence-end-on-date-margin-top;
     }
     &.e-rtl {
@@ -223,15 +226,6 @@ $recurrence-week-position-min-width: 94px !default;
       width: 50%;
       &.e-end-on {
-        .e-end-on-label {
-          float: none;
-          font-size: $recurrence-label-font-nrml-size;
-          font-weight: $recurrence-label-font-weight;
-          margin-bottom: $recurrence-month-label-bottom;
-          padding-right: 16px;
-        }
         .e-end-on-left {
           padding-right: 16px;
         }
@@ -299,7 +293,8 @@ $recurrence-week-position-min-width: 94px !default;
       .e-input-wrapper-side.e-non-week > .e-month-expander-label {
         font-size: $recurrence-label-font-bgr-size;
-        margin-bottom: 0;
+        margin-bottom: $recurrence-month-label-bottom-bgr;
+        font-weight: $recurrence-label-font-weight;
       }
       .e-input-wrapper-side.e-end-on .e-end-on-left {