Inside dropdown, datepicker adaptive feature doesnot work

Inside drop down, date picker calendar adaptive feature doesn't work.
header with fixed search bar which has a button in search bar, on click of button drop down opens, inside drop down date picker tag is placed, so when comes to medium screen, half of the calendar doesn't show. I have "to" date field also, it goes more down the view port than the "from" date field.

The adaptive feature of date picker/calendar works good, when we not place inside the drop down.

laptop screen resolution is 1366*768

Expected behaviour
we need adaptive feature of the date picker/calendar should work when placed inside the drop down.

below is the screenshot of calendar which doesn't show complete rows at the bottom, which I highlighted in red color.

could any one please help me out, to solve this issue.

Reproduce the datepicker inside the dropdown at the reported 1366×768 resolution, using the fixed search bar and button layout described in the issue. Inspect how the dropdown and datepicker interact on medium screens; done means the calendar shows all rows and the “to” field remains within the viewport.