angular-calendar

angular 2.0+ calendar

Demo

https://mattlewis92.github.io/angular-calendar/demo/

Table of contents

• About
• Installation
• Documentation
• Development
• License

About

A calendar component for angular 2.0+ that can display events on a month, week or day view. The successor of: https://github.com/mattlewis92/angular-bootstrap-calendar

Getting started

First install through npm:

npm install --save angular-calendar

Next include the CSS file somewhere into your app:

node_modules/angular-calendar/dist/css/angular-calendar.css

Finally import the calendar module into your apps module:

import { NgModule } from '@angular/core';
import { CalendarModule } from 'angular-calendar';

@NgModule({
  imports: [
    CalendarModule.forRoot()
  ]
})
export class MyModule {}

Then you can use the mwl-calendar-month-view, mwl-calendar-week-view and mwl-calendar-day-view components in your app. For a full e2e example see the demo source.

To see all available API options see the auto generated documentation. Full e2e examples will follow in the future

Module bundlers

You can find quick start examples for all common module bundlers in the examples folder.

Usage without a module bundler

<script src="node_modules/angular-calendar/dist/umd/angular-calendar.js"></script>
<script>
    // everything is exported angularCalendar namespace
</script>

Angular 1 version

https://github.com/mattlewis92/angular-bootstrap-calendar

Development

Prepare your environment

• Install Node.js and NPM (should come with)
• Install local dev dependencies: npm install while current directory is this repo

Development server

Run npm start to start a development server on port 8000 with auto reload + tests.

Testing

Run npm test to run tests once or npm run test:watch to continually run tests.

Release

• Bump the version in package.json (once the module hits 1.0 this will become automatic)

npm run release

License

MIT

Changelog

0.4.4 (2016-12-07)

Bug Fixes

• date-fns: upgrade date-fns to fix module not found TS errors (733ed3e)

<a name="0.4.3"></a>