Back to Devexpress

DxDateEditDropDownButton Class

blazor-devexpress-dot-blazor-a74f90c4.md

latest2.4 KB
Original Source

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.2.dll

NuGet Package : DevExpress.Blazor

Declaration

csharp
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.

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

Implements

IComponent

IHandleAfterRender

IHandleEvent

IDisposable

Inheritance

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

See Also

DxDateEditDropDownButton Members

DevExpress.Blazor Namespace