Inline Datepicker with MatCalendar
- 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