JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1007/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1007/styles/kendo.kendo.min.css">
<script src="http://cdn.kendostatic.com/2011.3.1007/js/kendo.all.min.js"></script>
<div style="margin: 10px 0; width:380px; padding-top:5px;" class="divModifyFormSection">
            <div class="divFormItem">
             <input type="radio" tabindex="1" name="adDateOption" id="daterange"> 
                
             <label style="margin-right: 5px;margin-left:0;" for="daterange"><span style="padding:0 3px 0 0;">From</span> <input type="text" value="" tabindex="2" style="width:120px;" name="datStartDate" id="datStartDate" class="ui-input-date"> <span style="padding: 0 5px;">To</span> <input type="text" value="" tabindex="3" style="width:120px;" name="datEndDate" id="datEndDate" class="ui-input-date"></label>
            <div style="clear:both;"></div>
            </div>
            </div>

JavaScript

$(".ui-input-date").each(function () {
        var datePicker = $(this).kendoDatePicker().data("kendoDatePicker");

    });