HTML5: возможно ли отключить событие изменения номера типа ввода через Javascript?

Я хочу отключить событие изменения по умолчанию для входного номера. Я не хочу удалять стрелки, я просто хочу настроить значение, которое пользователь увидит при вводе:

https://codepen.io/vendramini/pen/gNbVoe

<form id="myform">
  <input class="number-padding" type="number" required pattern="[0-9]{2}" />
  <input type="submit" />
</form>

(function($) {
  $("#myform").submit(e => {
    e.preventDefault();

    alert("form sent!");
    return false;
  });

  $(".number-padding").on("change", function(e) {
    e.preventDefault();

    if ($(this).val() < 10) {
      $(this).val("0" + $(this).val());
    }

    return false;
  });
})(jQuery);

Просто скажите мне, возможно ли это сделать без создания мега-компонента ввода с нуля или получить целую структуру только для этого. Спасибо!

Изменить:

Лучшая ссылка, которую я нашел, была react-numeric-input, но я не не используйте React. Я принимаю библиотеки jQuery, которые делают то же самое.