JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.default.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.common.min.css">
<script src="http://cdn.kendostatic.com/2012.2.710/js/kendo.all.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.2.710/js/cultures/kendo.culture.en-AU.min.js"></script>
<div id="grid"></div>

JavaScript

kendo.culture("en-AU");

$("#grid").kendoGrid({
  scrollable: false,
  dataSource: {
    data: [{
      date: new Date()
    }],
    schema: {
      model: {
        fields: {
          date: {
            type: "date"
          }
        }
      }
    }
  },
  filterable: true
});