JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.kendostatic.com/2013.2.918/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.918/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.918/styles/kendo.default.min.css">
<div id="SystemSettingsTree" class="k-widget k-treeview k-reset" data-role="treeview" tabindex="0" role="tree">
    <ul class="k-group">
        <li data-id="System" data-haschildren="true" data-expanded="true" class="k-item k-first" data-uid="b61f962f-af46-4579-99a7-121bc44ff732" role="treeitem">
            <div class="k-top"><span class="k-icon k-minus"></span><span class="k-in">System</span>

            </div>
            <ul class="k-group">
                <li data-expanded="true" class="k-item elementItem" data-uid="58c01791-40cf-47c8-a545-bb76516a5e9a" role="treeitem">
                    <div class="k-top"><span class="k-icon k-minus"></span><a href="#SystemSettingsTree-0" class="k-link k-in">Incoming Path</a>

                    </div>
                    <div id="SystemSettingsTree-0" class="k-content">
                        <div class="treeControlArea">
                            <input type="number" value="124" id="IncomingPath" name="IncomingPath">
                        </div>
                    </div>
                </li>
                <li data-expanded="true" class="k-item elementItem" data-uid="2c5d715f-de18-4116-a675-f3cb4b31c470" role="treeitem">
                    <div class="k-mid"><span class="k-icon k-minus"></span><a href="#SystemSettingsTree-0" class="k-link k-in">ValTabs Path</a>

                    </div>
                    <div id="SystemSettingsTree-0" class="k-content">
                        <div class="treeControlArea">
                            <input type="text" class="k-textbox" value="999" data-val-regex="Proper name required" data-val-regex-pattern="\d{3}" data-val-required="ValTabs is required" data-val="true" id="ValTabsPath"...

JavaScript

$(function () {
	    $("#SystemSettingsTree").kendoTreeView({
	        "dataTextField": "SettingName"
	    });
	    var numeric = $("input[type='number']").kendoNumericTextBox().data('kendoNumericTextBox');
	    var ddl = $('select').kendoDropDownList().data('kendoDropDownList');
        
        numeric.wrapper.on('click',function(e){e.stopImmediatePropagation()});
        ddl.wrapper.on('click',function(e){e.stopImmediatePropagation()});
	});