Datepicker year selection taking up whole screen space

[metodribic]

Bug description:

This is more of a feature request than it is a bug report since I know this is default behaviour of <select> element. If I set minDate to be far in the past and maxDate far into the future I end up with something like this:

Screenshot is taken on macOS on Chrome 87.

We probably all agree that this king of appearance is not very pleasing to see and use. Since <select> is not very "customisation-friendly" I was wondering if there is option to replace native <select> inside datepicker-navigation-select.ts with something more customisable (e.g.: ngb-dropdown)?

If there is interest in this kind of a change I'm willing to help implement it.

Link to minimally-working StackBlitz that reproduces the issue:

Link to stackblitz

Versions of Angular, ng-bootstrap and Bootstrap:

Angular: 10.1.6
ng-bootstrap: 6.0.2
Bootstrap: 4.4.1