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

master
mahdi 2 years ago
parent 099714fd13
commit 74763f0bef
  1. 8
      src/components/Datepicker/Calender/index.js
  2. 32
      src/index.scss

@ -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}

@ -2841,21 +2841,21 @@ $radkoColor2: #3197ee;
}
.calender-list .rmdp-day.rmdp-today span:hover {
background: #ff9100 !important;
border-radius: 8px !important;
color: rgb(255, 242, 0);
background: transparent !important;
border: solid 1px #4878e6;
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;
box-shadow: 0px;
color: #fff;
background: transparent !important;
border: solid 1px #4878e6;
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;
}

Loading…
Cancel
Save