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

src/components/Datepicker/Calender/index.js

@@ -20,6 +20,14 @@ const Calender = ({ minDate, maxDate }) => {
   return (
     <div className="calender-list">
       <Calendar
+        currentDate={
+          new DateObject({
+            calendar: persian,
+            year: 1399,
+            month: 12,
+            day: 1,
+          })
+        }
         onChange={setDate}
         value={minDate}
         minDate={minDate}

src/index.scss

@@ -2841,21 +2841,21 @@ $radkoColor2: #3197ee;
 }
 
 .calender-list .rmdp-day.rmdp-today span:hover {
-  background: #ff9100 !important;
+  background: transparent !important;
-  border-radius: 8px !important;
+  border: solid 1px #4878e6;
-  color: rgb(255, 242, 0);
+  color: #4878e6 !important;
 }
 
 .calender-list .rmdp-day.rmdp-selected span:not(.highlight) {
   background: #4878e6;
-  box-shadow: 0px;
+  box-shadow: none !important;
   color: #fff;
 }
 
 .calender-list .rmdp-day.rmdp-selected span:not(.highlight):hover {
-  background-color: #c800ff;
+  background: transparent !important;
-  box-shadow: 0px;
+  border: solid 1px #4878e6;
-  color: #fff;
+  color: #4878e6 !important;
 }
 
 .calender-list .rmdp-day span {
@@ -2877,7 +2877,23 @@ $radkoColor2: #3197ee;
 
 .rmdp-day.rmdp-selected span:not(.highlight) {
   background-color: #ddd;
-  box-shadow: 0px;
+  box-shadow: none;
   color: #fff;
   border-radius: 8px !important;
 }
+
+.rmdp-day.rmdp-selected .highlight-red {
+  border-radius: 8px !important;
+  box-shadow: none;
+}
+
+.rmdp-day.rmdp-selected .highlight-red:hover {
+  border-radius: 8px !important;
+  box-shadow: none;
+  border: solid 1px #ea0034;
+  color: #ea0034;
+}
+
+.rmdp-day:not(.rmdp-disabled):not(.rmdp-day-hidden) .highlight-red:hover {
+  color: red !important;
+}