One thing I found out is that in Safari (and in IE, I hear) a date input acts like a regular text input, and has no datepicker. I added a couple of mine to the bottom of the list. MDN offers an incredibly helpful wiki page around, and it includes screenshots of the datepicker on various browsers.

With these in mind I started experimenting and browsing StackOverflow. (If Helppo users begin requesting this functionality, then I will of course look into it.) From my experience, time picker UIs are generally more difficult to use than a regular text field. I didn't consider a time picker necessary. The datepicker element should be styleable via CSS. I had a couple of requirements and/or liberties, depending on how you want to look at it:īecause Helppo should (a) be able to display a date value in any format coming from the user's database, and (b) the format in which the user wants to input a new value should not be restricted, I wanted the datepicker to be a separate element next to a plain text field. I wanted to see if just a regular could do the job. Or pikaday (which has promising principles, although a lot of issues and PRs open) with ~210k weekly installs. For example, react-datepicker (which almost doubled the bundle size in the case of Helppo) with ~720k weekly installs.

This is of course nothing new most sites use datepickers for this purpose.Īs a developer, there are plenty of ready-made options to choose from. For Helppo users, I wanted to offer a way to edit date and datetime values more conveniently than with a plain text input.

Firefox css style