Currently on my webpage, there is a React datepicker component (https://reactdatepicker.com/).
Ideally, when I click on the date, I would like the popper to function as an element within the page rather than a separate window.
This is how I envision it:
https://i.sstatic.net/QGyRh.png
However, the current behavior looks more like this:
https://i.sstatic.net/1YQmF.png
I have attempted to adjust the styling to keep the popper within the page layout instead of on top, but as a beginner in web programming, I am struggling with this task.
If anyone has any suggestions on where I can begin to make the calendar component function like the first image instead of the second one, your assistance would be greatly appreciated.
I am aware that I could make it inline, but I prefer the collapsed behavior - tap on the date to open the calendar.