first-npm-package-nicule/material-inputs/components/date/date-field.component.html

This isi first npm package

<label>{{label | translate}}<ng-container *ngIf="field.required">*</ng-container></label>
<mat-form-field (click)="picker.opened ? picker.close() : picker.open()">
    <input matInput type="text"
        [placeholder]="placeholder"
        [value]="dateValue | date:'d/M/yyyy'"
        disabled="disabled"
        class="test-form-field-date">
    <input type="hidden"
        [name]="field.name"
        [required]="field.required"
        [matDatepicker]="picker"
        [ngModel]="dateValue" (ngModelChange)="setDateValue($event)">
    <mat-datepicker #picker disabled="false"></mat-datepicker>
    <mat-hint *ngFor="let error of errors" class="error-input-hint">
        {{error.message | translate: error.payload }}
    </mat-hint>
</mat-form-field>
<mat-datepicker-toggle class="date-picker-toggle" color="primary" [for]="picker"></mat-datepicker-toggle>