DEV Community

loading...

Discussion on: HTML can do that?

Collapse
claudepache profile image
Claude Pache

If you've come across any such cool thing HTML is capable of, please mention below 😀

My preferred one. On desktop:

rendering of date picker in FF

On mobile:

rendering on Safari on iPhone

Source code:

<h1>Date picker</h1>

<label>Choose a date: <input type="date"></label>
Enter fullscreen mode Exit fullscreen mode
Collapse
masteryder profile image
João Filipe Ventura Coelho

The problem is it is still not supported by Safari and some other browsers...

Collapse
dserodio profile image
Daniel Serodio

Safari is the new IE

Collapse
ananyaneogi profile image
Ananya Neogi Author

This is great! 😀

Collapse
vbagmut profile image
Vyacheslav Bagmut

How well is it customizable?

Collapse
joao611 profile image
João Esteves

Unfortunately, it only looks this good in Firefox. Also doesn't seem to handle foreign localizations well, as is the case with Portuguese:

Collapse
claudepache profile image
Claude Pache

Also doesn't seem to handle foreign localizations well, as is the case with Portuguese

It works fine for me for the few languages I’ve tested. That seems particular to your locale. You should report the bug here: bugzilla.mozilla.org

Collapse
tuncatunc profile image
tuncatunc

I’ve struggled to find a date time picker of my material ui react application. It’s best native (built-in) input methods for portability and simplicity