I have created a range slider of timestamps. When I move the slider from left to right, I am getting wrong timestamp for Max End value. Which actually should be same as max of slider.

For example: min: 1609519800000 Friday, 1 January 2021 4:50:00 PM max: 1634801083000 Thursday, 21 October 2021 7:24:43 AM

I have moved the slider from left to some position towards right, start i.e ui[0] got updated to 1612824571000 Monday, 8 February 2021 10:49:31 PM end i.e ui[1] 1634808244000 Thursday, 21 October 2021 9:24:04 AM

As u see ui[1] should'nt have updated in this case.

Requesting you to help me on this.

Thanks

initializeSlider() {
    $(this.template.querySelector("div")).slider({
        range: true,
        min: this.minVal, //1609519800000
        max: this.maxVal, //1634801083000
        step: 86400,
        values: [this.start, this.end], //same as min and max initial
        stop: (event, ui) => { 
            console.log('  this.start :'+  ui.values[0]);
            console.log('  this.end :'+  ui.values[1]);
        }
    });
}