How is your experience with the OutSystems Community?
18
Views
1
Comments
Unable to Manually Enter Date on Mobile Browser
Application Type
Reactive

I am using an HTML input with type="date" because I want users to be able to select the year easily. However, on mobile devices, tapping the date input automatically opens the native date picker (calendar). I want users to manually type the date instead of opening the calendar. Is it possible to disable the native mobile date picker while still using input type="date">, or is there an alternative approach to achieve this? 

2026-05-21 04-48-12
Deepa Tiwari

Hi @P Manju maha lakshmi ,


In Reactive Web, if you're using:

<input type="date"> 

the behavior of the control is determined by the browser and operating system. On most mobile devices (Android and iOS), tapping the input will always open the native date picker, and there is no standard HTML attribute or JavaScript API that can disable it while keeping type="date".

If your requirement is to let users manually type the date (for example, to make year entry easier), you have a few alternatives:

  1. Use type="text" instead of type="date"
    • Apply an input mask (e.g., dd/MM/yyyy or yyyy-MM-dd).
    • Validate the entered value before submitting.
    • This gives users full control to type the date.
  2. Use the OutSystems Date Picker widget
    • Depending on your UX requirements, you can configure a custom date selection experience instead of relying on the native browser control.
  3. Provide separate inputs (Day / Month / Year)
    • This is a common approach when users frequently need to enter dates far in the past (e.g., Date of Birth).

Unfortunately, if you keep input type="date", you cannot prevent the native picker from opening on mobile devices. This is browser-controlled behavior and is not something OutSystems or HTML can override.

Hope this will help you.

Regards

Deepa

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