JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/jquery-ui.css">
<div id="label">Please slide !</div>
<div id="slider"></div>
<input type="text" id="days" />

JavaScript

$(function() {
   var labelArr = new Array("", "1 hour", "12 hours", "1 day", "3 day", "1 week");
   $( "#slider" ).slider({
      value:3,
      min: 1,
      max: 5,
      step: 1,
      slide: function( event, ui ) {
          $( "#days" ).val( ui.value );
          $("#label").html(labelArr[ui.value]);
      }
  });
  $( "#days" ).val($( "#slider" ).slider( "value" ) );
  $("#label").html(labelArr[$( "#slider" ).slider( "value" )]);
  
});