Angular 2属性组件将模板包装在输入标记中

Question

我正在尝试在Angular 2中创建一个DatePicker组件。

我希望这是一个属性组件，所以我的html看起来像：

<input type='text' datePicker [(ngModel)]='myDate' />

问题在于渲染模板时，它将其包装在输入标记内。

我的模板如下所示：

<ng-content></ng-content>
<div class="datePickerContainer">Test</div>

当我在浏览器中检查元素时，它看起来像：

<input class='ng-pristine ng-valid' datepicker type="text" ng-reflect-date-picker>
    <div class="datePickerContainer">Test</div>
</input>

这使浏览器看不到它。它确实需要在输入标记之后附加。

我期待看到的是：

<input class='ng-pristine ng-valid' datepicker type="text" ng-reflect-date-picker />
<div class="datePickerContainer">Test</div>

如何让我的模板在输入标记之后呈现而不是将其包含在其中？