title: material-component-datetime-picker-You provided 'undefined' where a stream was expected. You can provide an Observable, Promise, Array, or Iterable
body: <p>I have tried to use the material-component-datetime-picker according to the documentation and following information contain about the environment.</p>
  <p>Angular</p>
  <p>Angular version : 10.1.0</p>
  <p>material version : 10.1.0</p>
  <p>angular-material-components/moment-adapter - 4.0.1</p>
  <p>angular-material-components/datetime-picker - 4.0.2</p>
  <p>Following is the code block to view datetime picker.</p>
  <pre><code>&lt;mat-form-field&gt; &lt;input matInput [ngxMatDatetimePicker]=&quot;picker&quot; placeholder=&quot;Choose a date&quot; [formControl]=&quot;tab._from&quot; [min]=&quot;minDate&quot; [max]=&quot;maxDate&quot; [disabled]=&quot;disabled&quot;&gt; &lt;mat-datepicker-toggle matSuffix [for]=&quot;picker&quot;&gt; &lt;/mat-datepicker-toggle&gt; &lt;ngx-mat-datetime-picker #picker [showSpinners]=&quot;showSpinners&quot; [showSeconds]=&quot;showSeconds&quot; [stepHour]=&quot;stepHour&quot; [stepMinute]=&quot;stepMinute&quot; [stepSecond]=&quot;stepSecond&quot; [touchUi]=&quot;touchUi&quot; [color]=&quot;color&quot;&gt; &lt;/ngx-mat-datetime-picker&gt; &lt;/mat-form-field&gt;
  </code></pre>
  <p>When I try to load the page, datetime-picker appears but following error appears on console.</p>
  <pre><code>ERROR TypeError: You provided 'undefined' where a stream was expected. You can provide an Observable, Promise, Array, or Iterable. at subscribeTo (subscribeTo.js:27) at subscribeToResult (subscribeToResult.js:11) at MergeMapSubscriber._innerSub (mergeMap.js:59) at MergeMapSubscriber._tryNext (mergeMap.js:53) at MergeMapSubscriber._next (mergeMap.js:36) at MergeMapSubscriber.next (Subscriber.js:49) at Observable._subscribe (subscribeToArray.js:3) at Observable._trySubscribe (Observable.js:42) at Observable.subscribe (Observable.js:28) at MergeMapOperator.call (mergeMap.js:21)
  </code></pre>
  <p><a href="https://i.stack.imgur.com/vdRng.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vdRng.png" alt="enter image description here" /></a></p>
  <p>TS File</p>
  <pre><code>export class Picker {
     @ViewChild('fromPicker') fromPicker: any;
    @ViewChild('toPicker') toPicker: any;
  
    public date: moment.Moment;
    public disabled = false;
    public showSpinners = true;
    public showSeconds = false;
    public touchUi = false;
    public enableMeridian = false;
    public minDate: moment.Moment;
    public maxDate: moment.Moment;
    public stepHour = 1;
    public stepMinute = 1;
    public stepSecond = 1;
    public color: ThemePalette = 'primary';
  
    public stepHours = [1, 2, 3, 4, 5];
    public stepMinutes = [1, 5, 10, 15, 20, 25];
    public stepSeconds = [1, 5, 10, 15, 20, 25];
  }
  </code></pre>
  <p>Seems like the error is related to picker that we use.</p>
  <p>Any reason or any missing dependencies?</p>