noUiSlider is a lightweight range slider with multi-touch support and a ton of features. It supports non-linear ranges, requires no external dependencies, has keyboard support, and it works great in responsive designs.

Reference
Input control is attached to slider
dates to numerical ranges, and then use the update event to display them in a pretty format.
always show slider values.
noUiSlider's 'update' method is useful for synchronizing with other elements
If you want to disable the edges of a slider, the set event can be used to reset the value if a limit is passed.
Vertical orientation slider example
Settings
Theme Mode

Light / Dark / System

  • Sidebar theme

    Light / Dark

  • Sidebar Caption

    Hide/Show

  • Theme Layout

    LTR/RTL

  • Layout Width

    Full / Fixed