You can create your own date components, and ag-Grid will use them every time it needs to ask the user for a date value. The date components are currently used in date filters.
By default the grid will use the browser provided date picker for Chrome and Firefox (as we think it's nice), but for all other
browsers it will just provide a simple text field. You can use your own date picker to ag-Grid by providing a custom
Date Component via the grid property
dateComponent as follows:
The interface for
dateComponent is 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 items of the same name if a name clash exists.
Example: Custom Date Component
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 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.