JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.eyecon.ro/bootstrap-slider/js/bootstrap-slider.js"></script>
<link rel="stylesheet" href="http://www.eyecon.ro/bootstrap-slider/css/bootstrap.css">
<link rel="stylesheet" href="http://www.eyecon.ro/bootstrap-slider/css/slider.css">
<input type="text" id="foo" class="span2" value="" data-slider-min="-20" data-slider-max="20" data-slider-step="1" data-slider-value="-14" data-slider-orientation="horizontal" data-slider-selection="after"data-slider-tooltip="hide">
<hr>
<input type="text" id="bar">

JavaScript

$('#foo').slider()
  .on('slide', function(ev){
     $('#bar').val(ev.value);
  });