title: Angular 6 Kendo UI DatePicker error
body: <p>I'm getting a strange error when trying to extract the standard format Kendo ui date-picker date into a different format.</p>
  
  <p>package.json;</p>
  
  <pre><code>"@progress/kendo-angular-buttons": "^4.1.1",
  "@progress/kendo-angular-charts": "^3.2.0",
  "@progress/kendo-angular-dateinputs": "^3.4.1",
  "@progress/kendo-angular-dropdowns": "^3.0.2",
  "@progress/kendo-angular-excel-export": "^2.1.0",
  "@progress/kendo-angular-grid": "^3.5.0",
  "@progress/kendo-angular-inputs": "^3.1.3",
  "@progress/kendo-angular-intl": "^1.4.1",
  </code></pre>
  
  <p>the .ts file;</p>
  
  <pre><code>import { IntlService } from '@progress/kendo-angular-intl';
  import { CalendarView } from '@progress/kendo-angular-dateinputs';
  
  fromDate: string;
  </code></pre>
  
  <p>the .html file;</p>
  
  <pre><code>  &lt;label class="k-form-field"&gt;
        &lt;span&gt;Required From&lt;/span&gt;
        &lt;kendo-datepicker
        [(ngModel)]="fromDate" [ngModelOptions]="{standalone: true}"
        [format]="'dd-MM-yyyy'"
        (valueChange)="onChangeFromDate($event)"
        [value]="value"&gt;
      &lt;/kendo-datepicker&gt;
    &lt;/label&gt;
  </code></pre>
  
  <p>the .ts function;</p>
  
  <pre><code>public onChangeFromDate(value: Date): void {
  this.fromDate = this.intl.formatDate(value, 'd-MM-y');
  }
  </code></pre>
  
  <p>Gives an error:
  "ERROR Error: Uncaught (in promise): Error: The 'value' should be a valid JavaScript Date instance. Check <a href="http://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/#toc-using-with-json" rel="nofollow noreferrer">http://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/#toc-using-with-json</a> for possible resolution."</p>
  
  <p>It seems to be the assigning of this.fromDate causing the issue.</p>
  
  <p>Has anyone seen this before?</p>
  
  <p>Any help would be greatly appreciated.</p>
  
  <p>Thanks,</p>
  
  <p>Mark </p>