@if (event().note) {
  <i class="d-md-block bi-sticky-fill text-primary" placement="top" ngbTooltip="{{event().note}}"></i>
}
<span class="d-md-block">
  {{ event().start | date:'E' }}
</span>
<span class="d-md-block md-h3 fw-bold">
  {{ event().start | date:'d' }}
</span>
<span class="d-md-block text-muted ">
  {{ event().start | date:'MMM' }}
</span>
<span class="d-md-block event-time-block">
  @if (event().allDay) {
    <span class="d-md-block fw-bold">
      All day
    </span>
  } @else {
    <span class="d-md-block">
      {{ event().start | date:'shortTime' }} -
    </span>
    <span class="d-md-block">
      {{ event().end | date:'shortTime' }}
    </span>
  }
</span>
