Floating label overlaps with date input

Here’s my code:

<ion-item class="signup-input">
        <ion-label floating><ion-icon name="calendar"></ion-icon> Birthday</ion-label>
        <ion-input [(ngModel)]="birthday" name="birthday" type="date" value=""></ion-input>
</ion-item>

Here’s how it looks like:

Screenshot_3.png562x909 29 KB

I’m using ionic cordova run browser to emulate on chrome. What am I doing wrong here? Please help