Bootstrap noUiSlider

Transforms a <select> containing one or more <optgroup> in two chained <select>.

Check out Github or Demo Page

Launch modal examples
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
DashboardKit Customizer
Header settings

Sidebar settings

Layout settings