JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.kendostatic.com/2012.2.710/js/kendo.all.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.blueopal.min.css">
<a id='backwardDate' class='k-button' onClick='javascript: backwardDate();' title='One day back' href='#'>back</a>
<input id="datepicker" title='Choose date' />
<a id='forwardDate' onClick='javascript: forwardDate();' class='k-button' title='One day forward' href="#">forward</a>
<p id='internalDate'>internal date</p>

JavaScript

$(document).ready(function() {
    $("#datepicker").kendoDatePicker({
        value: new Date(),
        change: function(e) {
            $("#internalDate").text(e.sender.value().toString());
        }
    });
});

window.forwardDate = function() {
    var datePicker = $("#datepicker").data("kendoDatePicker");

    // add one day
    var date = datePicker.value();
    date.setDate(date.getDate() + 1);

    // set new date
    datePicker.value(date);

    datePicker.trigger("change");
}

window.backwardDate = function() {
    var datePicker = $("#datepicker").data("kendoDatePicker");

    // subtract one day
    var date = datePicker.value();
    date.setDate(date.getDate() - 1);

    // set new date
    datePicker.value(date);

    datePicker.trigger("change");
}