JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.alloyui.com/3.0.0/aui/aui-min.js"></script>
<link rel="stylesheet" href="http://cdn.alloyui.com/3.0.0/aui-css/css/bootstrap.min.css">
<div id="myScheduler"></div>

JavaScript

YUI().use(
    'aui-scheduler',

function (Y) {
    var events = [{
        content: 'Event A',
        endDate: new Date(2013, 1, 17, 4),
        reminder: false,
        startDate: new Date(2013, 1, 16, 13)
    }, {
        content: 'Event B',
        endDate: new Date(2013, 1, 17, 4),
        reminder: false,
        startDate: new Date(2013, 1, 16, 12)
    }];

    var agendaView = new Y.SchedulerAgendaView();
    var dayView = new Y.SchedulerDayView();
    var eventRecorder = new Y.SchedulerEventRecorder();
    var monthView = new Y.SchedulerMonthView();
    var weekView = new Y.SchedulerWeekView();

    new Y.Scheduler({
        activeView: monthView,
        boundingBox: '#myScheduler',
        date: new Date(2013, 1, 4),
        eventRecorder: eventRecorder,
        items: events,
        render: true,
        views: [dayView, weekView, monthView, agendaView]
    });
});