ionic2-calendar2
That project support base calendar directive with Month, Week, Day views that can easy to integrate with your mobile app.
It's just for fun and expose a part my research on calendar processing with Google Calendar, Apple Calendar, iCalendar, etc.
Some source in that library should be easy to apply but maybe hard to extends to adapt on what you need. It's a message for user want developer extend that library and think about it does 80% work. The rest, 20% hardest things for your developer so should play nice. :D
Read more about source code, class used in this repository.
# Clone the repository into xmobe/ui folder
npm install ionic2-calendar2 --save
# app.module.ts
import { CalendarModule } from 'ionic2-calendar2';
imports: [
CalendarModule,
]
# *.html
<calendar></calendar>
cli packages: (/usr/local/lib/node_modules)
@ionic/cli-utils : 1.19.0
ionic (Ionic CLI) : 3.19.0
System:
Node : v8.4.0
npm : 5.5.1
OS : macOS Sierra
Misc:
backend : pro
# lack moment
npm install moment --save
# lack next previous month buttons
npm install font-awesome --save
# Oganize font-awesome resources in your ionic2 project to meet your desire.
project-root-folder
├─ src
| └─ assets
| ├─ fonts
| └─ font-awesome
└─ ...
Thank Kenneth Hou for an inspired calendar style https://dribbble.com/shots/1269664-Calendar-Screen.