@syncfusion/ej2-calendars 28.2.11 → 29.1.35

package/styles/calendar/bootstrap5.css

@@ -431,14 +431,14 @@ ejs-calendar {
   cursor: pointer;
 }
 .e-calendar .e-header .e-prev:hover, .e-calendar .e-header .e-next:hover {
-  background: #5c636a;
+  background: rgb(91.8, 99.45, 106.25);
 }
 .e-calendar .e-header .e-prev:focus, .e-calendar .e-header .e-next:focus {
   -webkit-box-shadow: 0 0 0 1px #6c757d;
           box-shadow: 0 0 0 1px #6c757d;
 }
 .e-calendar .e-header .e-prev:active, .e-calendar .e-header .e-next:active {
-  background: #51585e;
+  background: rgb(81, 87.75, 93.75);
   color: #fff;
 }
 .e-calendar .e-header button.e-prev:active span, .e-calendar .e-header button.e-next:active span {
@@ -467,7 +467,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: #0257d5;
+  background-color: rgb(1.762295082, 87.2336065574, 213.237704918);
 }
 .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day {
   background: none;
@@ -522,7 +522,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: #0257d5;
+  background: rgb(1.762295082, 87.2336065574, 213.237704918);
   color: #fff;
 }
 .e-calendar .e-content span {
@@ -574,7 +574,7 @@ ejs-calendar {
   color: #0d6efd;
 }
 .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: #5c636a;
+  background: rgb(91.8, 99.45, 106.25);
 }
 .e-calendar.e-device button.e-prev:active span, .e-calendar.e-device button.e-next:active span {
   color: #6c757d;
@@ -620,8 +620,8 @@ ejs-calendar {
 
 .e-calendar .e-btn.e-today.e-flat.e-primary:hover,
 .e-calendar .e-css.e-btn.e-today.e-flat.e-primary:hover {
-  background-color: #0b5ed7;
-  border-color: #0a58ca;
+  background-color: rgb(11.05, 93.5, 215.05);
+  border-color: rgb(10.4, 88, 202.4);
   color: #fff;
 }
 
@@ -629,8 +629,8 @@ ejs-calendar {
 .e-calendar .e-btn.e-today.e-flat.e-primary.e-active,
 .e-calendar .e-css.e-btn.e-today.e-flat.e-primary:active,
 .e-calendar .e-css.e-btn.e-today.e-flat.e-primary.e-active {
-  background-color: #0a58ca;
-  border-color: #0a53be;
+  background-color: rgb(10.4, 88, 202.4);
+  border-color: rgb(9.75, 82.5, 189.75);
   color: #fff;
 }
 
@@ -825,14 +825,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: #5c636a;
+  background: rgb(91.8, 99.45, 106.25);
 }
 .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 #6c757d;
           box-shadow: 0 0 0 1px #6c757d;
 }
 .e-bigger.e-small .e-calendar .e-header .e-prev:active, .e-bigger.e-small .e-calendar .e-header .e-next:active {
-  background: #51585e;
+  background: rgb(81, 87.75, 93.75);
   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 {
@@ -861,7 +861,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: #0257d5;
+  background-color: rgb(1.762295082, 87.2336065574, 213.237704918);
 }
 .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;
@@ -916,7 +916,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: #0257d5;
+  background-color: rgb(1.762295082, 87.2336065574, 213.237704918);
   color: #fff;
 }
 .e-bigger.e-small .e-calendar .e-content span {
@@ -968,7 +968,7 @@ ejs-calendar {
   color: #0d6efd;
 }
 .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: #5c636a;
+  background: rgb(91.8, 99.45, 106.25);
 }
 .e-bigger.e-small .e-calendar.e-device button.e-prev:active span, .e-bigger.e-small .e-calendar.e-device button.e-next:active span {
   color: #6c757d;

package/styles/calendar/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;

package/styles/calendar/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 {

package/styles/calendar/fluent-dark.css

@@ -725,7 +725,7 @@ ejs-calendar {
 .e-calendar .e-css.e-btn.e-today.e-flat.e-primary:active,
 .e-calendar .e-css.e-btn.e-today.e-flat.e-primary.e-active {
   background-color: transparent;
-  border-color: #0060aa;
+  border-color: rgb(0, 96, 169.6);
   color: #0078d4;
   border: none;
   outline: none;
@@ -737,7 +737,7 @@ ejs-calendar {
 .e-calendar .e-css.e-btn.e-today.e-flat.e-primary.e-focus {
   background-color: transparent;
   border: none;
-  border-color: #0060aa;
+  border-color: rgb(0, 96, 169.6);
   color: #0078d4;
   outline: none;
 }

package/styles/calendar/fluent.css

@@ -725,7 +725,7 @@ ejs-calendar {
 .e-calendar .e-css.e-btn.e-today.e-flat.e-primary:active,
 .e-calendar .e-css.e-btn.e-today.e-flat.e-primary.e-active {
   background-color: transparent;
-  border-color: #0060aa;
+  border-color: rgb(0, 96, 169.6);
   color: #0078d4;
   border: none;
   outline: none;
@@ -737,7 +737,7 @@ ejs-calendar {
 .e-calendar .e-css.e-btn.e-today.e-flat.e-primary.e-focus {
   background-color: transparent;
   border: none;
-  border-color: #0060aa;
+  border-color: rgb(0, 96, 169.6);
   color: #0078d4;
   outline: none;
 }

package/styles/calendar/fluent2.css

@@ -747,6 +747,7 @@ ejs-calendar {
   max-width: 300px;
   min-width: 300px;
   padding: 0;
+  min-height: 300px;
 }
 .e-bigger.e-calendar.e-calendar-day-header-lg,
 *.e-bigger .e-calendar.e-calendar-day-header-lg {

package/styles/calendar/highcontrast.css

@@ -515,7 +515,7 @@ ejs-calendar {
   color: #000;
 }
 .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: #ffe886;
+  background: rgb(255, 231.6818181818, 133.5);
   color: #000;
 }
 .e-calendar .e-content span {
@@ -867,7 +867,7 @@ ejs-calendar {
   color: #000;
 }
 .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: #ffe886;
+  background-color: rgb(255, 231.6818181818, 133.5);
   color: #000;
 }
 .e-bigger.e-small .e-calendar .e-content span {

package/styles/calendar/material.css

@@ -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: #b51148;
+  background: rgb(180.5060240964, 17.4939759036, 72.3614457831);
   color: #fff;
 }
 .e-calendar .e-content span {
@@ -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: #b51148;
+  background-color: rgb(180.5060240964, 17.4939759036, 72.3614457831);
   color: #fff;
 }
 .e-bigger.e-small .e-calendar .e-content span {

package/styles/calendar/tailwind-dark.css

@@ -284,7 +284,7 @@ ejs-calendar {
   margin: 0 8px;
 }
 .e-calendar .e-footer-container {
-  background-color: #232e3e;
+  background-color: rgb(27.323255814, 36.1372093023, 48.476744186);
   border-top: none;
   text-align: center;
   cursor: default;
@@ -383,7 +383,7 @@ ejs-calendar {
 }
 
 .e-calendar .e-btn.e-today.e-flat.e-disabled, .e-calendar .e-btn.e-today.e-flat.e-disabled:hover, .e-calendar .e-btn.e-today.e-flat.e-disabled:active, .e-calendar .e-btn.e-today.e-flat.e-disabled:focus, .e-calendar .e-btn.e-today.e-flat.e-disabled:hover:active {
-  background: #232e3e;
+  background: rgb(27.323255814, 36.1372093023, 48.476744186);
   border-color: rgba(0, 0, 0, 0.65);
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -430,8 +430,8 @@ ejs-calendar {
   text-decoration: none;
 }
 .e-calendar .e-header .e-title:focus {
-  -webkit-box-shadow: 0 0 0 1px #8b919e;
-          box-shadow: 0 0 0 1px #8b919e;
+  -webkit-box-shadow: 0 0 0 1px rgb(79.1344680851, 84.3114893617, 94.6655319149);
+          box-shadow: 0 0 0 1px rgb(79.1344680851, 84.3114893617, 94.6655319149);
   background: none;
   text-decoration: none;
 }
@@ -450,8 +450,8 @@ ejs-calendar {
   background: transparent;
 }
 .e-calendar .e-header .e-prev:focus, .e-calendar .e-header .e-next:focus {
-  -webkit-box-shadow: 0 0 0 1px #8b919e;
-          box-shadow: 0 0 0 1px #8b919e;
+  -webkit-box-shadow: 0 0 0 1px rgb(79.1344680851, 84.3114893617, 94.6655319149);
+          box-shadow: 0 0 0 1px rgb(79.1344680851, 84.3114893617, 94.6655319149);
 }
 .e-calendar .e-header .e-prev:active, .e-calendar .e-header .e-next:active {
   background: transparent;
@@ -483,7 +483,7 @@ ejs-calendar {
   color: #6b7280;
 }
 .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: #10b4cd;
+  background-color: rgb(15.7857142857, 180.1428571429, 205.2142857143);
 }
 .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day {
   background: none;
@@ -538,7 +538,7 @@ ejs-calendar {
   color: #000;
 }
 .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: #10b4cd;
+  background: rgb(15.7857142857, 180.1428571429, 205.2142857143);
   color: #000;
 }
 .e-calendar .e-content span {
@@ -647,8 +647,8 @@ ejs-calendar {
   }
 }
 .e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day {
-  -webkit-box-shadow: 0 0 0 1px #8b919e;
-          box-shadow: 0 0 0 1px #8b919e;
+  -webkit-box-shadow: 0 0 0 1px rgb(79.1344680851, 84.3114893617, 94.6655319149);
+          box-shadow: 0 0 0 1px rgb(79.1344680851, 84.3114893617, 94.6655319149);
   border-radius: 4px;
 }
 
@@ -806,8 +806,8 @@ ejs-calendar {
   text-decoration: none;
 }
 .e-bigger.e-small .e-calendar .e-header .e-title:focus {
-  -webkit-box-shadow: 0 0 0 1px #8b919e;
-          box-shadow: 0 0 0 1px #8b919e;
+  -webkit-box-shadow: 0 0 0 1px rgb(79.1344680851, 84.3114893617, 94.6655319149);
+          box-shadow: 0 0 0 1px rgb(79.1344680851, 84.3114893617, 94.6655319149);
   background: none;
   text-decoration: none;
 }
@@ -826,8 +826,8 @@ ejs-calendar {
   background: transparent;
 }
 .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 #8b919e;
-          box-shadow: 0 0 0 1px #8b919e;
+  -webkit-box-shadow: 0 0 0 1px rgb(79.1344680851, 84.3114893617, 94.6655319149);
+          box-shadow: 0 0 0 1px rgb(79.1344680851, 84.3114893617, 94.6655319149);
 }
 .e-bigger.e-small .e-calendar .e-header .e-prev:active, .e-bigger.e-small .e-calendar .e-header .e-next:active {
   background: transparent;
@@ -859,7 +859,7 @@ ejs-calendar {
   color: #6b7280;
 }
 .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: #10b4cd;
+  background-color: rgb(15.7857142857, 180.1428571429, 205.2142857143);
 }
 .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;
@@ -914,7 +914,7 @@ ejs-calendar {
   color: #000;
 }
 .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: #10b4cd;
+  background-color: rgb(15.7857142857, 180.1428571429, 205.2142857143);
   color: #000;
 }
 .e-bigger.e-small .e-calendar .e-content span {
@@ -1233,7 +1233,7 @@ ejs-calendar {
   margin: 0 8px;
 }
 .e-bigger.e-small .e-calendar .e-footer-container {
-  background-color: #232e3e;
+  background-color: rgb(27.323255814, 36.1372093023, 48.476744186);
   border-top: none;
   text-align: center;
   cursor: default;

package/styles/calendar/tailwind.css

@@ -483,7 +483,7 @@ ejs-calendar {
   color: #9ca3af;
 }
 .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: #291fd9;
+  background-color: rgb(41.1374407583, 30.5592417062, 217.4407582938);
 }
 .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day {
   background: none;
@@ -538,7 +538,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: #291fd9;
+  background: rgb(41.1374407583, 30.5592417062, 217.4407582938);
   color: #fff;
 }
 .e-calendar .e-content span {
@@ -859,7 +859,7 @@ ejs-calendar {
   color: #9ca3af;
 }
 .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: #291fd9;
+  background-color: rgb(41.1374407583, 30.5592417062, 217.4407582938);
 }
 .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;
@@ -914,7 +914,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: #291fd9;
+  background-color: rgb(41.1374407583, 30.5592417062, 217.4407582938);
   color: #fff;
 }
 .e-bigger.e-small .e-calendar .e-content span {

package/styles/calendar/tailwind3.css

@@ -572,8 +572,8 @@ ejs-calendar {
   color: var(--color-sf-icon-color);
 }
 .e-calendar .e-content.e-month .e-selected.e-focused-date {
-  -webkit-box-shadow: inset 1px 0 var(--color-sf-primary-bg-color), inset 0 1px var(--color-sf-primary-bg-color), inset -1px 0 var(--color-sf-primary-bg-color), inset 0 -1px var(--color-sf-primary-bg-color);
-          box-shadow: inset 1px 0 var(--color-sf-primary-bg-color), inset 0 1px var(--color-sf-primary-bg-color), inset -1px 0 var(--color-sf-primary-bg-color), inset 0 -1px var(--color-sf-primary-bg-color);
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 
 .e-calendar .e-content.e-year td.e-selected span.e-day,

package/styles/datepicker/_bootstrap4-definition.scss

@@ -1,3 +1,5 @@
+@use 'sass:color';
+
 $datepicker-icon-color: $white !default;
 $datepicker-active-icon-color: $white !default;
 $datepicker-popup-box-shadow: none !default;
@@ -17,8 +19,8 @@ $datepicker-overlay: rgba($black, .5) !default;
 $datepicker-icon-normal-margin: 0 !default;
 $datepicker-icon-bigger-margin: 0 !default;
 $datepicker-icon-hover-color: $gray-900 !default;
-$datepicker-icon-active-bg-color: darken($gray-600, 10%) !default;
-$datepicker-active-border-color: darken($gray-600, 10%) !default;
+$datepicker-icon-active-bg-color: color.adjust($gray-600, $lightness: -10%) !default;
+$datepicker-active-border-color: color.adjust($gray-600, $lightness: -10%) !default;
 $datepicker-icon-border-radius: 0 !default;
 $datepicker-box-sizing: border-box !default;
 $datepicker-othermonth-row: table-row !default;

package/styles/datepicker/_layout.scss

@@ -216,7 +216,9 @@
             font-size: $modal-tablet-font-size;
           }
           @if $skin-name == 'fluent2' {
-            left: $modal-header-left;
+            & {
+              left: $modal-header-left;
+            }
           }
         }
 

package/styles/datepicker/bootstrap4.css

@@ -411,8 +411,8 @@
   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;
 }
 

package/styles/datepicker/bootstrap5-dark.css

@@ -194,7 +194,7 @@
   height: 10vh;
   border-style: solid;
   border-width: 1px 0;
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
   padding: 2vh 2vw;
   line-height: 6vh;
 }
@@ -395,7 +395,7 @@
 /* stylelint-enable */
 .e-datepicker.e-popup-wrapper,
 .e-small.e-datepicker.e-popup-wrapper {
-  border: 1px solid #444c54;
+  border: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
   -webkit-box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
           box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
 }
@@ -410,7 +410,7 @@
 }
 
 .e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active {
-  background: #565e64;
+  background: rgb(86.4, 93.6, 100);
   border-color: #6c757d;
   color: #fff;
 }
@@ -423,7 +423,7 @@
 
 .e-bigger.e-datepicker.e-popup-wrapper,
 .e-bigger.e-small.e-datepicker.e-popup-wrapper {
-  border: 1px solid #444c54;
+  border: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
   -webkit-box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
           box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
 }

package/styles/datepicker/bootstrap5.css

@@ -410,7 +410,7 @@
 }
 
 .e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active {
-  background: #565e64;
+  background: rgb(86.4, 93.6, 100);
   border-color: #ced4da;
   color: #fff;
 }

package/styles/datepicker/fluent2.css

@@ -395,13 +395,15 @@
   text-align: center;
   vertical-align: middle;
   width: auto;
-  left: 5vw;
 }
 @media (min-device-width: 768px) {
   .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-title {
     font-size: 18px;
   }
 }
+.e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-title {
+  left: 5vw;
+}
 .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-prev, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-prev, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-prev {
   margin-right: 0;
   vertical-align: inherit;

package/styles/daterangepicker/_bootstrap-dark-definition.scss

@@ -1,3 +1,5 @@
+@use 'sass:color';
+
 $range-bg-color:  $content-bg-color !default;
 $range-primary-color: $brand-primary !default;
 $range-primary-font-color: $brand-primary-font !default;
@@ -7,10 +9,10 @@ $range-font-color: none !default;
 $range-active-icon-color: $grey-dark-font !default;
 $range-active-state-icon-color: $grey-dark-font !default;
 $range-hover-color: $grey-99 !default;
-$range-hover-content-color: darken($range-hover-color, 15%) !default;
+$range-hover-content-color: color.adjust($range-hover-color, $lightness: -15%) !default;
 $range-today-color: $grey-light !default;
 $range-calendar-today-color: $grey-dark-font !default;
-$range-selection-bg: darken($brand-primary, 10%) !default;
+$range-selection-bg: color.adjust($brand-primary, $lightness: -10%) !default;
 $range-other-hover-color: $grey-99 !default;
 $range-lg-day-header-format-width: 100% !default;
 $range-other-month-date: $grey-cc !default;

package/styles/daterangepicker/_bootstrap-definition.scss

@@ -1,3 +1,5 @@
+@use 'sass:color';
+
 $range-bg-color:  $content-bg-color !default;
 $range-primary-color: $brand-primary !default;
 $range-primary-font-color: $brand-primary-font !default;
@@ -7,10 +9,10 @@ $range-font-color: none !default;
 $range-active-icon-color: $grey-light-font !default;
 $range-active-state-icon-color: $grey-light-font !default;
 $range-hover-color: $grey-f5 !default;
-$range-hover-content-color: darken($range-hover-color, 15%) !default;
+$range-hover-content-color: color.adjust($range-hover-color, $lightness: -15%) !default;
 $range-today-color: $grey-f5 !default;
 $range-calendar-today-color: $grey-light-font !default;
-$range-selection-bg: darken($brand-primary, 10%) !default;
+$range-selection-bg: color.adjust($brand-primary, $lightness: -10%) !default;
 $range-lg-day-header-format-width: 100% !default;
 $range-other-hover-color: $content-bg-color !default;
 $range-other-month-date: $grey-cc !default;

package/styles/daterangepicker/_bootstrap4-definition.scss

@@ -1,3 +1,5 @@
+@use 'sass:color';
+
 $range-bg-color: $content-bg !default;
 $range-primary-color: $primary !default;
 $range-primary-font-color: $primary-font !default;
@@ -6,13 +8,13 @@ $range-presets-bg: $content-bg !default;
 $range-preset-normal-font-color: $gray-900 !default;
 $range-font-color: none !default;
 $range-active-icon-color: $white !default;
-$range-icon-active-bg-color: darken($gray-600, 10%) !default;
-$range-active-border-color: darken($gray-600, 10%) !default;
+$range-icon-active-bg-color: color.adjust($gray-600, $lightness: -10%) !default;
+$range-active-border-color: color.adjust($gray-600, $lightness: -10%) !default;
 $range-active-state-icon-color: $white !default;
 $range-control-border-right: 0 !default;
 $range-lg-day-header-format-width: 100% !default;
 $range-hover-color: $gray-200 !default;
-$range-hover-content-color: darken($gray-100, 2%) !default;
+$range-hover-content-color: color.adjust($gray-100, $lightness: -2%) !default;
 $range-today-color: $gray-200 !default;
 $range-calendar-today-color: $gray-900 !default;
 $range-selection-bg: $primary !default;
@@ -165,7 +167,7 @@ $range-calendar-normal-table-padding: 0 12px 12px !default;
 $range-calendar-bigger-table-padding: 0 16px 16px !default;
 $range-popup-border-radius: 4px !default;
 $range-list-border-radius: 0 !default;
-$range-presets-hover-bg: darken($gray-100, 5%) !default;
+$range-presets-hover-bg: color.adjust($gray-100, $lightness: -5%) !default;
 $range-bigger-nav-icon-width: 40px !default;
 $range-bigger-nav-icon-height: 40px !default;
 $range-device-medium-header-font-size: 14px !default;