between-date.component.html 842 Bytes
Newer Older
1
2
3
<div class="form-group row">
    <label class="col-3 col-form-label">{{ label }}</label>
    <div class="col">
Tifenn Guillas's avatar
Tifenn Guillas committed
4
5
6
7
8
9
10
        <input type="text" 
            placeholder="Pick a date range..." 
            class="form-control" 
            [formControl]="field"
            [bsValue]="field.value" 
            [bsConfig]="{ rangeInputFormat: 'YYYY-MM-DD' }" 
            autocomplete="off"
11
12
13
            bsDaterangepicker>
    </div>
    <div class="col-2 text-center">
Tifenn Guillas's avatar
Tifenn Guillas committed
14
        <button class="btn btn-outline-success" *ngIf="!field.disabled" [hidden]="!field.value"
Tifenn Guillas's avatar
Tifenn Guillas committed
15
            (click)="emitAdd()">
Tifenn Guillas's avatar
Tifenn Guillas committed
16
            <span class="fas fa-plus fa-fw"></span>
17
        </button>
Tifenn Guillas's avatar
Tifenn Guillas committed
18
        <button class="btn btn-outline-danger" *ngIf="field.disabled" (click)="emitDelete()">
Tifenn Guillas's avatar
Tifenn Guillas committed
19
            <span class="fa fa-times fa-fw"></span>
20
        </button>
21
22
    </div>
</div>