Date Range Picker

Let users filter on results according to their preferred date range

Check out the demoGitHub


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.

It’s compatible with server-side rendering and has full routing capabilities.

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


Experimental - this example is 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