JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.913/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.913/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2012.2.913/js/kendo.all.min.js"></script>
<input id="picker" />

JavaScript

var kendoInitDatePicker =  kendo.ui.DatePicker.fn.init;
var autoCompleteDatePicker= kendo.ui.DatePicker.extend({    
    init: function (element, options ) {
            kendoInitDatePicker.call(this, element, $.extend(options, this.options));
            var that = this;
            that.element.keyup(function(e){
                if(e.keyCode == 78){
                   that.value("now");
                }                
            });        
    }
});
kendo.ui.plugin(autoCompleteDatePicker);
$('#picker').kendoDatePicker();