有没有办法让Angular datepicker接近mouseleave？

import { Component, HostListener } from '@angular/core';

@Component({
  selector: 'app-datepicker',
  templateUrl: './datepicker.component.html',
  styleUrls: ['./datepicker.component.css']
})
export class DatepickerComponent {
  @HostListener('mouseleave') onMouseLeave() {
    // 在鼠标离开时执行的代码
    // 可以关闭日期选择器或执行其他操作
  }
}