JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.kendostatic.com/2013.1.514/js/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2013.1.514/js/kendo.all.min.js"></script>
<script src="http://knockoutjs.com/downloads/knockout-2.2.1.debug.js"></script>
<script src="http://rniemeyer.github.io/knockout-kendo/js/knockout-kendo.min.js"></script>
<link rel="stylesheet" href="http://rniemeyer.github.io/knockout-kendo/css/kendo.default.min.css">
<link rel="stylesheet" href="http://rniemeyer.github.io/knockout-kendo/css/kendo.common.min.css">
<input data-bind="value: model().text" type="text" />
<input data-bind="kendoDatePicker: model().date" type="text" />
<br/><br/>
<button data-bind="click: print">Print</button><br />
<button data-bind="click: changeModel">Change Model</button><br />
<span data-bind="text: data" />

JavaScript

var ViewModel = function() {
    var self = this;

    var model = {
        text: "A",
        date: new Date()
    };
    
    self.model = ko.observable(model);
    self.data = ko.observable("");
    
    self.print = function() {
        var printedValue = self.model().text + " " + self.model().date
        self.data(printedValue);
    }
    
    self.changeModel = function() {
        newDate = new Date();
        newDate.setDate(self.model().date.getDate() + 1); 
        
        var model = {
            text: self.model().text + "X",
            date: newDate
        };
        
        self.model(model);
    }
};
                                
ko.applyBindings(new ViewModel());