JSFiddle - React, Tailwind, and code Playground

HTML

<input name="demo" autofocus="autofocus" type="text" id="UserUsername">

JavaScript

$('#UserUsername').keyup(function(){
  $(this).val($(this).val().toLowerCase().replace(/ /g, '-'));
});