JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/ui-lightness/jquery-ui.css">
<div id="slider"></div>

JavaScript

var maxOff = 40;

$('#slider').slider({
    range: true,
    max: 600,
    values: [40, 80],
    slide: function(e,ui){
        if (ui.value == ui.values[0]) {
            $(this).slider( 'values',1, ui.value+maxOff);
        } else {
            $(this).slider( 'values',0, ui.value-maxOff);
        }
    }
});