ferngully-aurelia-tools/dist/amd/resources/customElements/bootstrap-datepicker/datepicker.html

Ferngully Tools for Aurelia

<template>
    <div class="date" ref="picker" style="width:inherit" >
        <slot>
            <div class="input-group" style="white-space:nowrap">
                <!--
                    Datepicker has to have an element to attach to.  
                    The element must able to take the focus so the calendar keyboard behavior will work.
                    If this slot is replaced, you  must supply such a control.  If you give it an id of "inputElement"
                    then datepicker will try to keep the focus on it.
                    Note the user will be able to click on it to open/close the calender. 
                -->
                <input type="text" class="form-control" placeholder="Date" id="inputElement"  />
                <span class="input-group-btn">
                    <!-- if you supply an extra button, give it the id 'buttonElement' to help manage the focus and keyboard behavior -->
                    <button class="btn btn-default" type="button" id="buttonElement"><span class="fa fa-calendar fa-lg"></span></button>
                </span>
            </div>
        </slot>
    </div>
</template>