DateEditPickerStyleSettings Class

Defines the appearance and behavior of a picker date editor.

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

Declaration

C#
VB.NET

public class DateEditPickerStyleSettings :
    DateEditStyleSettingsBase

Public Class DateEditPickerStyleSettings
    Inherits DateEditStyleSettingsBase

Remarks

A DateEditPickerStyleSettings object defines the Picker date editor operation mode. In this mode, the DateEdit‘s dropdown displays a Windows Store inspired date picker.

datepickerstyle

The following code sample demonstrates how to switch the date editor operation mode to Picker.

XAML

<dxe:DateEdit>
    <dxe:DateEdit.StyleSettings>
        <dxe:DateEditPickerStyleSettings/>
    </dxe:DateEdit.StyleSettings>
</dxe:DateEdit>

Tip

For the complete list of DateEdit control operation modes, see the following topic: DateEdit.

Specify a Step Between a Date Picker Value

You can use the HourStep, MinuteStep, and SecondStep properties to specify a step between hours, minutes, and seconds that a user can select in DateEdit picker mode.

XAML

<Window ...
    xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors">
    <StackPanel>
        <dxe:DateEdit Mask="HH:mm:ss" MaskType="DateTime" MaskUseAsDisplayFormat="True">
            <dxe:DateEdit.StyleSettings>
                <dxe:DateEditPickerStyleSettings HourStep="4" MinuteStep="15" SecondStep="30" />
            </dxe:DateEdit.StyleSettings>
        </dxe:DateEdit>
    </StackPanel>
</Window>

DateEditPickerStyleSettings - HourStep

A user can spin a DateEdit value with keyboard arrow buttons. You can use Input Validation to limit a DateEdit value. The following code sample limits a DateEdit hour to an even number.

XAML

<Window ...
    xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors">
    <StackPanel>
        <dxe:DateEdit Mask="HH:mm:ss" MaskType="DateTime" MaskUseAsDisplayFormat="True" Validate="dxDateEdit_Validate">
            <dxe:DateEdit.StyleSettings>
                <dxe:DateEditPickerStyleSettings HourStep="4" MinuteStep="15" SecondStep="30" />
            </dxe:DateEdit.StyleSettings>
        </dxe:DateEdit>
    </StackPanel>
</Window>

MainWindow.xaml.cs

private void dxDateEdit_Validate(object sender, ValidationEventArgs e) { 
    if (e.Value is DateTime) {
        int hour = ((DateTime)e.Value).Hour;
        if (hour % 2 != 0) e.IsValid = false;
    }
}

DateEditPickerStyleSettings - HourStep