JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.1.62/jquery.inputmask.bundle.min.js"></script>
<input id="test" type="text"></input>
<button id="btn">click</button>

CSS

#test {
    text-transform:uppercase;
}

JavaScript

$('#test').inputmask({
            mask: "99-99-99",
            definitions: {'9': {validator: "[a-zA-Z0-9]"}}
    });
$('#test').focus();
$('#btn').click(function(){
    $('#test').prop('value', $('#test').val().toUpperCase());
    console.log($('#test').val());
    console.log($('#test').prop('value'));
});