Date picker widget behaviors is different in web and Mobile native app

Back to Forums

Nitin kumar Singh

Question

Mobile

Application Type

Mobile

We are facing the following issues in our mobile native app related to the Datepicker widget:

Placeholder Not Visible: The placeholder text for input fields is not appearing in the mobile native app, though it works fine in the browser version.
Multilingual Support Not Working: The Datepicker widget does not reflect the configured translations. It continues to display the default English labels instead of the multilingual values.
Calendar UI Discrepancy: The Datepicker/Calendar UI looks different in the mobile native app compared to the web version, leading to inconsistent user experiences.

We received the below suggestions from OutSystems Support:

Use DatePickers\DatePickerToggleNativeBehavior

In the Date Picker's Initialized event, call the related client action.
Set the parameter IsNative to False to disable the default OS behavior.
For the WidgetId, ensure to pass the ID of the Date Picker widget (not the input or variable).

However, these steps are not working as expected when the Datepicker is located inside a Master Detail widget.

Has anyone faced this issue before? Any workaround or guidance to fix this issue (when Datepicker widget used inside Master Detail widget)?

shared image.jpg

shared image (1).jpg

image (4).png

18 Aug 2025

ABHIJITH G

Champion

Hi @Nitin kumar Singh ,
1. Place the Date Picker widget
2. Give a name for the Date Picker widget

3. In the OnInitialize of the screen/block put the client actions shown below,

4. Pass the values as below,

For translation:

you can use a variable according to the Language change.

For Default browser behaviour of DatePicker:

Hopes this helps,
Thanks

18 Aug 2025

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.

See the full guidelines