@syncfusion/ej2-calendars 28.2.11 → 29.1.33

package/styles/daterangepicker/tailwind-dark.css

@@ -98,7 +98,7 @@
   max-height: none;
 }
 .e-daterangepicker.e-popup .e-range-header {
-  background: #232e3e;
+  background: rgb(27.323255814, 36.1372093023, 48.476744186);
   padding: 8px 0;
   width: auto;
   border-radius: 6px 6px 0 0;
@@ -194,7 +194,7 @@
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  border-top: 1px solid #232e3e;
+  border-top: 1px solid rgb(27.323255814, 36.1372093023, 48.476744186);
   clear: both;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -221,7 +221,7 @@
   float: left;
 }
 .e-daterangepicker.e-popup .e-date-range-container.e-range-border {
-  border-right: 1px solid #232e3e;
+  border-right: 1px solid rgb(27.323255814, 36.1372093023, 48.476744186);
 }
 .e-daterangepicker.e-popup .e-calendar-container {
   display: -webkit-box;
@@ -232,7 +232,7 @@
   float: left;
 }
 .e-daterangepicker.e-popup .e-calendar-container .e-left-container {
-  border-right: 1px solid #232e3e;
+  border-right: 1px solid rgb(27.323255814, 36.1372093023, 48.476744186);
   border-right: none;
 }
 .e-daterangepicker.e-popup .e-presets {
@@ -269,11 +269,11 @@
   float: right;
 }
 .e-daterangepicker.e-rtl .e-date-range-container.e-range-border {
-  border-left: 1px solid #232e3e;
+  border-left: 1px solid rgb(27.323255814, 36.1372093023, 48.476744186);
   border-right: 0;
 }
 .e-daterangepicker.e-rtl .e-date-range-container .e-left-container {
-  border-left: 1px solid #232e3e;
+  border-left: 1px solid rgb(27.323255814, 36.1372093023, 48.476744186);
   border-right: 0;
   border-left: none;
 }
@@ -414,12 +414,6 @@
 .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
   margin: 3vh 0 0 0;
 }
-.e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
-  min-width: 100%;
-  width: 100%;
-  padding: 0;
-  overflow: unset;
-}
 @media (max-height: 600px) {
   .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
     min-height: 100%;
@@ -432,6 +426,12 @@
     height: 80vh;
   }
 }
+.e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
+  min-width: 100%;
+  width: 100%;
+  padding: 0;
+  overflow: unset;
+}
 .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade {
   height: 10vh;
   border-style: solid;
@@ -770,13 +770,13 @@
   color: #d1d5db;
 }
 .e-daterangepicker.e-popup .e-day-span {
-  color: #8b919e;
+  color: rgb(79.1344680851, 84.3114893617, 94.6655319149);
 }
 .e-daterangepicker.e-popup .e-separator {
   background-color: #4b5563;
 }
 .e-daterangepicker.e-popup .e-footer {
-  background-color: #232e3e;
+  background-color: rgb(27.323255814, 36.1372093023, 48.476744186);
 }
 .e-daterangepicker.e-popup .e-footer .e-cancel.e-flat:not(:hover) {
   /* stylelint-disable property-no-vendor-prefix */
@@ -795,7 +795,7 @@
 }
 
 .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-model-header {
-  background-color: #232e3e;
+  background-color: rgb(27.323255814, 36.1372093023, 48.476744186);
   color: #d1d5db;
 }
 .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-model-header .e-popup-close {
@@ -1110,7 +1110,7 @@
   max-height: none;
 }
 .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header {
-  background: #232e3e;
+  background: rgb(27.323255814, 36.1372093023, 48.476744186);
   padding: 8px 0;
   width: auto;
   border-radius: 6px 6px 0 0;
@@ -1206,7 +1206,7 @@
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  border-top: 1px solid #232e3e;
+  border-top: 1px solid rgb(27.323255814, 36.1372093023, 48.476744186);
   clear: both;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -1233,7 +1233,7 @@
   float: left;
 }
 .e-bigger.e-small .e-daterangepicker.e-popup .e-date-range-container.e-range-border {
-  border-right: 1px solid #232e3e;
+  border-right: 1px solid rgb(27.323255814, 36.1372093023, 48.476744186);
 }
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar-container {
   display: -webkit-box;
@@ -1244,7 +1244,7 @@
   float: left;
 }
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar-container .e-left-container {
-  border-right: 1px solid #232e3e;
+  border-right: 1px solid rgb(27.323255814, 36.1372093023, 48.476744186);
   border-right: none;
 }
 .e-bigger.e-small .e-daterangepicker.e-popup .e-presets {
@@ -1281,11 +1281,11 @@
   float: right;
 }
 .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container.e-range-border {
-  border-left: 1px solid #232e3e;
+  border-left: 1px solid rgb(27.323255814, 36.1372093023, 48.476744186);
   border-right: 0;
 }
 .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-left-container {
-  border-left: 1px solid #232e3e;
+  border-left: 1px solid rgb(27.323255814, 36.1372093023, 48.476744186);
   border-right: 0;
   border-left: none;
 }
@@ -1408,7 +1408,7 @@
 }
 .e-bigger.e-small .e-daterangepicker.e-popup .e-day-span,
 .e-bigger.e-small.e-daterangepicker.e-popup .e-day-span {
-  color: #8b919e;
+  color: rgb(79.1344680851, 84.3114893617, 94.6655319149);
 }
 .e-bigger.e-small .e-daterangepicker.e-popup .e-separator,
 .e-bigger.e-small.e-daterangepicker.e-popup .e-separator {
@@ -1416,7 +1416,7 @@
 }
 .e-bigger.e-small .e-daterangepicker.e-popup .e-footer,
 .e-bigger.e-small.e-daterangepicker.e-popup .e-footer {
-  background-color: #232e3e;
+  background-color: rgb(27.323255814, 36.1372093023, 48.476744186);
 }
 .e-bigger.e-small .e-daterangepicker.e-popup .e-footer .e-cancel.e-flat:not(:hover),
 .e-bigger.e-small.e-daterangepicker.e-popup .e-footer .e-cancel.e-flat:not(:hover) {

package/styles/daterangepicker/tailwind.css

@@ -414,12 +414,6 @@
 .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
   margin: 3vh 0 0 0;
 }
-.e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
-  min-width: 100%;
-  width: 100%;
-  padding: 0;
-  overflow: unset;
-}
 @media (max-height: 600px) {
   .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
     min-height: 100%;
@@ -432,6 +426,12 @@
     height: 80vh;
   }
 }
+.e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
+  min-width: 100%;
+  width: 100%;
+  padding: 0;
+  overflow: unset;
+}
 .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade {
   height: 10vh;
   border-style: solid;

package/styles/daterangepicker/tailwind3.css

@@ -425,12 +425,6 @@
 .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
   margin: 3vh 0 0 0;
 }
-.e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
-  min-width: 100%;
-  width: 100%;
-  padding: 0;
-  overflow: unset;
-}
 @media (max-height: 600px) {
   .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
     min-height: 100%;
@@ -443,6 +437,12 @@
     height: 80vh;
   }
 }
+.e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
+  min-width: 100%;
+  width: 100%;
+  padding: 0;
+  overflow: unset;
+}
 .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade {
   height: 10vh;
   border-style: solid;

package/styles/datetimepicker/_bootstrap4-definition.scss

@@ -1,3 +1,5 @@
+@use 'sass:color';
+
 $datetime-default-text-indent: 20px !default;
 $datetime-list-bigger-line-height: 40px !default;
 $datetime-list-normal-line-height: 26px !default;
@@ -7,8 +9,8 @@ $datetime-list-normal-text-indent: $datetime-default-text-indent !default;
 $datetime-list-bigger-text-indent: 20px !default;
 $datetime-popup-border-radius: 4px !default;
 $datetime-list-active-icon-color: $white !default;
-$datetime-icon-active-bg-color: darken($gray-600, 10%) !default;
-$datetime-active-border-color: darken($gray-600, 10%) !default;
+$datetime-icon-active-bg-color: color.adjust($gray-600, $lightness: -10%) !default;
+$datetime-active-border-color: color.adjust($gray-600, $lightness: -10%) !default;
 $datetime-list-font-weight: regular !default;
 $datetime-popup-shadow:  none !default;
 $datetime-list-default-font-color: $gray-900 !default;
@@ -16,7 +18,7 @@ $datetime-list-border-color: 1px solid rgba($black, .15) !default;
 $datetime-list-bg-color: $content-bg !default;
 $datetime-list-active-bg-color: $primary !default;
 $datetime-list-active-font-color: $primary-font !default;
-$datetime-list-hover-bg-color: darken($gray-100, 2%) !default;
+$datetime-list-hover-bg-color: color.adjust($gray-100, $lightness: -2%) !default;
 $datetime-list-hover-font-color: $gray-900 !default;
 $datetime-list-active-hover-bg-color: $primary !default;
 $datetime-list-active-hover-font-color: $primary-font !default;

package/styles/datetimepicker/bootstrap4.css

@@ -152,8 +152,8 @@
 
 /*! datetimepicker theme */
 .e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
-  background: #545b62;
-  border-color: #545b62;
+  background: rgb(84.3605150215, 91.3905579399, 97.6394849785);
+  border-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
   color: #fff;
 }
 .e-datetime-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
@@ -174,7 +174,7 @@
   color: #212529;
 }
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
-  background-color: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
   border: none;
   color: #212529;
 }

package/styles/datetimepicker/bootstrap5-dark.css

@@ -160,7 +160,7 @@
 }
 
 .e-datetimepicker.e-popup {
-  border: 1px solid #444c54;
+  border: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
   border-radius: 6px;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -173,7 +173,7 @@
   color: #fff;
 }
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
-  background-color: #31373d;
+  background-color: rgb(48.9202702703, 54.85, 60.7797297297);
   border: none;
   color: #fff;
 }
@@ -182,7 +182,7 @@
   color: #fff;
 }
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
-  background-color: #444c54;
+  background-color: rgb(68.0034482759, 75.85, 83.6965517241);
   color: #fff;
 }
 

package/styles/fabric-dark-lite.css

@@ -459,7 +459,7 @@ ejs-calendar {
   color: #6f6c6c;
 }
 .e-calendar .e-content.e-year td.e-selected:hover span.e-day, .e-calendar .e-content.e-decade td.e-selected:hover span.e-day {
-  background-color: #38a9ff;
+  background-color: rgb(0, 55.1, 96.9);
 }
 .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day {
   background: #333232;
@@ -507,14 +507,14 @@ ejs-calendar {
   color: #dadada;
 }
 .e-calendar .e-content td.e-today.e-selected span.e-day {
-  background-color: #38a9ff;
-  border: #38a9ff;
+  background-color: rgb(0, 55.1, 96.9);
+  border: rgb(0, 55.1, 96.9);
   -webkit-box-shadow: none;
           box-shadow: none;
   color: #fff;
 }
 .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected.e-focused-date span.e-day {
-  background: #38a9ff;
+  background: rgb(0, 55.1, 96.9);
   color: #fff;
 }
 .e-calendar .e-content span {
@@ -554,13 +554,13 @@ ejs-calendar {
   color: #6f6c6c;
 }
 .e-calendar .e-content td.e-selected span.e-day {
-  background-color: #38a9ff;
+  background-color: rgb(0, 55.1, 96.9);
   color: #000;
   border: none;
   border-radius: 0;
 }
 .e-calendar .e-content .e-footer {
-  color: #38a9ff;
+  color: rgb(0, 55.1, 96.9);
 }
 .e-calendar.e-device .e-prev:hover, .e-calendar.e-device .e-next:hover, .e-calendar.e-device .e-prev:active, .e-calendar.e-device .e-next:active, .e-calendar.e-device .e-prev:focus, .e-calendar.e-device .e-next:focus {
   background: none;
@@ -1686,12 +1686,6 @@ ejs-calendar {
 .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
   margin: 3vh 0 0 0;
 }
-.e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
-  min-width: 100%;
-  width: 100%;
-  padding: 0;
-  overflow: unset;
-}
 @media (max-height: 600px) {
   .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
     min-height: 100%;
@@ -1704,6 +1698,12 @@ ejs-calendar {
     height: 80vh;
   }
 }
+.e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
+  min-width: 100%;
+  width: 100%;
+  padding: 0;
+  overflow: unset;
+}
 .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade {
   height: 10vh;
   border-style: solid;
@@ -2004,7 +2004,7 @@ ejs-calendar {
   color: #fff;
 }
 .e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day {
-  background-color: #1a1a1a;
+  background-color: rgb(26.4534883721, 26.0465116279, 26.0465116279);
   border: none;
   color: #fff;
 }
@@ -2025,11 +2025,11 @@ ejs-calendar {
   color: #9a9a9a;
 }
 .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
-  background-color: #38a9ff;
+  background-color: rgb(0, 55.1, 96.9);
   color: #000;
 }
 .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
-  background-color: #38a9ff;
+  background-color: rgb(0, 55.1, 96.9);
   color: #000;
 }
 .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span {

package/styles/fabric-dark.css

@@ -459,7 +459,7 @@ ejs-calendar {
   color: #6f6c6c;
 }
 .e-calendar .e-content.e-year td.e-selected:hover span.e-day, .e-calendar .e-content.e-decade td.e-selected:hover span.e-day {
-  background-color: #38a9ff;
+  background-color: rgb(0, 55.1, 96.9);
 }
 .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day {
   background: #333232;
@@ -507,14 +507,14 @@ ejs-calendar {
   color: #dadada;
 }
 .e-calendar .e-content td.e-today.e-selected span.e-day {
-  background-color: #38a9ff;
-  border: #38a9ff;
+  background-color: rgb(0, 55.1, 96.9);
+  border: rgb(0, 55.1, 96.9);
   -webkit-box-shadow: none;
           box-shadow: none;
   color: #fff;
 }
 .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected.e-focused-date span.e-day {
-  background: #38a9ff;
+  background: rgb(0, 55.1, 96.9);
   color: #fff;
 }
 .e-calendar .e-content span {
@@ -554,13 +554,13 @@ ejs-calendar {
   color: #6f6c6c;
 }
 .e-calendar .e-content td.e-selected span.e-day {
-  background-color: #38a9ff;
+  background-color: rgb(0, 55.1, 96.9);
   color: #000;
   border: none;
   border-radius: 0;
 }
 .e-calendar .e-content .e-footer {
-  color: #38a9ff;
+  color: rgb(0, 55.1, 96.9);
 }
 .e-calendar.e-device .e-prev:hover, .e-calendar.e-device .e-next:hover, .e-calendar.e-device .e-prev:active, .e-calendar.e-device .e-next:active, .e-calendar.e-device .e-prev:focus, .e-calendar.e-device .e-next:focus {
   background: none;
@@ -808,7 +808,7 @@ ejs-calendar {
   color: #6f6c6c;
 }
 .e-bigger.e-small .e-calendar .e-content.e-year td.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade td.e-selected:hover span.e-day {
-  background-color: #38a9ff;
+  background-color: rgb(0, 55.1, 96.9);
 }
 .e-bigger.e-small .e-calendar .e-content.e-year td > span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade td > span.e-day {
   background: #333232;
@@ -856,14 +856,14 @@ ejs-calendar {
   color: #dadada;
 }
 .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected span.e-day {
-  background-color: #38a9ff;
-  border: #38a9ff;
+  background-color: rgb(0, 55.1, 96.9);
+  border: rgb(0, 55.1, 96.9);
   -webkit-box-shadow: none;
           box-shadow: none;
   color: #fff;
 }
 .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected.e-focused-date span.e-day {
-  background-color: #38a9ff;
+  background-color: rgb(0, 55.1, 96.9);
   color: #fff;
 }
 .e-bigger.e-small .e-calendar .e-content span {
@@ -903,13 +903,13 @@ ejs-calendar {
   color: #6f6c6c;
 }
 .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
-  background-color: #38a9ff;
+  background-color: rgb(0, 55.1, 96.9);
   color: #000;
   border: none;
   border-radius: 0;
 }
 .e-bigger.e-small .e-calendar .e-content .e-footer {
-  color: #38a9ff;
+  color: rgb(0, 55.1, 96.9);
 }
 .e-bigger.e-small .e-calendar.e-device .e-prev:hover, .e-bigger.e-small .e-calendar.e-device .e-next:hover, .e-bigger.e-small .e-calendar.e-device .e-prev:active, .e-bigger.e-small .e-calendar.e-device .e-next:active, .e-bigger.e-small .e-calendar.e-device .e-prev:focus, .e-bigger.e-small .e-calendar.e-device .e-next:focus {
   background: none;
@@ -2351,12 +2351,6 @@ ejs-calendar {
 .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
   margin: 3vh 0 0 0;
 }
-.e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
-  min-width: 100%;
-  width: 100%;
-  padding: 0;
-  overflow: unset;
-}
 @media (max-height: 600px) {
   .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
     min-height: 100%;
@@ -2369,6 +2363,12 @@ ejs-calendar {
     height: 80vh;
   }
 }
+.e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
+  min-width: 100%;
+  width: 100%;
+  padding: 0;
+  overflow: unset;
+}
 .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade {
   height: 10vh;
   border-style: solid;
@@ -2669,7 +2669,7 @@ ejs-calendar {
   color: #fff;
 }
 .e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day {
-  background-color: #1a1a1a;
+  background-color: rgb(26.4534883721, 26.0465116279, 26.0465116279);
   border: none;
   color: #fff;
 }
@@ -2690,11 +2690,11 @@ ejs-calendar {
   color: #9a9a9a;
 }
 .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
-  background-color: #38a9ff;
+  background-color: rgb(0, 55.1, 96.9);
   color: #000;
 }
 .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
-  background-color: #38a9ff;
+  background-color: rgb(0, 55.1, 96.9);
   color: #000;
 }
 .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span {
@@ -3265,7 +3265,7 @@ ejs-calendar {
 .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day,
 .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day,
 .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day {
-  background-color: #1a1a1a;
+  background-color: rgb(26.4534883721, 26.0465116279, 26.0465116279);
   border: none;
   color: #fff;
 }
@@ -3301,12 +3301,12 @@ ejs-calendar {
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day,
 .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
 .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
-  background-color: #38a9ff;
+  background-color: rgb(0, 55.1, 96.9);
   color: #000;
 }
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day,
 .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
-  background-color: #38a9ff;
+  background-color: rgb(0, 55.1, 96.9);
   color: #000;
 }
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span,

package/styles/fabric-lite.css

@@ -482,7 +482,7 @@ ejs-calendar {
   color: #333;
 }
 .e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day {
-  background: #b7e0ff;
+  background: rgb(183.4, 223.5495327103, 255);
   border: none;
   border-radius: 0;
   -webkit-box-shadow: none;
@@ -515,7 +515,7 @@ ejs-calendar {
   color: #fff;
 }
 .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected.e-focused-date span.e-day {
-  background: #005ba3;
+  background: rgb(0, 91.4018691589, 163);
   color: #fff;
 }
 .e-calendar .e-content span {
@@ -1690,12 +1690,6 @@ ejs-calendar {
 .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
   margin: 3vh 0 0 0;
 }
-.e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
-  min-width: 100%;
-  width: 100%;
-  padding: 0;
-  overflow: unset;
-}
 @media (max-height: 600px) {
   .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
     min-height: 100%;
@@ -1708,6 +1702,12 @@ ejs-calendar {
     height: 80vh;
   }
 }
+.e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
+  min-width: 100%;
+  width: 100%;
+  padding: 0;
+  overflow: unset;
+}
 .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade {
   height: 10vh;
   border-style: solid;
@@ -2008,7 +2008,7 @@ ejs-calendar {
   color: #333;
 }
 .e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day {
-  background-color: #c4c4c4;
+  background-color: rgb(195.75, 195.75, 195.75);
   border: none;
   color: #333;
 }

package/styles/fabric.css

@@ -482,7 +482,7 @@ ejs-calendar {
   color: #333;
 }
 .e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day {
-  background: #b7e0ff;
+  background: rgb(183.4, 223.5495327103, 255);
   border: none;
   border-radius: 0;
   -webkit-box-shadow: none;
@@ -515,7 +515,7 @@ ejs-calendar {
   color: #fff;
 }
 .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected.e-focused-date span.e-day {
-  background: #005ba3;
+  background: rgb(0, 91.4018691589, 163);
   color: #fff;
 }
 .e-calendar .e-content span {
@@ -834,7 +834,7 @@ ejs-calendar {
   color: #333;
 }
 .e-bigger.e-small .e-calendar .e-content td.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
-  background: #b7e0ff;
+  background: rgb(183.4, 223.5495327103, 255);
   border: none;
   border-radius: 0;
   -webkit-box-shadow: none;
@@ -867,7 +867,7 @@ ejs-calendar {
   color: #fff;
 }
 .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected.e-focused-date span.e-day {
-  background-color: #005ba3;
+  background-color: rgb(0, 91.4018691589, 163);
   color: #fff;
 }
 .e-bigger.e-small .e-calendar .e-content span {
@@ -2358,12 +2358,6 @@ ejs-calendar {
 .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
   margin: 3vh 0 0 0;
 }
-.e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
-  min-width: 100%;
-  width: 100%;
-  padding: 0;
-  overflow: unset;
-}
 @media (max-height: 600px) {
   .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
     min-height: 100%;
@@ -2376,6 +2370,12 @@ ejs-calendar {
     height: 80vh;
   }
 }
+.e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
+  min-width: 100%;
+  width: 100%;
+  padding: 0;
+  overflow: unset;
+}
 .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade {
   height: 10vh;
   border-style: solid;
@@ -2676,7 +2676,7 @@ ejs-calendar {
   color: #333;
 }
 .e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day {
-  background-color: #c4c4c4;
+  background-color: rgb(195.75, 195.75, 195.75);
   border: none;
   color: #333;
 }
@@ -3272,7 +3272,7 @@ ejs-calendar {
 .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day,
 .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day,
 .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day {
-  background-color: #c4c4c4;
+  background-color: rgb(195.75, 195.75, 195.75);
   border: none;
   color: #333;
 }