diff --git a/src/pat/date-picker/date-picker.js b/src/pat/date-picker/date-picker.js
index 98abaa4e7..49e262277 100644
--- a/src/pat/date-picker/date-picker.js
+++ b/src/pat/date-picker/date-picker.js
@@ -10,7 +10,7 @@ import utils from "../../core/utils";
 const log = logging.getLogger("date-picker");
 
 export const parser = new Parser("date-picker");
-parser.addArgument("behavior", "styled", ["native", "styled"]);
+parser.addArgument("behavior", "styled", ["native", "styled", "keyboard"]);
 parser.addArgument("week-numbers", [], ["show", "hide"]);
 parser.addArgument("i18n"); // URL pointing to JSON resource with i18n values
 parser.addArgument("first-day", 0);
@@ -146,7 +146,10 @@ export default Base.extend({
             }
         } else if (disabled) {
             return;
-        } else if (utils.checkInputSupport("date", "invalid date")) {
+        } else if (
+            this.options.behavior !== "keyboard" &&
+            utils.checkInputSupport("date", "invalid date")
+        ) {
             // behavior native with native support.
             return;
         } else if (el.getAttribute("type") === "date") {
diff --git a/src/pat/date-picker/index.html b/src/pat/date-picker/index.html
index cbe0d809a..cd7bbdc56 100644
--- a/src/pat/date-picker/index.html
+++ b/src/pat/date-picker/index.html
@@ -45,6 +45,15 @@
                     <input class="pat-date-picker" type="date" /> </label
                 ><br />
 
+                <label
+                    >Using the JavaScript date picker together with an input field which can be edited with the keyboard directly.
+                    <input
+                        class="pat-date-picker"
+                        type="date"
+                        data-pat-date-picker="behavior: keyboard"
+                    /> </label
+                ><br />
+
                 <label
                     >Default value
                     <input