feat(datepicker) add open state callbacks
This commit is contained in:
parent
9e13830892
commit
e86038281a
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue