ion.rangeSlider | jQuery only range slider | Animation library

var table = $("#example").DataTable();
class IonRangeWrapper {
    inputFrom = null;
    inputTo = null;
    table = null;
    slider_range = { from: 0, to: 0 };
    constructor(range, min, max, inputFrom, inputTo, table) {
        var _this = this;
        this.inputFrom = inputFrom;
        this.inputTo = inputTo;
        this.table = table;

        range.ionRangeSlider({
            type: "double",
            min: min,
            max: max,
            from: min,
            to: max,
            onStart: (data) => _this.update(data),
            onFinish: (data) => _this.update(data)
        });
        var instance = range.data("ionRangeSlider");

        inputFrom.on("input", function () {
            var { to } = _this.slider_range;
            var val = $(this).prop("value");
            if (val < min) { val = min; }
            else if (val > to) { val = to; }
            instance.update({ from: val });
        });

        inputTo.on("input", function () {
            var { from } = _this.slider_range;
            var val = $(this).prop("value");
            if (val < from) { val = from; }
            else if (val > max) { val = max; }
            instance.update({ to: val });
        });
    }
    update(data) {
        var from = data.from;
        var to = data.to;
        this.slider_range = { from, to };
        this.inputFrom.prop("value", from);
        this.inputTo.prop("value", to);
        this.table.draw();
    }
}

// Age Slider
var rangeAge = $(".rangeAge");
var inputFromAge = $(".inputFromAge");
var inputToAge = $(".inputToAge");
var minAge = 10;
var maxAge = 70;

new IonRangeWrapper(rangeAge, minAge, maxAge, inputFromAge, inputToAge, table);