Blazor-Calendar

For Blazor Server or Blazor WebAssembly

Live demo

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

Installation

Latest version in here:

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.7.0

• Add .NET9 and remove .NET6.0

Version 2.6.5

• Add WeekView (thanks BruderJohn ) Pull #13

Version 2.6.4

• Use task IDs to identify containing div (for JS extensibility) Pull #11

Version 2.6.3

• In the monthly view, the calendar displays 3 items Issue #8

Version 2.6.1

• MonthlyView : new property HighlightToday (boolean) Merge #9

Version 2.5.3

• MonthlyView : fix: duplication of the number of additional tasks Merge #7

Version 2.5.2

• MonthlyView : return the day on the event ClickEmptyDayParameter. Merge #5

Version 2.5.1

• add new prop named (int) Type
• annualView : return the day on the event ClickEmptyDayParameter

Version 2.5.0

• new property "FillStyle" (Fill, BackwardDiagonal, ZigZag, Triangles, CrossDots)

Version 2.4.4

• Issue #3

Version 2.4.3

• Monthly View : we could move a task even if we didn't allow the move

Version 2.4.2

• Issue #2

Version 2.4.1

• add white background of headers.
• AnnualView : lightly rounded edge.
• In the monthlyview, If a task has a line break (next week) the left edge is not displayed anymore.

Version 2.4.0

• add white background of headers.
• In the monthlyview, display the start time if it exists.

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