Taekwondo-Admin/packages/frontend/src/app/components/new-member/new-member.component.html

<h1>Neues Mitglied anlegen</h1>
<form>
    <mat-form-field>
        <mat-label>Vorname</mat-label>
        <input matInput [field]="memberForm.vorname" />
    </mat-form-field>
    <mat-form-field>
        <mat-label>Nachname</mat-label>
        <input matInput [field]="memberForm.nachname" />
    </mat-form-field>
    <mat-form-field>
        <mat-label>Geschlecht</mat-label>
        <input matInput [field]="memberForm.geschlecht" />
    </mat-form-field>
    <mat-form-field>
        <mat-label>Geburtsdatum</mat-label>
        <input
            matInput
            [matDatepicker]="picker"
            [field]="memberForm.geburtsdatum" />
        <mat-hint>DD.MM.YYYY</mat-hint>
        <mat-datepicker-toggle
            matIconSuffix
            [for]="picker"></mat-datepicker-toggle>
        <mat-datepicker #picker></mat-datepicker>
    </mat-form-field>
    <mat-form-field>
        <mat-label>Geburtsort</mat-label>
        <input matInput [field]="memberForm.geburtsort" />
    </mat-form-field>
    <mat-checkbox [field]="memberForm.verein">Verein Beigetreten?</mat-checkbox>
    <mat-form-field>
        <mat-label>Passnummer (falls vorhanden)</mat-label>
        <input matInput [field]="memberForm.passnummer" />
    </mat-form-field>
    <mat-form-field>
        <mat-label>Kontakt</mat-label>
        <input matInput [field]="memberForm.kontakt" />
    </mat-form-field>
    <button mat-flat-button color="primary" (click)="onSubmit()">
        Hinzufügen
    </button>
</form>