JSFiddle - React, Tailwind, and code Playground

by scoobydoo74

HTML

<div class="jumbotron">

    <form name="invoiceForm" class="form-horizontal" role="form" data-toggle="validator">

        <div class="form-group">
            <label class="control-label col-sm-3" for="txt_job_date"  >Date work performed</label>
            <p class="input-group col-sm-3">
                <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>
            </p>
        </div>


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

CSS

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