Datepicker: The Apply and cancel buttons cannot be reached in small screens.

[SofiK]

Describe the bug
When we open a datepicker in a small viewport such as on a phone, it is not possible to access lower part of the datepicker, including the Apply and Clear buttons.

To Reproduce

Steps to reproduce the behavior:

1. Go to https://master-enterprise.demo.design.infor.com/components/datepicker/example-timeformat.html
2. Make the browser smaller so that the 4 datepickers are just showing
3. Click the top datepicker
4. Try to click the Apply button

Expected behavior
This is perhaps an edge case, but perhaps (if possible) there could be a scroll in the datepicker that could be used in these cases?

Version

• ids-enterprise: 4.38.0

Screenshots

Platform

• Infor Application/Team Name: Homepages
• OS Version: Windows 10 (but could be reproduced in others as well)
• Browser Name: Chrome
• Browser Version: Version 89.0.4389.82 (Official Build) (64-bit)

Additional context

[tmcconechy]

Yeah its a bit of a problem because there is so much crammed into that dialog. I guess we could try to make it scrollable but not 100% sure how easy that would be. Should be doable (perhaps for 5.0)

Workaround -> resize the page?

[janahintal]

Apply & Cancel buttons can be reached already Portrait screens in mobile, but the outline seems cut off.

Issue still exist in Landscape mobile view. Kindly see image below.

[tmcconechy]

Lets make a new issue for these as - as i think we need complete reproduction/context for it and dont have anymore bandwidth for this issue right now. Thanks!