JSFiddle - React, Tailwind, and code Playground

by apuchkov

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.716/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.716/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2013.2.716/js/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2013.2.716/js/kendo.all.min.js"></script>
<div id="scheduler"></div>

JavaScript

$("#scheduler").kendoScheduler({
     date: new Date("1997/08/01"),
     startTime: new Date("1997/08/05 09:00 AM"),
     height: 600,
     views: [
         { type: "month", selected: true }
     ],
     timezone: "Etc/UTC",
     dataSource: [
      {
        "id": 1,
        "title": "1",
        "description": "",
        "startTimezone": null,
        "start": "1997-08-05T09:00:00",
        "end": "1997-08-05T10:00:00",
        "endTimezone": null,
        "recurrenceRule": "FREQ=WEEKLY;INTERVAL=2;COUNT=4;BYDAY=TU,SU;WKST=MO",  //broken
        "recurrenceID": null,        
        "recurrenceException": null,
        "isAllDay": false
      },
      {
        "id": 2,
        "title": "2",
        "description": "",
        "startTimezone": null,
        "start": "1997-08-05T09:00:00",
        "end": "1997-08-05T10:00:00",
        "endTimezone": null,
        "recurrenceRule": "FREQ=WEEKLY;INTERVAL=2;COUNT=4;BYDAY=TU,SU;WKST=SU", //broken
        "recurrenceID": null,        
        "recurrenceException": null,
        "isAllDay": false
      }
    ]
});