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

Bắt đầu với bản tái hiện StackBlitz được liên kết, tập trung vào mat-datepicker được mở thông qua MatDialogRef ở viewport có kích thước bằng iPad. Tái hiện vấn đề định vị trong Chrome, sau đó xác minh rằng khi hoàn tất bản sửa, hộp thoại lịch vẫn hiển thị, có thể thao tác hoặc có thể truy cập bằng cách cuộn.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.