<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#modal-form" ng-click="clear()">
    <span class="glyphicon glyphicon-flash"></span> Create a new Hike
</button>

<div class="row">
    <div class="col-xs-8 col-sm-11">
        <!-- #section:plugins/date-time.datepicker -->
        <div class="input-group">
            <input class="form-control date-picker" id="id-date-picker-1" type="text" data-date-format="dd-mm-yyyy" />
            <span class="input-group-addon">
                <i class="fa fa-calendar bigger-110"></i>
            </span>
        </div>
    </div>
</div>

$('.date-picker').datepicker({
                    autoclose: true,
                    todayHighlight: true
                })
                //show datepicker when clicking on the icon
                .next().on(ace.click_event, function(){
                    $(this).prev().focus();
                });