Input type="date" working in Chrome but not in Firefox

I am not so into HTML and I have the following problem into this web page: http://www.saranistri.com/saranistriWPnew/richiesta-online-di-foto-storiche/

If you open it using Chrome you can see that there are 2 date fields in which you can choose the data with its correct format (there is shown also the up and down arrows to increare or decrease the data) but if you open this page using FireFox these field are not correctly displayed (the 2 arrows are not shown and the date format is not specified).

Using FireBug I can see that these are implemented by this HTML section:

<p>
Periodo
<br>
da
    <span class="wpcf7-form-control-wrap date-from">
        <input class="wpcf7-form-control wpcf7-date wpcf7-validates-as-date" type="date" value="" name="date-from">
    </span>
a
    <span class="wpcf7-form-control-wrap date-to">
        <input class="wpcf7-form-control wpcf7-date wpcf7-validates-as-date" type="date" value="" name="date-to">
    </span>
</p>

As you can see it is specified the type="date". Why Chrome show it correctly and Firefox not? I have the same problem also using Explorer.

How can I fix this issue?

Solution

Firefox (and IE) currently do not support input type="date" yet. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Browser_compatibility

You can use a datePicker plugin at your leisure, for those browsers that don't support native html5 input date