angular / angular/components

Inline Datepicker with MatCalendar

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

Description

For some case is it helpfully to have the datepicker as inline calendar.
But currently the datepicker is only available with on body tag, with a full page background layer for handle the close interaction.

Is it possible to inject the datepicker inline, or can this be a ne feature for the future?
One solution is to use the "mat-calendar" component, but its might be not official and a little bit hacky.

Like:
`
`
But its need to add more code in the *.ts file to update the view correctly.
Like the changed value:

`
getChangedValue(newDate) {
this.selDate = newDate
this.calendar['_activeDate'] = newDate;
this.calendar['monthView'] = false; // this line updates the calendar view
`

Any solution to use the code easier or to implement at the current state an inline datepicker?

Best regards,
Stephan

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez par lire l’exemple inline avec de l’issue ainsi que les API existantes de datepicker et de MatCalendar. Déterminez si un comportement officiellement pris en charge pour un datepicker inline est défini ; la tâche ne pourrait être considérée comme terminée qu’avec un périmètre décidé et une prise en charge documentée ou testée, plutôt qu’en s’appuyant sur des propriétés privées telles que _activeDate ou monthView.

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é
5/5
Temps estimé
Plus d'une semaine
Activité
À l'abandon
Clarté
À clarifier
Accessibilité débutants
25/100

Recevez les nouvelles issues par e-mail

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