customcal v1.0.27

Ionic3 Custom Calendar Component with multi language support

This is a simple calendar component for your Ionic 3+ app.

##ISO 639-1 defines abbreviations for languages.

Using this module in an Ionic app

// Import the module and component
import {MycalComponentModule} from 'customcal';
@NgModule({
  declarations: [
    FavPage,
  ],
  imports: [
    MycalComponentModule,
    IonicPageModule.forChild(FavPage),
  ],
})
export class FavPageModule {}

Once you have imported the module, you can use it inside your pages like this:

import { MycalComponent } from 'customcal';
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  lang='en'
  currentEvents = [
    {
      year: 2019,
      month: 2,
      date: 25
    },
    {
      year: 2019,
      month: 2,
      date: 26
    }
  ];
  
  constructor(public navCtrl: NavController, public navParams: NavParams) {}

  ionViewDidLoad() {
    console.log('ionViewDidLoad FavPage');
  }

  onDaySelect(e){
    console.log(e);
  }
  onMonthSelect(e){
    console.log(e);
  }

}

<ion-content padding>
  <mycal [lang]=lang [events]="currentEvents" (onDaySelect)="onDaySelect($event)" (onMonthSelect)="onMonthSelect($event)"></mycal>
</ion-content>

Calendar Sample: