title: What have I to do to use PrimeNG FullCalendar into my Angular project?
body: <p>I am very new in Angular and I am finding some difficulties trying to use <strong>PrimeNG FullCalendar</strong> component into my project, this one: <a href="https://www.primefaces.org/primeng/showcase/#/fullcalendar" rel="nofollow noreferrer">https://www.primefaces.org/primeng/showcase/#/fullcalendar</a></p>
  
  <p>In the previous page there is some example code but I am not understandig how exactly I have to use it into my project.</p>
  
  <p>My doubts are:</p>
  
  <p>The official documentation propose this class <strong>FullCalendarDemo</strong>:</p>
  
  <pre><code>import dayGridPlugin from '@fullcalendar/daygrid';
  import timeGridPlugin from '@fullcalendar/timegrid';
  import interactionPlugin from '@fullcalendar/interaction';
  
  export class FullCalendarDemo implements OnInit {
  
      events: any[];
  
      options: any;
  
      constructor(private eventService: EventService) { }
  
      ngOnInit() {
          this.eventService.getEvents().then(events =&gt; {this.events = events;});
  
          this.options = {
              plugins: [dayGridPlugin, timeGridPlugin, interactionPlugin],
              defaultDate: '2017-02-01',
              header: {
                  left: 'prev,next',
                  center: 'title',
                  right: 'month,agendaWeek,agendaDay'
              },
              editable: true
          };
      }
  
  }
  </code></pre>
  
  <p>What exactly is this class. It is not a component because it doesn't have the <strong>@Component</strong> decorator so they are not proposing a component that can be included somewhere in my HTML.</p>
  
  <p>So what is it?</p>
  
  <p>Considering the very basic use case in which I want include the calendar directly into my <strong>app-component</strong> component (I know that probably this is not the best solution and that it should be better put it inside a subcomponent of <strong>app-component</strong> but in a first stage I want take it as simple as possible).</p>
  
  <p>So my idea is:</p>
  
  <p>1) First I put this line into my <strong>app.component.html</strong> page:</p>
  
  <pre><code>&lt;p-fullCalendar [events]="events" [options]="options"&gt;&lt;/p-fullCalendar&gt;
  </code></pre>
  
  <p>Something like this:</p>
  
  <pre><code>&lt;div class="container"&gt;
    &lt;div class="row"&gt;
      &lt;div class="col-12"&gt;
        &lt;app-header&gt;&lt;/app-header&gt;
      &lt;/div&gt;
  
      &lt;p-fullCalendar [events]="events" [options]="options"&gt;&lt;/p-fullCalendar&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>Ok if it is correct (I am absolutly not sure of this), then I need to put the code handling this <strong>p-fullCalendar</strong> tag somewhere and here my doubts: where exactly? the previous class is not a component and I don't know if I can put this class code into my <strong>app.component.ts</strong>.</p>
  
  <p>What exactly have I to do? What am I missing?</p>