Components / Date Input
Date Input
A segmented date field over the Navius DateInput primitive: individually editable MM / DD / YYYY spinbutton segments, arrow-key stepping, min / max clamping, and culture-aware ordering, with a trailing calendar glyph. Type or arrow through the segments below. This preview is the real component running in WebAssembly.
Examples
Value: July 4, 2026
razor
<ZitsDateInput @bind-Value="_date" />
@code { private DateOnly? _date; }Installation
Terminal
bash
navius add date-inputAPI reference
ZitsDateInput:
| Prop | Type | Default |
|---|---|---|
| Value | DateOnly? | null |
| ValueChanged | EventCallback<DateOnly?> | - |
| DefaultValue | DateOnly? | null |
| Granularity | string | "day" |
| MinValue / MaxValue | DateOnly? | null |
| PlaceholderValue | DateOnly? | null |
| ForceLeadingZeros | bool | false |
| Culture | CultureInfo? | current |
| Disabled / ReadOnly / Required / Invalid | bool | false |
| Dir | string? | null |
| Name | string? | null |