# C1DatePicker Elements

## Content

**DateTimeEditors for WPF** includes the C1DatePicker control, a simple control which provides a date picker that, when clicked at run time, allows you to choose a date from a drop-down calendar. When you add the C1DatePicker control to a XAML window, it exists as a completely functional date picker. By default, the control's interface looks similar to the following image:

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

The **C1DatePicker** control consists of the following elements:

* **Display Box**
    The display box presents the selected date. This can be set using 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.C1DatePicker.SelectedDate.html\u0022\u003e.NET\u003c/a\u003e and \u003ca href=\u0022/componentone/api/wpf/online-datetimeeditors/dotnet-api/C1.WPF.DateTimeEditors/C1.WPF.DateTimeEditors.C1DatePicker.SelectedDate.html\u0022\u003e.NET Framework\u003c/a\u003e." data-popup-title="C1DatePicker.SelectedDate" data-popup-theme="ui-tooltip-green qtip-green">C1DatePicker.SelectedDate</span> property. Users can also input numeric date into the display box at run time. When you enter a numeric value, it will automatically be converted to a date. The control can use the **SelectedDate** property display dates in three edit modes: **Long**, **Short** (default), and **Custom**.
* Drop-Down Arrow
    Clicking the drop-down arrow of the **C1DatePicker** control at run time allows you to select a date from a drop-down calendar that appears.