JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.1/themes/start/jquery-ui.css">
<p>
    <label for="amount">Maximum price:</label>
    <input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;" />
</p>
<div id="slider-range-min"></div>

JavaScript

$(function () {
    $("#slider-range-min").slider({
        range: "min",
        value: 37,
        min: 1,
        max: 700,
        slide: function (event, ui) {
            $("#amount").val("$" + ui.value);
        }
    });
    $("#amount").val("$" + $("#slider-range-min").slider("value"));
});