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.default.min.css">
<select id="combo">
    <option value="1">Apple</option>
    <option value="2">Banana</option>
    <option value="3">Cherry</option>
</select>
<button id="pushme" class="k-button">Get the selection</button>
<div><input type="text" class="k-input" id="input" />
    <button id="setcombo" class="k-button">Change the selection</button>
    </div>

JavaScript

$(function() {
    $("#combo").kendoComboBox();
    
    $("#pushme").on("click", function() {
        var combo = $("#combo").data("kendoComboBox");
        alert(combo.value());
        alert(combo.text());
    });
    
    $("#setcombo").on("click", function() {
        var combo = $("#combo").data("kendoComboBox");
        $("#combo").data("kendoComboBox").value($("#input").val());
    });
});