ngx-calendar-helper

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" },
];