Component: PrimeNG Slider with range values not working properly

[Mohid123]

Describe the bug

The slider component doesn't seem to work properly when used with range values. Even the Stackblitz link provided in the official documentation does not work. The slider shows only one toggle handle and it refuses to move when interacted with.

The only workaround is to add an input field above it and bind the values using ngModel. Then the slider becomes available with range values.

I can make it work by applying visibility: hidden to the input field, but it's more of a temporary hack and not a proper solution.

Environment

I have setup a fresh Angular 17 project with Node v. 20.11.0 and PrimeNg v 17.13.0.

Reproducer

https://stackblitz.com/edit/j7y2ck?file=package.json

Angular version

17.3.0

PrimeNG version

17.13.0

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

20.11.0

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

The slider should work properly regardless of how the values are bound and without the use of an input field to make it work.