html - Angular, datepicker not working on Safari

Question

I have alittle problem with datepicker input. I have a piece of code like this, that gets the birth of date when sign-up;

        <div>
          <label for="date_of_birth"><b>Your Birthday</b></label>
          <input type="date" placeholder="Please enter your birthday" name="date_of_birth" required 
          [(ngModel)]="register.date_of_birth" style="margin-left: 20px;" date-picker> 
        </div>

It works fine with Chrome, when someone clicks on the input place, the date picker automatickly shows up. But at Safari, this is not working. I couldnt figure it out. What do I need to do in order this date picker to also work in Safari?

question from:https://stackoverflow.com/questions/65641297/angular-datepicker-not-working-on-safari

Answer 1

This behaviour is expected when you only rely on the browser native functionality, this means each browsers will interpret ht type="date" separately, if you need consistent behaviour across browsers you need to use third party library, ie. Angular Material, Angular Bootstrap etc.