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.



Screenshot 1

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 Input Widget

A widget that allows a user to select a numeric range using a minimum and maximum input.

  • javascript
  • react
  • vue
  • angular