common-ui/src/lib/inputs/dynamic-input/dynamic-input.component.html
2023-03-18 02:11:12 +02:00

33 lines
1.1 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"
[id]="id"
[matDatepicker]="picker"
[name]="name"
[placeholder]="placeholder || 'dd/mm/yy'"
stopPropagation
/>
<mat-datepicker-toggle [for]="picker" matSuffix>
<mat-icon matDatepickerToggleIcon svgIcon="red: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"
[id]="id"
[name]="name"
[placeholder]="placeholder || ''"
stopPropagation
type="text"
/>
<input (ngModelChange)="onChange($event)" *ngIf="isNumber" [(ngModel)]="input" [id]="id" [name]="name" stopPropagation type="number" />
</div>