Date Range Picker

Let users filter on results according to their preferred date range

View repoCheck out the demo


This example shows how to create a date range picker widget with React InstantSearch.

React InstantSearch is an open source UI library for React that lets you quickly build a search interface in your front-end application.

InstantSearch’s goal is to help you implement awesome search experiences as smoothly as possible by providing a complete search ecosystem. InstantSearch tackles an important part of this vast goal by providing front-end widgets that you can assemble into unique search interfaces.



Was this useful?


Built by Algolia's developer community, not supported by Algolia




The best Search and Discovery Platform for your business.

Eunjae Lee

Eunjae Lee

I'm a web developer from South Korea and currently live in France. I love new technologies and making things like Quill on the side.

Recommended content

Frontend Tools
Widgets & Plugins

Range Slider Widget

A widget that filters the results, based on a single numeric range.

  • JavaScript
  • React
  • Vue.js
  • Angular