How to Configure the DatePicker Refiner

About the Date Picker Refiner

• Refiners, which are stored in a file named Results.html at the SmartHub root level, can be added, removed, or modified.
• Before using refiners or making changes to any SmartHub files, see How to Add Refiners to Your Search Results.
• SmartHub, by default, provides the out-of-the-box Date Picker refiner. This refiner helps users select the date interval for their query results.

The date picker code in the SmartHub file Results.html is shown here:

How to Modify the Date Picker Refiner

• The default interval for the date picker refiner is auto. The interval for the date picker is changed based on current query.
• Users can modify this by specifying the data-start and data-end options.
  
  
  
  This produces:
  
  
  
  
• Users can also specify the default state, which out-of-the-box, comes as collapsed.
  
  
  
  This produces:
  
  
  
  

• This refiner uses the JavaScript component daterangepicker that has several configuration options available.

• Users can specify this options by modifying the data-raw-options option.

• Use this feature with care, since it is prone to errors.
  
  

  The data-raw-options value must have a JSON format.