JSFiddle - React, Tailwind, and code Playground

by Harpo Jaeger

HTML

<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js"></script>
<div id="alert_div"></div>

JavaScript

$("#alert_div").attr("title", "Error").text("Please choose a calendar and enter both start and end dates.").dialog({
        	modal: true,
        	draggable: false,
        	resizable: false,
        	position: { my: "top", at: "top", of: window },
            buttons: [{
                text: "OK",
                icons: { primary: "ui-icon-check", secondary: "ui-icon-circle-check" },
                click: function() {
                    $(this).dialog("close");
                }
            }]
        });