angular / angular/components

Allow to change icon for year select in calendar header

Open
#29,515 2 comments 0 reactions 0 assignees View on GitHub
area: material/datepicker feature P4
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

### Feature Description

Right now, icon for calendar year select is hardcoded in source code - https://github.com/angular/components/blob/fd47a0e60dd9ab50d9f923713ca60a7fd21ccc16/src/material/datepicker/calendar-header.html#L11

Please, add ability to override it (maybe via `icon registry`), because buttons below uses `matIcon`

### Use Case

_No response_

Contributor guide

Open the contributing guide

Research direction

Start with src/material/datepicker/calendar-header.html at the linked year-select icon, then read the surrounding datepicker calendar-header entry point and the icon registry usage for matIcon buttons. Done means the year-select icon can be overridden without changing the source template directly, with the existing calendar header behavior preserved.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.