Adds pattern fallback for date and time inputs

bootboxjs · Nov 10, 2022 · 686963a · 686963a
1 parent c0541a7
commit 686963a
Show file tree

Hide file tree

Showing 5 changed files with 30 additions and 2 deletions.
diff --git a/bootbox.js b/bootbox.js
@@ -682,6 +682,16 @@
         if (options.pattern) {
           input.attr('pattern', options.pattern);
         }
+        else {
+          if(options.inputType === 'date') {
+            // Add the ISO-8601 short date format as a fallback for browsers without native type="date" support
+            input.attr('pattern', '\d{4}-\d{2}-\d{2}');
+          }
+          else if(options.inputType === 'time') {
+            // Add an HH:MM pattern as a fallback for browsers without native type="time" support
+            input.attr('pattern', '\d{2}:\d{2}');
+          }
+        }
 
         if (options.required) {
           input.prop({ 'required': true });

diff --git a/dist/bootbox.all.js b/dist/bootbox.all.js
@@ -687,6 +687,14 @@
 
         if (options.pattern) {
           input.attr('pattern', options.pattern);
+        } else {
+          if (options.inputType === 'date') {
+            // Add the ISO-8601 short date format as a fallback for browsers without native type="date" support
+            input.attr('pattern', '\d{4}-\d{2}-\d{2}');
+          } else if (options.inputType === 'time') {
+            // Add an HH:MM pattern as a fallback for browsers without native type="time" support
+            input.attr('pattern', '\d{2}:\d{2}');
+          }
         }
 
         if (options.required) {

diff --git a/dist/bootbox.all.min.js b/dist/bootbox.all.min.js
diff --git a/dist/bootbox.js b/dist/bootbox.js
@@ -682,6 +682,16 @@
         if (options.pattern) {
           input.attr('pattern', options.pattern);
         }
+        else {
+          if(options.inputType === 'date') {
+            // Add the ISO-8601 short date format as a fallback for browsers without native type="date" support
+            input.attr('pattern', '\d{4}-\d{2}-\d{2}');
+          }
+          else if(options.inputType === 'time') {
+            // Add an HH:MM pattern as a fallback for browsers without native type="time" support
+            input.attr('pattern', '\d{2}:\d{2}');
+          }
+        }
 
         if (options.required) {
           input.prop({ 'required': true });

diff --git a/dist/bootbox.min.js b/dist/bootbox.min.js