44 lines
1.3 KiB
HTML
44 lines
1.3 KiB
HTML
<div [class.datepicker-wrapper]="isDate" [ngClass]="classList" class="iqser-input-group">
|
|
<label *ngIf="label"> {{ label }} </label>
|
|
|
|
<ng-container *ngIf="isDate">
|
|
<input
|
|
(ngModelChange)="onChange($event)"
|
|
[(ngModel)]="input"
|
|
[disabled]="!canEditInput"
|
|
[id]="id"
|
|
[matDatepicker]="picker"
|
|
[name]="name"
|
|
[placeholder]="placeholder || 'dd/mm/yy'"
|
|
iqserStopPropagation
|
|
/>
|
|
<mat-datepicker-toggle [for]="picker" matSuffix>
|
|
<mat-icon matDatepickerToggleIcon svgIcon="iqser:calendar"></mat-icon>
|
|
</mat-datepicker-toggle>
|
|
<mat-datepicker #picker (closed)="onCloseDatepicker()" (opened)="onOpenDatepicker()"></mat-datepicker>
|
|
</ng-container>
|
|
|
|
<input
|
|
(ngModelChange)="onChange($event)"
|
|
*ngIf="isText"
|
|
[(ngModel)]="input"
|
|
[disabled]="!canEditInput"
|
|
[id]="id"
|
|
[name]="name"
|
|
[placeholder]="placeholder || ''"
|
|
iqserStopPropagation
|
|
type="text"
|
|
/>
|
|
|
|
<input
|
|
(ngModelChange)="onChange($event)"
|
|
*ngIf="isNumber"
|
|
[(ngModel)]="input"
|
|
[disabled]="!canEditInput"
|
|
[id]="id"
|
|
[name]="name"
|
|
iqserStopPropagation
|
|
type="number"
|
|
/>
|
|
</div>
|