Date/Time Fields Using Native HTML Inputs#304

I would love the option to use the date/time Panel fields with just native HTML elements.

The native pickers on iOS have gotten surprisingly good and these seem ideal. Although browser support probably isn’t widespread enough to make these the default, I know they would work well for the users of our Panel.

• https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date
• https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/time
• https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime-local

Maybe we could conditionally use the native elements in browsers that are known to have a good UX for them (like Safari/WebKit on iOS).

Browser sniffing is not ideal, but making this an option in the blueprint is even worse in my opinion (we already have so many blueprint options and also the best UX depends on the used browser, not the field itself).

I would love to just switch over to native inputs. But while e.g. iOS has a great UI, it lacks support for min, max and step options - all which have been long supported by our fields. Then other browsers support those, but not so great UI.

Tbh, I don’t think we can do browser sniffing here given that the inputs would probablz behave very different between browsers (not UI, but in functionality). A blueprint option would at least offer a concious decision by the developer (as in “I know what browser is used and thus decide that the UX/behavior of the native inputs is fine for my use case”).