<ion-content @materialFade>
  <ion-list lines="none">
    <ion-item-group *ngFor="let day of events | async" @materialFade>
      <ion-label class="day-label" color="medium">
        {{ day[0].day | amDateFormat: 'LL' }}
      </ion-label>
      <ion-item *ngFor="let event of day" lines="none">
        <ion-avatar class="hour-label">
          {{ event.event.dateSeries.dates[0] | amDateFormat: 'HH:mm' }}
        </ion-avatar>
        <stapps-schedule-card
          class="event-card"
          [scheduleEvent]="event.event"
          [noOffset]="true"
          [scale]="scale"
        >
        </stapps-schedule-card>
      </ion-item>
    </ion-item-group>
  </ion-list>
</ion-content>
