47
Views
12
Comments
Date Picker is not working in mobile view (odc)

I am adding date picker in a web page and it is working fine but I convert it to mobile view from browser it is not working.

1. Click is not working

2. Keyboard space open the calendar but calendar is different.

3. Date selection not working



issue1.mp4
2025-04-30 18-21-22
Senthil Nathan A

Hi @Navneet Garg ,

Drag & Drop the date picker and assign the variable for the input. In the date picker, create a new handler for the OnSelected event. In that handler, assign the selected date to the local variable. Also, please ensure the date picker is not inside a container that restricts touch events on mobile. For mobile responsiveness, use native input behavior where possible. Also, please find the attached OML.

Demo URL : DemoURL

Hope this works.

Thanks,

Senthil

DemoMobile.oml
2022-12-30 07-28-09
Navneet Garg

It is a reactive web app not a mobile app also I am not using any container. You can check screen shots I attached.

2025-04-30 18-21-22
Senthil Nathan A

Hi @Navneet Garg ,

Thanks for your reply. Like same we need to do in the date picker widget, create a new handler for the OnSelected event. In that handler, assign the selected date to the local variable (Date TimeVar)

Please find the attach OML ODC Reactive Application & Verify with demo link.

I can able to access through both mobile & web.



Hope this works.

Thanks,

Senthil

Demo.oml
2022-12-30 07-28-09
Navneet Garg
2025-04-30 18-21-22
Senthil Nathan A

Hi @Navneet Garg ,

Please check the attached screenshot and OML. It's working fine.

Also please verify this link as well DemoLink

Hope this works.

Thanks,

Senthil

Demo.oml
2022-12-30 07-28-09
Navneet Garg
2025-04-30 18-21-22
Senthil Nathan A

Hi @Navneet Garg ,

Yeah, I tested that scenario & found an issue with dev tools simulation.

  • In mobile browser view (especially dev tools simulation), certain JavaScript and UI libraries don't reinitialize properly after a hard refresh.
  • ODC's Date Picker widget relies on client-side initialization that might not be retriggered after a simulated page reload.
  • But in real mobile devices, it's working fine in chrome, safari after refresh as well.

Found below while testing

  • Missing Widget Selector (input.form-control.OSFillParent.input.active): The selector you're relying on may be:

    • Too specific or incorrect after refresh

    • Referring to a dynamic state class (.active) that isn’t present initially.

Before Refresh

After Refresh

Thanks,

Senthil


UserImage.jpg
Abhishek Verma

Hello @Navneet Garg,

In your local variable DateTimeVar please assign default value to CurrDateTime().

Hope this help.


Thanks,

Abhishek

2025-04-14 11-22-14
Aditi Saraswat

Hi @Navneet Garg,

I am adding date picker in a web page and I convert it to mobile view it is working fine for me.


Could you please explain the steps to reproduce the issue you're facing?

Thanks.


2022-12-30 07-28-09
Navneet Garg

did you check it after refreshing the page on mobile view ?

2025-04-14 11-22-14
Aditi Saraswat

Yes, I’ve tested it after refreshing as well, and it’s working as expected.


2019-01-07 16-04-16
Siya
 
MVP

@Navneet Garg : I can confirm that this issue occurs in Chrome on macOS but is not reproducible in Safari. It appears to be related to Chrome's developer tools.

Screen Recording 2025-05-09 at 11.03.44 PM.mp4
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.