title: Format date & boolean in kendo.ui.GridColumn
body: <p>In our typescript application we have a kendo grid. In Product.ts I'm defining the columns like this:</p>
  
  <pre><code>const cols = &lt;kendo.ui.GridColumn[]&gt;[
      { field: "Name", title: "Name" },
      { field: "ProductDate", template: "#= kendo.toString(ProductDate, 'dd.MM.yyyy') #" title: "Date" },
      { field: "IsNew", template: "# if (IsNew == true) { 'Yes' } else { 'No } #", title:"Is new" }];
  </code></pre>
  
  <p>After that, I add them to the grid by using this:</p>
  
  <pre><code>let grid = this.grid.kendoGrid({
      dataSource: this.unitDataSource,
      pageable: true,
      filterable: true,
      sortable: true,
      columns: cols
  }).data("kendoGrid");
  </code></pre>
  
  <p>Now I have the problem that the date and the boolean fields aren't correctly shown:</p>
  
  <blockquote>
    <p>Format of ProductDate in grid: 2016-08-23T15:37<br/>
    IsNew isn't shown at all</p>
  </blockquote>
  
  <p>Instead of <code>template</code> I also tried it with <code>format: "{0:dd.MM.yyyy}"</code> for the date what gave me the same result.</p>
  
  <p>I don't get any error messages in browser console.</p>
  
  <p>What am I doing wrong?</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>dimodi's answer solved my problem with the boolean field. My template now looks like this:</p>
  
  <pre><code>"# if (IsNew == true) { # Yes # } else { # No # } #"
  </code></pre>
  
  <p>As P. Ommer wrote in his answer, I added the date to the schema. The date is now shown in the correct format with my template but if there is no date specified, "null" is shown instead of nothing. When I change the template to <code>"# if (ProductDate != null) { kendo.toString(ProductDate, 'dd.MM.yyyy') #"</code>, the product date column stays empty for each row.</p>
  
  <p>How do I treat null columns for the date?</p>