I use <input type="date"> fields that gracefully fallback to jQuery when the browser does not have support for the field. Relatively recently, Chrome started offering a native date picker, which is great. But I have found that many users miss the little arrow that brings up the calendar and therefore miss the fact that there is an easy calendar for date selection.
To make this more intuitive, it would be great if I could bring up the native datepicker UI when the user moves the focus to the input or clicks another element (like a small calendar icon).
Is there a method that I can use in Chrome to trigger the datepicker UI?
Advertisement
Answer
Chrome 99+ added the showPicker() method:
https://chromestatus.com/feature/5692248021794816
Full docs and cross-browser compatibility gird: https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/showPicker