# C1DateTimePicker Time Format

## Content



You can use 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.TimeFormat.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.TimeFormat.html\u0022\u003e.NET Framework\u003c/a\u003e." data-popup-title="TimeFormat" data-popup-theme="ui-tooltip-green qtip-green">TimeFormat</span> property to set the format that the date picker displays. You can set **TimeFormat** property to either **ShortTime,** **LongTime** or **TimeSpan**. The table below illustrates the time formats.

|   **Time Format**   |   **Result**   |
| --- | --- |
|   ShortTime   |   ![](https://cdn.mescius.io/document-site-files/images/b827ed78-bea0-4378-af62-5f467cc00dcc/c1datetimepicker_graphics/narrative/timeformat_short.png)   |
|   LongTime (default)   |   ![](https://cdn.mescius.io/document-site-files/images/b827ed78-bea0-4378-af62-5f467cc00dcc/c1datetimepicker_graphics/narrative/timeformat_long.png)   |
|   TimeSpan   |   ![](https://cdn.mescius.io/document-site-files/images/b827ed78-bea0-4378-af62-5f467cc00dcc/c1datetimepicker_graphics/narrative/timeformat_long.png)   |