Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: 6 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 (2 months ago)
Last Synced: 2025-01-08T04:16:29.654Z (13 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: 113
Watchers: 5
Forks: 18
Open Issues: 3
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        # Blazor-Calendar

[![NuGet](https://img.shields.io/nuget/v/BlazorCalendar.svg)](https://www.nuget.org/packages/BlazorCalendar/)  ![BlazorCalendar Nuget Package](https://img.shields.io/nuget/dt/BlazorCalendar)

[![GitHub](https://img.shields.io/github/license/tossnet/Blazor-Calendar?color=594ae2&logo=github&style=flat-square)](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

![blazorcalendar201](https://user-images.githubusercontent.com/3845786/158783479-35e614fe-fcca-4162-8e64-b5b33338251d.gif)

![monthlyView](https://user-images.githubusercontent.com/3845786/159467420-8140bf09-b24b-4880-91a2-036c9824336a.gif)

## Installation

Latest version in here: [![NuGet](https://img.shields.io/nuget/v/BlazorCalendar.svg)](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

## Release Notes

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