Choose a date (e.g. choose your date of birth)

Date of birth @if (birthdayModel.hasError('required')) { Please choose a date. } @if (birthdayModel.hasError('matDatepickerMax')) { Please choose an earlier date. }

Choose a date with touch UI (e.g. choose a payment date on mobile)

When would you like to schedule your payment?

@if (paymentDateModel.hasError('required')) { Please choose a date. } @if (paymentDateModel.hasError('matDatepickerMin')) { Please choose a later date. }

Choose date with startAt, min and max (e.g. schedule a departing and returning flight)

Departure date @if (departDateModel.hasError('required')) { Please choose a date. } @if (departDateModel.hasError('matDatepickerMin')) { Please choose a later date. } @if (departDateModel.hasError('matDatepickerMax')) { Please choose an earlier date. } Return date @if (returnDateModel.hasError('matDatepickerMin') && !departDate) { Please choose a later date. } @if (returnDateModel.hasError('matDatepickerMin') && departDate) { Please choose a date after your departure. } @if (returnDateModel.hasError('matDatepickerMax')) { Please choose an earlier date. }

Choose date with date filter (e.g. schedule a doctor's appointment)

Appointment date @if (appointmentDateModel.hasError('required')) { Please choose a date. } @if (appointmentDateModel.hasError('matDatepickerMin') || appointmentDateModel.hasError('matDatepickerMax') || appointmentDateModel.hasError('matDatepickerFilter')) { No appointments available on this date. }