DxTimeEditSettings.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 Time 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="@timetable" KeyFieldName="Id" ShowFilterRow="true" >
  <Columns>
    <DxGridCommandColumn />
    <DxGridDataColumn FieldName="StartTime">
      <EditSettings>
        <DxTimeEditSettings Mask="@DateTimeMask.ShortTime" AllowUpDownArrowKeys="false" />
      </EditSettings>
    </DxGridDataColumn>
  </Columns>
</DxGrid>

@code {
  List<TimeTableItem> timetable = new() {
    new() { Id = 1, StartTime = new TimeOnly(9, 0) },
    new() { Id = 2, StartTime = new TimeOnly(13, 30) }
  };

  public class TimeTableItem {
    public int Id { get; set; }
    public TimeOnly StartTime { get; set; }
  }
}

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

Implements

AllowUpDownArrowKeys