Components / Date Picker

Date Picker

A date picker composed from a ZitsPopover and a calendar. The trigger is an outline button showing the formatted date or a placeholder; choosing a day sets the value and closes the popover. This preview is the real component running in WebAssembly.

Examples

Selected: none

razor
<ZitsDatePicker @bind-Value="_date" />

@code { private DateOnly? _date; }

Installation

Terminal bash
navius add date-picker

API reference

Prop Type Default
Value DateOnly? null
ValueChanged EventCallback<DateOnly?> -
Placeholder string "Pick a date"
Format string "MMMM d, yyyy"