JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

$.widget("ui.mySlider", $.ui.slider, {
	_mouseCapture: function (event) {
		var values, position, normValue;
		if (this.options.values.length === 2 && this.options.range === true) {
			values = this.values();
			if (values[0] === values[1]) {
				position = {x: event.pageX, y: event.pageY};
				normValue = this._normValueFromMouse(position);
				this._lastChangedValue = (normValue > values[0]) ? 1 : 0;
			}
		}
		return this._super(event);
	}
});


$( "#slider" ).mySlider({
	range: true,
	values: [ 17, 67 ]
});