Dynamic min and max value for handles are not being applied

I am attempting to dynamically change my slider from chronological dates to chronological time. I am able to get the labels and increments correct, but the handles are not changing to their appropriate min and max values that are being set with two binding.

The handles are maintaining their long epoch values from the date even though I have change them in the code below.

<ng5-slider [(value)]="minValue" [(highValue)]="maxValue" [options]="options" (userChange)="onChange($event)"></ng5-slider>

The handles are maintaining their long epoch values from the date even though I have change them in the code below.

this.minValue = 0;
this.maxValue = 1440;

this.options = {
    floor: 0,
    ceil: 1440,
    stepsArray: this.createTimeRange().map((number: number) => {
        return { value: number };
    }),
    translate: (value: number, label: LabelType): string => {
        const hours: number = Math.floor(value/60);
        const hoursString = (hours < 10) ? "0" + hours : "" + hours;
        const minutes: number = value % 60;
        const minutesString = (minutes < 10) ? "0" + minutes : "" + minutes;
        return hoursString + ":" + minutesString;
    },
    showSelectionBar: true,
    noSwitching: true
};

I have looked at your stackblitz examples and I cannot get it to recreate there. The only thing I didn’t recreate were the options variable.

[piotrdz]

A workaround using setTimeout() is possible, but shouldn’t be necessary now. I just released v1.1.12 of slider which should fix this. Can you re-test your code with the new version?

[bdparrish]

@piotrdz Awesome, looks good and fixes my issue.