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.