Does anyone know how to hide the calendar icon on a date field in Chrome? (input[type="date])
When I look it up I find that I should use "::-webkit-calendar-picker-indicator" but that doesn't seem to do the trick anymore...
To set and get the input type date in dd-mm-yyyy format we will use <input> type attribute. The <input> type attribute is used to define a date picker or control field. In this attribute, you can set the range from which day-month-year to which day-month-year date can be selected from.
Try something like this
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
display: none;
-webkit-appearance: none;
}
<input type="date" class="date-input">
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With