Как оживить control value accessor?

control value accessor используется для реализации ngModel в кастомном компоненте. Потому ваша в данный момент и не работает. Вот пример реализации control value accessor:

@Component({
selector: 'app-custom-component',
templateUrl: './app-custom.component.html',
styleUrls: ['./app-custom.component.scss'],
providers: [
        {
            provide: NG_VALUE_ACCESSOR,
            useExisting: forwardRef(() => CustomComponent),
            multi: true
        }
    ]
})
export class CustomComponent implements ControlValueAccessor {
    private _begin: Date;
    set begin(value) {
        this._begin = value;
        this.onChange(this._begin);
    }
    get begin() {
        return this._begin;
    }        
    onChange = (_: any) => { };
    OnTouched = (_: any) => { };
    constructor() { }
    writeValue(value: Date): void {
        this.begin = value;
    }
    registerOnChange(fn: any): void {
        this.onChange= fn;
    }
    registerOnTouched(fn: any): void {
        this.onTouched= fn;
    }
    setDisabledState?(isDisabled: boolean): void {
        /*реализация для свойства disabled*/
    }
}

В разметке компоненты:

<input type="date" [(ngModel)]="begin" name="begin">

Непосредственное использование:

<app-custom-component [(ngModel)]="currentDate"></app-custom-component>

В компоненте объявить свойство currentDate

Как то так.