Слайдер jQuery UI

$(function() { 
  $("#slider-range").slider({ 
    range: true, 
    min: 500, 
    max: 33000, 
    step: 1, 
    values: [75, 300], 
    slide: function(event, ui) { 
      $("#amount_1").val("от " + ui.values[0] + " р."); 
      $("#amount_2").val("до " + ui.values[1] + " р."); 
    } 
  }); 
  $("#amount_1").val("от " + $("#slider-range").slider("values", 0) + " р."); 
  $("#amount_2").val("до " + $("#slider-range").slider("values", 1) + " р."); 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<p class="filter__slider"> 
  <label for="amount">Цена:</label> 
  <input type="text" id="amount_1" style="border:0; color:#f6931f; font-weight:bold;"> 
  <input type="text" id="amount_2" style="border:0; color:#f6931f; font-weight:bold;"> 
</p> 
<div id="slider-range"></div>