custom validation issue on kendo

[olayda]

I'm submitting a

[ ] Bug / Regression
[ ] Feature Request / Proposal

I'm using

NG Dynamic Forms Version: `X.Y.Z`

[ ] Basic UI
[ ] Bootstrap UI  
[ ] Foundation UI
[ ] Ionic UI
[ x] Kendo UI
[ ] Material  
[ ] NG Bootstrap
[ ] Prime NG

Description

hello, I am trying to create custom validation for my datepicker

new DynamicFormGroupModel({ id: "etaDetails", legend: "Details", group: [ new DynamicDatePickerModel({ id: "etaDate", label: "ETA*", format: "dd/MM/yyyy",

            validators:{
                required: null,
              //  myCustomValidator: null,
            }
            // ,errorMessages: {
            //     myCustomValidator: 'ETA must be within 3 months'
            // },

        }),

I implemented this to my module file too
providers: [ HIDDEN_MATCHER_PROVIDER,DISABLED_MATCHER_PROVIDER, REQUIRED_MATCHER_PROVIDER, {provide: NG_VALIDATORS, useValue: myCustomValidator, multi: true}],

and my abstract file looks like this

import { AbstractControl, ValidationErrors } from "@angular/forms";

export function myCustomValidator(control: AbstractControl): ValidationErrors | null { const hasError = control.value ? (control.value as string).startsWith("abc") : false; return hasError ? {myCustomValidator: true} : null; }

I get this error cannot read properties of undefined (reading 'invalid') at DynamicFormValidationService.showErrorMessages.

Could you please help be about what I am doing wrong. Thank you