Slider not set correctly when updating value.

Based on Slider with dates example in the docs, if I try to move from date range index manually, even though index and value match to one of the values in the date range it doesn’t update correctly. I’ve already tried to use setTimeout approach and manualRefresh.emit() one too. The only way I’ve seen it actually update the value correctly is by toggling it with an *ngIf, which causes the illusion of blinking and it’s not desirable.

Here’s my code:

setUpDates() {
    this.dateRange = this.createRange();
    this.minValue = this.dateRange[15].getTime();
    this.currentTickIndex = 15;
    // this.maxValue = this.dateRange[29].getTime();
    this.options = {
      stepsArray: this.dateRange.map((date: any) => {
        return { value: new Date(date).getTime() };
      }),
      translate: (value: number): string => new Date(value)
        .toLocaleTimeString('en-GB', { hour12: true, hour: '2-digit', minute: '2-digit' })
    };
  }

createRange(): Date[] {
    const dates: Date[] = [];
    const start = moment(this.date).add(-15, 'minutes');
    for (let i = 0; i <= 30; i++) {
      dates.push(new Date(start.year(), start.month(), start.day(), start.hours(), start.minutes() + i));
    }
    return dates;
  } 

onChange(e: any) {
    this.currentTickIndex = this.options.stepsArray.findIndex(item => item.value === e.value);
  }

moveTick(index) {
    this.currentTickIndex += index;
    if (this.currentTickIndex < 0) {
      this.currentTickIndex = 0;
    } else if (this.currentTickIndex > 30) {
      this.currentTickIndex = 30;
    }
    // this.minValue = this.dateRange[this.currentTickIndex].getTime();
    this.minValue = this.options.stepsArray[this.currentTickIndex].value;
    // this.hideSlider = true;
    setTimeout( () => {
      this.options = Object.assign({}, this.options);
      this.manualRefresh.emit();
    });
    // this.hideSlider = false;
  }

Any hint would be very appreciated. Thanks in advance.

[hackermanmx]

It worked! Thanks a lot!

[piotrdz]

What is the version of slider that you are using? I just fixed a similar issue #52 in v1.1.11.