<div class="wrapper--time-selector full-view" [ngClass]="{ 'full-view': fullView, 'compact-view': !fullView }">
    <div class="time-selector__label" *ngIf="fullView">{{ label }}</div>
    <div class="time-selector__label-value" *ngIf="!fullView">
        <div class="time-selector__label">{{ label }}</div>
        <div class="time-selector__value">{{ minTime + ' — ' + maxTime }}</div>
    </div>
    <div class="time-selector">
        <p-slider
            [ngModel]="value"
            [range]="true"
            [step]="60"
            [min]="min"
            [max]="max"
            [disabled]="disabled"
            (ngModelChange)="onModelChange($event)"
            (onSlideEnd)="slideComplete.next()"
        >
        </p-slider>
    </div>
    <div class="time-selector__value" *ngIf="fullView">{{ minTime + ' — ' + maxTime }}</div>
</div>
