Custom Date range component

Do you want to request a feature or report a bug? Feature

Feature: What is your use case for such a feature? I have records representing events, each with a startDate and endDate (as Unix timestamps). I’d like to be able to filter them through a range (ie. “All events between October 1st and November 13th”).

I don’t see any of the default components that could help me achieve that. Before jumping into building my own, I wanted to discuss it and see if it was something you already pondered.

Feature: What is your proposed API entry? The new option to add? What is the behavior? I guess I could somehow hack the price range component to make it work with timestamps, but this will result in a poor UI for this specific use-case. I think a great UI would require custom datepickers. Datepickers are hard and we don’t want to incorporate them into our library.

On the other hand, creating a component that would work with any Datepicker out there seems like a very bad idea and would lead to configuration hell. Maybe just adding an example or an FAQ entry on how to do that would be enough?

[pixelastic]

I started working on the component, but only on the UI part so far (using vue-flatpickr). Haven’t worked on integrating with Algolia yet.

My events only have a start and end date, no recurring, only one date.

[Haroenv]

For v2: here’s a component which mostly solves the issue, but still some upstream mistakes I think. I’m going to stop working on this for now, but will continue working on it on a later time if the need shows: https://codesandbox.io/s/4qkqvxo334