/Blazor-Calendar

Yearly, monthly and weekly calendar Blazor Component . For use with .NET 7.0 or higher Blazor applications

Primary LanguageHTMLMIT LicenseMIT

Blazor-Calendar

NuGet BlazorCalendar Nuget Package GitHub

For Blazor Server or Blazor 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.7.0
  • Add .NET9 and remove .NET6.0
Version 2.6.5
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