I have made a form which contains an IntegerRangeField and I want to have a number next to the slider which shows the value of the slider and updates it as it changes.

Form class

class ActivityQuantityForm(FlaskForm):
    activityQuantity = IntegerRangeField("quantity")
    submit = SubmitField()

HTML
`

{% if activity_quantity_form %}

<form method="POST" class="form-container">
    <div>
        <label for="quantity" class="roboto-light-500">Quantity</label>
        <div class="form-item">
            {{ activity_quantity_form.activityQuantity(class="form-input") }}
            {% for error in activity_quantity_form.activityQuantity.errors %}
                {{ error }}
            {% endfor %}
        </div>
        <div>
            <p>{{ activity_quantity_form.activityQuantity.data }}</p>
        </div>
    </div>
    {% if fade_in == "activity_quantity_form" %}
        <div>
            {{ activity_quantity_form.submit(class="submit-button") }}
        </div>
    {% endif %}
</form>

{% endif %}

`