Improve date picker in ag-grid column filters

[macqbat]

The Chore

Currently we date pickering in ag-grid is done by native picker of the browsers. Despite few advantages of such solution (easy handling of the mobile view, easy maintenance) it provides more potential problems:

• native date picker looks differently in each browser
• no easy possibility of potential enhancement - no place for error messages, tooltips etc.
• view not consistent with selected theme
• small sizes of buttons are more difficult for the user to use
• "popup in popup" solutions imply hard usability

It is to be considered, if better solution would be to use external library for date picker, like ie react-datepicker. Despite the overhead of the amount of code it offers quite good features: flexible api, possibility of get exactly what we need. We could get unified view of UI.

So instead current solution:

we could get IMHO better one:

Tasks

• [ ] Design UX use-case
• [ ] Implementation in date-range-filter and other possibly places
• [ ] add use-case to the UI-toolkit library

Additional details / background info

[macqbat]

The other weaknesses of native date pickers are:

• not supportitng time picker in safari and firefox
• undeterministic behaviour of displaying empty value :-(