All docs
V20.1
20.1
19.2
19.1
The page you are viewing does not exist in version 19.1. This link will take you to the root page.
18.2
The page you are viewing does not exist in version 18.2. This link will take you to the root page.
18.1
The page you are viewing does not exist in version 18.1. This link will take you to the root page.
17.2
The page you are viewing does not exist in version 17.2. This link will take you to the root page.

TimePicker Class

Represents a TimePicker control.

Namespace: DevExpress.Xpf.Editors

Assembly: DevExpress.Xpf.Core.v20.1.dll

Declaration

public class TimePicker :
    Control
Public Class TimePicker
    Inherits Control

Remarks

The TimePicker control consists of a clock face and a time edit box.

time picker editor

Use the DateTime property to get or set a TimePicker value.

When the DateTime property value is changed, the DateTimeChanged event occurs.

You can use the MinValue and MaxValue properties to set a range of allowed values that end users can select.

Integrate to DateEdit

You can integrate the TimePicker control in the DateEdit's popup:

  • DateEdit with TimePicker and Calendar

    Pass the DateEditNavigatorWithTimePickerStyleSettings object to the DateEdit's StyleSettings property.

    date edit with calendar and time picker

    <dxe:DateEdit Mask="G" MaskUseAsDisplayFormat="True">
        <dxe:DateEdit.StyleSettings>
            <dxe:DateEditNavigatorWithTimePickerStyleSettings/>
        </dxe:DateEdit.StyleSettings>
    </dxe:DateEdit>
    
  • DateEdit with TimePicker

    Pass the DateEditTimePickerStyleSettings object to the DateEdit's StyleSettings property.

    date edit with time picker

    <dxe:DateEdit Mask="T" MaskUseAsDisplayFormat="True">
        <dxe:DateEdit.StyleSettings>
            <dxe:DateEditTimePickerStyleSettings/>
        </dxe:DateEdit.StyleSettings>
    </dxe:DateEdit>
    
See Also