The element ng2-flatpickr doesn't work inside ion-item element

[AbubakarSaad]

I have form and inside there I use an ion-item element to structure the form. Basically something like this:

<form [formGroup]="labels" (ngSubmit)="logForm()">
        <ion-item>
            <ion-label>Time Date:</ion-label>
            <ng2-flatpickr formControlName="time_date"></ng2-flatpickr>
        </ion-item>
</form>

But the ng2-flatpickr doesn't get render when its inside the ion-item tag. It only renders when its outside. I was wondering why is that the case?

Any help would be greatly appreciated. Thanks :)