@syncfusion/ej2-calendars 28.2.9 → 29.1.33

package/styles/bootstrap.css

@@ -450,7 +450,7 @@ ejs-calendar {
   color: #ccc;
 }
 .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: #265f91;
+  background-color: rgb(38.3205128205, 95.4102564103, 144.6794871795);
 }
 .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day {
   background: none;
@@ -505,7 +505,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: #265f91;
+  background: rgb(38.3205128205, 95.4102564103, 144.6794871795);
   color: #fff;
 }
 .e-calendar .e-content span {
@@ -802,7 +802,7 @@ ejs-calendar {
   color: #ccc;
 }
 .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: #265f91;
+  background-color: rgb(38.3205128205, 95.4102564103, 144.6794871795);
 }
 .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: none;
@@ -857,7 +857,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: #265f91;
+  background-color: rgb(38.3205128205, 95.4102564103, 144.6794871795);
   color: #fff;
 }
 .e-bigger.e-small .e-calendar .e-content span {
@@ -2345,12 +2345,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%;
@@ -2363,6 +2357,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;
@@ -2663,7 +2663,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: #cfcfcf;
+  background-color: rgb(206.75, 206.75, 206.75);
   border: none;
   color: #333;
 }
@@ -2684,11 +2684,11 @@ ejs-calendar {
   color: #ccc;
 }
 .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: #265f91;
+  background-color: rgb(38.3205128205, 95.4102564103, 144.6794871795);
   color: #fff;
 }
 .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
-  background-color: #265f91;
+  background-color: rgb(38.3205128205, 95.4102564103, 144.6794871795);
   color: #fff;
 }
 .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span {
@@ -3264,7 +3264,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: #cfcfcf;
+  background-color: rgb(206.75, 206.75, 206.75);
   border: none;
   color: #333;
 }
@@ -3300,12 +3300,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: #265f91;
+  background-color: rgb(38.3205128205, 95.4102564103, 144.6794871795);
   color: #fff;
 }
 .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: #265f91;
+  background-color: rgb(38.3205128205, 95.4102564103, 144.6794871795);
   color: #fff;
 }
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span,

package/styles/bootstrap4-lite.css

@@ -414,14 +414,14 @@ ejs-calendar {
   cursor: pointer;
 }
 .e-calendar .e-header .e-prev:hover, .e-calendar .e-header .e-next:hover {
-  background: #f2f4f6;
+  background: rgb(242.05, 243.9, 245.75);
 }
 .e-calendar .e-header .e-prev:focus, .e-calendar .e-header .e-next:focus {
   -webkit-box-shadow: 0 0 0 1px #212529;
           box-shadow: 0 0 0 1px #212529;
 }
 .e-calendar .e-header .e-prev:active, .e-calendar .e-header .e-next:active {
-  background: #545b62;
+  background: rgb(84.3605150215, 91.3905579399, 97.6394849785);
   color: #fff;
 }
 .e-calendar .e-header button.e-prev:active span, .e-calendar .e-header button.e-next:active span {
@@ -450,7 +450,7 @@ ejs-calendar {
   color: #adb5bd;
 }
 .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: #0069d9;
+  background-color: rgb(0, 104.55, 216.75);
 }
 .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day {
   background: none;
@@ -459,14 +459,14 @@ ejs-calendar {
   color: #6c757d;
 }
 .e-calendar .e-content td.e-focused-date span.e-day, .e-calendar .e-content td.e-focused-date:hover span.e-day, .e-calendar .e-content td.e-focused-date:focus span.e-day {
-  background: #f2f4f6;
+  background: rgb(253.95, 254.1, 254.25);
   border: none;
   border-radius: 4px;
   -webkit-box-shadow: none;
           box-shadow: none;
 }
 .e-calendar .e-content td.e-focused-date:hover span.e-day {
-  background-color: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
   border: none;
   border-radius: 4px;
   color: #212529;
@@ -480,20 +480,20 @@ ejs-calendar {
   color: #212529;
 }
 .e-calendar .e-content td.e-focused-date.e-today span.e-day {
-  background: #f2f4f6;
+  background: rgb(242.05, 243.9, 245.75);
   border: none;
   -webkit-box-shadow: inset 1px 0 #007bff, inset 0 1px #007bff, inset -1px 0 #007bff, inset 0 -1px #007bff;
           box-shadow: inset 1px 0 #007bff, inset 0 1px #007bff, inset -1px 0 #007bff, inset 0 -1px #007bff;
   color: #212529;
 }
 .e-calendar .e-content td.e-today:focus span.e-day, .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
-  background-color: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
   border: none;
   border-radius: 4px;
   color: #212529;
 }
 .e-calendar .e-content td.e-today:hover span.e-day, .e-calendar .e-content td.e-focused-date.e-today:hover span.e-day, .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
-  background-color: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
   border: none;
   color: #212529;
 }
@@ -505,7 +505,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: #0069d9;
+  background: rgb(0, 104.55, 216.75);
   color: #fff;
 }
 .e-calendar .e-content span {
@@ -523,7 +523,7 @@ ejs-calendar {
   color: #6c757d;
 }
 .e-calendar .e-content .e-other-month.e-today:hover span.e-day {
-  background-color: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
   color: #6c757d;
 }
 .e-calendar .e-content thead {
@@ -531,13 +531,13 @@ ejs-calendar {
   border-bottom: 0;
 }
 .e-calendar .e-content td:hover span.e-day, .e-calendar .e-content td:focus span.e-day {
-  background-color: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
   border: none;
   border-radius: 4px;
   color: #212529;
 }
 .e-calendar .e-content td:focus span.e-day {
-  background-color: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
   color: #212529;
   border: none;
   border-radius: 4px;
@@ -820,8 +820,8 @@ ejs-calendar {
 }
 /* stylelint-enable */
 .e-time-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-time-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
@@ -850,7 +850,7 @@ ejs-calendar {
       touch-action: none;
 }
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-timepicker.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;
 }
@@ -859,7 +859,7 @@ ejs-calendar {
   color: #fff;
 }
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
-  background-color: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
   color: #212529;
 }
 
@@ -1290,8 +1290,8 @@ ejs-calendar {
   color: #fff;
 }
 .e-date-wrapper span.e-input-group-icon.e-date-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;
 }
 
@@ -1704,12 +1704,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%;
@@ -1722,6 +1716,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;
@@ -1991,8 +1991,8 @@ ejs-calendar {
 }
 
 .e-date-range-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-date-range-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
@@ -2024,7 +2024,7 @@ ejs-calendar {
   color: #212529;
 }
 .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: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
   border: none;
   color: #212529;
 }
@@ -2064,7 +2064,7 @@ ejs-calendar {
   color: #fff;
 }
 .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover {
-  background-color: #e9ecef;
+  background-color: rgb(233.125, 236.25, 239.375);
   color: #212529;
 }
 .e-daterangepicker.e-popup .e-start-label, .e-daterangepicker.e-popup .e-end-label {
@@ -2243,8 +2243,8 @@ ejs-calendar {
 
 /*! 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 {
@@ -2265,7 +2265,7 @@ ejs-calendar {
   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/bootstrap4.css

@@ -414,14 +414,14 @@ ejs-calendar {
   cursor: pointer;
 }
 .e-calendar .e-header .e-prev:hover, .e-calendar .e-header .e-next:hover {
-  background: #f2f4f6;
+  background: rgb(242.05, 243.9, 245.75);
 }
 .e-calendar .e-header .e-prev:focus, .e-calendar .e-header .e-next:focus {
   -webkit-box-shadow: 0 0 0 1px #212529;
           box-shadow: 0 0 0 1px #212529;
 }
 .e-calendar .e-header .e-prev:active, .e-calendar .e-header .e-next:active {
-  background: #545b62;
+  background: rgb(84.3605150215, 91.3905579399, 97.6394849785);
   color: #fff;
 }
 .e-calendar .e-header button.e-prev:active span, .e-calendar .e-header button.e-next:active span {
@@ -450,7 +450,7 @@ ejs-calendar {
   color: #adb5bd;
 }
 .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: #0069d9;
+  background-color: rgb(0, 104.55, 216.75);
 }
 .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day {
   background: none;
@@ -459,14 +459,14 @@ ejs-calendar {
   color: #6c757d;
 }
 .e-calendar .e-content td.e-focused-date span.e-day, .e-calendar .e-content td.e-focused-date:hover span.e-day, .e-calendar .e-content td.e-focused-date:focus span.e-day {
-  background: #f2f4f6;
+  background: rgb(253.95, 254.1, 254.25);
   border: none;
   border-radius: 4px;
   -webkit-box-shadow: none;
           box-shadow: none;
 }
 .e-calendar .e-content td.e-focused-date:hover span.e-day {
-  background-color: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
   border: none;
   border-radius: 4px;
   color: #212529;
@@ -480,20 +480,20 @@ ejs-calendar {
   color: #212529;
 }
 .e-calendar .e-content td.e-focused-date.e-today span.e-day {
-  background: #f2f4f6;
+  background: rgb(242.05, 243.9, 245.75);
   border: none;
   -webkit-box-shadow: inset 1px 0 #007bff, inset 0 1px #007bff, inset -1px 0 #007bff, inset 0 -1px #007bff;
           box-shadow: inset 1px 0 #007bff, inset 0 1px #007bff, inset -1px 0 #007bff, inset 0 -1px #007bff;
   color: #212529;
 }
 .e-calendar .e-content td.e-today:focus span.e-day, .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
-  background-color: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
   border: none;
   border-radius: 4px;
   color: #212529;
 }
 .e-calendar .e-content td.e-today:hover span.e-day, .e-calendar .e-content td.e-focused-date.e-today:hover span.e-day, .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
-  background-color: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
   border: none;
   color: #212529;
 }
@@ -505,7 +505,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: #0069d9;
+  background: rgb(0, 104.55, 216.75);
   color: #fff;
 }
 .e-calendar .e-content span {
@@ -523,7 +523,7 @@ ejs-calendar {
   color: #6c757d;
 }
 .e-calendar .e-content .e-other-month.e-today:hover span.e-day {
-  background-color: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
   color: #6c757d;
 }
 .e-calendar .e-content thead {
@@ -531,13 +531,13 @@ ejs-calendar {
   border-bottom: 0;
 }
 .e-calendar .e-content td:hover span.e-day, .e-calendar .e-content td:focus span.e-day {
-  background-color: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
   border: none;
   border-radius: 4px;
   color: #212529;
 }
 .e-calendar .e-content td:focus span.e-day {
-  background-color: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
   color: #212529;
   border: none;
   border-radius: 4px;
@@ -766,14 +766,14 @@ ejs-calendar {
   cursor: pointer;
 }
 .e-bigger.e-small .e-calendar .e-header .e-prev:hover, .e-bigger.e-small .e-calendar .e-header .e-next:hover {
-  background: #f2f4f6;
+  background: rgb(242.05, 243.9, 245.75);
 }
 .e-bigger.e-small .e-calendar .e-header .e-prev:focus, .e-bigger.e-small .e-calendar .e-header .e-next:focus {
   -webkit-box-shadow: 0 0 0 1px #212529;
           box-shadow: 0 0 0 1px #212529;
 }
 .e-bigger.e-small .e-calendar .e-header .e-prev:active, .e-bigger.e-small .e-calendar .e-header .e-next:active {
-  background: #545b62;
+  background: rgb(84.3605150215, 91.3905579399, 97.6394849785);
   color: #fff;
 }
 .e-bigger.e-small .e-calendar .e-header button.e-prev:active span, .e-bigger.e-small .e-calendar .e-header button.e-next:active span {
@@ -802,7 +802,7 @@ ejs-calendar {
   color: #adb5bd;
 }
 .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: #0069d9;
+  background-color: rgb(0, 104.55, 216.75);
 }
 .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: none;
@@ -811,14 +811,14 @@ ejs-calendar {
   color: #6c757d;
 }
 .e-bigger.e-small .e-calendar .e-content td.e-focused-date span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date:focus span.e-day {
-  background: #f2f4f6;
+  background: rgb(253.95, 254.1, 254.25);
   border: none;
   border-radius: 4px;
   -webkit-box-shadow: none;
           box-shadow: none;
 }
 .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day {
-  background-color: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
   border: none;
   border-radius: 4px;
   color: #212529;
@@ -832,20 +832,20 @@ ejs-calendar {
   color: #212529;
 }
 .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
-  background: #f2f4f6;
+  background: rgb(242.05, 243.9, 245.75);
   border: none;
   -webkit-box-shadow: inset 1px 0 #007bff, inset 0 1px #007bff, inset -1px 0 #007bff, inset 0 -1px #007bff;
           box-shadow: inset 1px 0 #007bff, inset 0 1px #007bff, inset -1px 0 #007bff, inset 0 -1px #007bff;
   color: #212529;
 }
 .e-bigger.e-small .e-calendar .e-content td.e-today:focus span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
-  background-color: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
   border: none;
   border-radius: 4px;
   color: #212529;
 }
 .e-bigger.e-small .e-calendar .e-content td.e-today:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
-  background-color: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
   border: none;
   color: #212529;
 }
@@ -857,7 +857,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: #0069d9;
+  background-color: rgb(0, 104.55, 216.75);
   color: #fff;
 }
 .e-bigger.e-small .e-calendar .e-content span {
@@ -875,7 +875,7 @@ ejs-calendar {
   color: #6c757d;
 }
 .e-bigger.e-small .e-calendar .e-content .e-other-month.e-today:hover span.e-day {
-  background-color: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
   color: #6c757d;
 }
 .e-bigger.e-small .e-calendar .e-content thead {
@@ -883,13 +883,13 @@ ejs-calendar {
   border-bottom: 0;
 }
 .e-bigger.e-small .e-calendar .e-content td:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
-  background-color: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
   border: none;
   border-radius: 4px;
   color: #212529;
 }
 .e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
-  background-color: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
   color: #212529;
   border: none;
   border-radius: 4px;
@@ -1404,8 +1404,8 @@ ejs-calendar {
 }
 /* stylelint-enable */
 .e-time-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-time-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
@@ -1434,7 +1434,7 @@ ejs-calendar {
       touch-action: none;
 }
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-timepicker.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;
 }
@@ -1443,7 +1443,7 @@ ejs-calendar {
   color: #fff;
 }
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
-  background-color: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
   color: #212529;
 }
 
@@ -1917,8 +1917,8 @@ ejs-calendar {
   color: #fff;
 }
 .e-date-wrapper span.e-input-group-icon.e-date-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;
 }
 
@@ -2364,12 +2364,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%;
@@ -2382,6 +2376,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;
@@ -2651,8 +2651,8 @@ ejs-calendar {
 }
 
 .e-date-range-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-date-range-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
@@ -2684,7 +2684,7 @@ ejs-calendar {
   color: #212529;
 }
 .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: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
   border: none;
   color: #212529;
 }
@@ -2724,7 +2724,7 @@ ejs-calendar {
   color: #fff;
 }
 .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover {
-  background-color: #e9ecef;
+  background-color: rgb(233.125, 236.25, 239.375);
   color: #212529;
 }
 .e-daterangepicker.e-popup .e-start-label, .e-daterangepicker.e-popup .e-end-label {
@@ -3288,7 +3288,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: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
   border: none;
   color: #212529;
 }
@@ -3348,7 +3348,7 @@ ejs-calendar {
 }
 .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover,
 .e-bigger.e-small.e-daterangepicker.e-popup .e-presets .e-list-item.e-hover {
-  background-color: #e9ecef;
+  background-color: rgb(233.125, 236.25, 239.375);
   color: #212529;
 }
 .e-bigger.e-small .e-daterangepicker.e-popup .e-start-label, .e-bigger.e-small .e-daterangepicker.e-popup .e-end-label,
@@ -3539,8 +3539,8 @@ ejs-calendar {
 
 /*! 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 {
@@ -3561,7 +3561,7 @@ ejs-calendar {
   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;
 }