Angular Material Datepicker Position Is Wrong Except On Chrome

I am using angular-material and md-datepicker in my project. I'm having a form, containing several inputs and and the problem is that the position of the date

Solution 1:

I just tried your codepen on chrome, firefox and safari. Everything worked fine, I got no issues.

Solution 2:

As Gianni pointed out, it has been Fixed by : https://github.com/angular/material/commit/d423a65600cb6dc2638c91882b38be2dfea965f8