diff --git a/packages/input-datepicker/package.json b/packages/input-datepicker/package.json
index 08a6e729a..5d06985d7 100644
--- a/packages/input-datepicker/package.json
+++ b/packages/input-datepicker/package.json
@@ -41,7 +41,8 @@
     "@lion/input-date": "^0.1.43",
     "@lion/localize": "^0.4.12",
     "@lion/overlays": "^0.3.12",
-    "@lion/validate": "^0.2.25"
+    "@lion/validate": "^0.2.25",
+    "@lion/field": "^0.1.41"
   },
   "devDependencies": {
     "@lion/button": "^0.3.4",
diff --git a/packages/input-datepicker/test/lion-input-datepicker-integrations.test.js b/packages/input-datepicker/test/lion-input-datepicker-integrations.test.js
new file mode 100644
index 000000000..773a70b95
--- /dev/null
+++ b/packages/input-datepicker/test/lion-input-datepicker-integrations.test.js
@@ -0,0 +1,10 @@
+import { runInteractionStateMixinSuite } from '@lion/field/test-suites/InteractionStateMixin.suite.js';
+import '../lion-input-datepicker.js';
+
+describe('<lion-input-datepicker> integrations', () => {
+  runInteractionStateMixinSuite({
+    tagString: 'lion-input-datepicker',
+    suffix: 'lion-input-datepicker',
+    allowedModelValueTypes: [Date],
+  });
+});