Angular 13 Two Calendar Init Problem

[alfavat]

با سلام و خسته نباشید
در ابتدا میخواستم ازتون تشکر کنم بابت این پروژه .
فقط یک مشکل مهمی که واسه من پیش اومده اینه که من تو صفحه 2 تا دیت پیکر(DatePicker) گذاشتم و وقتی میخوام مقدار اولیه بدم به هر کدوم از این دیت پیکر(DatePicker) ها هردو یک مقدار رو نشون میدن ولی بعدش تو انتخاب تاریخ و اینا مشکلی پیش نمیاد.
ts File :

    from: moment("2022-11-05", "YYYY-MM-DD").toDate()
    to: moment("2022-11-06", "YYYY-MM-DD").toDate()

html File :

<div class="row">
                    <div class="col-md-3 col-sm-6 col-sm-12 date-main-div">
                        <mat-form-field>
                            <input matInput [matDatepicker]="picker1" [(ngModel)]="filter.from">
                            <mat-datepicker-toggle matSuffix [for]="picker1"></mat-datepicker-toggle>
                            <mat-datepicker [dir]="currentDir" #picker1></mat-datepicker>
                        </mat-form-field>
                    </div>
                    <div class="col-md-3 col-sm-6 col-sm-12 date-main-div">
                        <mat-form-field>
                            <input matInput [matDatepicker]="picker2" [(ngModel)]="filter.to">
                            <mat-datepicker-toggle matSuffix [for]="picker2"></mat-datepicker-toggle>
                            <mat-datepicker [dir]="currentDir" #picker2></mat-datepicker>
                        </mat-form-field>
                    </div>
                </div>

[peymanebrahimi]

سلام،
چرا بعد از مومنت، toDate رو صدا می کنید؟

چرا خود استرینگ تاریخ-زمان رو که از بک اند میگیرید به دیت پیکر پاس نمیدید؟

امکان فراهم کردن یک نمونه توی stackblitz هست؟