JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" class="spinner" value="0">

CSS

.spinner {
    display: none;    
}

.spinner-text {
    padding: 0 20px;
    width: 100px;
}

JavaScript

$( ".spinner" ).spinner({ 
    min: 1,
    max: 999,
    stop: function() {
        if($(this).val() <10)
        $(this).siblings('.spinner-text').val('0'+$(this).val());
        else
        $(this).siblings('.spinner-text').val($(this).val());
    }
 }).parent().append('<input class="spinner-text">');


$('.spinner-text').change(function() {
    $(this).siblings('.spinner').val(($(this).val()));
});