Bug: Datepicker outside visible area when opened in dialog

### Is this a regression?

- [ ] Yes, this behavior used to work in the previous version

### The previous version in which this bug was not present was

_No response_

### Description

When the mat-datepicker is opened in a component shown with the MatDialogRef on a small screen, the calendar picker is shown outside the visible area.

### Reproduction

1. Create a component that contains mat-datepicker
2. Open that component with the MatDialogRef
3. Reduce the screen size to something around iPad size
4. Click on the calendar icon of the mat-datepicker to open the date selection
5. See that dialog is outside of the visible area

https://stackblitz.com/edit/angular-mvkv5q

### Expected Behavior

The calendar-dialog can still be operated and all dates and actions are visible or accessible throw scroll.

### Actual Behavior

The calendar-dialog is outside of the visible area

### Environment

OS: Windows 10
Browser Chrome
Version 109.0.5414.122

Commencez par la reproduction StackBlitz liée, en vous concentrant sur le mat-datepicker ouvert via MatDialogRef dans un viewport de la taille d’un iPad. Reproduisez le problème de positionnement dans Chrome, puis vérifiez, une fois la correction terminée, que la boîte de dialogue du calendrier reste visible, utilisable ou accessible par défilement.

Rédigé par le modèle d'indexation à partir du texte de l'issue.