Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/IOMechs/angular-year-calendar

A powerful and performant Angular year calendar library built with ❤️
https://github.com/IOMechs/angular-year-calendar

angular angular-library angular-year-calendar iomechs typescript year-calendar

Last synced: 24 days ago
JSON representation

A powerful and performant Angular year calendar library built with ❤️

Awesome Lists containing this project

README

        

# Angular Year Calendar
##### @iomechs/angular-year-calendar

[![Actions Status](https://github.com/iomechs/angular-year-calendar/workflows/CI/badge.svg)](https://github.com/iomechs/angular-year-calendar/actions)

npm version
github stars
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

npm downloads total
npm downloads/month

A simple, easily to use Year calendar for your Angular apps.

![@iomechs/angular-year-calendar](https://i.imgur.com/IS6Sn66.gif)

## Demo

[https://iomechs.github.io/angular-year-calendar/demo](https://iomechs.github.io/angular-year-calendar/demo)

## Docs

[https://iomechs.github.io/angular-year-calendar](https://iomechs.github.io/angular-year-calendar)

## Dependencies

The Angular Year Calendar library depends on [date-fns](https://www.npmjs.com/package/date-fns) and [@angular/cdk](https://www.npmjs.com/package/@angular/cdk). If you don't have them installed in your project, you'll have to install them urself.

## Usage

Install the package in your project's folder by using npm or yarn:
```bash
npm install @iomechs/angular-year-calendar --save

# OR

yarn add @iomechs/angular-year-calendar -S
```

Import YearCalendarModule in your AppModule as below:

```typescript
import { YearCalendarModule } from '@iomechs/angular-year-calendar';

@NgModule({
declarations: [
AppComponent,
],
imports: [
BrowserModule,
AppRoutingModule,
BrowserAnimationsModule,
YearCalendarModule, // <-- here
]
});
```

Then in your HTML, you can use as:
```html

```

## License

MIT © [IOMechs](https://iomechs.com)