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/09/01"),
startTime: new Date("1997/09/02 09:00 AM"),
height: 600,
views: [
{ type: "month", selected: true }
],
timezone: "Etc/UTC",
dataSource: [
{
"id": 1,
"title": "1",
"description": "",
"startTimezone": null,
"start": "1997-09-02T09:00:00",
"end": "1997-09-02T10:00:00",
"endTimezone": null,
"recurrenceRule": "FREQ=MONTHLY;INTERVAL=2;BYDAY=TU",
"recurrenceID": null,
"recurrenceException": null,
"isAllDay": false
}
]
});