angular / angular/components

feat(datepicker): Support fixed height with displaying trailing and leading days of surrounding months

Đang mở
#29,549 3 bình luận 4 reaction 0 người được giao Xem trên GitHub
area: material/datepicker feature P4
Ngôn ngữ chính
TypeScript
Star
25k
Fork
6.8k
Merge trung bình
1 ngày 8 giờ
Pull request đã merge (30 ngày)
91

Mô tả

### Feature Description

Currently the Angular Material implementation of the Material date picker only seems to display the current month's days, without the trailing days of the previous month and leading days of the next month (if any).
An example of the current UI:
![angularmaterialdatepicker](https://github.com/user-attachments/assets/77815f09-45fb-44ee-963f-9eb0dee5ec50)

However when switching between months, the height of the component changes depending on the alignment of the weeks within the currently viewed month.

![angmatdate](https://github.com/user-attachments/assets/c68d5ac4-faea-4224-ac5a-c14ce156cb44)

This request is for the Angular Material date picker to support displaying the trailing/leading days and maintain a fixed height, which particularly when inline, is much easier to design for when developing a surrounding layout compared to a component that has variable/jumping height.

The Date picker in the Material 3 spec does seem to support this as shown:

![image](https://github.com/user-attachments/assets/eb71e4f6-ea3f-4f60-8b27-7999bb0cc3f9)
(From https://m3.material.io/components/date-pickers/specs)

### Use Case

_No response_

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Hướng nghiên cứu

Issue không nêu tệp nguồn, bài kiểm thử hoặc điểm vào nào, vì vậy hãy bắt đầu bằng việc xác định phần triển khai bộ chọn ngày của Angular Material và hành vi điều hướng theo tháng của nó. So sánh phần này với đặc tả Material 3 được liên kết và xác minh rằng các tháng có cách căn chỉnh tuần khác nhau hiển thị các ngày của những tháng liền kề mà không thay đổi chiều cao của component.

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

Đánh giá

Công nghệ
angular, typescript
Lĩnh vực
design, frontend
Loại issue
Tính năng
Độ khó
4/5
Thời gian dự kiến
3-5 ngày
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Khá rõ ràng
Mức phù hợp với người mới
45/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.