ERROR Error: No value accessor for form control with name: 'dateCtrl'

Question

I am getting empty date value on submit after selecting any date i can log a date. Why am i getting empty date value if i am not selecting any date and submitting using current date. Can anyone help me out yrr. Thanks in advance !!

     <div class="row">
                                <div class="form-group col-md-6">
                                    <label for="dateCtrl" class="form-control-label">Date</label>
                                    <!-- <input class="form-control Pick Date" formControlName="dateCtrl" [nbDatepicker]="datepicker">
                                    <nb-datepicker #dateTimePicker formControlName="dateCtrl" (dateChange)="handleDateChange($event)"></nb-datepicker> -->
                                    <input nbInput placeholder="Pick Date" 
                                    formControlName="dateCtrl"
                                    name="dateCtrl"
                                    id="dateCtrl"
                                    [nbDatepicker]="dateTimePicker">
                                    <nb-datepicker #dateTimePicker></nb-datepicker>
                                    <br/>
                            
                                </div>

    this.createtimesheetfb = this.fb.group({
          dateCtrl: [''],
          hoursCtrl: ['', [Validators.required]],
          remarkCtrl: ['', [Validators.required]]
        });

    handleDateChange(event) {
        var date = event;
        var datePipe = new DatePipe("en-IN");
        this.setDate = datePipe.transform(date, 'yyyy-MM-dd');
      }
    
    
    submit(){
    console.log("Validation"this.createtimesheetfb.value);
    }