Date Search with an Dropdown Calendar

Hey Guys,

I'm building an Data Grid and one Column is filled with dates(data type DateTime). I integrated a search option, but at the moment you need to write the date in a field to search the specific date. Is there the opportunity to build an Calendar where you can choose the Date that should be used for the search?


This is the column at the moment, I can search a specific date by typing it into the search bar but instead of typing there should open an datetime picker or something like this (when I'm klicking into the search bar) where you can choose the right day.


1 Reply

VN Vignesh Natarajan Syncfusion Team February 1, 2022 02:16 PM UTC

Hi Paul, 

Thanks for contacting Syncfusion support.  

Query: “Is there the opportunity to build an Calendar where you can choose the Date that should be used for the search? 

We suggest you to achieve your requirement using filterBarTemplate feature of Grid. Using this feature, we can render custom component inside the filter bar template and filter the column as per own. So we suggest you to render calendar component using filterBarTemplate and perform filtering action in Grid using FilterByColumn method.  

Refer our UG documentation for your reference 


Please get back to us if you have further queries.   

Regards, 
Vignesh Natarajan 


Loader.
Up arrow icon