Time and time again, it seems like reaching for input type="number" is a good idea, but it almost always isn’t. While input type="number triggers numeric keyboards on touchscreens leading to better mobile UX, that can also be accomplished by configuring the pattern attribute in a certain way (Zach Leatherman has a great deep dive post into all of this).

If you have tried jQuery Datepicker on input[type=date] in Google Chrome, you might have noticed overlapping calendars of both the jQuery UI and the native calendar popup. If you'd like to apply jQuery Datepicker on all platforms, use input[type=text] instead of input[type=date].