JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.11.1.js"></script>
<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>

<p>
  <label for="amount" style="font-size:16px;">Your age:</label>
  <input type="text" id="age" readonly style="border:0; font-weight:bold; font-size:16px;">
</p>
 
    <div id="slider" style="width:300px;"></div>

JavaScript

$(function() {
    $( "#slider" ).slider({
      value:35,
      min: 18,
      max: 90,
      step: 1,
      slide: function( event, ui ) {
        $( "#age" ).val(ui.value);
      }
    });
    $( "#age" ).val( $( "#slider" ).slider( "value" ) );
  });