JSFiddle - React, Tailwind, and code Playground

HTML

<script>
	if (window.jQuery) { alert("disable jQuery automatic inclusion in jsfiddle, then try again."); }
</script>

<script src="//code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script>
<script>
  var oldJquery = window.jQuery;
  var oldJqueryUI = window.jQuery.ui;
  var nativeJSON = window.JSON;
</script>

<script src="//cdn.arestravel.com/aresWidget-v2.js"></script>
<script>
  if (oldJquery !== window.jQuery) { alert("ares overwrote window.jQuery"); }
  if (oldJqueryUI !== window.jQuery.ui) { alert("ares overwrote window.jQuery.ui"); }
	if (nativeJSON !== window.JSON) { alert("ares overwrote window.JSON"); }
	// ouch - Please use var aresJSON = JSON3.noConflict(); in aresWidget-v2.js
  window.JSON.noConflict();
  if (nativeJSON !== window.JSON) { alert("you should not see this alert, because window.JSON is now native"); }
</script>

<div style="text-align:center;padding:30px;">Date: <input style="font-size:22px;" id="inp1" /></div>
<script>
	/*
		if we run this before #aresScript, our picker works, ares does not
  	if we run this after #aresScript, ares picker works, ours does not
  	they both try to control body#ui-datepicker-div, and looking at UI datepicker source code, only one wins
  	tested with older and newer jquery and jqueryui, no difference.
    -- the jqueryui authors didn't make it support use case of multiple ui datepicker versions on the same page
  */
	$("#inp1").datepicker();
</script>

<div id="aresWidget"></div>
<script id="aresScript">
  var widget = WidgetManager.createWidget();
  widget.setSiteId(8170);
  widget.setAffiliateId(1410);
  widget.setTheme('jefferson-parish');
  widget.setSource('widget-redesign');
  widget.setTarget('#aresWidget');
  widget.setDomain('reservations.arestravel.com');
  widget.setEnvironment('prod');
  widget.setTierLevel(0);
  widget.setMarketingRegion('m3273');
  widget.generateWidget();
</script>