JSFiddle - React, Tailwind, and code Playground

HTML

<input type="date" placeholder="Please specify a date" onClick="$(this).removeClass('placeholderclass')" class="dateclass placeholderclass">

CSS

.dateclass{
    width:100%;
}

.dateclass.placeholderclass::before{
    width:100%;
    content:attr(placeholder);
    background-color:#FFFFFF;
}

.dateclass.placeholderclass:hover::before{
    width:0%;
    content:"";
}