JSFiddle - React, Tailwind, and code Playground

by Vincent Dagpin

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.1008/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.1008/styles/kendo.default.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.1008/styles/kendo.dataviz.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.1008/styles/kendo.dataviz.default.min.css">
<script src="http://cdn.kendostatic.com/2014.2.1008/js/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2014.2.1008/js/angular.min.js"></script>
<script src="http://cdn.kendostatic.com/2014.2.1008/js/kendo.all.min.js"></script>
<base href="http://demos.telerik.com/kendo-ui/grid/angular">


<div id="example" ng-app="Test">
    <div ng-controller="MyCtrl">
        <input kendo-date-picker
            style="width: 50%;"
            k-ng-model="BirthdateObj" />
        
        <span>{{ BirthdateObj | json }}</span>
    </div>
</div>

CSS

.k-widget {
    font-size: 10px;
    font-family: 'Segoe UI'
}

JavaScript

var app = angular.module("Test", [ "kendo.directives" ]);
app.controller("MyCtrl", ["$scope", "$http", 
    function($scope, $http){
        $scope.BirthdateObj = new Date('2014-12-30T16:00:00.000Z');    
    }]);