JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" class="number" />

CSS

.number {
    padding: 5px 10px;
    font-size: 16px;
}

JavaScript

$('.number').keypress(function(event) {
    if(event.which < 46
    || event.which > 59) {
        event.preventDefault();
    } // prevent if not number/dot

    if(event.which == 46
    && $(this).val().indexOf('.') != -1) {
        event.preventDefault();
    } // prevent if already dot
});