directive: DatePicker input element

[sleidig]

Create a custom angular directive that allows to use a datepicker element easily?

Currently the template needed to use the angular-ui datepicker is a little complex:

<input type="text" class="form-control" datepicker-popup="{{format}}"
    ng-model="child.dateOfBirth" is-open="dateDoB.opened"/>
<span class="input-group-btn">
    <button type="button" class="btn btn-default" ng-click="dateDoB.opened=true">
        <i class="fa fa-calendar"></i>
    </button>
</span>

[sleidig]

maybe we should use <uib-tooltip> as a tag instead of uib-datepicker-popup parameter of the <input> (see https://angular-ui.github.io/bootstrap/#/datepicker) rather than the construct of p/input/span/...