Angular Date Picker ignoreBackdropClick

<mdb-date-picker name="mydate" [placeholder]="'Selected date'" (inputFocusBlur)="onClick()" required></mdb-date-picker>

  constructor(private _renderer: Renderer2) {}

  onClick() {
    const backdrop = document.querySelector('.picker__holder');
    this._renderer.listen(backdrop, 'click', (event: any) => {
      event.stopPropagation();
    });
  }

bitjuice pro commented 4 years ago

Thanks a lot Arkadiusz

---

noveltytech pro premium priority commented 3 years ago

It does not work when [inline]="true". So, can you also provide the workaround for it?

---

Arkadiusz Idzikowski staff commented 3 years ago

@noveltytech I'm afraid there is no easy workaround for the inline mode. You would probably need to block the event propagation on the whole document/body instead of the backdrop element, but this is not an ideal solution because it can cause problems in other components.

---