Merge pull request #1747 from bolt/fix/required-for-date-fields

Make "required" for Date fields work

assets/js/app/editor/Components/Date.vue

@@ -44,6 +44,7 @@
 <script>
 import value from '../mixins/value';
 import flatPickr from 'vue-flatpickr-component';
+import $ from 'jquery';
 
 export default {
   name: 'EditorDate',
@@ -120,6 +121,14 @@ export default {
     }
   },
 
-  mounted() {},
+  mounted() {
+    // Standard HTML validation doesn't work for fields that are 'readonly'. We
+    // this hack makes the field "editable" but have it lose focus if focused.
+    // @see https://github.com/flatpickr/flatpickr/issues/892
+    $('#datetimepicker').on('focus', ({ currentTarget }) =>
+      $(currentTarget).blur(),
+    );
+    $('#datetimepicker').prop('readonly', false);
+  },
 };
 </script>