Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

TimePicker Class

A TimePicker control.

Namespace: DevExpress.Xpf.Editors

Assembly: DevExpress.Xpf.Core.v24.2.dll

NuGet Package: DevExpress.Wpf.Core

#Declaration

public class TimePicker :
    Control

#Remarks

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

time picker editor

Use the DateTime property to obtain or specify the TimePicker value. The TimePicker control ignores the date part of the assigned DateTime 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 selectable values.

Use the VisibleMaskParts property to specify which part of time picker mask is visible:

DevExpress Editors for WPF - TimePicker

<dxe:TimePicker VisibleMaskParts="Hours,Minutes" DateTime="15:30:15"/>

#Integrate to DateEdit

To show a DateEdit‘s popup with a TimePicker, use the style settings listed below:

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