JSFiddle - React, Tailwind, and code Playground

HTML

<div class="date1">
<input type="text" placeholder="Please choose a date" value="">
</div>
<div class="date2">
<input class="date" type="date" value="">
</div>

CSS

.date1 {
width: 150px; /* For consistency */
}
.date2 {
width: 150px; /* For consistency */
display: none;
}

JavaScript

$("input").one("click", function () {
  $(".date1").hide();
  $(".date2").show();
});