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 }