Problem Importing calendar in my project

[mztikz]

Hey I am trying to use Angular Calendar in my project,
I have the calendar shown but there is a few problems which I can't understand why they occur,
I have done everything like the "Kitchen" Demo and I even made a simpler one w/o all the buttons ..
Yet when I click on a day with Event ( Task) on it , It reach the timeSpanClicked function and toggle the events info bar on all the rows with the same tasks/events,
I will provide a picture tommorow morning first thing since I don't have it at the moment but I was wondering if there any guess why it happens..

The picture is taken from the demo ,
and the black bar is shown always on-top of the columns ..
like its always open, and when I click it toggles the same bar on all the rows..
Thanks alot from advanced.

[burtek]

Hi,

I do not quite understand the problem you have. Could you please provide a plunker showing the problem?

[mztikz]

I dont think I can provide plunker atm but I have pictures with my code providing anything you want I did exactly like the demo example shows nothing more nothing less,
Thats the problem where there is a black line on all rows :

thats the problem when I click on the event at the saturday , it shows on all rows same events

and thats the code:
Typescript :

Html:

Thanks alot from advanced.

[burtek]

@mattlewis92? I'm lost here...

[mztikz]

I have found the problem it seems like there was a missing css if you want to watch it :

Thanks a lot anyway.

[mattlewis92]

It looks like you're not including the bootstrap CSS which is why it's not working.