doneit-web/src/app/pages/cal-modal/cal-modal.page.ts

import { Component, OnInit, AfterViewInit } from '@angular/core';
import { ModalController } from '@ionic/angular';

@Component({
  selector: 'app-cal-modal',
  templateUrl: './cal-modal.page.html',
  styleUrls: ['./cal-modal.page.scss'],
})
export class CalModalPage implements AfterViewInit {

  calendar = {
    mode: 'month',
    currentDate: new Date()
  };
  
  viewTitle: string;

  event = {
    title: '',
    desc: '',
    place: '',
    people: '',
    group: '',
    type: '',
    frequency: '',
    startTime: null,
    endTime: null,
    allDay: true
  };

  modalReady = false;

  constructor(private modalCtrl: ModalController) { }

  ngOnInit() {
  }

  ngAfterViewInit(): void {
    setTimeout(()=>{
      this.modalReady = true;
    }, 0);
  }

  save(){
    this.modalCtrl.dismiss({event: this.event})
  }

  onViewTitleChanged(title){
    this.viewTitle = title;
  }

  onTimeSelected(ev){
    this.event.startTime = new Date(ev.selectedTime);
  }

  close(){
    this.modalCtrl.dismiss();
  }
}