JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.626/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.626/styles/kendo.flat.min.css">
<script src="http://cdn.kendostatic.com/2013.2.626/js/kendo.all.min.js"></script>
<div class="schedule"></div>

JavaScript

$('.schedule').kendoScheduler({
        date: new Date("2013/6/13"),
        startTime: new Date("2013/6/13 07:00 AM"),
        height: 600,
        views: [
            "day",
            { type: "week", selected: true },
            "month",
            "agenda"
        ],
    timezone: "Etc/UTC",
    resources: [
        {
            field: "cityId",
            dataSource: [
                { text: "Austin", value: 1, color: "#1c9ec4" },
                { text: "Nashville", value: 2, color: "#ff7663" },
                { text: "Waco", value: 3, color: '#fd7322' }
            ],
            title: "City"
        },
        {
            field: "member",
            dataSource: [
                { text: "Brandon", value: 1, color: "#ef701d" },
                { text: "Burke", value: 2, color: "#5fb1f7" },
                { text: "Derick", value: 3, color: "#35a964" }
            ],
            multiple: true,
            title: "Team Members"
        }
    ]
});