Making Date Picker Readonly for Mobile Devices

Hello Raveka,

Thanks for your positive feedback on our plugin! While we don’t have a built-in feature to make the date picker field read-only, you can potentially achieve this with a custom script. However, please be aware that creating and implementing such a script is not within the standard scope of our support.

You might want to consider consulting a developer or researching online resources for assistance in writing a custom JavaScript solution to make the date picker field behave as desired on mobile devices.

If you have any other questions or need further assistance with our plugin, please don’t hesitate to reach out.

Best,

Niel, Input WP Support Team

For anyone reading I was able to resolve this myself using the following code:

<script>
  function datePickerFixer() { // fixes readonly issue on mobile
	document.getElementById('et_pb_contact_input858_0').readOnly = true;
  }
datePickerFixer();
</script>

Just replace “et_pb_contact_input858_0” with the ID of your date picker input field. Boom, no virtual keyboard on mobile.

.

• This reply was modified 1 year ago by cartpopsteam.

Hey Raveka,

Thank you so much for sharing this solution! Your code snippet is incredibly helpful, and I’m sure it will benefit others who encounter the same issue. Your willingness to contribute your knowledge is greatly appreciated.

Best,

Niel, Input WP Support Team