Skip to main content
All docs
V25.1
  • DxDateEditDropDownButton Class

    A button that invokes a drop-down calendar (can be added to the DxDateEdit<T> only).

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    public class DxDateEditDropDownButton :
        DxEditorDropDownButtonBase

    Remarks

    The DxDateEdit<T> component shows the built-in drop-down button that invokes a calendar. You can set the ShowDropDownButton property to false to hide this button.

    You can also add a custom drop-down button to the Date Edit:

    1. Add the <Buttons></Buttons> tag to the component’s markup to define the Buttons collection.
    2. Add a DxDateEditDropDownButton object.
    3. Set up button properties to customize the button:
      • CssClass
      • Position
      • Enabled
      • and so on

    The following code snippet hides the built-in drop-down button, adds a new drop-down button, and specifies its position.

    <DxDateEdit Date="DateTime.Today" ShowDropDownButton=false>
        <Buttons>
            <DxDateEditDropDownButton Position="EditorButtonPosition.Left"/>
        </Buttons>
    </DxDateEdit>
    

    Date Edit - Command Button Position

    Inheritance

    Object
    ComponentBase
    DevExpress.Blazor.Internal.RenderComponentBase
    DevExpress.Blazor.Internal.Editors.DxEditorButtonBase
    DxEditorDropDownButtonBase
    DxDateEditDropDownButton
    See Also