JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2012.1.515/js/kendo.all.min.js"></script>
<div id="edit-window" 
     data-role="dialog"
     data-visible="false"
     data-modal="true"
     data-resizable="false"
     data-iframe="true"
     data-width="auto"
     data-height="auto">
</div>

<script  type= "text/x-kendo-template" id="edit-template">
    <div class="modal fbox" role="dialog">
        <div class="modal-body">
            Where is my GRID?
        </div>
        <div class="modal-footer">
            <button type="button" class="k-button k-button-icontext" onclick="javascript:alert('Save')">Save</button>
            <button type="button" class="k-button k-button-icontext" onclick="javascript:alert('Save and Next')">Save and Next</button>
        </div>
    </div>
</script>

JavaScript

$(document).ready(function(){
    $("#edit-window").kendoWindow();
    var window = $("#edit-window").data("kendoWindow");
   window.title("TITLE");
    window.content(kendo.template($("#edit-template").html()));
    window.center().open();
  });