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

Comienza con la reproducción vinculada de StackBlitz, centrándote en el mat-datepicker abierto mediante MatDialogRef en un viewport del tamaño de un iPad. Reproduce el problema de posicionamiento en Chrome y, cuando se complete la corrección, verifica que el diálogo del calendario siga siendo visible, utilizable o accesible mediante desplazamiento.

Escrito por el modelo de indexación a partir del texto del issue.