feat(datepicker) add open state callbacks

This commit is contained in:
dancingCycle 2022-08-26 15:29:48 +02:00
parent 9e13830892
commit e86038281a
1 changed files with 4 additions and 0 deletions

View File

@ -8,6 +8,8 @@ import "react-datepicker/dist/react-datepicker.css";
const DatepickerhooksCss = () => {
const [startDate, setStartDate] = useState(new Date());
const handleCalendarClose = () => console.log("Calendar closed");
const handleCalendarOpen = () => console.log("Calendar opened");
return (
<div>
@ -15,6 +17,8 @@ const DatepickerhooksCss = () => {
closeOnScroll={true}
selected={startDate}
onChange={(date) => setStartDate(date)}
onCalendarClose={handleCalendarClose}
onCalendarOpen={handleCalendarOpen}
/>
current date: {startDate.toString()}
</div>