I am working on a React component that uses Material-UI’s DateCalendar. The component includes an input field that, when clicked, opens a date picker. The date picker should remain open while the user interacts with it, and when user click somewhere outside the datepicker, the datepicker should be closed.

I am working on a React component that uses Material-UI’s DateCalendar. The component includes an input field that, when clicked, opens a date picker. The date picker should remain open while the user interacts with it, and when user click somewhere outside the datepicker, the datepicker should be closed.

I am working on a React component that uses Material-UI’s DateCalendar. The component includes an input field that, when clicked, opens a date picker. The date picker should remain open while the user interacts with it, and when user click somewhere outside the datepicker, the datepicker should be closed.