There is an easy way to preselect a value on a range slider. You can do so by passing initialUiState for the range attribute you are using. For example,
initialUiState: {
instant_search: {
range: {
price: '1000:2500',
},
},
},
You can see a live example here in this CodeSandbox. For more information on the proper syntax to use to pass initialUiState for a given widget, please see our uiState documentation.
Another way you can pre-select a value on a range slider is with routing.
First enable routing:
routing: true
Then you can add the parameter you want to have pre-selected to the URL. Here is an example of how the URL would look with the value 2211 preselected:
https://muyk3.csb.app/?instant_search%5Brange%5D%5Bprice%5D=0%3A2211
and a working example of the application used to generate this link: https://codesandbox.io/s/range-slider-with-a-pre-existing-filter-muyk3?file=/index.html