<div class="flex items-center justify-between">
  <button type="button" class="isa-btn text-ucla-blue" (click)="previous()">
    <ui-icon [rotate]="'180deg'" icon="arrow_head"></ui-icon>
  </button>
  <strong> {{ monthName$ | async }} {{ yearName$ | async }} </strong>
  <button type="button" class="isa-btn text-ucla-blue" (click)="next()">
    <ui-icon icon="arrow_head"></ui-icon>
  </button>
</div>
