How do I convert Firestore Timestamps to JavaScript Dates in Angular?

I'm building a Todo app in Angular with Firestore as the backend and ran into an issue with handling dates.

When fetching dates from Firestore, I see a Timestamp like this in the console:

TYPESCRIPTCopied
date: _Timestamp { seconds: 1736290800, nanoseconds: 0 }

I tried accessing the seconds property using both date.seconds and date.getSeconds(), but received the following error with date.seconds:

[ERROR] TS2339: Property 'seconds' does not exist on type 'Date'. [plugin angular-compiler]

and date.getSeconds() isn’t recognized as a function.

Below are some relevant code snippets:

Form control (

HTMLCopied
<mat-form-field>
<mat-label>Datum</mat-label>
<input matInput [matDatepicker]="picker" formControlName="date"/>
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
<mat-datepicker #picker></mat-datepicker>
</mat-form-field>
```)

Todo interface (
```typescript
export interface Todo {
    id?: string | null;
    title?: string | null;
    description?: string | null;
    category?: string | null;
    done?: boolean | null;
    dateCreated: Date;
    deadlineDate: Date | null;
}
```)

Get function (
```typescript
  getAllTodoItems(): Observable<any> {
    return this.firestore.collection('/todo-item').snapshotChanges();
  }
```)

Function calling the get function (
```typescript
    async getTodoItems(): Promise<void>{
      try {
         this.firebaseService.getAllTodoItems().subscribe((data) => {
         this.todoList = data.map((e: any) => {
           const item = e.payload.doc.data();
           return { id: e.payload.doc.id, ...item };
         })
         this.timeStampToDate();
        });
      } catch (error) {
        console.error('Error fetching todo items:', error);
      }
  }
```)

Post function (
```typescript
  createTodoItem(todo: Todo): Promise<void> {
    todo.id = this.firestore.createId();
    return this.firestore.doc(`/todo-item/${todo.id}`).set(todo);
  }
```)

The problem appears to be that the date retrieved from Firestore is not recognized as a Timestamp object, even though it's stored as a Date from user input. I even tried using `Timestamp.fromDate()` on the variable, but it did not work.

I'm using Angular 18 with AngularFirestore along with MatDatePickerModule and MatNativeDateModule, and I need a solution to correctly access and convert the Timestamp to a JavaScript Date so I can extract values like seconds.

Any help would be appreciated.