JSFiddle - React, Tailwind, and code Playground

by darkajax

HTML

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<p>Match Date<br />
          <input name="seatt_expire" type="text" class="datepicker" id="seatt_expire" />
        </p>

        <p>Opening Registration<br />
          <input name="seatt_start" type="text" class="datepicker" id="seatt_start" />
    </p>

JavaScript

jQuery(function () {
    $("#seatt_start").datepicker({dateFormat: "dd-mm-yy"});
    $("#seatt_expire").datepicker({
        dateFormat: "dd-mm-yy",
        firstDay: 1,
        onSelect: function (prev_date) {
            prev = prev_date.split("-");
            var date = new Date(prev[2], prev[1] - 1, prev[0]);
            var d = date.getDate();
            var m = date.getMonth();
            var y = date.getFullYear();
            var new_date = new Date(y, m, d - 7);
            $("#seatt_start").datepicker("setDate", new_date);
        }
    });
});