Date Range Picker

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/bootstrap-datepicker/1.3.0/css/datepicker3.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.css">
<div class="content">
<label>Pilih Tanggal Laporan</label>
<div class="input-daterange input-group">
<label id="UserlabelFromDate" class="col-md-4 control-label pt-10 text-bold no-padding-right no-padding-left required">From Date :</label>
    <input type="text" id="start" name="start" class="input-sm form-control">
    <span class="input-group-addon">
        <i class="fa fa-exchange"></i>
    </span>
    <label id="UserlabelFromDate" class="col-md-4 control-label pt-10 text-bold no-padding-right no-padding-left required">To Date :</label>
    <input type="text" id="end" name="end" class="input-sm form-control">
</div>
</div>

JavaScript

$(document).ready(function() {
    $('.input-daterange').datepicker(
    {
    	autoclose:true, 
    	startView:0, 
    	format:"dd/mm/yyyy",
      toggleActive:false
    });
});