Range containing non-selectable date(s)

[Robelind]

It is possible to select a range containing non-selectable date(s) (as determined by DaysEnabledFunction).
This should not be possible, or at least a setting should be available to turn off this possibility.

[jdtcn]

Hi, there is no such setting, but the desired behavior is quite easy to achieve with this code:

<DateRangePicker
    @ref="Picker"
    MaxDate="MaxDate"
    DaysEnabledFunction="DaysEnabled"
    OnSelectionStart="OnSelectionStart"
    OnSelectionEnd="OnSelectionEnd" />

@code {
    DateRangePicker Picker { get; set; }
    DateTimeOffset? MaxDate { get; set; }

    bool DaysEnabled(DateTimeOffset day)
    {
        return day.DayOfWeek != DayOfWeek.Saturday && day.DayOfWeek != DayOfWeek.Sunday;
    }

    void OnSelectionStart(DateTimeOffset startDate)
    {
        // Just for demonstration, use your own logic
        var maxDate = startDate;
        for (int i = 0; i < 60; i++)
        {
            if (!DaysEnabled(maxDate.AddDays(1))) break;
            maxDate = maxDate.AddDays(1);
        }
        MaxDate = maxDate;
    }

    void OnSelectionEnd(DateTimeOffset endDate)
    {
        MaxDate = null;
    }
}

There are also MaxSpan and MinSpan parameters, you can use them as well