Can I customize the appearance of the calendar that appears when you click the down arrow on an html5 date input?
<form>
<label for="f-duedate">Due date</label>
<input id="f-duedate" type="date" name="duedate"
data-date-format="dd.mm.YYYY">
</form>
http://jsfiddle.net/no8a17eo/1/
I am aware of pseudo selectors that can be used to style the input field itself:
::-webkit-datetime-edit-fields-wrapper {
}
::-webkit-datetime-edit-text {
}
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-year-field {
}
::-webkit-inner-spin-button {
display: none;
}
::-webkit-calendar-picker-indicator:hover {
background:none;
}
Ideally, I would like this customization to be compatible with the latest version of Google Chrome.