JSFiddle - React, Tailwind, and code Playground

by AndreaLigios

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.css">
<div class="container">
<div class="form-group row">
    <label class="col-sm-4 control-label">Lorem ipsum dolor sit amet...</label>
    <label for="dateFrom" class="col-sm-1 control-label text-right">from</label>
    <div class="col-sm-3">
        <div class=" input-group">
            <input type="date" id="dateFrom" name="dateFrom" />	<span class="input-group-addon"><i class="fa fa-calendar"></i></span>

        </div>
    </div>
    <label for="dateTo" class="col-sm-1 control-label text-right">to</label>
    <div class="col-sm-3">
        <div class=" input-group">
            <input type="date" id="dateTo" name="dateTo" />	<span class="input-group-addon"><i class="fa fa-calendar"></i></span>

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