Il binding di date è sempre abbastanza problematico per il problema della formattazione. In Blazor, fortunatamente, esiste una funzionalità che ci permette di impostare il formato delle date in fase di binding, sia per quanto riguarda la lettura che per il parsing.

Per questo scopo, è sufficiente utilizzare la proprietà bind:format come nell'esempio:

<p>  Date: <input type="text" placeholder="@datePattern" @bind="@date"
             @bind:format="@datePattern" /></p>

@code {
    private string datePattern = 
        CultureInfo.CurrentUICulture.DateTimeFormat.ShortDatePattern;

    private DateTimeOffset? date;
}

Nel codice in alto, abbiamo utilizzato la current culture dell'utente, che il browser imposta automaticamente, per selezionare il formato corretto per la data. Questo pattern è poi in binding con la proprietà @bind:format (e anche con il placeholder, così da visualizzarlo sul box di testo vuoto).