showPicker() for <input>
The HTMLInputElement.showPicker() method displays the browser picker for an input element.
This is the same picker that would normally be displayed when the element is selected, but can be triggered from a button press or other user interaction.
Commonly browsers implement it for inputs of these types: "date", "month", "week", "time", "datetime-local", "color", or "file". It can also be prepopulated with items from a <datalist> element or autocomplete attribute.
More generally, this method should ideally display the picker for any input element on the platform that has a picker.
Browser support
| Feature | Desktop | Mobile | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 99 | 99 | 101 | 16 | 99 | 16 | |
showPicker (color input) `color` input | 99 | 99 | 101 | 16 | 99 | |
showPicker (date input) `date` input | 99 | 99 | 101 | 17.4 | 99 | |
showPicker (datetime local input) `datetime-local` input | 99 | 99 | 101 | 17.4 | 99 | |
showPicker (file input) `file` input | 99 | 99 | 101 | 16 | 99 | 16 |
1+Supported (version) Not supported ※Has note Sub-feature descriptions sourced from MDN Web Docs (CC BY-SA 2.5)
Syntax
JAVASCRIPT
showPicker()Use cases
-
Using showPicker() for <input>
The HTMLInputElement.
Cautions
- Limited browser support. Check compatibility before use.
Implementation notes
- Some APIs require a secure context (HTTPS) or user activation. Check the requirements before use.