# Selecting the Date Format

## Content



By default, the C1DateTimePicker control's date picker displays the date in a short format, but it can also display time in a long format. In this topic, you will learn how to change the date format in the designer, in XAML, and in code.

**In the Designer**

To change the date format, complete the following steps:

1.  Click the C1DateTimePicker control once to select it.
2.  In the **Properties** window, click the <span data-popup-content="This class is available in \u003ca href=\u0022/componentone/api/wpf/online-datetimeeditors/dotnet-api/C1.WPF.DateTimeEditors/C1.WPF.DateTimeEditors.C1DateTimePicker.DateFormat.html\u0022\u003e.NET\u003c/a\u003e and \u003ca href=\u0022/componentone/api/wpf/online-datetimeeditors/dotnet-api/C1.WPF.DateTimeEditors/C1.WPF.DateTimeEditors.C1DateTimePicker.DateFormat.html\u0022\u003e.NET Framework\u003c/a\u003e." data-popup-title="DateFormat" data-popup-theme="ui-tooltip-green qtip-green">DateFormat</span> drop-down arrow and select a mode from the list. For this example, select **Long**.

**In XAML**

To change the date format, place **DateFormat="Long"** to the _<my:C1DateTimePicker>_ tag so that the markup resembles the following:

```auto
<my:C1DateTimePicker DateFormat="Long">
```

**In Code**

To change the date format, complete the following steps:

1.  Open the **Window1.xaml.cs** page.
2.  Place the following code beneath the **InitializeComponent()** method:
    
    ```vbnet
    C1DateTimePicker1.DateFormat = Microsoft.Windows.Controls.DatePickerFormat.Long
    ```
    
    ```csharp
    c1DateTimePicker1.DateFormat = Microsoft.Windows.Controls.DatePickerFormat.Long;
    ```
    
3.  Run the project.

**This Topic Illustrates the Following**:

In this topic, you set the **DateFormat** to **Long**, which will display the date in a long format. The final result will resemble the following image:

![](https://cdn.mescius.io/document-site-files/images/b827ed78-bea0-4378-af62-5f467cc00dcc/c1datetimepicker_graphics/tbh/setdateformat_final.png)