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 ( return (
<div className="calender-list"> <div className="calender-list">
<Calendar <Calendar
currentDate={
new DateObject({
calendar: persian,
year: 1399,
month: 12,
day: 1,
})
}
onChange={setDate} onChange={setDate}
value={minDate} value={minDate}
minDate={minDate} minDate={minDate}

@ -2841,21 +2841,21 @@ $radkoColor2: #3197ee;
} }
.calender-list .rmdp-day.rmdp-today span:hover { .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) { .calender-list .rmdp-day.rmdp-selected span:not(.highlight) {
background: #4878e6; background: #4878e6;
box-shadow: 0px; box-shadow: none !important;
color: #fff; color: #fff;
} }
.calender-list .rmdp-day.rmdp-selected span:not(.highlight):hover { .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 { .calender-list .rmdp-day span {
@ -2877,7 +2877,23 @@ $radkoColor2: #3197ee;
.rmdp-day.rmdp-selected span:not(.highlight) { .rmdp-day.rmdp-selected span:not(.highlight) {
background-color: #ddd; background-color: #ddd;
box-shadow: 0px; box-shadow: none;
color: #fff; color: #fff;
border-radius: 8px !important; 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