JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

$(document).ready(function () {
 
 
        var data = [            
                        { text: "Black", value: "1" },
                        { text: "Orange", value: "2" },
                        { text: "Grey", value: "3" }
                    ];
 
 
        $("#color").kendoDropDownList({
            dataTextField: "text",
            dataValueField: "value",
            dataSource: data
        });
 
    
     $('.k-dropdown').find('span').on("blur", function (e) {
            alert('dropdown');
        });
    
    $('.k-dropdown').on("focus", function (e) {
            alert('dropdown');
        });
 
    });