Creating a Date Range Slider allows a site to include a facet for date field(s) that presents itself as a range slider. When a users slides the Date Range Slider items within those dates appear.
1. Logged in, hover the mouse on Configuration go down to Search and Metadata and hover the mouse and click on Search API.
2. Click the Edit button to the right of Default Solr content index.
3. Click on Processors. Next Make sure EDTF Year is Enabled under Enabled.
4. Scroll down to the bottom under the Processer settings on the EDTF Year tab. In the Fields box, on your keyboard click the Ctrl button and select the Fields you like. For example select the following: Date (Unspecified) (node:Islandora_object), Date Created (node:Islandora_object) and Date Issued (node:Islandora_object). Keep the Ignore boxes as the defaults. Keep the Open Interval boxes as the default. Click the Save button.
5. Next Hover your mouse over Configuration and go down to Search and metadata. Click on Facets.
6. Click on the +Add facet button.
7. In the next screen, select from the Facet source drop-down menu View Solr search content, display Search Page. A Field box shows up. Select the Field that you created in a previous step, EDTF Creation Date Year 1 (edtf_year). The Name will appear in the Name box. Click the Save button.
8. Next the facet configuration screen will appear. Under Widget at the top, select Range slider by clicking in the circle next to it. The Range slider settings will appear in the box just below it. You can keep the Minimum value type and Maximum value type at the default settings. You can keep the slider step at the default. Under Facet settings, select Hide facet with 1 result. Select Range slider. Select Slider. Deselect “Hide facet when facet source is not rendered”. You can keep the rest of the items under Facet settings as the defaults. Under Facet sorting click to deselect all the items. Next click the Save button.
9. Next hover your mouse on Structure and select Block Layout.
10. Scroll down to the region that you want to place the facet block in. For example, scroll down to Sidebar and click Place block.
11. On the Place block pop-up-window, start typing edtf in the Filter by the block name box. Click Place block next to block.
12. In the Configure block window, edit the Title by clicking in the Title box if desired. I changed the title to Date Range Slider so people will know what it might do. Keep the defaults unless adventurous.
For Pages I changed it to just appear on the home page by typing <front>.
Make sure in the Region it shows the block area that you chose in step 10. For example Sidebar. Click the Save block button.
13. Back on the Block layout page, scroll down to the bottom of the Block layout page and click the Save blocks button.
14. Next, click Back to site in the upper left of window.
15. Now the Date Range Slider shows up.
16. To test, slide the slider and an item(s) with the date range shows up.