JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css">
<div id="slider"></div>
<input id="min" value="27760.71" readonly>
<input id="max" value="96803.38" readonly>

JavaScript

$(document).ready(function() {
    $('#slider').slider({
        range: true,
        min: 27760.71,
        max: 96803.38,
        values: [27760.71, 96803.38],
        slide: function(event, ui) {
            $('#min').val(ui.values[0]);
            $('#max').val(ui.values[1]);
        }
    })
});