JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css">
<div id="slider01"></div>
<input type="text" id="val01"/>

CSS

#slider01 { margin: 10px; }

JavaScript

var valmin = valmax = 0;

$("#slider01").slider({
    min: 0,
    max: 9,
    range: true,
    values: [0, 9],
    slide: function(event, ui) {
        $('#val01').val(ui.values[0]+', '+ui.values[1]);
    }
});