# Format

## Content



The Calendar control allows you to set date formats for the calendar header month and day of the week. Let us learn about setting the format in the following sections.

### Header Month Format

Calendar lets you to set the format used to display the month of the year in the header when the view mode is 'month'. By default, the format is "MMM". However, you can change the format using the [HeaderMonthFormat](/componentone/api/winui/online-winui/dotnet-api/C1.WinUI.Calendar/C1.WinUI.Calendar.C1Calendar.HeaderMonthFormat.html) property. The following image shows "MMMM yyyy" format for the displayed calendar month.

![WinUI Calendar UI with header month format](https://cdn.mescius.io/document-site-files/images/2d49eac2-0942-4770-99ef-52b14e6815bd/images/calendar-header-format.png)

The following code demonstrates the change in format of the month by setting **HeaderMonthFormat** property to "MMMM yyyy":

```xml
<calendar:C1Calendar x:Name="calendar" HeaderMonthFormat="MMMM yyyy" HorizontalAlignment="Center" VerticalAlignment="Top"></calendar:C1Calendar>
```

### Day of Week Format

Calendar allows you to specify formats for displaying the names of the days in a week and the calendar months. You can set the format for representing the names of days in a week by using [DayOfWeekFormat](/componentone/api/winui/online-winui/dotnet-api/C1.WinUI.Calendar/C1.WinUI.Calendar.C1Calendar.DayOfWeekFormat.html) property of the [C1Calendar](/componentone/api/winui/online-winui/dotnet-api/C1.WinUI.Calendar/C1.WinUI.Calendar.C1Calendar.html) class. The following image shows "dddd" format set for the days of the week in a calendar month.

![WinUI Calendar with specified day and month format](https://cdn.mescius.io/document-site-files/images/2d49eac2-0942-4770-99ef-52b14e6815bd/images/calendar-dayofweek-format.png)

The following code showcases the use of **DayOfWeekFormat** property to set the "dddd" day format in Calendar, respectively.

```xml
<calendar:C1Calendar x:Name="calendar" DayOfWeekFormat="dddd" HorizontalAlignment="Center" VerticalAlignment="Top"></calendar:C1Calendar>
```