/Blazor-Calendar

example of an annual calendar in Blazor

Primary LanguageHTMLMIT LicenseMIT

Blazor-Calendar

NuGet BlazorCalendar Nuget Package

For Blazor Server or Blasor WebAssembly

Live demo

Blazor webassembly : https://tossnet.github.io/Blazor-Calendar/monthlyview

blazorcalendar201

monthlyView

Installation

Latest version in here: NuGet

To Install

Install-Package BlazorCalendar

or

dotnet add package BlazorCalendar

For client-side and server-side Blazor - add script section to _Layout.cshtml (head section)

 <link href="_content/BlazorCalendar/BlazorCalendar.css" rel="stylesheet" />

Documentation

https://github.com/tossnet/Blazor-Calendar/wiki

Release Notes

Version 2.3.0
  • improved positioning of tasks in the monthly view.
  • AnnualView : add new event HeaderClick that returns a DateTime (the month clicked).
  • Improvement of the css responsive .
Version 2.2.0
  • fix bug.
  • added the NotBeDraggable property.
Version 2.1.0
  • css style improvement.
  • Addition of hatching in the cells at the end of the month.
  • Add a new view called MonthlyView.

⚠️ Breaking changes ⚠️

Upgrading from 1.0 to 2.0
  • before version 2 :
 <link href="_content/BlazorCalendar/AnnualCalendar.css" rel="stylesheet" />
<AnnualCalendar  FirstDate="today" Months="months"  TasksList="TasksList.ToArray()" />
  • from version 2 :
 <link href="_content/BlazorCalendar/BlazorCalendar.css" rel="stylesheet" />
<CalendarContainer  FirstDate="today"  TasksList="TasksList.ToArray()" >
   <AnnualView  Months="months" />
</CalendarContainer>

Reason

I anticipate creating another monthly view

[RoadMap]

  • set a customizable background color for the current day
  • Add a list of remarkable days (specific background). The user could send the holidays for example
  • Choice of displaying task times (if they have them)