Date Range picker opens with active date out of view when value is not in current month

[damyanpetev]

Description

The Range Picker doesn't specify an active date (assuming it defaults to 'today'?), just the view range which opens the calendar on some months view while the active date the keyboard navigation is moving is on another altogether. This causes some odd behavior where the views change, but you can't see where the active is and on selection the view jumps to the active date abruptly. I'm guessing the old calendar behavior ensured the active date is clamped to the view or it never worked. Whether that's good behavior for the calendar itself (the picker should be using public API to configure) is up for discussion.
Related to #14918

• igniteui-angular version: 17.2.x, 18.2.x
• browser: N/A

Steps to reproduce

1. Open https://www.infragistics.com/products/ignite-ui-angular/angular/components/date-range-picker#angular-date-range-picker-example
   OR https://stackblitz.com/edit/ynczpj
2. Open the Picker
3. Move the date months/years in any direction and select a range
4. Close the picker
5. Open again
6. Attempt to navigate around with the keyboard.

Result

Views change, the active is not visible since it's not in the view and on selection the view jumps to it:

Expected result

The active date should be placed in the active view to avoid such jumping or confusing navigation.

Attachments

Attach a sample if available, and screenshots, if applicable.

[github-actions]

There has been no recent activity and this issue has been marked inactive.