title: Dynamically adding events to FullCalendar in Ember component
body: <p>I have successfully wrapped the full calendar plugin in an ember component, and I am able to display event data that is initially provided by the controller. I am wondering if it is possible to add events to the calendar based on user actions. So far my attempts have been unsuccessful.</p>
  
  <p>Here is a bin that replicates my current situation --> <a href="http://emberjs.jsbin.com/yemogiyi/1/edit" rel="nofollow" title="JS Bin">JS Bin</a></p>
  
  <p>You can see in the bin that when the user clicks the button the new event object is successfully pushed to the event array that is populating the calendar. Now how can I get the calendar to update to reflect this new event? I have tried <code>addEventSource</code> and <code>refetchEvents</code> to no avail. </p>
  
  <p><strong>EDIT For clarity:</strong> The functioning implementation in the provided jsbin does add the event but it is not visible on the calendar until the user clicks to a different month and then back to the month where the event was added. I am trying to have the event show on the calendar immediately after it is added. </p>