add test for closing picker on outside click

packages/dnb-eufemia/src/components/date-picker/__tests__/DatePicker.test.tsx

@@ -5,6 +5,7 @@
 
 import React from 'react'
 import { axeComponent, loadScss, wait } from '../../../core/jest/jestSetup'
+import userEvent from '@testing-library/user-event'
 import DatePicker, { DatePickerProps } from '../DatePicker'
 
 jest.setTimeout(30e3)
@@ -83,6 +84,40 @@ describe('DatePicker component', () => {
     ).not.toContain('dnb-date-picker--closed')
   })
 
+  it('will close the picker on click outside', async () => {
+    render(<DatePicker {...defaultProps} />)
+
+    await userEvent.click(
+      document.querySelector('button.dnb-input__submit-button__button')
+    )
+
+    expect(
+      document
+        .querySelector('button.dnb-input__submit-button__button')
+
+        .getAttribute('aria-expanded')
+    ).toBe('true')
+
+    expect(
+      document
+        .querySelector('.dnb-date-picker')
+
+        .getAttribute('class')
+    ).toContain('dnb-date-picker--opened')
+
+    await userEvent.click(document.body)
+
+    expect(
+      document
+        .querySelector('button.dnb-input__submit-button__button')
+        .getAttribute('aria-expanded')
+    ).toBe('false')
+
+    expect(
+      document.querySelector('.dnb-date-picker').getAttribute('class')
+    ).not.toContain('dnb-date-picker--opened')
+  })
+
   it('will close the picker after selection', () => {
     const on_change = jest.fn()
     const { rerender } = render(