# Selecting the Time Format
## Content
By default, the C1DateTimePicker control's time picker displays the time in a long format that includes seconds, but it can also display time in a shorter format. In this topic, you will learn how to change the time format in the designer, in XAML, and in code.
**In the Designer**
To change the time format, complete the following steps:
1. Click the **C1DateTimePicker** control once to select it.
2. In the **Properties** window, click the TimeFormat drop-down arrow and select a mode from the list. For this example, select **ShortTime**.
**In XAML**
To change the time format, place **TimeFormat="ShortTime"** to the __ tag so that the markup resembles the following:
```auto
```
**In Code**
To change the time format, complete the following steps:
1. Open the **Window1.xaml.cs** page.
2. Import the following namespace:
```vbnet
Imports C1.WPF.DateTimeEditors
```
```csharp
using C1.WPF.DateTimeEditors;
```
3. Place the following code beneath the **InitializeComponent()** method:
```vbnet
C1DateTimePicker1.TimeFormat = C1TimeEditorFormat.ShortTime
```
```csharp
c1DateTimePicker1.TimeFormat = C1TimeEditorFormat.ShortTime;
```
4. Run the project.
**This Topic Illustrates the Following**:
In this topic, you set the **TimeFormat** to **ShortTime**, which provides a shortened time display. The final result will resemble the following image:
