Two calendars in the same view take the same options

[igonzalezespi]

With this view:

  <div>
    <angular2-fullcalendar [options]="calendarOptions"></angular2-fullcalendar>
  </div>
  <div>
    <angular2-fullcalendar [options]="calendarOptions2"></angular2-fullcalendar>
  </div>

And Typescript:

  calendarOptions: Object = {
    defaultView: 'agendaWeek',
    defaultDate: '2016-09-12',
    editable: true,
    events: [
      {
        title: 'Conference',
        start: '2016-09-11',
        end: '2016-09-13'
      }
    ]
  };
  calendarOptions2: Object = {
    defaultView: 'agendaWeek',
    defaultDate: '2016-09-12',
    editable: true,
    events: [
      {
        title: 'Conference22222222',
        start: '2016-09-11',
        end: '2016-09-13'
      }
    ]
  };

Both calendars take the "calendarOptions". But if I comment the first calendar like this:

  <div>
    <!--<angular2-fullcalendar [options]="calendarOptions"></angular2-fullcalendar>-->
  </div>
  <div>
    <angular2-fullcalendar [options]="calendarOptions2"></angular2-fullcalendar>
  </div>

The second calendar take the second options as expected.

[JMurph2015]

@ivannugo Did you figure out a solution to this?

[igonzalezespi]

No, I'm using this one: https://www.primefaces.org/primeng/#/schedule

Hope this works for you too.