mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-31 17:38:48 +00:00
fcb292c849
* update material2 beta12 update angular2 4.4.5 * fix changed version js-api * update types hammerjs * fix test * clean old doc * fix pagination test * fix test * missing update packages * fix <mat-form-field> for select box * start task component test
22 lines
1.2 KiB
HTML
22 lines
1.2 KiB
HTML
<div class="{{field.className}}" *ngIf="field?.isVisible" id="data-widget" [class.adf-invalid]="!field.isValid || field.validationSummary.message">
|
|
<mat-form-field class="adf-date-widget">
|
|
<label class="adf-label" [attr.for]="field.id">{{field.name}} ({{field.dateDisplayFormat}})<span *ngIf="isRequired()">*</span></label>
|
|
<input matInput
|
|
[id]="field.id"
|
|
[matDatepicker]="datePicker"
|
|
[(value)]="displayDate"
|
|
[required]="isRequired()"
|
|
[disabled]="field.readOnly"
|
|
[min]="minDate"
|
|
[max]="maxDate"
|
|
(focusout)="onDateChanged($event.srcElement.value)"
|
|
(dateChange)="onDateChanged($event)"
|
|
placeholder="{{field.placeholder}}">
|
|
<mat-datepicker-toggle matSuffix [for]="datePicker" [disabled]="field.readOnly" ></mat-datepicker-toggle>
|
|
</mat-form-field>
|
|
<error-widget [error]="field.validationSummary"></error-widget>
|
|
<error-widget *ngIf="isInvalidFieldRequired()" required="{{ 'FORM.FIELD.REQUIRED' | translate }}"></error-widget>
|
|
<mat-datepicker #datePicker [touchUi]="true" [startAt]="startAt" ></mat-datepicker>
|
|
</div>
|
|
|