Input Type Datetime-local Is Not Working In Firefox

I have an input type of datetime-local which is working fine in chrome but when i try to run the same page in firefox it shows text box instead of datepicker.I have tried using mod

Solution 1:

Is not supported, check their documentation https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime-local#Browser_compatibility

Solution 2:

A report was created for this issue on the official bug tracker. It was closed recently (< 1 month ago as of writing this) with the status RESOLVED FIXED and it has been implemented in the the Firefox Nightly build (93.0a1 2021-09-02).

With the above in mind, we should see this update rolled out soon, hopefully.

Example of datetime-local in the Nightly build:

Example of visible picker in the Nightly build:

Reading Material

Release Timeline

Solution 3:

Input type "datetime-local" is not supported in Firefox hence it shows a text box, in this case, you can use input type as "date".

As "datetime-local" shows the time as well and if you have the same requirement, you can use Input type "time" also to show the time.

I hope this helps.