Calendar
FreeMonth grid used by DatePicker and DateTimeRangePicker. Use it on its own for inline date selection. It can mark a single value or a range, show one or more months side by side (MonthCount), and follows the current RayCraft language. Keyboard: arrow keys move by day and week, PageUp and PageDown by month (with Shift by year), Home and End to the start and end of the week, Enter picks the day.
Example
Parameters
| Parameter | Type | Description |
|---|---|---|
Class | string | Extra CSS classes added to the root element. |
DayTitle | Func<DateTime, string> | Returns a hint for a day, shown on hover. |
HighlightWeekends | bool | Shows Saturdays and Sundays in a muted color. |
InitialMonth | DateTime? | Month shown when the calendar opens. |
IsDayDisabled | Func<DateTime, bool> | Returns true for days that cannot be picked. |
MarkedDays | IEnumerable<DateTime> | Days that get a dot, for example days with events. |
MaxDate | DateTime? | Latest selectable date. |
MinDate | DateTime? | Earliest selectable date. |
MonthCount | int | How many consecutive months are shown side by side (default 1). |
RangeEnd | DateTime? | Last day of the highlighted range. |
RangeStart | DateTime? | First day of the highlighted range. |
Style | string | Inline style added to the root element. |
Value | DateTime? | Current value. Use with @bind-Value. |
Events
| Event | Type | Description |
|---|---|---|
OnPick | EventCallback<DateTime> | Raised with the day that was clicked. |
Package
Calendar is part of RayCraft Free. Package: RayCraft.Blazor. It comes from nuget.org. See Getting started.
Send feedbackVersion 1.0.3