angular / angular/components

Inline Datepicker with MatCalendar

Aperta
#8,812 8 commenti 64 reazioni 0 assegnatari Vedi su GitHub
area: material/datepicker feature P3
Lingua principale
TypeScript
Stelle
25k
Fork
6.8k
Merge medio
1g 8h
PR unite (30g)
91

Descrizione

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

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Inizia leggendo l’esempio inline con nell’issue e le API esistenti di datepicker e MatCalendar. Determina se è definito un comportamento ufficialmente supportato per un datepicker inline; per considerarlo completato sarebbero necessari un ambito deciso e un supporto documentato o testato, invece di basarsi su proprietà private come _activeDate o monthView.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
angular, typescript
Ambito
frontend
Tipo di issue
Funzionalità
Difficoltà
5/5
Tempo stimato
Più di una settimana
Stato di attività
Ferma
Chiarezza
Da chiarire
Idoneità per principianti
25/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.