title: Binding date value to Angular Kendo Date Picker Typescript
body: <p>I have an API which returns the date in this format <code>2018-12-24T16:00:00.000Z</code> (ISO string). I am using Angular, Kendo UI and Typescript. </p>
  
  <p>The problem that I am facing is the date is not getting bound to the Kendo date picker. I have read the documentation to integrate with JSON but I failed to apply it to my circumstances. And most of the solution in the Google use Javascript.</p>
  
  <p>API call</p>
  
  <pre><code>"valueJson": {
      "startDate": "2018-12-24T16:00:00.000Z"
  }
  </code></pre>
  
  <p>component.ts</p>
  
  <pre><code>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
          })
        ])
      });
    }
  </code></pre>
  
  <p>component.html</p>
  
  <pre><code>&lt;div class="col-6" formArrayName='customFieldDtoList'&gt;
            &lt;div formGroupName=0&gt;
            &lt;div formGroupName="valueJson"&gt;
              &lt;p&gt;Start Date&lt;/p&gt;
              &lt;kendo-datepicker formControlName="startDate" style="width: 100%;" &gt;&lt;/kendo-datepicker&gt;
            &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
  </code></pre>
  
  <p>Upon using <code>{{ myForm.value | json }}</code> (<a href="https://i.stack.imgur.com/2J18j.png" rel="nofollow noreferrer">output</a>) to see the data, the <code>2018-12-24T16:00:00.000Z</code> value can be displayed, however is not displayable by the date picker.</p>
  
  <p>How do I change this ISO string and make it readable by the date picker?</p>