The following examples use the datetimepicker component of Material Extensions.

Date types with: {{ type }}

DateTime

@if (group.get('dateTime')?.errors?.required) { required } @if (group.get('dateTime')?.errors?.mtxDatetimepickerMin) { min } @if (group.get('dateTime')?.errors?.mtxDatetimepickerMax) { max }

DateTime with manual input

@if (group.get('dateTimeManual')?.errors?.required) { required } @if (group.get('dateTimeManual')?.errors?.mtxDatetimepickerMin) { min } @if (group.get('dateTimeManual')?.errors?.mtxDatetimepickerMax) { max }

DateTime Year selector

@if (group.get('dateTimeYear')?.errors?.required) { required } @if (group.get('dateTimeYear')?.errors?.mtxDatetimepickerMin) { min } @if (group.get('dateTimeYear')?.errors?.mtxDatetimepickerMax) { max }

Time

@if (group.get('time')?.errors?.required) { required }

Time AM/PM

@if (group.get('timeAMPM')?.errors?.required) { required }

DateTime AM/PM with manual input

@if (group.get('timeAMPMManual')?.errors?.required) { required } @if (group.get('timeAMPMManual')?.errors?.mtxDatetimepickerMin) { min } @if (group.get('timeAMPMManual')?.errors?.mtxDatetimepickerMax) { max }

Date

@if (group.get('date')?.errors?.required) { required }

Month

@if (group.get('month')?.errors?.required) { required }

Year

@if (group.get('year')?.errors?.required) { required }

Min/Max Test

@if (group.get('mintest')?.errors?.required) { required } @if (group.get('mintest')?.errors?.mtxDatetimepickerMin) { min } @if (group.get('mintest')?.errors?.mtxDatetimepickerMax) { max }

Filter Test

@if (group.get('filtertest')?.errors?.required) { required } @if (group.get('filtertest')?.errors?.mtxDatetimepickerFilter) { filter }

TouchUi

@if (group.get('touch')?.errors?.required) { required }