JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<div class="table-responsive">
<table class="table table-bordered">
    <tr class="form-group">
		<td><label class="field-label required-field">Name:</label></td>
		<td><div class="input-group">
			<input type="text" name="name" required id="id_name" class="form-control">
		</div></td>
	</tr>
	<tr class="form-group">
		<td><label class="field-label">Birthdate:</label></td>
		<td><div class="input-group">
			<input class="form-control datefield" id="id_dataNasc" name="dataNasc" type="text"><span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
		</div></td>
	</tr>
    <tr class="form-group">
		<td><label class="field-label">Birthdate:</label></td>
		<td><div class="input-group"><div class="row">
            <div class="col-lg-2"><input class="form-control datefield" id="id_dataNasc" name="dataNasc" type="text"></div>
            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span></div>
        </div></td>
	</tr>
    <tr class="form-group">
			<td><label class="field-label">Birthdate:</label></td>
			<td><div class="input-group">
            <div class="row">
              <div class="col-lg-3">
                <div class="col-lg-2"><input class="form-control datefield" id="id_dataNasc" name="dataNasc" type="text"></div>
                <div class="col-lg-1"><span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span></div>
                </div>
              </div>
            </div></td>
	</tr>
</table>
</div>