<div class="pull-left">
    <h6>{{trans "Start Date"}}:</h6>
    <input class="btn btn-default" type="text" id="from_date">
</div>
<div class="pull-left">
    <div class="btn-group btn-multiselect">
        <button type="button" class="btn btn-default date-shift" data-month="1">1 Month</button>
        <button type="button" class="btn btn-default date-shift" data-month="3">3 Month</button>
        <button type="button" class="btn btn-default date-shift" data-month="6">6 Month</button>
        <button type="button" class="btn btn-default date-shift" data-month="12">1 Year</button>
        <button type="button" class="btn btn-default date-shift" data-month="36">3 Year</button>
    </div>
</div>
<div class="pull-left">
    <h6>{{trans "End Date"}}:</h6>
    <input class="btn btn-default" type="text" id="to_date">
</div>