JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css">
<label for="borrow_field">Borrow:</label>
<input type="number" id="borrow_field">
<div id="slider-range"></div>

JavaScript

$("#slider-range").slider();
$("#borrow_field").on("change", function() {
  setTimeout(function() {
    $("#slider-range")
      
      .slider("value",
        $("#borrow_field").val()
      );

  }, 200);
});