JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://sprintr.home.mendix.com/mxclientsystem/mxui/ui/mxui.css">
<label for="date1">Drop down Date box:</label>
<div id="box">box?</div>

JavaScript

require(["dijit/_Widget", "dijit/registry"],
        function (_Widget, registry) {
            _Widget.prototype.destroy = function (preserveDom) {
                if (!this._destroyed) {
                    this._beingDestroyed = true;
                    this.uninitializer && this.uninitializer();
                    try {
                        this.uninitialize();
                    } catch (e) {
                        throw new Error(this.id + ".destroy: Some trouble in uninitialize function: " + e.message);
                    }

                    dojo.forEach(this._connects, function (con) {
                        dojo.forEach(con, dojo.disconnect);
                    });
                    dojo.forEach(this._subscribes, function (sub) {
                        dojo.unsubscribe(sub);
                    });
                    dojo.forEach(this._supportingWidgets || [], function (w) {
                        if (w.destroyRecursive) {
                            w.destroyRecursive();
                        } else {
                            if (w.destroy) {
                                w.destroy();
                            }
                        }
                    });
                    this.destroyRendering(preserveDom);
                    registry.remove(this.id);
                    this._destroyed = true;
                }
            };
        });

require([ "dijit/form/DateTextBox"], function(DateTextBox){
    
   var tp = DateTextBox({}, dojo.byId("box"));
});