]> git.evergreen-ils.org Git - Evergreen.git/blob - Open-ILS/src/eg2/src/app/share/date-select/date-select.component.html
LP2000482 Angular 15 and Bootstrap 5 upgrade
[Evergreen.git] / Open-ILS / src / eg2 / src / app / share / date-select / date-select.component.html
1 <ng-container *ngIf="readOnly">
2   {{initialDate | formatValue:'timestamp'}}
3 </ng-container>
4 <ng-container *ngIf="!readOnly">
5   <div class="input-group eg-date-select form-validated p-0" 
6     [ngClass]="{'date-select-width': !noMaxWidth}">
7     <input 
8       class="form-control"
9       type="text"
10       ngbDatepicker
11       #datePicker="ngbDatepicker"
12       [attr.id]="domId.length ? domId : null"
13       placeholder="yyyy-mm-dd"
14       class="form-control"
15       container="body"
16       name="{{fieldName}}"
17       [disabled]="disabled"
18       [required]="required"
19       (blur)="propagateTouch(); onDateEnter()"
20       [(ngModel)]="current"
21       (ngModelChange)="inputChanged($event)"
22       (keyup.enter)="onDateEnter()"
23       (dateSelect)="onDateSelect($event)"/>
24     <div class="input-group-text p-0">
25       <button class="btn px-2" [disabled]="disabled"
26         (click)="datePicker.toggle()" type="button">
27         <span title="Select Date" i18n-title class="material-icons">event</span>
28       </button>
29     </div>
30   </div>
31 </ng-container>