JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://labs.rasouza.com.br/test/TableGear1.6-jQuery.js"></script>
<div id="content">
    <form method="post" action="">
        <ul>
            <fieldset>
                <legend>Projeto</legend>
                <li><label for="pro_cliente">Cliente:</label><input type="text" name="pro_cliente" class="text"></li>
                <li><label for="pro_area">Área:</label><input type="text" name="pro_area" class="text"></li>
                <li><label for="pro_evento">Evento:</label><input type="text" name="pro_evento" class="text"></li>
                <li>
                    <label for="pro_situacao">Situação:</label>
                    <select name="pro_situacao">
                        <option value="Em Andamento">Em Andamento</option>
                        <option value="Fechado">Fechado</option>
                        <option value="Cancelado">Cancelado</option>
                    </select>
                </li>
                <li><label for="pro_valor">Valor:</label> <input type="text" name="pro_valor" class="text"></li>
            </fieldset>
            
            <fieldset>
                <legend>Local</legend>
                <li>
                    <label for="estado">UF:</label>
                    <select name="estado" id="estado">
                        <option value="" selected="selected">--</option>
                        <option value="AC">AC</option>
                        <option value="AL">AL</option>
                        <option value="AM">AM</option>
                        <option value="AP">AP</option>
                        <option value="BA">BA</option>
                        <option value="CE">CE</option>
                        <option value="DF">DF</option>
                        <option value="ES">ES</option>
                        <option value="GO">GO</option>
                        <option value="MA">MA</option>
                        <option value="MG">MG</option>
                        <option...

JavaScript

$(function() {
    $('.date-picker').datepicker({
        dateFormat: 'yy-mm-dd',
        showAnim: 'slideDown'
    });

    /**
     * ADD Form
     */
    // Change UF
    $('#estado').live('change', function() {
        var loader = $('span.loading').fadeIn();
        var uf = $(this).val();
        $('#cidade').load('ajax-estados/uf/' + uf, function() {
            loader.fadeOut();
        });
    });

    //$('table').dataTable({ 'bJQueryUI': true });
});