DateRangePicker on columns with dates, without using the "filterSettings on Menu mode"

Question

Hi,

I have searched for examples on how to obtain this solution, but I didn't find one accurate to my specification.

Is it possible to have DateRangePicker on certain columns but without invoking the "filterMenu" and just use the default filtering? I want to add DateRangePicker in those filter inputs rather than use the "Menu" option.

Joseph Christ Nithin Issack · Answer

Hi Adam, 

  Greetings from Syncfusion support. 

  Based on your requirement, you want to add a daterangepicker in the filterbar of a particular column in your grid. Currently we are validating the query from our side. We will update further details on or before 1st February 2022. We appreciate your patience until then. 

Regards, 
Joseph I.

Vignesh Natarajan · Answer

Hi Adam, Thanks for the patience.  Query: “I want to add DateRangePicker in those filter inputs rather than use the "Menu" option.” 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 date range picker component using filterBarTemplate and perform filtering action in Grid using FilterByColumn method.  Refer our UG documentation for your reference https://ej2.syncfusion.com/angular/documentation/grid/filtering/#filter-bar-template-with-custom-component   Please get back to us if you have further queries.   Regards, Vignesh Natarajan