Looking at this example JS from their site ...
var calendar = $('#calendar').calendar({events_source: function(){
return [
{
"id": 293,
"title": "Event 1",
"url": "http://example.com",
"class": "event-important",
"start": 12039485678000, // Milliseconds
"end": 1234576967000 // Milliseconds
},
...
];
}});
... do something like ...
var calendar = $('#calendar').calendar({events_source: function(){
return [
[[getResources?]]
];
}});
... in the page, setting the relevant properties for getResources. Set each row to use a chunk like ...
{
"id": [[+id]],
"title": "[[+pagetitle]]",
"url": "[[+url]]",
"class": "[[+link_attributes]]",
"start": [[+tv.startdate]],
"end": [[+tv.enddate]]
},