diff --git a/src/vaadin-date-picker-text-field.html b/src/vaadin-date-picker-text-field.html
new file mode 100644
index 00000000..441a06b6
--- /dev/null
+++ b/src/vaadin-date-picker-text-field.html
@@ -0,0 +1,58 @@
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/vaadin-date-picker.html b/src/vaadin-date-picker.html
index e74fc125..559fb722 100644
--- a/src/vaadin-date-picker.html
+++ b/src/vaadin-date-picker.html
@@ -13,7 +13,7 @@
-
+
@@ -38,7 +38,7 @@
-
-
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/theme/lumo/vaadin-date-picker-text-field.html b/theme/lumo/vaadin-date-picker-text-field.html
new file mode 100644
index 00000000..e567a4c7
--- /dev/null
+++ b/theme/lumo/vaadin-date-picker-text-field.html
@@ -0,0 +1,3 @@
+
+
+
\ No newline at end of file
diff --git a/theme/lumo/vaadin-date-picker.html b/theme/lumo/vaadin-date-picker.html
index 8826f066..36961bc9 100644
--- a/theme/lumo/vaadin-date-picker.html
+++ b/theme/lumo/vaadin-date-picker.html
@@ -2,4 +2,5 @@
+
diff --git a/theme/material/vaadin-date-picker-styles.html b/theme/material/vaadin-date-picker-styles.html
index a4590de5..ef7b30cd 100644
--- a/theme/material/vaadin-date-picker-styles.html
+++ b/theme/material/vaadin-date-picker-styles.html
@@ -1,7 +1,6 @@
-
diff --git a/theme/material/vaadin-date-picker-text-field.html b/theme/material/vaadin-date-picker-text-field.html
new file mode 100644
index 00000000..f46a6694
--- /dev/null
+++ b/theme/material/vaadin-date-picker-text-field.html
@@ -0,0 +1,3 @@
+
+
+
\ No newline at end of file
diff --git a/theme/material/vaadin-date-picker.html b/theme/material/vaadin-date-picker.html
index c10d9607..c0b2e2fe 100644
--- a/theme/material/vaadin-date-picker.html
+++ b/theme/material/vaadin-date-picker.html
@@ -1,2 +1,3 @@
+