Default Light
MgLibrary
Overview
Installation
Buttons
Cards
Charts
Codes
Data Grids
Dropdowns
Editors
Headers & Animations
Icons
Indicators
Inputs
Lists
Modals
Menus
Panels
Pills & Chips
Scheduling
Tabs
Time Line
Trees
Customization

Date Picker

Professional date input examples.

Use this example to explore default behavior, customization points, and accessibility-friendly patterns in a real Blazor page.

Date Picker

MgDatePicker

A professional date input component for selecting calendar dates.

API Reference

MgDatePicker

Property Type Default Description
Value / bind-Value DateTime? null Selected date value; bind for two-way updates.
Format string "yyyy-MM-dd" Date display and parse format.
MinDate / MaxDate DateTime? null Optional bounds for selectable dates.
An unhandled error has occurred. Reload 🗙