JSFiddle - React, Tailwind, and code Playground

HTML

<input id="first" class="date" type="text" value="" /> <input id="hello" type="text" value="" readonly="readonly" />
<hr/>
<input type="text" class="date" pattern="\d{1,2}/\d{1,2}/\d{4}" placeholder="using pattern" title="dd/mm/yyyy or mm/dd/yyyy"/>

JavaScript

$(".date").datepicker();

$("#first").focus();