IOMechs / angular-year-calendar

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

Home Page:https://iomechs.github.io/angular-year-calendar

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Angular Year Calendar

@iomechs/angular-year-calendar

Actions Status

npm version github stars License: MIT

npm downloads total npm downloads/month

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

@iomechs/angular-year-calendar

Demo

https://iomechs.github.io/angular-year-calendar/demo

Docs

https://iomechs.github.io/angular-year-calendar

Dependencies

The Angular Year Calendar library depends on date-fns and @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:

npm install @iomechs/angular-year-calendar --save

# OR

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

Import YearCalendarModule in your AppModule as below:

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

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

Then in your HTML, you can use as:

<yc-year-calendar
  [loadingData]="isLoadingData"
  (viewYearChanged)="viewYearChangedHandler($event"
  (eventDayClicked)="eventDayClickHandler($event)"
  [ycConfig]="myCalendarConfig"
  [selectedDate]="currentDate">
</yc-year-calendar>

License

MIT © IOMechs

About

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

https://iomechs.github.io/angular-year-calendar

License:MIT License


Languages

Language:TypeScript 61.8%Language:HTML 28.0%Language:SCSS 5.9%Language:JavaScript 4.3%