Angular Calendar Helper

This library was generated with Angular CLI version 13.0.0. This is a simple calendar helper build to show events in month or year style.

Screenshots

Month Calendar:

Month Calendar - Event Selected:

Year Calendar:

Year Calendar - Event Selected:

Installation:

1. Download from npm: npm install ngx-calendar-helper --save
2. Import the NgxCalendarHelperModule module: import {NgxCalendarHelperModule} from 'ngx-calendar-helper';
3. Add NgxCalendarHelperModule to your module imports:

 @NgModule({ ... imports: [ ... NgxCalendarHelperModule ] })

Usage

Put the ngx-calendar-helper component wherever you need it.

Attributes (Input):

| Name | Type | Default | Description | | ----------------- | :---------------: | :------: | :----------------------------------------------------------------: | | calendarType | "month"\|"year" | "year" | The mode of the calender which will be displayed | | showToggleButtons | Boolean | true | Show or hide the default toggle button for month and year calendar | | calendarEvents | array | [] | Pass in array of events to be displayed in the calendar |

calendarEvent: {
  title: string;
  date: string;
}
[] = [
  { title: "This is a special day", date: "2021-11-07" },
  { title: "This is a good day", date: "2021-01-27" },
  { title: "This is a nice day", date: "2021-08-17" },
];