Skip to content

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

License

Notifications You must be signed in to change notification settings

tossnet/Blazor-Calendar

Folders and files

NameName
Last commit message
Last commit date

Latest commit

author
Christophe Peugnet
Feb 15, 2025
c17717a · Feb 15, 2025
Aug 9, 2022
Nov 19, 2024
Feb 15, 2025
Feb 15, 2025
Mar 5, 2022
Mar 24, 2022
Mar 5, 2022
Feb 15, 2025

Repository files navigation

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.1
  • In the Weekview, the component did not correctly display the first day of the week according to Culture Issue #24
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