Как теперь я могу фильтровать данные по дате в Angular Typescript?

У меня есть бронирования, и я хочу получить все выполненные бронирования, которые прошли (бронирования, которые < даты сейчас)

Я попытался отфильтровать бронирования по атрибуту оформления заказа в соответствии с датой, но это не сработало, он всегда отображал весь мой список бронирований.

Это моя Reservation модель:

export class Reservation {
  id!: number;
  nb!: number;
  montantTotal!: number;
  user!: User;
  extra!: number;
  couponon!: number;
  nbrooms!: number;
  montantExtraRoom!: number
  dateCreated!: Date
  vol!: Vol;
  checkin!: Date;
  checkout!: Date;
  persones: Persone[] = [{
    titre:'',
    firstname:'',
    lastname:'',
    datebirth:'',
    nationality:'',
    passport:0,
    country:'',
    passworddateout:'',
  }]
}

И это мой компонент:

export class UserMybookingComponent implements OnInit {
  myres!: Reservation[]
  myDate = new Date();

  constructor(private reservationService: ReservationService, private datePipe: DatePipe ) { 

  }
  
  ngOnInit() {
    this.mybooking()
   
  }

  mybooking(){
    
    this.reservationService.mybook().subscribe(
      data => {this.myres=data;
        this.myres.filter(res => new Date(res.checkout) > this.myDate)
      }
      
    )
  }
}