Yearly, monthly and weekly calendar Blazor Component . For use with .NET 6.0 or higher Blazor applications
For Blazor Server or Blazor WebAssembly
Blazor webassembly : https://tossnet.github.io/Blazor-Calendar/monthlyview
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" />
https://github.com/tossnet/Blazor-Calendar/wiki
Blazor-Calendar/pull/13
- Add WeekView (thanks BruderJohn ) Pull #11
- Use task IDs to identify containing div (for JS extensibility) Pull #11
- In the monthly view, the calendar displays 3 items Issue #8
- MonthlyView : new property HighlightToday (boolean) Merge #9
- MonthlyView : fix: duplication of the number of additional tasks Merge #7
- MonthlyView : return the day on the event ClickEmptyDayParameter. Merge #5
- add new prop named (int) Type
- annualView : return the day on the event ClickEmptyDayParameter
- new property "FillStyle" (Fill, BackwardDiagonal, ZigZag, Triangles, CrossDots)
- Issue #3
- Monthly View : we could move a task even if we didn't allow the move
- Issue #2
- 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.
- add white background of headers.
- In the monthlyview, display the start time if it exists.
- 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 .
- fix bug.
- added the NotBeDraggable property.
- css style improvement.
- Addition of hatching in the cells at the end of the month.
- Add a new view called MonthlyView.
<link href="_content/BlazorCalendar/AnnualCalendar.css" rel="stylesheet" />
<AnnualCalendar FirstDate="today" Months="months" TasksList="TasksList.ToArray()" />
<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