angular - 日付値を Angular Kendo Date Picker Typescript にバインドする

Question

2018-12-24T16:00:00.000Zこの形式(ISO 文字列)で日付を返す API があります。Angular、Kendo UI、Typescript を使用しています。

私が直面している問題は、日付が剣道日付ピッカーにバインドされていないことです。JSON と統合するためのドキュメントを読みましたが、自分の状況に適用できませんでした。また、Google のソリューションのほとんどは Javascript を使用しています。

API 呼び出し

"valueJson": {
    "startDate": "2018-12-24T16:00:00.000Z"
}

component.ts

constructor(private fb: FormBuilder,
            private service: PromotionsService, ) {
    this.date = new Date();
}

ngOnInit() {
    this.myForm = this.fb.group({
      code: ["", [Validators.required]],
      name: "Please Select",
      customFieldDtoList: this.fb.array([
        this.fb.group({
          paramName: "details",
          valueJson: this.fb.group({
            category: "Please Select",
            startDate: this.date,
            endDate: this.date,
            values: 0
          }),
          updatedDate: this.date
        })
      ])
    });
  }

component.html

<div class="col-6" formArrayName='customFieldDtoList'>
          <div formGroupName=0>
          <div formGroupName="valueJson">
            <p>Start Date</p>
            <kendo-datepicker formControlName="startDate" style="width: 100%;" ></kendo-datepicker>
          </div>
          </div>
      </div>

{{ myForm.value | json }}( output )を使用してデータを表示すると、2018-12-24T16:00:00.000Z値を表示できますが、日付ピッカーでは表示できません。

この ISO 文字列を変更して、日付ピッカーで読み取れるようにするにはどうすればよいですか?