Back to Devexpress

DxDateEdit<T>.ApplyValueOnOutsideClick Property

blazor-devexpress-dot-blazor-dot-dxdateedit-1-3e07fcc8.md

latest2.0 KB
Original Source

DxDateEdit<T>.ApplyValueOnOutsideClick Property

Specifies whether the component hides action buttons ( OK and Cancel ) and updates the value on outside click.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

csharp
[DefaultValue(false)]
[Parameter]
public bool ApplyValueOnOutsideClick { get; set; }

Property Value

TypeDefaultDescription
Booleanfalse

false to update the value when a user clicks the OK button in the drop-down menu;
true to hide the OK button and update the value on outside user clicks.

|

Remarks

The Date Edit component displays OK and Cancel buttons in the drop-down menu if the time section is visible:

Enable the ApplyValueOnOutsideClick property to hide these buttons and update a bound value when a user clicks outside component boundaries:

razor
<DxDateEdit @bind-Date="@DateTimeValue"
            TimeSectionVisible="true"
            ApplyValueOnOutsideClick="true" />

@code {
    DateTime DateTimeValue { get; set; } = DateTime.Now;
}

Tip

Without the Cancel button, users can discard changes in the following ways:

  • Press Esc to close the drop-down without changes
  • Press Alt + Del or click the Clear button in the editor input to remove/clear previously applied value.

See Also

DxDateEdit<T> Class

DxDateEdit<T> Members

DevExpress.Blazor Namespace