Skip to main content
All docs
V25.1
  • DevExpress v25.1 Update — Your Feedback Matters

    Our What's New in v25.1 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

    Take the survey Not interested

    DxTimeEditDropDownButton Class

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

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    #Declaration

    C#
    public class DxTimeEditDropDownButton :
        DxEditorDropDownButtonBase

    #Remarks

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

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

    1. Add the <Buttons></Buttons> tag to the component’s markup to define the Buttons collection.
    2. Add a DxTimeEditDropDownButton 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
    <DxTimeEdit Time="DateTime.Today.TimeOfDay" ShowDropDownButton=false>
        <Buttons>
            <DxTimeEditDropDownButton Position="EditorButtonPosition.Left"/>
        </Buttons>
    </DxTimeEdit>
    

    Time Edit - Command Button Position

    #Inheritance

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