JSFiddle - React, Tailwind, and code Playground

by valchev

HTML

<script src="http://cdn.kendostatic.com/2012.1.515/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.default.min.css">
<input id="date1">
<hr>
<button id="mimic">Mimic</button>
<hr>
<input id="date2">
    <p id="msg">

JavaScript

$("#date1").kendoDatePicker({
    format: "dd/MM/yyyy"   
});
$("#date2").kendoDatePicker({
    format: "dd/MM/yyyy"
});

$("#mimic").on('click', function(){
    dateval = $("#date1").data('kendoDatePicker').value();
    
    datestring = dateval.toString();
    $("#msg").append(datestring+'<br>');
    var dateObj = new Date(datestring);
    $("#date2").data('kendoDatePicker').value(kendo.parseDate(dateObj, "dd/MM/yyyy"));
});