I want to implement a dropdown menu to filter sear...
# community-helpc
Christoph Schure
03/04/2023, 5:17 PMI want to implement a dropdown menu to filter searches for a certain date range. E.g., last day, last month etc. I am using typesense adapter and React InstantSearch Hooks. How do I accomplish this? I have managed to sort my results but I'm stuck at filtering them for those criteria
d
Dima
03/04/2023, 5:30 PMDo you need facet counts for each option?
c
Christoph Schure
03/04/2023, 6:46 PMI don't think, so I basically only want a dropdown with those 4 options to choose from. A user can select one and the search gets filtered for the selected criteria. @Dima
j
Jason Bosco
03/04/2023, 6:55 PMYou’d need to add a field to every document with the exact value that you want to show users to filter on
Jason Bosco
03/04/2023, 6:56 PMFor eg, if you have a timestamp field that stores the date in Unix timestamp and you want to show the user “2022-2023”, you’d need to have a new field with that exact value “2022-2023" that you compute at indexing time, and then in the refinementList mention that field as the attribute
c
Christoph Schure
03/04/2023, 6:57 PMSo its not possible to dynamically filter based on the timestamp and the current time?
j
Jason Bosco
03/04/2023, 6:59 PMNot with the standard instantsearch widgets
Jason Bosco
03/04/2023, 6:59 PMYou’d have to build a custom widget
c
Christoph Schure
03/04/2023, 6:59 PMYeah thats what im actually trying to do. I'm using React InstantSearch Hooks currently
j
Jason Bosco
03/04/2023, 7:02 PMMay be you could adapt this widget to do relative dates: https://github.com/algolia/react-instantsearch-widget-date-range-picker