JSFiddle - React, Tailwind, and code Playground

by Edward Tanguay

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.3/moment.min.js"></script>
<div id='calendar'></div>

JavaScript

(function(factory) {
	factory(jQuery, moment);
})(function($, moment) {
    var fc = $.fullCalendar = { version: "2.4.0" };
	$.fn.fullCalendar = function(options) {    
        var res = this;
        var html = '';
        html += '<div>THE CALENDAR</div>';
        html += '<div>DATE: ' + options.defaultDate + '</div>';
        html += '<div>HEADER LEFT: ' + options.header.left + '</div>';
        html += '<hr/>';
        html += '<div>VERSION: ' + $.fullCalendar.version + '</div>';
        res.html(html);
   		return res;
    };
});

$(function() {
    $('#calendar').fullCalendar({
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,basicWeek,basicDay'
            },
            defaultDate: '2015-08-26'
        });    
});