Inline date picker stops propagation of click event

[livthomas]

We're not able to bind click or dblclick events to inline date picker component in our application. It seems that this component stops click event propagation:

https://github.com/valor-software/ngx-bootstrap/blob/development/src/datepicker/themes/bs/bs-datepicker-inline-container.component.ts#L17

Bug description or feature request:

Bug description

Plunker/StackBlitz that reproduces the issue:

StackBlitz: https://stackblitz.com/edit/ngx-bootstrap-click

You can see that only mousedown event is emitted and both click and dblclick are ignored.

Versions of ngx-bootstrap, Angular, and Bootstrap:

ngx-bootstrap: 5.2.0

Angular: 8.2.7

Bootstrap: ?

Build system: Angular CLI, System.js, webpack, starter seed:

Angular CLI

[daniloff200]

Actually, in your example (dblclick) is working, but, (click) is definitely stopped.

🤔
I see, that such code exists in all .container components

that was made looong time ago in 6472b6f , so, I assume we need to leave it as it is, or, to rewrite in some way, to allow use (click) and (dblclick).

Gonna investigate, what I can do here

[daniloff200]

Well, I think I managed to fix that issue with stopPropagation for datepicker, but, looks like that's impossible for daterangepicker because we expect daterangepicker not to close after first click. If you need that for daterangepicker too, please, let me know, it will require more work
cc @livthomas

[livthomas]

@daniloff200 We only use datepicker at the moment so that's fine. Thanks a lot for looking into this!