JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<form name="someForm" method="post" action="/someAction.do" class="form-horizontal">
  <div class="form-group">
    <div class="col-xs-20">
	<div cass="form-inline">
		<label for="startDate" class="col-xs-2 control-label">From</label>	
        <div class="col-xs-2">
	    <input type="text" name="startDate" value="" readonly="readonly" id="startDate" style="width: 70px;" class="form-control" placeholder="From">
        </div>
    </div>
        </div>
  </div>
  <div class="form-group">
    <div class="col-xs-20">
	<div class="form-inline">
    	<label for="endDate" class="col-xs-2 control-label">To</label>	
        <div class="col-xs-2">
		<input type="text" name="endDate" value="" readonly="readonly" id="endDate" style="width: 70px;" class="form-control" placeholder="To">
            </div>    
    </div>
        </div>
  </div>	
</form>