Heron.MudCalendar Documentation

Heron.MudCalendar is a calendar component for MudBlazor. Before installing, ensure your project is already set up with MudBlazor.

Install the package using the dotnet CLI:

dotnet add package Heron.MudCalendar

The component attempts to inject its own references automatically. However, if the calendar does not display correctly, manually add the following CSS and JS references to your index.html, _Layout.cshtml, or _Host.cshtml file:

<link href="_content/Heron.MudCalendar/Heron.MudCalendar.min.css" rel="stylesheet" />
...
<script type="module" src="_content/Heron.MudCalendar/Heron.MudCalendar.min.js"></script>

After installing the package, add the following using statement to your _Imports.razor file to make the component available throughout your application:

@using Heron.MudCalendar

To render the calendar, add the <MudCalendar /> component to your Razor page or component. You must specify the type T for your calendar items (e.g., CalendarItem).

For detailed usage patterns and customization options, refer to the official documentation and examples.

<MudCalendar T="CalendarItem"/>

When deploying the documentation site as an Azure Static Web App, use the staticwebapp.config.json file to configure how the application handles requests for routes that do not match a physical file. This is typically used to support Single Page Application (SPA) routing by rewriting unknown paths to /index.html.

{
  "navigationFallback": {
    "rewrite": "/index.html",
    "exclude": [
      "/_framework/*",
      "/_content/*",
      "/*.css",
      "/*.js",
      "/*.json",
      "/*.ico",
      "/*.png",
      "/*.svg",
      "/*.map",
      "/*.wasm",
      "/*.dll",
      "/*.dat"
    ]
  }
}