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

<form class="dataset-criteria">
	<mat-card class="mat-card">
		<div class="row">
			<!-- <div class="col-sm-6 col-md-2">
				<mat-form-field>
					<input matInput
						   (focus)="periodStartPicker.open()"
						   (click)="periodStartPicker.open()"
						   placeholder=" {{'CRITERIA.FORMS.PERIOD-FROM'| translate}}"
						   [matDatepicker]="periodStartPicker"
						   name="projectCriteriaPeriodStart"
						   [ngModel]="this.criteria.PeriodStart" (ngModelChange)="controlModified()">
					<mat-error *ngIf="getFormControl('created').errors?.backendError">{{baseErrorModel['Criteria.PeriodStart']}}</mat-error>
					<mat-datepicker-toggle matSuffix [for]="periodStartPicker"></mat-datepicker-toggle>
					<mat-datepicker #periodStartPicker></mat-datepicker>
				</mat-form-field>
			</div> -->
			<div class="col-md-6">
				<mat-form-field>
					<input matInput placeholder=" {{'CRITERIA.PROJECTS.LIKE'| translate}}" name="datasetCriteriaName" [(ngModel)]="criteria.like"
					 (ngModelChange)="controlModified()">
					<mat-error *ngIf="baseErrorModel?.name">{{baseErrorModel['Criteria.like']}}</mat-error>
				</mat-form-field>
			</div>
			<div class="col-md-6">
				<mat-form-field>
					<mat-select placeholder=" {{'CRITERIA.DATA-SETS.STATUS'| translate}}" name="datasetCriteriastatus" [(ngModel)]="criteria.status"
					 (ngModelChange)="controlModified()">
						<mat-option *ngFor="let status of statuses" [value]="status.value">
							{{status.viewValue}}
						</mat-option>
					</mat-select>
					<mat-error *ngIf="baseErrorModel?.status">{{baseErrorModel['Criteria.status']}}</mat-error>
				</mat-form-field>
			</div>
		</div>
	</mat-card>
</form>

<!--matInput
 (focus)="periodEndPicker.open()"
(click)="periodEndPicker.open()"
[matDatepicker]="periodEndPicker" -->