<div [ngClass]="timeGroupClasses">
    <text *ngIf="caption" color="light-gray" size="12" class="captioned-time-group__caption">
        {{ caption | translate }}
    </text>
    <time-group
        [bold]="bold"
        [dayChangePosition]="dayChangePosition"
        [dayChangeLayout]="dayChangeLayout"
        [size]="size"
        [scheduled]="times"
        [withUTC]="withUTC"
        [align]="align"
    >
        <text *ngIf="withDate" size="12" color="blue" class="captioned-time-group__date">
            {{ date }}
        </text>
    </time-group>
</div>
