@syncfusion/ej2-calendars 32.1.23 → 32.1.25

package/styles/datetimepicker/tailwind3.css

@@ -140,6 +140,80 @@
   font-family: "e-icons";
 }
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+
+
 .e-input-group.e-control-wrapper.e-datetime-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
 .e-float-input.e-control-wrapper.e-input-group.e-datetime-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
   display: -webkit-box;
@@ -285,6 +359,80 @@
   width: 100%;
 }
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+
+
 /*! datetimepicker theme */
 .e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
   color: var(--color-sf-content-text-color-pressed);
@@ -335,6 +483,80 @@
   color: var(--color-sf-flyout-text-color-hover);
 }
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+
+
 .e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
 *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
   font-size: 18px;

package/styles/datetimepicker/tailwind3.scss

@@ -5,5 +5,5 @@
 @use '../datepicker/tailwind3-definition' as *;
 @use 'tailwind3-definition' as *;
 @use 'icons/tailwind3' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.tailwind3' as *;
+@use 'bigger.tailwind3' as *;

package/styles/fabric-dark-lite.scss

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

package/styles/fabric-dark.scss

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

package/styles/fabric-lite.css

@@ -7,6 +7,7 @@
   content: "\e84f";
 }
 
+/*! calendar fabric theme variables */
 /*! calendar layout */
 ejs-calendar {
   display: block;
@@ -378,6 +379,7 @@ ejs-calendar {
   min-height: 336px;
 }
 
+/*! calendar fabric theme variables */
 .e-calendar {
   background-color: #fff;
   border: 1px solid #eaeaea;

package/styles/fabric-lite.scss

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

package/styles/fabric.css

@@ -7,6 +7,7 @@
   content: "\e84f";
 }
 
+/*! calendar fabric theme variables */
 /*! calendar layout */
 ejs-calendar {
   display: block;
@@ -378,6 +379,7 @@ ejs-calendar {
   min-height: 336px;
 }
 
+/*! calendar fabric theme variables */
 .e-calendar {
   background-color: #fff;
   border: 1px solid #eaeaea;
@@ -609,6 +611,7 @@ ejs-calendar {
   border-radius: 0;
 }
 
+/*! calendar fabric theme variables */
 .e-bigger.e-calendar,
 *.e-bigger .e-calendar {
   max-width: 288px;

package/styles/fabric.scss

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

package/styles/fluent-dark-lite.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: #252423;
   border: 1px solid #292827;
@@ -1521,6 +1523,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;
@@ -2145,6 +2155,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: #f3f2f1;
 }

package/styles/fluent-dark-lite.scss

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

package/styles/fluent-dark.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: #252423;
   border: 1px solid #292827;
@@ -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;
@@ -2289,6 +2292,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;
@@ -2913,6 +2924,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: #f3f2f1;
 }
@@ -3104,6 +3123,14 @@ 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

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

package/styles/fluent-lite.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;
@@ -1513,6 +1515,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;
@@ -2137,6 +2147,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;
 }

package/styles/fluent-lite.scss

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