<div class="description">
    {{ 'SHARED.TIME' | translate }}
</div>

<captioned-time-group
    role="scheduled departure time"
    [times]="leg.departure._times.scheduledDeparture"
    caption="SHARED.SCHEDULED"
    [withUTC]="true"
>
</captioned-time-group>

<captioned-time-group
    role="latest departure time"
    *ngIf="departureBlockOffTimes"
    [times]="departureBlockOffTimes"
    [caption]="departureBlockOffCaption"
    [withUTC]="true"
>
</captioned-time-group>

<captioned-time-group
    role="scheduled arrival time"
    align="mobile-right"
    caption="SHARED.SCHEDULED"
    [times]="leg.arrival._times.scheduledArrival"
    [withUTC]="true"
>
</captioned-time-group>

<captioned-time-group
    role="latest arrival time"
    align="mobile-right"
    *ngIf="arrivalBlockOnTimes"
    [times]="arrivalBlockOnTimes"
    [caption]="arrivalBlockOnCaption"
    [withUTC]="true"
>
</captioned-time-group>
