Touched	{{ date.touched }}
Pristine	{{ date.pristine }}
Valid	{{ date.valid }}
Dirty	{{ date.dirty }}

@if (date.errors && date.errors.skyDate) {

@if (date.errors.skyDate.invalid) { Please enter a valid date. } @if (date.errors.skyDate.minDate) { Date is prior to minimum date range. } @if (date.errors.skyDate.maxDate) { Date is after maximum date range. }

}

Model value: {{ selectedDate }}

Fuzzy datepicker template form

Reactive form

Touched	{{ reactiveDate.touched }}
Pristine	{{ reactiveDate.pristine }}
Valid	{{ reactiveDate.valid }}
Dirty	{{ reactiveDate.dirty }}

@if (reactiveDate.errors) {

@if (reactiveDate.errors.skyDate?.invalid) { Please enter a valid date. } @if (reactiveDate.errors.skyDate?.minDate) { Date is prior to minimum date range. } @if (reactiveDate.errors.skyDate?.maxDate) { Date is after maximum date range. }

}

Model value: {{ reactiveForm.value.selectedDate }}