Tirando o ícone do <input type=date>

[Frank K Hosaka]

Essa dica eu encontrei nessa página: javascript - How to show calendar popup when input[type="date"] is on focus - Stack Overflow

Fiz um código teste, ele funciona!

index.php

<style>
.input-container input {
    border: none;
    box-sizing: border-box;
    outline: 0;
    padding: .75rem;
    position: relative;
    width: 100%;
}
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>

Em tempo, sozinho ele funciona muito bem, mas no meio de um código maior ele acaba apresentando comportamento inesperado.

Editado Março 21, 2023 por Frank K Hosaka