Kendo grid 1

HTML

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.11/angular.min.js"></script>
<script src="http://cdn.kendostatic.com/2014.3.1316/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="ttp://cdn.kendostatic.com/2014.3.1316/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1316/styles/kendo.silver.min.css">
<div data-ng-app="app">
    <div data-ng-controller="Grid as vm">
        <div kendo-grid='grid' k-options="vm.options"></div>
        
        <input kendo-date-picker
              k-ng-model="vm.date"
              k-format='dd/MM/yyyy'
              placeholder="00/00/0000"/> 
              
    </div>
</div>

JavaScript

(function () {
    angular.module("app", ["kendo.directives"])
        .controller("Grid", Grid);

    function Grid() {
        var vm = this;
        
        vm.date = new Date();
        
        var gridData = [{
            col1: 'data1',
            col2: 'data2'
        }, {
            col1: 'data1',
            col2: 'data2'
        }];

        vm.options = {
            dataSource: gridData,
            height: 550,
            editable: true
        };
    }
})();