@syncfusion/ej2-calendars 32.1.23 → 32.1.25

package/styles/fluent.css

@@ -7,6 +7,7 @@
   content: "\e7d8";
 }
 
+/*! calendar bootstrap5 theme variables */
 /*! calendar layout */
 ejs-calendar {
   display: block;
@@ -392,6 +393,7 @@ ejs-calendar {
   min-height: 336px;
 }
 
+/*! calendar bootstrap5 theme variables */
 .e-calendar {
   background-color: #fff;
   border: 1px solid #edebe9;
@@ -755,6 +757,7 @@ ejs-calendar {
   border-radius: 0;
 }
 
+/*! calendar bootstrap5 theme variables */
 .e-bigger.e-calendar,
 *.e-bigger .e-calendar {
   max-width: 257.5px;
@@ -2281,6 +2284,14 @@ 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;
@@ -2905,6 +2916,14 @@ 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;
 }
@@ -3096,6 +3115,14 @@ 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

@@ -2,23 +2,23 @@
 @use 'ej2-buttons/styles/button/fluent-definition' as *;
 @use 'calendar/fluent-definition' as *;
 @use 'calendar/icons/fluent' as *;
-@use 'calendar/all' as *;
-@use 'calendar/bigger' 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 'timepicker/fluent-definition' as *;
 @use 'timepicker/icons/fluent' as *;
-@use 'timepicker/all' as *;
-@use 'timepicker/bigger' as *;
+@use 'timepicker/all.fluent' as *;
+@use 'timepicker/bigger.fluent' as *;
 @use 'datepicker/fluent-definition' as *;
 @use 'datepicker/icons/fluent' as *;
-@use 'datepicker/all' as *;
-@use 'datepicker/bigger' as *;
+@use 'datepicker/all.fluent' as *;
+@use 'datepicker/bigger.fluent' as *;
 @use 'daterangepicker/fluent-definition' as *;
 @use 'daterangepicker/icons/fluent' as *;
-@use 'daterangepicker/all' as *;
-@use 'daterangepicker/bigger' as *;
+@use 'daterangepicker/all.fluent' as *;
+@use 'daterangepicker/bigger.fluent' as *;
 @use 'datetimepicker/fluent-definition' as *;
 @use 'datetimepicker/icons/fluent' as *;
-@use 'datetimepicker/all' as *;
-@use 'datetimepicker/bigger' as *;
+@use 'datetimepicker/all.fluent' as *;
+@use 'datetimepicker/bigger.fluent' as *;