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("2013/11/01"),
     startTime: new Date("2013/11/01 07:00 AM"),
     height: 600,
     views: [
         { type: "month", selected: true }
     ],
     timezone: "Etc/UTC",
     dataSource: [
      {
        "id": 1,
        "title": "1",
        "description": "",
        "startTimezone": null,
        "start": "2013-11-11T00:00:00",
        "end": "2013-11-11T01:00:00",        
        "endTimezone": null,
        "recurrenceRule": "FREQ=WEEKLY;",  //broken
        "recurrenceID": null,        
        "recurrenceException": null,
        "isAllDay": false
      },
      {
        "id": 2,
        "title": "2",
        "description": "",
        "startTimezone": null,
        "start": "2013-11-12T00:00:00",
        "end": "2013-11-12T01:00:00",        
        "endTimezone": null,        
        "recurrenceRule": "FREQ=WEEKLY;UNTIL=20141224T000000Z", //broken
        "recurrenceID": null,        
        "recurrenceException": null,
        "isAllDay": false
      },
      {
        "id": 3,
        "title": "3",
        "description": "",
        "startTimezone": null,
        "start": "2013-11-13T00:00:00",
        "end": "2013-11-13T01:00:00",        
        "endTimezone": null,
        "recurrenceRule": "FREQ=WEEKLY;COUNT=10",
        "recurrenceID": null,        
        "recurrenceException": null,
        "isAllDay": false
      },
      {
        "id": 4,
        "title": "4",
        "description": "",
        "startTimezone": null,
        "start": "2013-11-14T00:00:00",
        "end": "2013-11-14T01:00:00",        
        "endTimezone": null,                
        "recurrenceRule": "FREQ=WEEKLY;INTERVAL=2",
        "recurrenceID": null,        
        "recurrenceException": null,
        "isAllDay": false
      },
      {
        "id": 5,
        "title": "5",
        "description": "",
        "startTimezone": null,
        "start": "2013-11-15T00:00:00",
        "end":...