Time Input visualization issues on Friefox

[Krikchou]

Hello,
I've noticed an issue with visualizing the default time input portion of the calendar popup on firefox (probably all gecko based browsers, though I do not believe anyone still uses Netscape). The issue does not present itself on chrome/edge (any chromium browser). I haven't been able to test the functionality on safari. The chromium variant visualizes the default time input portion correctly :

But on firefox the timeInput dropdown to select times (as well as the clock icon) are not visualized, and the field is just a standard text input field:

Both examples can readily be seen on https://reactdatepicker.com/#example-clear-datepicker-input

Also on chromium based browsers the time format (HH:mm in this case, the 24 hour format) is correctly applied to the time select / time input :

Unlike on firefox where it defaults to a 12 hour AM/PM format regardless of the dateFormat property:

The minimum working example is as simple as using the provided examples (with a date format):
<DatePicker dateFormat="dd/MM/yyyy HH:mm" showTimeInput showYearDropdown showMonthDropdown isClearable selected={selected} onChange={(e) => setSelected(e)}/>

Thank you.

• OS: Windows 10/11
• Browser: Mozilla Firefox 142.0.1
• Version 8.7.0

[Krikchou]

On further research it seems that the tag seems to have vastly different implementations across browsers https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input/time and is what might be causing the issue