# Multi-Month Calendar Display

## Content



The C1Calendar control can display multiple months with the ability to interactively navigate through months and select a specific DateTime or its components. C1Calendar builds its UI creating the necessary number of C1Calendar controls.

![](https://cdn.mescius.io/document-site-files/images/4c5f07fe-a0aa-4d09-95ef-6685908019cd/graphics/c1multimonthcalendar.png)

The most important properties responsible for the UI creation are:

*   int [C1Calendar.MonthCount](/componentone/api/wpf/online-scheduler/dotnet-framework-api/C1.WPF.Schedule.4.6.2/C1.WPF.Schedule.C1Calendar.MonthCount.html) – the number of months currently represented by the calendar;
*   Style [C1Calendar.MonthCalendarStyle](/componentone/api/wpf/online-scheduler/dotnet-framework-api/C1.WPF.Schedule.4.6.2/C1.WPF.Schedule.C1Calendar.MonthCalendarStyle.html) – a Style applied to each child C1Calendar representing a single month;
*   Style [C1Calendar.MonthSlotStyle](/componentone/api/wpf/online-scheduler/dotnet-framework-api/C1.WPF.Schedule.4.6.2/C1.WPF.Schedule.C1Calendar.MonthSlotStyle.html) – a Style for [C1CalendarPresenter](/componentone/api/wpf/online-scheduler/dotnet-framework-api/C1.WPF.Schedule.4.6.2/C1.WPF.Schedule.C1CalendarPresenter.html) elements which are the root elements of a visual tree representing a single month;
*   ItemsPanelTemplate [C1Calendar.MonthsPanel](/componentone/api/wpf/online-scheduler/dotnet-framework-api/C1.WPF.Schedule.4.6.2/C1.WPF.Schedule.C1Calendar.MonthsPanel.html) – an ItemsPanelTemplate that defines the panel that lays out elements representing separate months.

To provide a custom look for a C1Calendar:

1.  To define a general layout model for a calendar, the **C1Calendar.Template** property should be assigned (usually through a Setter of a Style). The template visual tree should contain the C1CalendarPresenter to designate a place where a panel with month calendars will appear.
2.  To define the Months pane UI, assign a template to the C1Calendar.MonthsPanel property. This template will define a panel that lays out month items.
3.  To define a single month UI, assign the Style to the C1Calendar.MonthSlotStyle property.