BlazorCalendar 3.1.1

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

<a name="ReleaseNotes"></a>Release Notes

<details open="open"><summary>Version 3.1.1</summary>

• AnnualView improvement : display the start and end times of the task if space is available graphically

• AnnualView : fix : if drag and drop is disabled, the Drop event does not check the boolean </details>

<details><summary>Version 3.1.0</summary>

• AnnualView improvement : Non-overlapping tasks now span the full available width instead of being restricted to a single column, improving calendar readability </details>

<details><summary>Version 3.0.2</summary>

• Performance optimization : AnnualView now uses Dictionary-based O(1) lookup instead of O(n) linear search for tasks
• Smart change detection : Index is rebuilt only when task content actually changes (using hash comparison), not on every render cycle
• WeekView improvement : Overlapping tasks are now displayed in separate columns for better visibility </details>

<details><summary>Version 3.0.0</summary>

• Add .NET10 and remove .NET7
• Highlight TODAY in AnnualView Issue #22
• Custom Styles for DisabledDay Issue #23
• Add FontColor property to customize the text color of calendar days </details>

<details ><summary>Version 2.7.1</summary>

• In the Weekview, the component did not correctly display the first day of the week according to Culture Issue #24 </details>

<details><summary>Version 2.7.0</summary>

• Add .NET9 and remove .NET6.0 </details>

<details><summary>Version 2.6.5</summary>

• Add WeekView (thanks BruderJohn ) Pull #13 </details>

<details><summary>Version 2.6.4</summary>

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

<details><summary>Version 2.6.3</summary>

• In the monthly view, the calendar displays 3 items Issue #8 </details>

<details><summary>Version 2.6.1</summary>

• MonthlyView : new property HighlightToday (boolean) Merge #9 </details>

<details><summary>Version 2.5.3</summary>

• MonthlyView : fix: duplication of the number of additional tasks Merge #7 </details>

<details><summary>Version 2.5.2</summary>

• MonthlyView : return the day on the event ClickEmptyDayParameter. Merge #5 </details>

<details><summary>Version 2.5.1</summary>

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

<details><summary>Version 2.5.0</summary>

• new property "FillStyle" (Fill, BackwardDiagonal, ZigZag, Triangles, CrossDots) </details>

<details><summary>Version 2.4.4</summary>

• Issue #3 </details>

<details><summary>Version 2.4.3</summary>

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

<details><summary>Version 2.4.2</summary>

• Issue #2 </details>

<details><summary>Version 2.4.1</summary>

• 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. </details>

<details><summary>Version 2.4.0</summary>

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

<details><summary>Version 2.3.0</summary>

• 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 . </details>

<details><summary>Version 2.2.0</summary>

• fix bug.
• added the NotBeDraggable property. </details>

<details><summary>Version 2.1.0</summary>

• css style improvement.
• Addition of hatching in the cells at the end of the month.
• Add a new view called MonthlyView. </details>

⚠️ Breaking changes ⚠️

<details><summary>Upgrading from 1.0 to 2.0</summary>

• 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 </details>

[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