https://github.com/tossnet/blazor-calendar
Yearly, monthly and weekly calendar Blazor Component . For use with .NET 7.0 or higher Blazor applications
https://github.com/tossnet/blazor-calendar
blazor blazor-application blazor-client blazor-component blazor-example blazor-server blazor-ui-components blazor-wasm blazor-webassembly calendar nuget planning schedule wasm
Last synced: 9 days ago
JSON representation
Yearly, monthly and weekly calendar Blazor Component . For use with .NET 7.0 or higher Blazor applications
- Host: GitHub
- URL: https://github.com/tossnet/blazor-calendar
- Owner: tossnet
- License: mit
- Created: 2022-03-05T17:54:48.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2024-11-19T09:53:22.000Z (3 months ago)
- Last Synced: 2025-01-29T06:06:16.869Z (23 days ago)
- Topics: blazor, blazor-application, blazor-client, blazor-component, blazor-example, blazor-server, blazor-ui-components, blazor-wasm, blazor-webassembly, calendar, nuget, planning, schedule, wasm
- Language: HTML
- Homepage:
- Size: 9.9 MB
- Stars: 117
- Watchers: 5
- Forks: 18
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Blazor-Calendar
[](https://www.nuget.org/packages/BlazorCalendar/) 
[](https://github.com/tossnet/Blazor-Calendar/blob/main/LICENSE)
For Blazor Server or Blazor WebAssembly
## Live demo
Blazor webassembly : https://tossnet.github.io/Blazor-Calendar/monthlyview
## Installation
Latest version in here: [](https://www.nuget.org/packages/BlazorCalendar/)
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)
```html
```
## Documentation
https://github.com/tossnet/Blazor-Calendar/wiki
Version 2.7.0
>- Add .NET9 and remove .NET6.0
Version 2.6.5
>- Add WeekView (thanks [BruderJohn](https://github.com/BruderJohn) ) [Pull #13](https://github.com/tossnet/Blazor-Calendar/pull/13)
Version 2.6.4
>- Use task IDs to identify containing div (for JS extensibility) [Pull #11](https://github.com/tossnet/Blazor-Calendar/pull/11)
Version 2.6.3
>- In the monthly view, the calendar displays 3 items [Issue #8](https://github.com/tossnet/Blazor-Calendar/issues/8)
Version 2.6.1
>- MonthlyView : new property HighlightToday (boolean) [Merge #9](https://github.com/tossnet/Blazor-Calendar/pull/9)
Version 2.5.3
>- MonthlyView : fix: duplication of the number of additional tasks [Merge #7](https://github.com/tossnet/Blazor-Calendar/pull/7)
Version 2.5.2
>- MonthlyView : return the day on the event ClickEmptyDayParameter. [Merge #5](https://github.com/tossnet/Blazor-Calendar/pull/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 :
```html
```
```razor
```
* from version 2 :
```html
```
```razor
```
**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