How to use it inside angular project about calendar HOT 5 CLOSED

Hi @vkurko
I was able to use it in the angular app with Pre-built browser ready bundle.
Here are some snippets, in case someone would need them.

1. Add the pre-build browser-ready bundle js and css files to index.html

2. In the component where you want to show the event calendar add
   declare const EventCalendar: any at the top of your component outside the component class, just below the imports.

3. Add a <div id="ec"></div in the component html file

4. Uses the EventCalendar variable to initialize the event calendar, preferrably in the ngAfterViewInit method like
   let this.ec = new EventCalendar(document.getElementById('ec'), { //options })

from calendar.

@MirwaisAkrami Thanks for sharing your solution 😄

from calendar.

Hi @MirwaisAkrami

Unfortunately, my experience with Angular was many years ago, and now I can hardly help. If you are well versed in Angular, you may find it useful to look at a similar implementation from FullCalendar.

from calendar.

Thanks for the instant reply @vkurko

@MirwaisAkrami If possible can you share the sample code/repo?
Also if you are adding pre-build bundles, do we need to install npm install --save-dev @event-calendar/core ??

I have just started development in angular, pls guide me if i am going in wrong direction..

from calendar.

@poke-fcr hi,

No, You don't need to run npm install for that.

I am sorry, our repo is private to share, but if you follow the steps in my previous comment then you will be good to go.

Angular is a great framework, I will be glad to help you along the way.

from calendar.