title: Cypress-Vuetify test issue: v-date-picker month buttons keep detaching
body: <p>I am running Cypress test on the following component:</p>
  <pre><code>&lt;v-row&gt;
            &lt;v-col cols=&quot;12&quot;&gt;
              &lt;v-date-picker
                v-model=&quot;calendarDate&quot;
                :allowed-dates=&quot;availableReportingMonths&quot;
                :landscape=&quot;false&quot;
                :min=&quot;earliestReportingDate&quot;
                :max=&quot;latestReportingDate&quot;
                :title-date-format=&quot;titleDateFormat&quot;
                @change=&quot;onReportingDateChanged&quot;
                small
                full-width
                type=&quot;month&quot;
                data-cy=&quot;dashboard_date_picker&quot;
              /&gt;
            &lt;/v-col&gt;
  &lt;/v-row&gt;
  </code></pre>
  <p>Here is the following Cypress test:</p>
  <pre><code>it( 'Date Selection Change', () =&gt; {
      cy.get( ticketDatePicker ).contains( 'December 2021' );
      cy.get( ticketDatePicker ).contains( '.v-btn', 'Oct' ).parent( 'td' ).click();
      cy.get( ticketDatePicker ).contains( 'Reporting Date: October 2021' );
   });
  </code></pre>
  <p>After this, I get an error message indicating the DOM element is detached:
  <a href="https://imgur.com/a/7vq3trc" rel="nofollow noreferrer">https://imgur.com/a/7vq3trc</a> (image link is posted because of low reputation).</p>
  <p>I can get the button, but I cannot click it. I would like to know if this is common or a Vuetify issue stemming from the well documented interaction issues.</p>