JSFiddle - React, Tailwind, and code Playground
HTML
<input id="number" name="number" value=""/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/5.0.5/jquery.inputmask.min.js" integrity="sha512-sR3EKGp4SG8zs7B0MEUxDeq8rw9wsuGVYNfbbO/GLCJ59LBE4baEfQBVsP2Y/h2n8M19YV1mujFANO1yA3ko7Q==" crossorigin="anonymous"></script>
JavaScript
$('#number').inputmask("9999-xxxx-xx99-9999",{clearIncomplete: true});