/
githubmirror
/
components
Обзор
Документация
Войти
/
githubmirror
/
components
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components-examples/material/datepicker/date-range-picker-forms/date-range-picker-forms-example.html
19 строк
769 B
Kristiyan Kostadinov
docs(multiple): switch docs examples to new control flow
06 ноя 2023, 18:51
06 ноя 2023, 18:51
99b62ba
Код
Авторство
О чём код?
<mat-form-field> <mat-label>Enter a date range</mat-label> <mat-date-range-input [formGroup]="range" [rangePicker]="picker"> <input matStartDate formControlName="start" placeholder="Start date"> <input matEndDate formControlName="end" placeholder="End date"> </mat-date-range-input> <mat-hint>MM/DD/YYYY – MM/DD/YYYY</mat-hint> <mat-datepicker-toggle matIconSuffix [for]="picker"></mat-datepicker-toggle> <mat-date-range-picker #picker></mat-date-range-picker> @if (range.controls.start.hasError('matStartDateInvalid')) { <mat-error>Invalid start date</mat-error> } @if (range.controls.end.hasError('matEndDateInvalid')) { <mat-error>Invalid end date</mat-error> } </mat-form-field> <p>Selected range: {{range.value | json}}</p>