JSFiddle - React, Tailwind, and code Playground

by vijayram_a

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<div id="form">
    <form>
        <input id="orig" name="orig" placeholder="Origin" itemscope itemprop="Origin" itemtype="http://schema.org/Airport" />
        <input id="dest" name="dest" placeholder="Destination" itemscope itemprop="Destination" itemtype="http://schema.org/Airport" />
        <p>Effective Date:
            <input type="text" id="datepicker" itemscope itemprop="effectiveDate" itemtype="http://schema.org/Date" />
        </p>
    </form>
</div>

JavaScript

$(function () {

    var data = ["WAS", "LON", "NYC", "PAR", "IAD", "SFO", "LAX"];

    $("#orig").autocomplete({
        source: data
    });

    $("#dest").autocomplete({
        source: data
    });

    $("#datepicker").datepicker();

});