Hi @univlearning,

Can you try of code below?

HTML

<mdb-range-input
  default="true"
  id="range"
  min="0"
  max="100"
  (rangeValueChange)="onRangeValueChange($event.value)"
  (mouseup)="onRangeMouseUp()"
></mdb-range-input>

TS

import { Component } from '@angular/core';
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss'],
})
export class AppComponent{
  rangeValue = 0;

  onRangeValueChange(value: number) {
    this.rangeValue = value;
  }

  onRangeMouseUp() {
    console.log(this.rangeValue);
  }
}

Best, Konrad.