Kendo Calendar- How To Refresh Project Data When Calendar Changes

See more:

C#

ASP.NET

Javascript

CSS

I am displaying two calendars (side by side) that displays a few days from the previous month, all days of the current month and a few days of the next month. I am also displaying some project data in listViews underneath each calendar.

For example the January 2015 calendar displays dates from 12/28/2014 to 02/7/2015 and the February 2015 calendar displays dates from 01/25/2015 to 03/07/2015. If the user clicks on the 2nd of February in Calendar 1, I need to fresh the project data in listView1to display February project data AND I would need to navigate Calendar2 to March 2015 and refresh its project data to March project data.

How would I refresh the project data for both listViews and navigate to the next calendar when the user clicks on a day of the next month in calendar1 or calendar2? Would I manipulate the td class for those rows called "k-other-month"?