JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" name="test"/>

JavaScript

$(function() {
    // show & hide events
    $.each(["show", "hide", "toggleClass", "addClass", "removeClass"], function() {
        var oldFn = $.fn[this];
        $.fn[this] = function() {
            var hidden = this.find(":hidden").add(this.filter(":hidden"));
            var visible = this.find(":visible").add(this.filter(":visible"));
            var result = oldFn.apply(this, arguments);
            hidden.filter(":visible").each(function() {
                $(this).triggerHandler("show");
            });
            visible.filter(":hidden").each(function() {
                $(this).triggerHandler("hide");
            });
        };
    });
    $("input[name=test]").datepicker();
});