feat/bug(MatCalendar): Allow to turn focus off on change inputs to MatCalendar

[worthy7]

Feature Description

Add some option so that MatCalendar does not take focus when it's inputs are changed.

Use Case

Thank you for making a very beautiful calendar/date picker for material 🙂

I am using the calendar and dynamically deciding which dates are selectable or not from some backend service.

When the user changes month, it requests the available dates, and updates the myFilter observable which produces a new function, which causes MatCalendar to recheck all the shown dates to see if it should disable that date or not.

This works great, but the issue is that sometimes the data is updated by other things - not month change - that are on a different part of the screen. The available dates will update, the observable pushes a new filter function.

The problem is that this causes the MatCalendar to take focus, and scrolls my user from wherever they are on the screen, I cannot allow this but don't see a way to solve it without disabling the filter all-together.

[worthy7]

I made a stack to demo the problem, just click the button. Thank you.

https://stackblitz.com/edit/rgd39p5b?file=src%2Fexample%2Fdatepicker-inline-calendar-example.html

[worthy7]

Bump. I cannot use it like this as it forces the page to jump it into focus and I don't see any way to stop that. It seems like a bug to me to be honest because I don't see why this would be the normal behavior for the mat-calendar (it makes sense for the datepicker)

[crisbeto]

It's likely due to this logic: https://github.com/angular/components/blob/main/src/material/datepicker/calendar.ts#L454. I don't think we should have a config option, but rather we shouldn't steal away focus if the calendar doesn't contain focus.