title: Angular using ngbdatepicker throwing RangerError: Maximum call stack size exceeded
body: <p>I am using the following code in my angular component template.</p>
  <pre><code>&lt;input
    type=&quot;text&quot;
    (click)=&quot;dp.toggle()&quot;
    ngbDatepicker
    #dp=&quot;ngbDatepicker&quot;
    id=&quot;myDatePicker&quot;
    autocomplete=&quot;off&quot;
    placeholder=&quot;mm/dd/yyyy&quot;
    placement=&quot;bottom-left&quot;
    [maxDate]=&quot;maxDate&quot;
    formControlName=&quot;modifiedAfter&quot; /&gt;
  </code></pre>
  <p>form group:</p>
  <pre><code>the form in component is:
    searchForm = new FormGroup({
      modifiedAfter: new FormControl(null),
      name: new FormControl(null),
    }) as TypedFormGroup&lt;SearchModel&gt;;
  </code></pre>
  <p>Removing the ngbDatePicker attribute to the input element doesnt throw the error.</p>
  <p><a href="https://i.stack.imgur.com/qFGJj.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qFGJj.png" alt="enter image description here" /></a></p>