Used in https://stackblitz.com/edit/monolithic-reactive-form

shipping.component.ts

import { Component, Output, EventEmitter, OnInit } from '@angular/core';
import { FormGroup, FormBuilder } from '@angular/forms';

@Component({
  selector: 'shipping-form',
  templateUrl: './shipping.component.html',
  styleUrls: [ './shipping.component.scss' ]
})
export class ShippingFormComponent  {
  @Output() formReady = new EventEmitter<FormGroup>()
  shippingForm: FormGroup;

  constructor(private fb: FormBuilder) {}

  ngOnInit() {
    this.shippingForm = this.fb.group({
      country: null,
      city: null,
      address: null,
      zip: null
    });

    // Emit the form group to the father to do whatever it wishes
    this.formReady.emit(this.shippingForm);
  }
}