Focus on datepicker footer triggers extra selects

Bug description:

When using a datepicker with a custom footer, if that footer contains focusable elements (e.g. inputs), navigating between those elements with keyboard tab causes select events which are invalid. The selection payload is not an NgbDate instance, but a JS Event with type: 'select'.

Link to minimally-working StackBlitz that reproduces the issue:

https://stackblitz.com/edit/ng-bootstrap-footer-focus

Versions of Angular, ng-bootstrap and Bootstrap:

Angular: 8.2.12

ng-bootstrap: 5.1.2

Bootstrap: 4.3.0

[maxokorokov]

Not yet fully fixed actually, will keep it open for 6.0. Since 5.2.0 there is a new (dateSelect) output to avoid collisions

[maxokorokov]

Hey, @Nosfistis. Thanks for reporting this.

• Datepicker was created before the InputDatepicker
• Datepicker could never raise select event, so the output was named (select)
• InputDatepicker was added on the <input> element, so we had to name similar output (dateSelect)
• then we added a footer to the Datepicker and got this issue 😃

---

Anyway I suggest we:

1. introduce (dateSelect) to the datepicker
2. deprecate (select)
3. remove (select) in the next major release