title: how to close mat calendary using tab , close calendar when tab is pressed twice
body: <p>when I press tab it opens the calendar but when I press tab again it should be close , the tab method or event no longer works when the calendar is opened unless I press escape , is there a way to these guys ? Thank you.</p>
  <p>this is the only solution I know to set the focus back to the calendar</p>
  <p>#screenshot</p>
  <p><a href="https://i.stack.imgur.com/uSSXq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/uSSXq.png" alt="enter image description here" /></a></p>
  <p>#ts code</p>
  <pre><code> &lt;div fxLayout=&quot;row&quot; style=&quot;max-width: 100px;&quot;&gt;
                          &lt;input [readonly]=&quot;true&quot; (click)=&quot;openPicker(pickerTargetDate);&quot; 
                              [(ngModel)]=&quot;data.targetDate&quot; 
                               appFocusOnLoad
                              (focus)=&quot;pickerTargetDate.open()&quot; 
                              (keydown.Tab)=&quot;onEditTableInputsKeydownTab(i, 'actualProjectedDate')&quot; 
                              matInput
                              [matDatepicker]=&quot;pickerTargetDate&quot;
                              (dateChange)=&quot;dateChange(data,'parent','targetDate')&quot; &gt;
                          &lt;mat-datepicker #pickerTargetDate&gt;&lt;/mat-datepicker&gt;
                          &lt;span *ngIf=&quot;data.targetDate &amp;&amp; data.isRequired&quot; (click)=&quot;openPicker(pickerTargetDate);&quot;
                              style=&quot;font-size: 20px;padding-top: 4px;margin-right:5px;&quot;&gt;
                              calendar_today
                          &lt;/span&gt;
                      &lt;/div&gt;
  </code></pre>
  <p>#Ts code</p>
  <pre><code>onEditKeydownTab(index, columnName: string) {
      this.editTable(index, columnName)
    }
   editTable(index:number,columnName: string , ) {
      this.indexEditing=index;
      this.selectedCell = columnName;
    }
  </code></pre>