How to change date format in date filters in dash ag-grid

Dash Python
1

Screenshot 2023-05-24 143329
here the default format is dd-mm-yyyy. i want to change it as per my requirement for eg: mm-dd-yyyy

coldef ={"headerName" : "Measure Start Date", 
                "filter": "agDateColumnFilter", 
                "width": "150px",
                "valueGetter": {"function": "d3.timeParse('%m/%d/%Y')(params.data.start_date)"},
                "valueFormatter": {"function":"params.data.start_date"},
                "filterParams": {
                    "browserDatePicker": True,
                    "minValidYear": 2000,
                    "maxValidYear": 2026,
                    'buttons': ['reset', 'apply'],
                    'debounceMs': 200,
                }
            }
2

Hi @Vaishali !
By default, the grid use the date picker of the browser, thus, the date format depends on the locale of your browser. Try to change the language of your browser, the format should change.

If you want to change the format independently of your browser language, you must create your own date component

2 Likes