argos/dmp-frontend/src/app/shared/components/criteria/projects/projects-criteria.component.html

<div class="project-criteria">
	<mat-card class="mat-card">
		<div class="row">
			<div class="col-md-4">
				<mat-form-field>
					<input matInput placeholder=" {{'CRITERIA.PROJECTS.LIKE'| translate}}" name="projectCriteriaLike" [(ngModel)]="criteria.like"
					 (ngModelChange)="controlModified()">
					<mat-error *ngIf="baseErrorModel?.like">{{baseErrorModel['criteria.like']}}</mat-error>
				</mat-form-field>
			</div>
			<div class="col-md-4">
				<mat-form-field>
					<input matInput (focus)="periodStartPicker.open()" (click)="periodStartPicker.open()" placeholder=" {{this.languageResolver.getBy('criteriaStart')| translate}}"
					 [matDatepicker]="periodStartPicker" name="projectCriteriaPeriodStart" [(ngModel)]="criteria.periodStart" (ngModelChange)="controlModified()">
					<mat-datepicker-toggle matSuffix [for]="periodStartPicker"></mat-datepicker-toggle>
					<mat-datepicker #periodStartPicker></mat-datepicker>
				</mat-form-field>
				<mat-error *ngIf="baseErrorModel['criteria.periodStart']">{{baseErrorModel['criteria.periodStart']}}</mat-error>
				
			</div>
			<div class="col-md-4">
				<mat-form-field>
					<input matInput (focus)="periodEndPicker.open()" (click)="periodEndPicker.open()" name="projectCriteriaPeriodEnd" placeholder=" {{this.languageResolver.getBy('criteriaEnd')| translate}}"
					 [matDatepicker]="periodEndPicker" [(ngModel)]="criteria.periodEnd" (ngModelChange)="controlModified()">
					<mat-error *ngIf="baseErrorModel?.criteria?.periodEnd">{{baseErrorModel['criteria.periodEnd']}}</mat-error>
					<mat-datepicker-toggle matSuffix [for]="periodEndPicker"></mat-datepicker-toggle>
					<mat-datepicker #periodEndPicker></mat-datepicker>
				</mat-form-field>
			</div>
		</div>
	</mat-card>
</div>