angular / angular/components

Inline Datepicker with MatCalendar

Offen
#8,812 8 Kommentare 64 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: material/datepicker feature P3
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

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

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginnen Sie damit, das Inline-Beispiel mit im Issue sowie die vorhandenen datepicker- und MatCalendar-APIs zu lesen. Stellen Sie fest, ob ein offiziell unterstütztes Verhalten für einen Inline-datepicker definiert ist; als abgeschlossen würde dies einen festgelegten Umfang und dokumentierte oder getestete Unterstützung erfordern, statt sich auf private Eigenschaften wie _activeDate oder monthView zu stützen.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
frontend
Issue-Typ
Feature
Schwierigkeit
5/5
Geschätzter Aufwand
Über eine Woche
Aktivitätsstatus
Veraltet
Klarheit
Muss geklärt werden
Anfängerfreundlichkeit
25/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.