<section>
  <div [formGroup]="dayForm" class="grid md:grid-cols-3 gap-4">
    <p-floatlabel variant="in" class="md:col-span-2">
      <input id="label" formControlName="label" autofocus pInputText fluid (keyup.enter)="closeDialog()" />
      <label for="label">Label</label>
    </p-floatlabel>

    <p-floatlabel variant="in">
      <p-datepicker id="date" formControlName="dt" [iconDisplay]="'input'" [showIcon]="true" appendTo="body" fluid
        (keyup.enter)="closeDialog()" />
      <label for="date">Date</label>
    </p-floatlabel>
  </div>

  <div class="mt-4 text-right">
    <p-button (click)="closeDialog()" [disabled]="!dayForm.dirty || !dayForm.valid">{{ dayForm.get("id")?.value
      !== -1 ? "Update" : "Create" }}</p-button>
  </div>
</section>