单击按钮时显示 MudBlazor DatePicker 叠加层？

Question

这可能是我想做的一件非常具体的事情，但是：我的目标是在单击按钮时显示此 UI。我不想显示日期选择器组件的其余部分（您通常单击该组件来触发此叠加层）。请在此处查看完整组件：https://mudblazor.com/components/datepicker#api

知道如何实现这一目标吗？或者如果有可能的话？

Answer 1

这是一个非常基本的示例，您应该能够根据您的需要进行调整。只需将静态选择器添加到覆盖（或弹出）组件即可。

<MudButton Variant="Variant.Filled" Color="Color.Primary" OnClick="OpenOverlay">
    Show Picker
</MudButton>

<MudOverlay @bind-Visible="isVisible" DarkBackground="true" AutoClose="true">
    <MudDatePicker PickerVariant="PickerVariant.Static" Date="@(DateTime.Today.AddDays(1))" />
</MudOverlay>

@code {
    private bool isVisible;

    public void OpenOverlay()
    {
        isVisible = true;
        StateHasChanged();
    }
}