In Model popup date picker's year and month get hide

[dhumalkishor]

Describe the bug
In Model popup Date picker's header get hide.

To Reproduce

Steps to reproduce the behavior:

1. Go to 'https://main-enterprise.demo.design.infor.com/components/datepicker/test-modal.html'
2. Click on 'Date Control'
3. See date picker's header get hide.

Expected behavior
It should show date picker properly.

Version

• ids-enterprise: V4.51.1

Screenshots
If applicable, add screenshots to help explain your problem.

Platform

• Infor Application/Team Name: [e.g. Infor XYZ, Infor ABC]
• Device: (if applicable) [e.g. iPhone 6 or Samsung Galaxy S6]
• OS Version: [e.g. Windows 10 or iOS 8]
• Browser Name: [e.g. chrome, safari, stock browser]
• Browser Version: [e.g. 22, 66.0.3359.181 (Official Build) (64-bit)]

Additional context
Add any other context about the problem here.

[tmcconechy]

This is a tricky issue with stacking order. I forget why @EdwardCoyle we made the popup go in the

tag again? For this case should we put the modal in the section tag? Or make the popup go to the root?

[yohannahbautista]

Hello, I checked the link and the page looks different from the screenshot shown, is it the right one? I can't find any "Date Control".
Here's how mine looks

[ericangeles]

@yohannahbautista as we discussed a while ago, you can test it by making the browser's height a little bit smaller around 660px and the datepicker position should be on top. Or better, use the toolbar device on chrome and test it on mobile device landscape mode.

[tmcconechy]

Yeah the key is to make it so that there is more space for the datepicker to open on the top than there is on the bottom for it, so i made my browser about 450px tall

[jbrcna]

working as expected. moving this to Done. thank you.
verified in https://main-enterprise.demo.design.infor.com/components/datepicker/test-modal.html