JSFiddle - React, Tailwind, and code Playground

by bschafer

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1315/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1315/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2012.3.1315/js/kendo.core.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1315/js/kendo.web.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/knockout/knockout-2.2.1.js"></script>
<script src="http://rniemeyer.github.com/knockout-kendo/js/knockout-kendo.min.js"></script>
<!-- REFERENCES
    http://cdn.kendostatic.com/2012.3.1315/styles/kendo.common.min.css
    http://cdn.kendostatic.com/2012.3.1315/styles/kendo.default.min.css 
    http://cdn.kendostatic.com/2012.3.1315/js/kendo.core.min.js
    http://cdn.kendostatic.com/2012.3.1315/js/kendo.web.min.js
    http://ajax.aspnetcdn.com/ajax/knockout/knockout-2.2.1.js
    http://rniemeyer.github.com/knockout-kendo/js/knockout-kendo.min.js
-->

<span data-bind="text: bigday"></span>
<input data-bind="kendoDatePicker: bigday" />
<hr />
<input id="datepicker" value="2013-06-01T00:00:00" style="width:150px;" />

JavaScript

function ViewModel() {
    var self = this;
    self.bigday = ko.observable("2013-06-01T00:00:00"); // ISO 8601 date as returned from ASP.NET WebAPI
}

ko.applyBindings(new ViewModel());

$("#datepicker").kendoDatePicker();