You can create your own date components, and ag-Grid will use them every time it needs to ask user for a date value. The date components so far are used in ag-Grid in rich date filter and the floating date filter.
By default the grid will use the browser provided date picker for Chrome (as we think it's nice), but for all other browser it will just provide a simple text field. You can provide your chosen date picker to ag-Grid. This is done by providing a custom Date Component via the grid property dateComponent as follows:
The interface for dateComponent is like this:
init(params) takes a params object with the items listed below. If the user provides
params via the
gridOptions.dateComponentParams attribute, these will be additionally added to the
params object, overriding item s of the same name if a name clash exists.
Custom Date Example
The example below shows how to register a custom date component that contains an extra floating calendar picker rendered
from the filter field. The problem with this approach is that we have no control over how third party components and therefore
no way to implement a preventDefault when the user clicks on the Calendar Picker (for more info see:
Custom Floating Filter Example).
Our way of fixing this problem is to add the
ag-custom-component-popup class to the floating calendar.