Open-ILS/src/eg2/src/app/share/datetime-select/datetime-select.component.html

   1 <span class="material-icons" *ngIf="controlDir && !controlDir.control.valid">error</span>
   2 <form
   3   [formGroup]="dateTimeForm"
   4   class="input-group"
   5   ngbDropdown
   6   [autoClose]="'outside'"
   7   #dt="ngbDropdown">
   8   <input type="datetime"
   9     [attr.id]="domId.length ? domId : null"
  10     name="{{fieldName}}"
  11     class="form-control datetime-input"
  12     formControlName="stringVersion"
  13     (focus)="dt.open()"
  14     [attr.disabled]="readOnly ? true : null"
  15     [required]="required"
  16     (touch)="onTouched()">
  17   <div class="input-group-btn">
  18     <button class="btn btn-primary" ngbDropdownToggle
  19       aria-label="Select date and time" i18n-aria-label>
  20       <span class="material-icons mat-icon-in-button">event</span>
  21     </button>
  22   </div>
  23   <div ngbDropdownMenu>
  24     <div i18n *ngIf="readOnly">
  25       Cannot edit this date or time.
  26     </div>
  27     <div *ngIf="!readOnly">
  28       <div *ngIf="controlDir && controlDir.control.errors"
  29         role="alert"
  30         class="alert alert-danger">
  31         <span class="material-icons">error</span>
  32         {{firstError(controlDir.control.errors)}}
  33       </div>
  34       <ngb-datepicker #datePicker
  35         formControlName="date"
  36         [footerTemplate]="time"
  37         (touch)="onTouched()">
  38       </ngb-datepicker>
  39     </div>
  40   </div>
  41
  42   <ng-template #time>
  43     <ngb-timepicker name="time"
  44       [meridian]="true"
  45       formControlName="time"
  46       [spinners]="true"
  47       [hourStep]="1"
  48       [minuteStep]="minuteStep || 30"
  49       (touch)="onTouched()">
  50     </ngb-timepicker>
  51     <span *ngIf="showTZ && timezone" class="badge badge-info">{{ timezone }}</span>
  52     <span *ngIf="showTZ && !timezone" class="badge badge-warning" i18n>Timezone not set</span>
  53     <button i18n class="btn btn-success" (click)="dt.close()">Choose time</button>
  54   </ng-template>
  55
  56 </form>