<DateTimeRange @bind-Value="@DateTimeRangeValue" OnConfirm="OnConfirm" />
<BlockLogger @ref="DateLogger" class="mt-3" />

@code {
    [NotNull]
    private BlockLogger? DateLogger { get; set; }

    private DateTimeRangeValue DateTimeRangeValue { get; set; } = new();

    private Task OnConfirm(DateTimeRangeValue value)
    {
        DateLogger?.Log($"选择的时间范围是: {value.Start:yyyy-MM-dd} - {value.End:yyyy-MM-dd}");
        return Task.CompletedTask;
    }
}

@inject IStringLocalizer<DateTimeRangeBindValue> Localizer

<div class="row g-3">
    <div class="col-12 col-sm-6">
        <DateTimeRange @bind-Value="@DateTimeRangeValue" OnValueChanged="v => OnValueChanged(v, 1)" />
    </div>
    <div class="col-12 col-sm-6">
        <BootstrapInputGroup>
            <BootstrapInputGroupLabel DisplayText="@Localizer["Limit"]" />
            <Display TValue="string" Value="@_range2" />
        </BootstrapInputGroup>
    </div>
</div>

@code {
    private DateTimeRangeValue DateTimeRangeValue { get; set; } = new();

    private string? _range2;

    private Task OnValueChanged(DateTimeRangeValue val, int index)
    {
        var ret = "";
        if (val.Start != DateTime.MinValue)
        {
            ret = val.Start.ToString("yyyy-MM-dd");
        }
        if (val.End != DateTime.MinValue)
        {
            ret = $"{ret} - {val.End:yyyy-MM-dd}";
        }
        if (index == 1)
        {
            _range2 = ret;
        }
        return Task.CompletedTask;
    }
}

@inject IStringLocalizer<DateTimeRangeMaxMinValue> Localizer

<div class="row g-3">
    <div class="col-12 col-sm-6">
        <DateTimeRange @bind-Value="@DateTimeRangeValue"
                       OnValueChanged="v => OnValueChanged(v, 2)"
                       MinValue="DateTime.Today.AddDays(-7)"
                       MaxValue="DateTime.Today.AddDays(7)" />
    </div>
    <div class="col-12 col-sm-6">
        <BootstrapInputGroup>
            <BootstrapInputGroupLabel DisplayText="@Localizer["Limit"]" />
            <Display TValue="string" Value="@_range" />
        </BootstrapInputGroup>
    </div>
</div>

@code {
    private DateTimeRangeValue DateTimeRangeValue { get; set; } = new ()
    {
        Start = DateTime.Today,
        End = DateTime.Today.AddDays(3)
    };

    private string? _range;

    private Task OnValueChanged(DateTimeRangeValue val, int index)
    {
        var ret = "";
        if (val.Start != DateTime.MinValue)
        {
            ret = val.Start.ToString("yyyy-MM-dd");
        }
        if (val.End != DateTime.MinValue)
        {
            ret = $"{ret} - {val.End:yyyy-MM-dd}";
        }
        if (index != 1)
        {
            _range = ret;
        }
        return Task.CompletedTask;
    }
}

<div class="row g-3">
    <div class="col-12 col-sm-6">
        <DateTimeRange Value="@DateTimeRangeValue" IsDisabled="@IsDisabled" />
    </div>
    <div class="col-12 col-sm-6">
        <Switch @bind-Value="@IsDisabled" />
    </div>
</div>

@code {
    private bool IsDisabled { get; set; } = true;

    private DateTimeRangeValue DateTimeRangeValue { get; set; } = new ();
}

<DateTimeRange Value="@DateTimeRangeValue" ShowSidebar="true" />

@code {
    private DateTimeRangeValue DateTimeRangeValue { get; set; } = new();
}

<DateTimeRange Value="@DateTimeRangeValue" ShowToday="true" />

@code {
    private DateTimeRangeValue DateTimeRangeValue { get; set; } = new();
}

@inject IStringLocalizer<DateTimeRangeValidateForm> Localizer

<FormInlineSwitch @bind-Value="@FormRowType" class="mb-3" />

<ValidateForm Model="@Model">
    <div class="@GroupFormClassString">
        <div class="col-12 col-sm-6">
            <DateTimePicker @bind-Value="@Model.DateTime" />
        </div>
        <div class="col-12 col-sm-6">
            <DateTimeRange @bind-Value="@Model.Range" />
        </div>
        <div class="col-12">
            <Button ButtonType="ButtonType.Submit" Icon="fa-fw fa-solid fa-floppy-disk" Text="@Localizer["Submit"]" />
        </div>
    </div>
</ValidateForm>

@code {
    [NotNull]
    private RangeFoo? Model { get; set; }

    private RowType FormRowType { get; set; }

    private string? GroupFormClassString => CssBuilder.Default("row g-3")
        .AddClass("form-inline", FormRowType == RowType.Inline)
        .Build();

    /// <summary>
    /// OnInitialized 方法
    /// </summary>
    protected override void OnInitialized()
    {
        Model = new RangeFoo()
        {
            DateTime = DateTime.Now,
            Range = new DateTimeRangeValue()
            {
                Start = DateTime.Today.AddMonths(-1),
                End = DateTime.Today
            }
        };
    }

    /// <summary>
    /// Foo 类为Demo测试用，如有需要请自行下载源码查阅
    /// Foo class is used for Demo test, please download the source code if necessary
    /// https://gitee.com/LongbowEnterprise/BootstrapBlazor/blob/main/src/BootstrapBlazor.Shared/Data/Foo.cs
    /// </summary>
    private class RangeFoo : Foo
    {
        [Required(ErrorMessage = "{0}不可为空")]
        [Display(Name = "时间范围")]
        public DateTimeRangeValue Range { get; set; } = new();
    }
}

<DateTimeRange Value="@DateTimeRangeValue" ShowSidebar="true" AutoCloseClickSideBar="true" />

@code {
    private DateTimeRangeValue DateTimeRangeValue { get; set; } = new ();
}