Question

I want to implement two features apart from the ones in Basic View of FullCalendar. The inspiration is Google calendar. Here is what I want:

Although I couldn’t find these two features in FullCalendar documentation I’d still like to confirm if FullCalendar supports these features.
If not, please feel free to share any suggestions on how I should implement them.

Answer 1

You can accomplish the time line with the code here, and you can use date picker and link it with fullcalendar to create the small calendar on the left. Here is how to implement it…

$(document).ready(function() {
    $('#datepicker').datepicker({
        inline: true,
        onSelect: function(dateText, inst) {
            var d = new Date(dateText);
            $('#calendar').fullCalendar('gotoDate', d);
        }
    }); 
}

This will force fullCalendar to go to what ever date is selected in the jquery date picker.