Refresh is not working

[amrography]

Thank you for your great effort,

I am trying to update data-min and data-max for buttons-range-filter using javascript, But the jplist is filtering with old values

html

<button data-jplist-control="buttons-range-filter" data-selected="true" data-group="group" data-name="filter-1" data-path=".date">Clear duration</button>
<button id="filter-date-btn" class="d-none" data-jplist-control="buttons-range-filter" data-group="group" data-name="filter-1" data-path=".date" data-min="1585692000" data-max="1590530399"></button>

<div class="list-group" data-jplist-group="group">
   <div class="list-group-item" data-jplist-item>
        <span class="date">1585692000</span>
    </div>
</div>

$(document).ready(function() {
jplist.init();

let $btn = $('#filter-date-btn')[0];
    
    $btn.setAttribute('data-min', 1585692001)
    $btn.setAttribute('data-max', 1585692002)

    jplist.refresh()

   $btn.click();

/* I ALSO TRIED THIS
    $btn.dispatchEvent(new MouseEvent("click", {
        bubbles: true,
        cancelable: true,
        view: window
    }))
*/
});