JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css">
<script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
<div id="slider-range"></div>
<div id="slider-range"></div>

CSS

#slider-range { margin-top:20px; }

JavaScript

// If you dont need to call original method
  $.widget("ui.slider", $.extend({}, $.ui.slider.prototype, {
  _slide: function( event, index, newVal ) {
       
      var otherVal,
          newValues,
          allowed;

      if ( this.options.values && this.options.values.length ) {
          otherVal = this.values( index ? 0 : 1 );

          if ( ( this.options.values.length === 2 && this.options.range === true ) &&
                  ( ( index === 0 && newVal > otherVal) || ( index === 1 && newVal < otherVal ) )
              ) {
              //newVal = otherVal;
          }

          if ( newVal !== this.values( index ) ) {
              newValues = this.values();
              newValues[ index ] = newVal;
              // A slide can be canceled by returning false from the slide callback
              allowed = this._trigger( "slide", event, {
                  handle: this.handles[ index ],
                  value: newVal,
                  values: newValues
              } );
              otherVal = this.values( index ? 0 : 1 );
              if ( allowed !== false ) {
                  this.values( index, newVal, true );
              }
          }
      } else {
          if ( newVal !== this.value() ) {
              // A slide can be canceled by returning false from the slide callback
              allowed = this._trigger( "slide", event, {
                  handle: this.handles[ index ],
                  value: newVal
              } );
              if ( allowed !== false ) {
                  this.value( newVal );
              }
          }
      }
  },
  
    _refreshValue: function() {
        var lastValPercent, valPercent, value, valueMin, valueMax,
            oRange = this.options.range,
            o = this.options,
            that = this,
            animate = ( !this._animateOff ) ? o.animate : false,
            _set = {};

        this.handles.each(function( i, j ) {
            valPercent = ( that.values(i) - that._valueMin() ) / (...