angular / angular/components

feat(MatDateRangePicker): Add selection event

Ouverte
#27,793 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub
area: material/datepicker feature P4
Langage dominant
TypeScript
Étoiles
25k
Forks
6.8k
Merge moyen
1 j 8 h
PR mergées (30 j)
91

Description

### Feature Description

Add the ability to be notified when the date range selection change but is not yet applied.

The _dateChange_ output of MatDatepickerInput is not a solution because it notify once the range changed AND applied.

Similar to the outputs _monthSelected_ or _yearSelected_ we already have, it could be _rangeSelected_.

### Use Case

A use case for this is would be to preview the current range selection.

For example, because the datepicker it is not a double calendar (like the one in #20613), it is difficult to see when the range starts or end when it spread over several months.

![image](https://github.com/angular/components/assets/1118107/b2e7f5dd-2596-4ca2-8a94-b28344ffb008)

In the meantime, the hack I found is to override the DefaultMatCalendarRangeStrategy with an observable that I reinject in my component to be notified when the range change.

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez par comparer les sorties existantes monthSelected et yearSelected avec le comportement de dateChange de MatDatepickerInput, puis examinez MatDateRangePicker et DefaultMatCalendarRangeStrategy. Le travail est terminé lorsque les consommateurs peuvent observer une sélection de plage non appliquée via une sortie rangeSelected documentée et que le comportement est couvert par les tests du composant concernés.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
angular, typescript
Domaine
frontend
Type d'issue
Fonctionnalité
Difficulté
4/5
Temps estimé
3-5 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
45/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.