JSFiddle - React, Tailwind, and code Playground

HTML

<div class="jumbotron">
<div class="container">
<form class="form-horizontal">
  
<div class="form-group">
	<label class="control-label col-sm-3" for="txt_job_date">Date work performed</label>
	<div class="col-sm-7">
		<div class="input-group">
				<input type="text"
					class="form-control"
					datepicker-popup="{{format}}" ng-model="dt"
					is-open="opened" min-date="minDate"
					max-date="'2015-06-22'"
					datepicker-options="dateOptions"
					date-disabled="disabled(date, mode)"
					ng-required="true"
					close-text="Close"
					id="txt_job_date"
					ng-model="job_date"
				/>
			<span class="input-group-btn">
				<button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
			</span>
		</div>
	</div>
</div>
  

<div class="form-group">
	<label class="col-sm-3 control-label" for="txt_job_ref_no" required-asterix="">Ref No</label>
	<div class="col-sm-7">
		<input type="text" class="form-control" ng-model="ref_no" id="txt_job_ref_no" placeholder="123RTE" required="required">
	</div>
</div>


</form>
</div>
</div>

CSS

@import url('http://getbootstrap.com/dist/css/bootstrap.css');