JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://unpkg.com/imask"></script>
<div>
  <label>Date with <span>default</span> pattern</label>
  <input type="text" class="date-default">
</div>

<div>
  <label>Date with <span>custom</span> pattern</label>
  <input type="text" class="date-custom">
</div>

CSS

label span {
  color: red;
}

div {
  margin-top: 40px;
}

JavaScript

var dateDefault = document.querySelector('.date-default')
var dateCustom = document.querySelector('.date-custom')

new IMask(dateDefault, { mask: Date })
new IMask(dateCustom, { mask: Date, pattern: 'd/m/Y' })