Datepicker

Example

DateOnly

---

Selected date: 06-06-2025

---

DateTime Selected date: 06-06-2025

Code

Razor (cshtml, Razor)

DateOnly
<Datepicker IsFormFloating="false" format="dd-mm-yyyy" label="Select a day" AutoHideAfterSelection="true" @bind-SelectedDate="selectedDate" />
<hr />
<Datepicker IsFormFloating="true" format="dd-mm-yyyy" label="Select a day" AutoHideAfterSelection="true" @bind-SelectedDate="selectedDate" />

Selected date: @selectedDate?.ToString("dd-MM-yyyy")
<hr />

DateTime
<Datepicker IsFormFloating="false" format="dd-mm-yyyy" label="Select a day" AutoHideAfterSelection="true" @bind-SelectedDateTime="selectedDateTime" />
Selected date: @selectedDateTime?.ToString("dd-MM-yyyy")

C#

private DateOnly selectedDate { get; set; }
private DateTime? selectedDateTime { get; set; } = DateTime.Now;