RayCraftDocs
v1.0.3 raycraft.dev
On this page

DatePicker

Free

Date field with a calendar. Month names, weekday names, the first day of the week and the date format (also used as the default placeholder) follow the current RayCraft language. Text that is not a date shows an error even without an EditContext. Opening the calendar moves focus into it, Escape closes it and returns focus to the button.

Example

DatePicker control

Parameters

ParameterTypeDescription
ClassstringExtra CSS classes added to the root element.
DisabledboolDisables interaction.
DisplayNamestringName used in validation messages.
HelperTextstringHint shown below the field.
LabelstringVisible label text (charts: accessible name; IconButton: accessible name and tooltip).
MaxDateDateTime?Latest selectable date.
MinDateDateTime?Earliest selectable date.
PlaceholderstringPlaceholder shown when the field is empty.
ReadOnlyboolShows the value but does not allow changes.
StylestringInline style added to the root element.
ValueDateTime?Current value. Use with @bind-Value.

Events

EventTypeDescription
ValueChangedEventCallback<DateTime?>Raised when the value changes.

Package

DatePicker is part of RayCraft Free. Package: RayCraft.Blazor. It comes from nuget.org. See Getting started.