When I am entering the date it's visible in the chrome browser and it works fine with chrome but whereas same thing is not visible in the safari browser. From service call data fetching :

plannedDateFrom: "2019-02-23 00:00:00.0"
plannedDateTo: "2021-12-31 00:00:00.0"

And in html file showing it in this way

{{plannedDateFrom | date:"dd.MM.yyyy"}} to
{{plannedDateTo | date:"dd.MM.yyyy"}}

output :

23.02.2019 to 31.12.2021

But in safari browser it does not show. Same happens with input field

<mat-form-field appearance="outline" class=" w-100 startDate fix-height">
    <input matInput [matDatepicker]="picker1"  formControlName="plannedDateFrom" placeholder="End of term" class="pb-2">
    <mat-datepicker-toggle matSuffix [for]="picker1"></mat-datepicker-toggle>
    <mat-datepicker #picker1></mat-datepicker>    
</mat-form-field>

output in chrome :

output in safari it is blank :

Please help me in solving this. Thank you in advance!!