( input type = date ) display calender when clicking on box

Question

I am using <input type="date" name="bday"> and it displays calender when I click on right side of box as follows..

Now I want to display calender when I click on any part of box..What should I code to achieve that..

Answer 1

How about this? It works on mine.

<style type="text/css">
    input[type="date"]::-webkit-calendar-picker-indicator {
        background: transparent;
        bottom: 0;
        color: transparent;
        cursor: pointer;
        height: auto;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: auto;
    }
</style>
<input type="date">