29 lines
986 B
HTML
29 lines
986 B
HTML
<mat-card class="search-container">
|
|
<mat-form-field appearance="outline">
|
|
<mat-label>Search</mat-label>
|
|
<input #textSearch matInput>
|
|
<button (click)="textSearch.value=''" *ngIf="textSearch.value.length>0" mat-icon-button matSuffix>
|
|
<mat-icon>clear</mat-icon>
|
|
</button>
|
|
</mat-form-field>
|
|
<mat-form-field appearance="outline">
|
|
<mat-label>Start</mat-label>
|
|
<input matInput type="date">
|
|
</mat-form-field>
|
|
<mat-form-field appearance="outline">
|
|
<mat-label>End</mat-label>
|
|
<input matInput type="date">
|
|
</mat-form-field>
|
|
<mat-form-field>
|
|
<mat-label>Price</mat-label>
|
|
<mat-select value="Budget">
|
|
<mat-option value="Budget">Budget</mat-option>
|
|
<mat-option value="Mid-Range">Mid-Range</mat-option>
|
|
<mat-option value="Luxury">Luxury</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
<button (click)="onSearch()" color="primary" mat-flat-button>Search
|
|
<mat-icon matSuffix>search</mat-icon>
|
|
</button>
|
|
</mat-card>
|