ng5-слайдер поймать на фокусе события

Question

Я использую Angular 8 и ng5-слайдер.Мне было интересно, есть ли способ поймать событие фокуса слайдера.

Что мне нужно создать:

При фокусировке на точке minValue / maxValue (на слайдере) я хочупоказать средство выбора даты.

app.component.ts

import { Component, EventEmitter } from '@angular/core';
import { Options, PointerType } from 'ng5-slider';

@Component({
  selector: 'app-trigger-focus-slider',
  templateUrl: './trigger-focus-slider.component.html'
})
export class TriggerFocusSliderComponent {
  triggerFocus: EventEmitter<PointerType> = new EventEmitter<PointerType>();
  minValue: number = 20;
  maxValue: number = 80;
  options: Options = {
    floor: 0,
    ceil: 100,
    step: 5
  };

  PointerType: any = PointerType;

  focusSlider(pointerType: PointerType): void {
    this.triggerFocus.emit(pointerType);
  }
}

app.component.html

<p>
  <button type="button" class="btn btn-outline-primary" (click)="focusSlider(PointerType.Min)">Focus min pointer</button>
  <button type="button" class="btn btn-outline-primary" (click)="focusSlider(PointerType.Max)">Focus max pointer</button>
</p>

<ng5-slider [(value)]="minValue" [(highValue)]="maxValue" [options]="options" [triggerFocus]="triggerFocus"></ng5-slider>

Отказ от ответственности

Я новичок в Angular