angular / angular/components

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

オープン
#29,549 コメント 3 件 リアクション 4 件 担当者 0 名 GitHub で見る
area: material/datepicker feature P4
主要言語
TypeScript
スター
25k
フォーク
6.8k
平均マージ
1日 8時間
マージ済み PR(30日)
91

説明

### 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_

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

この issue にはソースファイル、テスト、エントリポイントが記載されていないため、まず Angular Material の日付ピッカーの実装と月のナビゲーション動作を特定します。リンクされている Material 3 の仕様と比較し、週の配置が異なる月でも、コンポーネントの高さを変えずに前後の月の日付が表示されることを確認します。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
angular, typescript
領域
design, frontend
issue の種類
機能追加
難易度
4/5
見積もり時間
3〜5日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
45/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。