DxDateEditSettings.AllowUpDownArrowKeys Property

Specifies whether users can press Up/Down arrow keys to increase/decrease the editor value when a mask is applied.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v26.1.dll

Declaration

[DefaultValue(true)]
[Parameter]
public bool AllowUpDownArrowKeys { get; set; }

Property Value

Type	Default	Description
Boolean	true	true if a user can use arrow keys to change the editor value; otherwise, false.

Remarks

When the Date Edit has a mask applied, users can press Up Arrow/Down Arrow keys to increase/decrease the value in the active mask section. Refer to the following help topic for additional information: Shortcut Keys for Masked Input Elements.

You can set the AllowUpDownArrowKeys property to false to disable this functionality.

<DxGrid Data="@employees" PageSize="6" ShowFilterRow="true" >
    <Columns>
        <DxGridDataColumn FieldName="FirstName" />
        <DxGridDataColumn FieldName="LastName" />
        <DxGridDataColumn FieldName="HireDate" >
             <EditSettings>
                <DxDateEditSettings Mask="@DateTimeMask.ShortDate"
                                    DisplayFormat="D"
                                    AllowUpDownArrowKeys="false">
                    <MaskProperties>
                        <DxDateTimeMaskProperties UpdateNextSectionOnCycleChange="true" />
                    </MaskProperties>
                </DxDateEditSettings>
            </EditSettings>
        </DxGridDataColumn>
        <DxGridDataColumn FieldName="Email" />
    </Columns>
</DxGrid>

@code {
    Employee[]? employees;
    protected override async Task OnInitializedAsync() {
        employees = await EmployeeData.GetData();
    }
}

To enable or disable this functionality at runtime, use the IDateEditSettings.AllowUpDownArrowKeys property instead.

Implements

AllowUpDownArrowKeys