Bootstrap dropwdown issue

[yadbo]

Hello there,

I'm using Bootstrap dropdown menu like this:

                         <div class="dropdown">
			        <button class="btn btn-default dropdown-toggle dropdown-toggle-off" type="button" id="dpMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
						{{ currentProject }}
					<span class="caret"></span>
				</button>
				<ul class="dropdown-menu" aria-labelledby="dpMenu1">
					<li *ngFor="let p of projectList; let i=index" class="pointer" (click)="openTab(i)">
						<a style="color: black">{{p.name}}</a>
					</li>
				</ul>
			</div>

But when I'm including ng2-datetime-picker to a input field my bootstrap dropdown doesn't work anymore: When I click the dropdown button nothing happens. But ng2-datetime-picker is working fine.
Any help for this case? Thanks in advance!

[allenhwkim]

datetime-picker is also an overlay(works like dropdown). Two different directive compete each other? I guess it should not be used together?
However, it's just a guess. Without a working example to reproduce the issue, it's hard to see the issue.