calendar Year Picking Styled

master
Pedram Keshavarzi 3 years ago
parent dd78851e61
commit f71e4cd39f
  1. 4
      src/components/Calendar/index.css
  2. 5
      src/components/Calendar/index.js

@ -407,7 +407,7 @@
font-size: 1.4em;
min-width: 85%;
padding: 0.2em 0.5em;
border-radius: 8.5px;
border-radius: 5px;
}
.Calendar__monthSelector.-open,
@ -453,7 +453,7 @@
.Calendar__monthSelectorItem.-active .Calendar__monthSelectorItemText,
.Calendar__yearSelectorItem.-active .Calendar__yearSelectorText {
background-color: var(--cl-color-primary);
background-color: #006C94;
color: #fff;
}

@ -6,6 +6,10 @@ import './index.css';
const SimpleCalendar = () =>{
const [selectedDay, setSelectedDay] = useState(null);
const gotoToday = () =>{
setSelectedDay(utils('fa').getToday());
}
return(
<div className="flex items-center justify-center w-full my-2">
@ -13,6 +17,7 @@ const SimpleCalendar = () =>{
value={selectedDay}
onChange={setSelectedDay}
shouldHighlightWeekends
renderFooter={() => <center><button onClick={gotoToday}>برو به امروز</button></center>}
locale="fa" // add this
/>
</div>

Loading…
Cancel
Save