SingleMode - null not set when the date is removed about blazordaterangepicker HOT 3 CLOSED

Sure we can, one way to achieve it is to override @oninput event handler behavior:

<DateRangePicker SingleDatePicker="true" @bind-StartDate="StartDate" EndDate="StartDate">
    <PickerTemplate>
        <input id="@context.ParentId" type="text" value="@context.FormattedRange" 
        @oninput="@(e => OnDpInput(context, e))" @onfocusin="context.Open"
        @onfocusout="context.LostFocus" />
    </PickerTemplate>
</DateRangePicker>

And code:

DateTimeOffset? StartDate { get; set; }
public Task OnDpInput(DateRangePicker context, ChangeEventArgs e)
{
    if (string.IsNullOrEmpty(e.Value?.ToString()))
    {
        StartDate = null;
    }
    else
    {
        return context.OnTextInput(e);
    }
    return Task.CompletedTask;
}

from blazordaterangepicker.

Hi. You need to bind EndDate value to the date property too:

<DateRangePicker 
    SingleDatePicker="true" 
    @bind-StartDate="StartDate"
    EndDate="StartDate" />

<button @onclick="@(_ => StartDate = null)">Reset</button>

from blazordaterangepicker.

Thanks for the suggestion. I was actually trying to achieve this without adding a button.

Just by deleting the text in the input and clicking out -> get a null updated in the "StartDate" model. I think this is not happening at the moment as there are some null checks that prevent the update events from firing.

Do you think this is possible atm without adding the button?

from blazordaterangepicker.