Website/src/app/website/schedule-page/schedule-page.component.html
<div fxLayout="row wrap">
<div fxFlex="25">
<mat-list class="sidebar">
<span *ngFor="let item of dateKeys">
<a mat-list-item [routerLink]="['/', year, 'schedule', item.key]"> {{ item.date | date:'MMM dd': tournament.TimeZone }} </a>
</span>
<a mat-list-item [routerLink]="['/', year, 'schedule']"> All </a>
<a *ngIf="tournament.Schedule.Download" mat-list-item [href]="tournament.Schedule.Download"> Download Schedule </a>
</mat-list>
</div>
<div fxFlex="75">
<app-schedule fxFlex [tournament]="tournament" [displayDate]="displayDate" (dateKeysLoaded)="loadDateKeys($event)"></app-schedule>
</div>
</div>