Made lots of changes, deleted all components

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

@@ -0,0 +1,54 @@
+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: '',
+    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();
+  }
+}