<div class="form-outline">

  <input type="text" id="basic-example" class="form-control" data-mdb-input-mask="99-999-99" data-mdb-mask-placeholder="true" data-mdb-char-placeholder="_"/>

  <label class="form-label" for="basic-example">Basic example</label>

</div>

​

​

document.getElementById('basic-example').value = "22-222-22";

document.getElementById('basic-example').dispatchEvent(new Event('input'));

​

document.getElementById('basic-example').focus();