update src/components/Datepicker/CalenderList/index.js and src/index.scss

src/index.scss

@@ -2841,9 +2841,9 @@ $radkoColor2: #3197ee;
 }
 
 .calender-list .rmdp-day.rmdp-today span:hover {
-  background: transparent !important;
+  background: #4878e6 !important;
   border: solid 1px #4878e6;
-  color: #4878e6 !important;
+  color: #fff !important;
 }
 
 .calender-list .rmdp-day.rmdp-selected span:not(.highlight) {
@@ -2853,9 +2853,9 @@ $radkoColor2: #3197ee;
 }
 
 .calender-list .rmdp-day.rmdp-selected span:not(.highlight):hover {
-  background: transparent !important;
+  background: #f7f7f7 !important;
-  border: solid 1px #4878e6;
+  border: none;
-  color: #4878e6 !important;
+  color: #3e3e3e !important;
 }
 
 .calender-list .rmdp-day span {
@@ -2884,16 +2884,16 @@ $radkoColor2: #3197ee;
 
 .rmdp-day.rmdp-selected .highlight-red {
   border-radius: 8px !important;
-  box-shadow: none;
+  background: #4878e6 !important;
+  box-shadow: none !important;
+  color: #fff;
 }
 
 .rmdp-day.rmdp-selected .highlight-red:hover {
-  border-radius: 8px !important;
+  background: #f7f7f7 !important;
-  box-shadow: none;
+  border: none;
-  border: solid 1px #ea0034;
-  color: #ea0034;
 }
 
 .rmdp-day:not(.rmdp-disabled):not(.rmdp-day-hidden) .highlight-red:hover {
-  color: red !important;
+  color: #3e3e3e !important;
 }