type=datetime-localに対応していないブラウザ用にフォールバックのpattern属性を追加

Author: kaizumaki

components/InputField.vue

@@ -6,7 +6,13 @@
         :class="['inputField', { 'inputField-error': showError }]"
         :style="{ fontSize: fontSizeMap.get(fontSize) }"
         :type="definedType"
-        :pattern="type === 'number' ? '\\d*' : null"
+        :pattern="
+          type === 'number'
+            ? '\\d*'
+            : type === 'datetime-local'
+            ? '[0-9]{4}-[0-9]{2}-[0-9]{2}T[0-9]{2}:[0-9]{2}'
+            : null
+        "
         :name="name"
         :placeholder="placeholder"
         :step="step"