@syncfusion/ej2-calendars 33.2.13 → 34.1.29

package/styles/fabric-dark-lite.scss

@@ -1,19 +1,15 @@
-@use 'ej2-base/styles/definition/fabric-dark' as *;
-@use 'ej2-buttons/styles/button/fabric-dark-definition' as *;
 @use 'calendar/fabric-dark-definition' as *;
 @use 'calendar/icons/fabric-dark' as *;
-@use 'calendar/all.fabric-dark' as *;
-@use 'ej2-inputs/styles/input/fabric-dark-definition' as *;
-@use 'ej2-popups/styles/popup/fabric-dark-definition' as *;
+@use 'calendar/all' as *;
 @use 'timepicker/fabric-dark-definition' as *;
 @use 'timepicker/icons/fabric-dark' as *;
-@use 'timepicker/all.fabric-dark' as *;
+@use 'timepicker/all' as *;
 @use 'datepicker/fabric-dark-definition' as *;
 @use 'datepicker/icons/fabric-dark' as *;
-@use 'datepicker/all.fabric-dark' as *;
+@use 'datepicker/all' as *;
 @use 'daterangepicker/fabric-dark-definition' as *;
 @use 'daterangepicker/icons/fabric-dark' as *;
-@use 'daterangepicker/all.fabric-dark' as *;
+@use 'daterangepicker/all' as *;
 @use 'datetimepicker/fabric-dark-definition' as *;
 @use 'datetimepicker/icons/fabric-dark' as *;
-@use 'datetimepicker/all.fabric-dark' as *;
+@use 'datetimepicker/all' as *;

package/styles/fabric-dark.css

@@ -1196,7 +1196,6 @@ ejs-calendar {
 .e-small.e-bigger .e-calendar .e-content.e-month table {
   padding: 0 10px 10px 10px;
 }
-/* stylelint-disable property-no-vendor-prefix */
 /*! component icons */
 .e-time-wrapper .e-time-icon.e-icons::before,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {

package/styles/fabric-dark.scss

@@ -1,24 +1,20 @@
-@use 'ej2-base/styles/definition/fabric-dark' as *;
-@use 'ej2-buttons/styles/button/fabric-dark-definition' as *;
 @use 'calendar/fabric-dark-definition' as *;
 @use 'calendar/icons/fabric-dark' as *;
-@use 'calendar/all.fabric-dark' as *;
-@use 'calendar/bigger.fabric-dark' as *;
-@use 'ej2-inputs/styles/input/fabric-dark-definition' as *;
-@use 'ej2-popups/styles/popup/fabric-dark-definition' as *;
+@use 'calendar/all' as *;
+@use 'calendar/bigger' as *;
 @use 'timepicker/fabric-dark-definition' as *;
 @use 'timepicker/icons/fabric-dark' as *;
-@use 'timepicker/all.fabric-dark' as *;
-@use 'timepicker/bigger.fabric-dark' as *;
+@use 'timepicker/all' as *;
+@use 'timepicker/bigger' as *;
 @use 'datepicker/fabric-dark-definition' as *;
 @use 'datepicker/icons/fabric-dark' as *;
-@use 'datepicker/all.fabric-dark' as *;
-@use 'datepicker/bigger.fabric-dark' as *;
+@use 'datepicker/all' as *;
+@use 'datepicker/bigger' as *;
 @use 'daterangepicker/fabric-dark-definition' as *;
 @use 'daterangepicker/icons/fabric-dark' as *;
-@use 'daterangepicker/all.fabric-dark' as *;
-@use 'daterangepicker/bigger.fabric-dark' as *;
+@use 'daterangepicker/all' as *;
+@use 'daterangepicker/bigger' as *;
 @use 'datetimepicker/fabric-dark-definition' as *;
 @use 'datetimepicker/icons/fabric-dark' as *;
-@use 'datetimepicker/all.fabric-dark' as *;
-@use 'datetimepicker/bigger.fabric-dark' as *;
+@use 'datetimepicker/all' as *;
+@use 'datetimepicker/bigger' as *;

package/styles/fabric-lite.css

@@ -7,7 +7,6 @@
   content: "\e84f";
 }
 
-/*! calendar fabric theme variables */
 /*! calendar layout */
 ejs-calendar {
   display: block;
@@ -379,7 +378,6 @@ ejs-calendar {
   min-height: 336px;
 }
 
-/*! calendar fabric theme variables */
 .e-calendar {
   background-color: #fff;
   border: 1px solid #eaeaea;
@@ -611,7 +609,6 @@ ejs-calendar {
   border-radius: 0;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
 /*! component icons */
 .e-time-wrapper .e-time-icon.e-icons::before,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {

package/styles/fabric-lite.scss

@@ -1,19 +1,15 @@
-@use 'ej2-base/styles/definition/fabric' as *;
-@use 'ej2-buttons/styles/button/fabric-definition' as *;
 @use 'calendar/fabric-definition' as *;
 @use 'calendar/icons/fabric' as *;
-@use 'calendar/all.fabric' as *;
-@use 'ej2-inputs/styles/input/fabric-definition' as *;
-@use 'ej2-popups/styles/popup/fabric-definition' as *;
+@use 'calendar/all' as *;
 @use 'timepicker/fabric-definition' as *;
 @use 'timepicker/icons/fabric' as *;
-@use 'timepicker/all.fabric' as *;
+@use 'timepicker/all' as *;
 @use 'datepicker/fabric-definition' as *;
 @use 'datepicker/icons/fabric' as *;
-@use 'datepicker/all.fabric' as *;
+@use 'datepicker/all' as *;
 @use 'daterangepicker/fabric-definition' as *;
 @use 'daterangepicker/icons/fabric' as *;
-@use 'daterangepicker/all.fabric' as *;
+@use 'daterangepicker/all' as *;
 @use 'datetimepicker/fabric-definition' as *;
 @use 'datetimepicker/icons/fabric' as *;
-@use 'datetimepicker/all.fabric' as *;
+@use 'datetimepicker/all' as *;

package/styles/fabric.css

@@ -7,7 +7,6 @@
   content: "\e84f";
 }
 
-/*! calendar fabric theme variables */
 /*! calendar layout */
 ejs-calendar {
   display: block;
@@ -379,7 +378,6 @@ ejs-calendar {
   min-height: 336px;
 }
 
-/*! calendar fabric theme variables */
 .e-calendar {
   background-color: #fff;
   border: 1px solid #eaeaea;
@@ -611,7 +609,6 @@ ejs-calendar {
   border-radius: 0;
 }
 
-/*! calendar fabric theme variables */
 .e-bigger.e-calendar,
 *.e-bigger .e-calendar {
   max-width: 288px;
@@ -1206,7 +1203,6 @@ ejs-calendar {
 .e-small.e-bigger .e-calendar .e-content.e-month table {
   padding: 0 10px 10px 10px;
 }
-/* stylelint-disable property-no-vendor-prefix */
 /*! component icons */
 .e-time-wrapper .e-time-icon.e-icons::before,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {

package/styles/fabric.scss

@@ -1,24 +1,20 @@
-@use 'ej2-base/styles/definition/fabric' as *;
-@use 'ej2-buttons/styles/button/fabric-definition' as *;
 @use 'calendar/fabric-definition' as *;
 @use 'calendar/icons/fabric' as *;
-@use 'calendar/all.fabric' as *;
-@use 'calendar/bigger.fabric' as *;
-@use 'ej2-inputs/styles/input/fabric-definition' as *;
-@use 'ej2-popups/styles/popup/fabric-definition' as *;
+@use 'calendar/all' as *;
+@use 'calendar/bigger' as *;
 @use 'timepicker/fabric-definition' as *;
 @use 'timepicker/icons/fabric' as *;
-@use 'timepicker/all.fabric' as *;
-@use 'timepicker/bigger.fabric' as *;
+@use 'timepicker/all' as *;
+@use 'timepicker/bigger' as *;
 @use 'datepicker/fabric-definition' as *;
 @use 'datepicker/icons/fabric' as *;
-@use 'datepicker/all.fabric' as *;
-@use 'datepicker/bigger.fabric' as *;
+@use 'datepicker/all' as *;
+@use 'datepicker/bigger' as *;
 @use 'daterangepicker/fabric-definition' as *;
 @use 'daterangepicker/icons/fabric' as *;
-@use 'daterangepicker/all.fabric' as *;
-@use 'daterangepicker/bigger.fabric' as *;
+@use 'daterangepicker/all' as *;
+@use 'daterangepicker/bigger' as *;
 @use 'datetimepicker/fabric-definition' as *;
 @use 'datetimepicker/icons/fabric' as *;
-@use 'datetimepicker/all.fabric' as *;
-@use 'datetimepicker/bigger.fabric' as *;
+@use 'datetimepicker/all' as *;
+@use 'datetimepicker/bigger' as *;

package/styles/fluent-dark-lite.css

@@ -7,7 +7,6 @@
   content: "\e7d8";
 }
 
-/*! calendar bootstrap5 theme variables */
 /*! calendar layout */
 ejs-calendar {
   display: block;
@@ -393,7 +392,6 @@ ejs-calendar {
   min-height: 336px;
 }
 
-/*! calendar bootstrap5 theme variables */
 .e-calendar {
   background-color: #252423;
   border: 1px solid #292827;
@@ -650,7 +648,6 @@ ejs-calendar {
   color: #f3f2f1;
 }
 .e-calendar .e-content.e-year td.e-focused-date > span.e-day, .e-calendar .e-content.e-decade td.e-focused-date > span.e-day {
-  background: none;
   border-radius: 0;
   -webkit-box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
           box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
@@ -757,8 +754,6 @@ ejs-calendar {
   border-radius: 0;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
-/* stylelint-disable-line no-empty-source */
 /*! component icons */
 .e-time-wrapper .e-time-icon.e-icons::before,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
@@ -1052,7 +1047,7 @@ ejs-calendar {
 }
 .e-input-group-icon.e-date-icon:focus,
 *.e-control-wrapper .e-input-group-icon.e-date-icon:focus {
-  background: #323130;
+  background: #f3f2f1;
   border-radius: 50%;
 }
 
@@ -1458,14 +1453,6 @@ ejs-calendar {
   width: 61%;
 }
 
-.e-daterangepicker.e-popup .e-calendar .e-header .e-title {
-  width: 65%;
-}
-
-.e-daterangepicker.e-popup.e-small .e-calendar .e-header .e-title {
-  width: 61%;
-}
-
 /*! component icons */
 .e-input-group-icon.e-range-icon,
 *.e-control-wrapper .e-input-group-icon.e-range-icon {
@@ -1485,7 +1472,7 @@ ejs-calendar {
 }
 .e-input-group-icon.e-range-icon:focus,
 *.e-control-wrapper .e-input-group-icon.e-range-icon:focus {
-  background: #f3f2f1;
+  background: #252423;
   border-radius: 50%;
 }
 
@@ -1523,14 +1510,6 @@ ejs-calendar {
   font-family: "e-icons";
 }
 
-.e-daterangepicker.e-popup .e-calendar .e-header .e-title {
-  width: 65%;
-}
-
-.e-daterangepicker.e-popup.e-small .e-calendar .e-header .e-title {
-  width: 61%;
-}
-
 .e-input-group.e-control-wrapper.e-date-range-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
 .e-float-input.e-control-wrapper.e-input-group.e-date-range-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
   display: -webkit-box;
@@ -2155,14 +2134,6 @@ ejs-calendar {
   width: calc(100% - 110px);
 }
 
-.e-daterangepicker.e-popup .e-calendar .e-header .e-title {
-  width: 65%;
-}
-
-.e-daterangepicker.e-popup.e-small .e-calendar .e-header .e-title {
-  width: 61%;
-}
-
 .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
   color: #f3f2f1;
 }

package/styles/fluent-dark-lite.scss

@@ -1,19 +1,15 @@
-@use 'ej2-base/styles/definition/fluent-dark' as *;
-@use 'ej2-buttons/styles/button/fluent-dark-definition' as *;
 @use 'calendar/fluent-dark-definition' as *;
 @use 'calendar/icons/fluent-dark' as *;
-@use 'calendar/all.fluent-dark' as *;
-@use 'ej2-inputs/styles/input/fluent-dark-definition' as *;
-@use 'ej2-popups/styles/popup/fluent-dark-definition' as *;
+@use 'calendar/all' as *;
 @use 'timepicker/fluent-dark-definition' as *;
 @use 'timepicker/icons/fluent-dark' as *;
-@use 'timepicker/all.fluent-dark' as *;
+@use 'timepicker/all' as *;
 @use 'datepicker/fluent-dark-definition' as *;
 @use 'datepicker/icons/fluent-dark' as *;
-@use 'datepicker/all.fluent-dark' as *;
+@use 'datepicker/all' as *;
 @use 'daterangepicker/fluent-dark-definition' as *;
 @use 'daterangepicker/icons/fluent-dark' as *;
-@use 'daterangepicker/all.fluent-dark' as *;
+@use 'daterangepicker/all' as *;
 @use 'datetimepicker/fluent-dark-definition' as *;
 @use 'datetimepicker/icons/fluent-dark' as *;
-@use 'datetimepicker/all.fluent-dark' as *;
+@use 'datetimepicker/all' as *;

package/styles/fluent-dark.css

@@ -7,7 +7,6 @@
   content: "\e7d8";
 }
 
-/*! calendar bootstrap5 theme variables */
 /*! calendar layout */
 ejs-calendar {
   display: block;
@@ -393,7 +392,6 @@ ejs-calendar {
   min-height: 336px;
 }
 
-/*! calendar bootstrap5 theme variables */
 .e-calendar {
   background-color: #252423;
   border: 1px solid #292827;
@@ -650,7 +648,6 @@ ejs-calendar {
   color: #f3f2f1;
 }
 .e-calendar .e-content.e-year td.e-focused-date > span.e-day, .e-calendar .e-content.e-decade td.e-focused-date > span.e-day {
-  background: none;
   border-radius: 0;
   -webkit-box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
           box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
@@ -757,7 +754,6 @@ ejs-calendar {
   border-radius: 0;
 }
 
-/*! calendar bootstrap5 theme variables */
 .e-bigger.e-calendar,
 *.e-bigger .e-calendar {
   max-width: 257.5px;
@@ -1450,8 +1446,6 @@ ejs-calendar {
 .e-small.e-bigger .e-calendar .e-content.e-month table {
   padding: 0 12px 0 12px;
 }
-/* stylelint-disable property-no-vendor-prefix */
-/* stylelint-disable-line no-empty-source */
 /*! component icons */
 .e-time-wrapper .e-time-icon.e-icons::before,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
@@ -1788,7 +1782,7 @@ ejs-calendar {
 }
 .e-input-group-icon.e-date-icon:focus,
 *.e-control-wrapper .e-input-group-icon.e-date-icon:focus {
-  background: #323130;
+  background: #f3f2f1;
   border-radius: 50%;
 }
 
@@ -2227,14 +2221,6 @@ ejs-calendar {
   width: 61%;
 }
 
-.e-daterangepicker.e-popup .e-calendar .e-header .e-title {
-  width: 65%;
-}
-
-.e-daterangepicker.e-popup.e-small .e-calendar .e-header .e-title {
-  width: 61%;
-}
-
 /*! component icons */
 .e-input-group-icon.e-range-icon,
 *.e-control-wrapper .e-input-group-icon.e-range-icon {
@@ -2254,7 +2240,7 @@ ejs-calendar {
 }
 .e-input-group-icon.e-range-icon:focus,
 *.e-control-wrapper .e-input-group-icon.e-range-icon:focus {
-  background: #f3f2f1;
+  background: #252423;
   border-radius: 50%;
 }
 
@@ -2292,14 +2278,6 @@ ejs-calendar {
   font-family: "e-icons";
 }
 
-.e-daterangepicker.e-popup .e-calendar .e-header .e-title {
-  width: 65%;
-}
-
-.e-daterangepicker.e-popup.e-small .e-calendar .e-header .e-title {
-  width: 61%;
-}
-
 .e-input-group.e-control-wrapper.e-date-range-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
 .e-float-input.e-control-wrapper.e-input-group.e-date-range-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
   display: -webkit-box;
@@ -2924,14 +2902,6 @@ ejs-calendar {
   width: calc(100% - 110px);
 }
 
-.e-daterangepicker.e-popup .e-calendar .e-header .e-title {
-  width: 65%;
-}
-
-.e-daterangepicker.e-popup.e-small .e-calendar .e-header .e-title {
-  width: 61%;
-}
-
 .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
   color: #f3f2f1;
 }
@@ -3123,14 +3093,6 @@ ejs-calendar {
   color: #1b1a19;
 }
 
-.e-daterangepicker.e-popup .e-calendar .e-header .e-title {
-  width: 65%;
-}
-
-.e-daterangepicker.e-popup.e-small .e-calendar .e-header .e-title {
-  width: 61%;
-}
-
 .e-bigger .e-daterangepicker.e-range-modal,
 *.e-device.e-daterangepicker.e-range-modal {
   background-color: rgba(37, 36, 35, 0.6);

package/styles/fluent-dark.scss

@@ -1,24 +1,20 @@
-@use 'ej2-base/styles/definition/fluent-dark' as *;
-@use 'ej2-buttons/styles/button/fluent-dark-definition' as *;
 @use 'calendar/fluent-dark-definition' as *;
 @use 'calendar/icons/fluent-dark' as *;
-@use 'calendar/all.fluent-dark' as *;
-@use 'calendar/bigger.fluent-dark' as *;
-@use 'ej2-inputs/styles/input/fluent-dark-definition' as *;
-@use 'ej2-popups/styles/popup/fluent-dark-definition' as *;
+@use 'calendar/all' as *;
+@use 'calendar/bigger' as *;
 @use 'timepicker/fluent-dark-definition' as *;
 @use 'timepicker/icons/fluent-dark' as *;
-@use 'timepicker/all.fluent-dark' as *;
-@use 'timepicker/bigger.fluent-dark' as *;
+@use 'timepicker/all' as *;
+@use 'timepicker/bigger' as *;
 @use 'datepicker/fluent-dark-definition' as *;
 @use 'datepicker/icons/fluent-dark' as *;
-@use 'datepicker/all.fluent-dark' as *;
-@use 'datepicker/bigger.fluent-dark' as *;
+@use 'datepicker/all' as *;
+@use 'datepicker/bigger' as *;
 @use 'daterangepicker/fluent-dark-definition' as *;
 @use 'daterangepicker/icons/fluent-dark' as *;
-@use 'daterangepicker/all.fluent-dark' as *;
-@use 'daterangepicker/bigger.fluent-dark' as *;
+@use 'daterangepicker/all' as *;
+@use 'daterangepicker/bigger' as *;
 @use 'datetimepicker/fluent-dark-definition' as *;
 @use 'datetimepicker/icons/fluent-dark' as *;
-@use 'datetimepicker/all.fluent-dark' as *;
-@use 'datetimepicker/bigger.fluent-dark' as *;
+@use 'datetimepicker/all' as *;
+@use 'datetimepicker/bigger' as *;

package/styles/fluent-lite.css

@@ -7,7 +7,6 @@
   content: "\e7d8";
 }
 
-/*! calendar bootstrap5 theme variables */
 /*! calendar layout */
 ejs-calendar {
   display: block;
@@ -393,7 +392,6 @@ ejs-calendar {
   min-height: 336px;
 }
 
-/*! calendar bootstrap5 theme variables */
 .e-calendar {
   background-color: #fff;
   border: 1px solid #edebe9;
@@ -650,7 +648,6 @@ ejs-calendar {
   color: #201f1e;
 }
 .e-calendar .e-content.e-year td.e-focused-date > span.e-day, .e-calendar .e-content.e-decade td.e-focused-date > span.e-day {
-  background: none;
   border-radius: 0;
   -webkit-box-shadow: inset 1px 0 #323130, inset 0 1px #323130, inset -1px 0 #323130, inset 0 -1px #323130;
           box-shadow: inset 1px 0 #323130, inset 0 1px #323130, inset -1px 0 #323130, inset 0 -1px #323130;
@@ -757,8 +754,6 @@ ejs-calendar {
   border-radius: 0;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
-/* stylelint-disable-line no-empty-source */
 /*! component icons */
 .e-time-wrapper .e-time-icon.e-icons::before,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
@@ -1515,14 +1510,6 @@ ejs-calendar {
   font-family: "e-icons";
 }
 
-.e-daterangepicker.e-popup .e-calendar .e-header .e-title {
-  width: 65%;
-}
-
-.e-daterangepicker.e-popup.e-small .e-calendar .e-header .e-title {
-  width: 61%;
-}
-
 .e-input-group.e-control-wrapper.e-date-range-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
 .e-float-input.e-control-wrapper.e-input-group.e-date-range-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
   display: -webkit-box;
@@ -2147,14 +2134,6 @@ ejs-calendar {
   width: calc(100% - 110px);
 }
 
-.e-daterangepicker.e-popup .e-calendar .e-header .e-title {
-  width: 65%;
-}
-
-.e-daterangepicker.e-popup.e-small .e-calendar .e-header .e-title {
-  width: 61%;
-}
-
 .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
   color: #201f1e;
 }

package/styles/fluent-lite.scss

@@ -1,19 +1,15 @@
-@use 'ej2-base/styles/definition/fluent' as *;
-@use 'ej2-buttons/styles/button/fluent-definition' as *;
 @use 'calendar/fluent-definition' as *;
 @use 'calendar/icons/fluent' as *;
-@use 'calendar/all.fluent' as *;
-@use 'ej2-inputs/styles/input/fluent-definition' as *;
-@use 'ej2-popups/styles/popup/fluent-definition' as *;
+@use 'calendar/all' as *;
 @use 'timepicker/fluent-definition' as *;
 @use 'timepicker/icons/fluent' as *;
-@use 'timepicker/all.fluent' as *;
+@use 'timepicker/all' as *;
 @use 'datepicker/fluent-definition' as *;
 @use 'datepicker/icons/fluent' as *;
-@use 'datepicker/all.fluent' as *;
+@use 'datepicker/all' as *;
 @use 'daterangepicker/fluent-definition' as *;
 @use 'daterangepicker/icons/fluent' as *;
-@use 'daterangepicker/all.fluent' as *;
+@use 'daterangepicker/all' as *;
 @use 'datetimepicker/fluent-definition' as *;
 @use 'datetimepicker/icons/fluent' as *;
-@use 'datetimepicker/all.fluent' as *;
+@use 'datetimepicker/all' as *;

package/styles/fluent.css

@@ -7,7 +7,6 @@
   content: "\e7d8";
 }
 
-/*! calendar bootstrap5 theme variables */
 /*! calendar layout */
 ejs-calendar {
   display: block;
@@ -393,7 +392,6 @@ ejs-calendar {
   min-height: 336px;
 }
 
-/*! calendar bootstrap5 theme variables */
 .e-calendar {
   background-color: #fff;
   border: 1px solid #edebe9;
@@ -650,7 +648,6 @@ ejs-calendar {
   color: #201f1e;
 }
 .e-calendar .e-content.e-year td.e-focused-date > span.e-day, .e-calendar .e-content.e-decade td.e-focused-date > span.e-day {
-  background: none;
   border-radius: 0;
   -webkit-box-shadow: inset 1px 0 #323130, inset 0 1px #323130, inset -1px 0 #323130, inset 0 -1px #323130;
           box-shadow: inset 1px 0 #323130, inset 0 1px #323130, inset -1px 0 #323130, inset 0 -1px #323130;
@@ -757,7 +754,6 @@ ejs-calendar {
   border-radius: 0;
 }
 
-/*! calendar bootstrap5 theme variables */
 .e-bigger.e-calendar,
 *.e-bigger .e-calendar {
   max-width: 257.5px;
@@ -1450,8 +1446,6 @@ ejs-calendar {
 .e-small.e-bigger .e-calendar .e-content.e-month table {
   padding: 0 12px 0 12px;
 }
-/* stylelint-disable property-no-vendor-prefix */
-/* stylelint-disable-line no-empty-source */
 /*! component icons */
 .e-time-wrapper .e-time-icon.e-icons::before,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
@@ -2284,14 +2278,6 @@ ejs-calendar {
   font-family: "e-icons";
 }
 
-.e-daterangepicker.e-popup .e-calendar .e-header .e-title {
-  width: 65%;
-}
-
-.e-daterangepicker.e-popup.e-small .e-calendar .e-header .e-title {
-  width: 61%;
-}
-
 .e-input-group.e-control-wrapper.e-date-range-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
 .e-float-input.e-control-wrapper.e-input-group.e-date-range-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
   display: -webkit-box;
@@ -2916,14 +2902,6 @@ ejs-calendar {
   width: calc(100% - 110px);
 }
 
-.e-daterangepicker.e-popup .e-calendar .e-header .e-title {
-  width: 65%;
-}
-
-.e-daterangepicker.e-popup.e-small .e-calendar .e-header .e-title {
-  width: 61%;
-}
-
 .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
   color: #201f1e;
 }
@@ -3115,14 +3093,6 @@ ejs-calendar {
   color: #fff;
 }
 
-.e-daterangepicker.e-popup .e-calendar .e-header .e-title {
-  width: 65%;
-}
-
-.e-daterangepicker.e-popup.e-small .e-calendar .e-header .e-title {
-  width: 61%;
-}
-
 .e-bigger .e-daterangepicker.e-range-modal,
 *.e-device.e-daterangepicker.e-range-modal {
   background-color: rgba(243, 242, 241, 0.6);

package/styles/fluent.scss

@@ -1,24 +1,20 @@
-@use 'ej2-base/styles/definition/fluent' as *;
-@use 'ej2-buttons/styles/button/fluent-definition' as *;
 @use 'calendar/fluent-definition' as *;
 @use 'calendar/icons/fluent' as *;
-@use 'calendar/all.fluent' as *;
-@use 'calendar/bigger.fluent' as *;
-@use 'ej2-inputs/styles/input/fluent-definition' as *;
-@use 'ej2-popups/styles/popup/fluent-definition' as *;
+@use 'calendar/all' as *;
+@use 'calendar/bigger' as *;
 @use 'timepicker/fluent-definition' as *;
 @use 'timepicker/icons/fluent' as *;
-@use 'timepicker/all.fluent' as *;
-@use 'timepicker/bigger.fluent' as *;
+@use 'timepicker/all' as *;
+@use 'timepicker/bigger' as *;
 @use 'datepicker/fluent-definition' as *;
 @use 'datepicker/icons/fluent' as *;
-@use 'datepicker/all.fluent' as *;
-@use 'datepicker/bigger.fluent' as *;
+@use 'datepicker/all' as *;
+@use 'datepicker/bigger' as *;
 @use 'daterangepicker/fluent-definition' as *;
 @use 'daterangepicker/icons/fluent' as *;
-@use 'daterangepicker/all.fluent' as *;
-@use 'daterangepicker/bigger.fluent' as *;
+@use 'daterangepicker/all' as *;
+@use 'daterangepicker/bigger' as *;
 @use 'datetimepicker/fluent-definition' as *;
 @use 'datetimepicker/icons/fluent' as *;
-@use 'datetimepicker/all.fluent' as *;
-@use 'datetimepicker/bigger.fluent' as *;
+@use 'datetimepicker/all' as *;
+@use 'datetimepicker/bigger' as *;