Fixing missing dropdown button in Chrome date input

If you’re running the current version of Chrome (25.0.1364.97 as of this writing) you might find that the dropdown button is not showing properly on date input fields. ¬†What’s actually happening is that the dropdown is getting rendered below the date input, which can make it invisible if your control isn’t big enough.

Here’s the CSS workaround I use to correct this:

input[type=date]::-webkit-calendar-picker-indicator {
 display: inline-block;
}

input[type=date] {
 min-height: 24px;
 vertical-align: top;
 white-space: nowrap;
}