JSFiddle - React, Tailwind, and code Playground

by darkajax

HTML

<div class="inputWrap hidden">
    <input class="mini inputNumber" type="text" value="5.7">
    <div class="slider"></div>
    </div>

JavaScript

$(".slider").slider({
        min: 0,
        max: 5,
        step: 0.25,
        slide: function (event, ui) {
            return $(this).parent().find(".inputNumber").val(ui.value);
        }
    })

$(".slider").slider( "option", "value", $(this).siblings(".inputNumber").val() )