JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<div class="ui-widget">
    <label>Change Me</label>
    <select id="combobox">
        <option value="">Select one...</option>
        <option value="ActionScript">ActionScript</option>
        <option value="AppleScript">AppleScript</option>
    </select>
</div>

JavaScript

$.widget("ui.combobox", {
    _create: function () {
        this.wrapper = $("<span>")
            .addClass("ui-combobox")
            .insertAfter(this.element);

        this.element.hide();
        this._createAutocomplete();
        this._createShowAllButton();
    },

    _createAutocomplete: function () {
        var selected = this.element.children(":selected"),
            value = selected.val() ? selected.text() : "";

        this.input = $("<input>")
            .appendTo(this.wrapper)
            .val(value)
            .attr("title", "")
            .addClass("ui-state-default ui-combobox-input ui-widget ui-widget-content ui-corner-left")
            .autocomplete({
            delay: 0,
            minLength: 0,
            source: $.proxy(this, "_source")
        })
            .tooltip({
            tooltipClass: "ui-state-highlight"
        });

        this._on(this.input, {
            autocompleteselect: function (event, ui) {
                ui.item.option.selected = true;
                this._trigger("select", event, {
                    item: ui.item.option
                });
            },

            autocompletechange: "_removeIfInvalid"
        });
    },

    _createShowAllButton: function () {
        var input = this.input,
            wasOpen = false;

        $("<a>")
            .attr("tabIndex", -1)
            .attr("title", "Show All Items")
            .tooltip()
            .appendTo(this.wrapper)
            .button({
            icons: {
                primary: "ui-icon-triangle-1-s"
            },
            text: false
        })
            .removeClass("ui-corner-all")
            .addClass("ui-corner-right ui-combobox-toggle")
            .mousedown(function () {
            wasOpen = input.autocomplete("widget").is(":visible");
        })
            .click(function () {
            input.focus();

            // Close if already visible
            if (wasOpen) {
                return;
            }

       ...