dateTimePicker

HTML

<script src="http://cdn.kendostatic.com/2012.2.710/js/kendo.all.min.js"></script>
<script src="http://knockoutjs.com/downloads/knockout-2.1.0.js"></script>
<script src="http://rniemeyer.github.com/knockout-kendo/js/knockout-kendo.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.default.min.css">
<input data-bind="kendoDateTimePicker: myDate" />

<hr/>

<div data-bind="text: myDate"></div>

JavaScript

ko.kendo.bindingFactory.createBinding({
    name: "kendoDateTimePicker",
    defaultOption: null,
    events: {
        change: "value",
        open:
        {
            writeTo: "isOpen",
            value: true
        },
        close: {
            writeTo: "isOpen",
            value: false
        }
    },
    watch: {
        enabled: "enable",
        max: "max",
        min: "min",
        value: "value",
        isOpen: ["open", "close"]
    }
});
                 
var viewModel = {
   myDate: ko.observable(new Date())
};
                 
ko.applyBindings(viewModel);