Date Input
A Gregorian date input with separate, keyboard-editable Year, Month and Day segments in the order of the culture's short date pattern, plus an optional calendar popup.
Default
Each segment is a
role="spinbutton" text box: type digits, or use ↑ and ↓ to step and ← → to move between segments. A partial or invalid entry stays on screen as a draft while the bound value goes null, so nothing you typed disappears.Culture-Driven Segment Order
Culture decides both the segment order and the separator, taken from the short date pattern — Month/Day/Year for en-US, Day/Month/Year for en-GB, Year/Month/Day for ja-JP. The calendar stays Gregorian whichever culture you pick. ShowCalendar="false" drops the popup button.Disabled and Read-Only
ReadOnly keeps the segments focusable so the value can still be read, but blocks edits, key stepping and the calendar button. Disabled turns off the segments, the calendar button and the hidden form field, so the value is not posted.Bounds, Validation and Clearing
MinDate and MaxDate are inclusive and also restrict the calendar. An incomplete or out-of-range entry adds the localized message "Enter a complete, valid date within the allowed range." to the EditContext, so the form will not submit. Capture the component with @ref and call ClearAsync() to reset it.