I$\text{'}$m using react, chakra ui$,$ vscode for my small assignment. in some part of the page that I need to do$,$ I need to implement these features and functions to make it like the picture.

$1)$ User can multiple select date in the calendar to add for consultation.

$2)$ Each selected date, a timetable popup just like the picture will come out for the user to also multiple select times for consultation.

$3)$ A summary of selected date and times will be shown in the right part beside the calendar. After the user checked this, he can click the button to add all the selected time.

How to implement these?