datepicker Firefox

The Contact Form 7 date field is based on the new HTML5 date input type (see date field ) which is currently only supported on some browsers – see html5 date

Contact Form 7 does provide jQuery UI-based fallback for the date and number input fields. See contact form 7 support html5 input types

Please note that the jQuery UI-Based fallback won’t work at all with the latest version of Contact Form 7.

Adding

add_filter( ‘wpcf7_support_html5_fallback’, ‘__return_true’ );

in functions.php produces no effect, example:

https://www.agriturismovillanova.it/contatti.html

@marco Marsala

RE: Please note that the jQuery UI-Based fallback won’t work at all with the latest version of Contact Form 7

Following your reply, I have conducted a test using the code add_filter( ‘wpcf7_support_html5_fallback’, ‘__return_true’ ); provided by plugin’ Author in the CF7 documentation

I can confirm that the jQuery UI-Based fallback works for WordPress version 4.3 and Contact From 7 version 4.2.2 in Firefox and IE.

If you also have a look at the OPs site, you will see the jQuery UI-Based fallback is now working – though it does take some time to load, probably due to JavaScipt delays.

Hi. The problem was different. Datepicker was hidden due to a lower inline z-index (21). I reported this issue to jQuery UI developer.

Now is working because I’ve fixed it.

Figured out why the datepicker was hidden.

Got reply from jQuery UI bug team, it appears it is a template bug or a CF7 bug.

Please find below their response:

“The z-index of the datepicker is based on the z-index of it’s nearest stacked ancestor. So the text field itself or one of its parents must have a z-index of 20. Increase the value if you need to.”