Gravatar for

Question by abhisfortitude, Jul 14, 2015 12:50 PM

How can we achieve Date Range Picker facet?


We would like to recreate our press release listing page using Coveo Search. We require the .NET Date Range Picker kind of functionality so that visitor has the flexibility to select FROM and TO date from Calendar control. Due to this flexibility, the DateSlider is not a viable option.

I know there is no out of the box Coveo Component for this, but help on how to create our custom component will be greatly appreciated. How can we implement JS Component for Coveo for Sitcore?

Thank you

1 Reply
Gravatar for

Answer by Jean-François L'Heureux, Jul 14, 2015 1:25 PM

We had an example of a date picker facet in our documentation and we decided to remove it this month since it was based on the Jetstream demo which we don't want to use anymore in our documentation. However, the page is available in older versions of the documentation. Here is the June 2015 version of the page:

Note that the code may be a bit outdated and may need adjustments:

  • Every use of jQuery $ variable should be replaced by Coveo.$ to be compatible with Sitecore 8.0 Experience Editor.
  • At step #6, you should not modify the CoveoSearch.ascx file but instead create a copy of it and modify your own copy (see Duplicating the Coveo Search Component).

Even if the documentation page is outdated, it should be enough to understand the concepts of creating new facet types in Coveo for Sitecore.

Gravatar for

Comment by abhisfortitude, Jul 14, 2015 1:35 PM

That is marvellous, exactly what I was looking for. Thank you for giving us the direction! I am very grateful to you.

Gravatar for

Comment by vimalrudy, Oct 28, 2016 6:46 AM


I'm new for the coveo search implementation. I do face the same issue which you have answered,finally i got this page for the solution,but unfortunately the URL which you provided in the last comment was archived, it will be greatly appreciated if you could provide me some example for the custom date range issue.


Gravatar for

Comment by Jean-François L'Heureux, Oct 28, 2016 7:50 AM

The older releases documentation websites were archived in a PDF format. Here's the one for the June 2015 release:

You can search for "date picker facet" in this PDF to go to the right section.

I hope this helps,


Gravatar for

Comment by Deepa, Jan 16, 2019 9:36 PM

Hi, I am trying to do the same in my news page. Is it possible to add a date picker facet using Hive?

Ask a question