JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/9.1.3/bootstrap-slider.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/9.1.3/css/bootstrap-slider.css">
<input id="budget-slider-1" data-slider-id='budget-slider' type="text" data-slider-min="24" data-slider-max="300" data-slider-step="10" data-slider-value="150" />

<input id="budget-slider-2" data-slider-id='budget-slider-2' type="text" data-slider-min="24" data-slider-max="300" data-slider-step="10" data-slider-value="100" />

JavaScript

var slider = new Slider("#budget-slider-1");
var slider2 = new Slider("#budget-slider-2");

slider.on("change", function(slideEvent){
     var currentValueSlider2 = slider2.getValue();
     slider2.options.min = 80;
     slider2.setValue(100);
});