<app-header positionInResponsive="fixed">
  <div class="date-switcher">
    <app-button
      type="icon"
      icon="chevron-left"
      [iconSize]="16"
      (onClick)="previousDay()"
    ></app-button>

    <div class="input-container">
      <input
        #inputDate
        class="input-date"
        type="date"
        [valueAsDate]="date"
        [min]="minDate"
        [max]="maxDate"
        (change)="handleDateChange($event)"
      />

      <label class="h4" (click)="openDateDialog()">
        {{ getFormattedDate() | titlecase }}
      </label>
    </div>

    <app-button
      class="rotate"
      type="icon"
      icon="chevron-left"
      [iconSize]="16"
      (onClick)="nextDay()"
    ></app-button>
  </div>
</app-header>
