To disable native date picker in Google Chrome with CSS, we can hide elements with selector input::-webkit-calendar-picker-indicator
.
for instance, we write
input::-webkit-calendar-picker-indicator {
display: none;
}
to hide the native date inputs with display: none;
.
And we hide the prompts with
input[type="date"]::-webkit-input-placeholder {
visibility: hidden !important;
}