title: Kendo Grid Date Filter
body: <p>I'm trying to use the kendo grid date filter as seen here: <a href="http://demos.kendoui.com/web/grid/filter-menu-customization.html" rel="nofollow noreferrer">http://demos.kendoui.com/web/grid/filter-menu-customization.html</a></p>
  
  <p><img src="https://i.stack.imgur.com/4D9ev.png" alt="enter image description here"></p>
  
  <p>I'm not seeing any good examples on how to do this using Razor syntax.</p>
  
  <p>The only example they show is using javascript:</p>
  
  <pre><code>                       {
                              field: "BirthDate",
                              title: "Birth Date",
                              format: "{0:MM/dd/yyyy HH:mm tt}",
                              filterable: {
                                  ui: "datetimepicker"
                              }
                          }
  </code></pre>
  
  <p>I tried to do this on my column, but it didn't work:</p>
  
  <pre><code>cols.Bound(c =&gt; c.DateOfServiceString).Title("Assessment Date").Filterable(filterable =&gt; filterable.UI("datetimepicker"));
  </code></pre>