'Increase date input button clickable area

I have a date input element.

<input type="date" >

enter image description here

The following red square is the default area the button can be clicked to open the date picker: enter image description here

I wonder if it is possible to increase this area to make it easier to click, something wider like this: enter image description here

Solutions in html, javascript or css are ok.

javascripthtmlcssdateinput


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions