Хорошо, но это правильный способ объединить форму со сборщиком даты?

даю простую форму бронирования со следующей формой, используя bootstrap 4 и angular 6 и igx-calendar для angular.IGX-календарь

HTML.

<form [formGroup]="angForm" class="form-element">
      <div class="col-sm-4 offset-sm-2 about-booking_calendar">
        <div class="form-group form-element_date">
        <app-calendar formControlName="date" #date></app-calendar>
        </div>
      </div>
      <div class="col-sm-4 about-booking_form">
        <div class="form-group form-element_email">
          <input type="email" class="form-control info" placeholder="Email" formControlName="email" #email (ngModelChange)="onChange($event)">
        </div>
        <div *ngIf="angForm.controls['email'].invalid && (angForm.controls['email'].dirty || angForm.controls['email'].touched)"
          class="alert alert-danger">
          <div *ngIf="angForm.controls['email'].errors.required">
            Email is required.
          </div>
        </div>
        <div class="input-group mb-3 form-element_city">
          <select class="custom-select" id="inputGroupSelect01" #cityName>
            <option selected *ngFor="let city of cities" [ngValue]="city.name">{{city.name}}</option>

          </select>
        </div>
        <div class="input-group mb-3 form-element_hotel">
          <select class="custom-select" id="inputGroupSelect01" #hotelName>
            <option selected *ngFor="let hotel of hotels" [ngValue]="hotel.name">{{hotel.name}}</option>

          </select>
        </div>
        <div class="form-group">
          <button type="submit" (click)="addReview(date.value, email.value, cityName.value , hotelName.value)" class="btn btn-primary btn-block form-element_btn"
            [disabled]="!validEmail">Book</button>
        </div>
      </div>
    </form>

календарь component.ts

import { Component, forwardRef, Input, OnInit, ElementRef, ViewChild } from '@angular/core';
import { IgxCalendarComponent, IgxDialogComponent } from 'igniteui-angular';
import { FormControl, ControlValueAccessor, NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
@Component({
  selector: 'app-calendar',
  templateUrl: './calendar.component.html',
  styleUrls: ['./calendar.component.scss'],
  providers: [
    { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => CalendarComponent), multi: true }
  ]
})
export class CalendarComponent implements ControlValueAccessor, OnInit {
  @ViewChild('calendar') public calendar: IgxCalendarComponent;
  @ViewChild('alert') public dialog: IgxDialogComponent;
  // tslint:disable-next-line:no-input-rename
  @Input('date') _date;
  @ViewChild('date') private elDate: ElementRef;
  instance;
  propagateChange: any = () => { };
  ngOnInit() {
    this.instance = this.calendar(this.elDate.nativeElement, {
      defaultDate: this.date,
      onChange: (selectedDates, dateStr, instance) => {
        this.date = selectedDates[0];
      }
    });
  }
  get date() {
    return this._date;
  }

  set date(val) {
    this._date = val;
    this.propagateChange(val);
  }

  writeValue(value) {
    if (value) {
      this.date = value;
      this.instance.setDate(this.date, true);
    }
  }

  registerOnChange(fn) {
    this.propagateChange = fn;
  }

  registerOnTouched() { }

  public verifyRange(dates: Date[]) {
    if (dates.length > 5) {
      this.calendar.selectDate(dates[0]);
      this.dialog.open();
    }
  }
}

NB: Вот визуальный вид:

При компиляции я получаю следующую ошибку: сначала проблема в этой строке:

  ngOnInit() {
    this.instance = this.calendar(this.elDate.nativeElement, {
      defaultDate: this.date,
      onChange: (selectedDates, dateStr, instance) => {
        this.date = selectedDates[0];
      }
    });
  }

Для справки я использовал этот метод в этой ссылке: next.plnkr.co/edit/okIjPb6aUcrzx3t7edae?p=info&preview они используют flatpickr Я использую igx-calendar из:

Ошибка: невозможно вызвать выражение, тип которого не имеет подписи вызова. Тип «IgxCalendarComponent» не имеет совместимых подписей вызовов.

Я просто хочу, чтобы пользователь выбрал дату и заполнил форму, такую ​​как электронная почта, город, отель и смог отправить форму.

Что не так с моим кодом? Пожалуйста, помогите, я только учусь всему этому.