Idea - Can make date picker calendar popup visible in mobile preview.

Can make date picker calendar popup visible in mobile preview.

New

OutSystems UI

When the Date Picker widget is placed inside a popup container, its calendar popup has a z-index that is too low to appear above the popup. In my application, the date field is mandatory, so this behavior acts as a blocker in the testing and validation process. Resolving this issue would greatly help developers during unit testing and proceed further.

12 May 2025

Mustafa Emad Shaker

I am not sure if you are refereeing to the behavior of datepicker's calendar in mobile devices, or which element appear in front of the other.

For the z-index, you can select the calendar by its parent class, and increase its z-index, or select the popup and decrease its z-index.

If the z-index of you components it quite complicated, you can use the "has" selector to detect if a popup is active in the page body or not. So you can apply a certain z-index in this scenario only.

08 Nov 2025

Mustafa Emad Shaker

If you were talking about that OutSystems' datepicker's calendar does not work in mobile devices, and the native calendar is used instead, I do agree on the same issue.

I prefer OutSytems' calendar, as I can change its style to fit my project's theme, unlike the native one.

08 Nov 2025