@digigov/form 2.0.0-555d1027 → 2.0.0-5e7a6790

package/src/FormBuilder/scenarios.test.tsx

@@ -77,6 +77,29 @@ const fillDateInput = async ({ formBuilder, fill }) => {
   await yearInput.fill(value?.year || '');
 };
 
+const fillDateTimeInput = async ({ formBuilder, fill }) => {
+  const { fieldKey, value } = fill;
+
+  const dayInput = await getLocator(formBuilder, 'name', `${fieldKey}-day`);
+  await dayInput.fill(value?.day || '');
+
+  const monthInput = await getLocator(formBuilder, 'name', `${fieldKey}-month`);
+  await monthInput.fill(value?.month || '');
+
+  const yearInput = await getLocator(formBuilder, 'name', `${fieldKey}-year`);
+  await yearInput.fill(value?.year || '');
+
+  const hourInput = await getLocator(formBuilder, 'name', `${fieldKey}-hours`);
+  await hourInput.fill(value?.hours || '');
+
+  const minuteInput = await getLocator(
+    formBuilder,
+    'name',
+    `${fieldKey}-minutes`
+  );
+  await minuteInput.fill(value?.minutes || '');
+};
+
 const fillChoiceMultiple = async ({ formBuilder, fill, field }) => {
   const { fieldKey, value } = fill;
 
@@ -412,6 +435,7 @@ const fillActionPerType = {
   phone_number: fillSimpleInput,
 
   date: fillDateInput,
+  datetime: fillDateTimeInput,
   otp: fillOtpInput,
   image: fillImageInput,
   file: fillFileInput,
@@ -643,6 +667,8 @@ const el = {
       day: 'Ημέρα',
       month: 'Μήνας',
       year: 'Έτος',
+      hours: 'Ώρα',
+      minutes: 'Λεπτά',
     },
     error: {
       required: 'Το πεδίο είναι υποχρεωτικό.',
@@ -651,6 +677,7 @@ const el = {
       string: 'Το πεδίο πρέπει να είναι string',
       email: 'Συμπληρώστε μια έγκυρη ηλεκτρονική διεύθυνση (e-mail).',
       afm: 'Ο Α.Φ.Μ που πληκτρολογήσατε είναι λανθασμένος.',
+      amka: 'Ο ΑΜΚΑ που συμπληρώσατε δεν είναι έγκυρος.',
       file_size:
         'Το μέγεθος του αρχείου είναι μεγαλύτερο από το επιτρεπόμενο ({{maxSize}} Bytes).',
       image_size:
@@ -670,8 +697,87 @@ const el = {
       },
       date: {
         invalid: 'Η ημερομηνία πρέπει να είναι έγκυρη.',
+        invalid_month_year:
+          'Η ημερομηνία πρέπει να περιλαμβάνει τον μήνα και το έτος.',
+        invalid_day_year:
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα και το έτος.',
+        invalid_day_month:
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα και τον μήνα.',
+        invalid_day: 'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα.',
+        invalid_month: 'Η ημερομηνία πρέπει να περιλαμβάνει τον μήνα.',
+        invalid_year: 'Η ημερομηνία πρέπει να περιλαμβάνει το ετος.',
         earlier_than: 'Συμπληρώστε μια ημερομηνία προγενέστερη της {{maxDate}}',
         later_than: 'Συμπληρώστε μια ημερομηνία μεταγενέστερη της {{minDate}}',
+        invalid_day_range: 'Η ήμέρα πρέπει να είναι μεταξύ 1 και {{maxDay}}.',
+        invalid_month_range: 'Ο μήνας πρέπει να είναι μεταξύ 1 και 12.',
+      },
+      datetime: {
+        invalid: 'Η ημερομηνία και ώρα πρέπει να είναι έγκυρη.',
+        invalid_month_year_hours_minutes:
+          'Η ημερομηνία πρέπει να περιλαμβάνει τον μήνα, το έτος, την ώρα και τα λεπτά.',
+        invalid_day_year_hours_minutes:
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα, το έτος, την ώρα και τα λεπτά.',
+        invalid_day_month_hours_minutes:
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα, τον μήνα, την ώρα και τα λεπτά.',
+        invalid_year_hours_minutes:
+          'Η ημερομηνία πρέπει να περιλαμβάνει το έτος, την ώρα και τα λεπτά.',
+        invalid_month_hours_minutes:
+          'Η ημερομηνία πρέπει να περιλαμβάνει τον μήνα, την ώρα και τα λεπτά.',
+        invalid_day_hours_minutes:
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα, την ώρα και τα λεπτά.',
+        invalid__hours_minutes:
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ώρα και τα λεπτά.',
+        invalid_minutes: 'Η ημερομηνία πρέπει να περιλαμβάνει τα λεπτά.',
+        invalid_hours: 'Η ημερομηνία πρέπει να περιλαμβάνει την ώρα.',
+        invalid_month_year_minutes:
+          'Η ημερομηνία πρέπει να περιλαμβάνει τον μήνα, το έτος και τα λεπτά.',
+        invalid_month_year_hours:
+          'Η ημερομηνία πρέπει να περιλαμβάνει τον μήνα, το έτος και την ώρα.',
+        invalid_month_year:
+          'Η ημερομηνία πρέπει να περιλαμβάνει τον μήνα και το έτος.',
+        invalid_day_year_minutes:
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα, το έτος και τα λεπτά.',
+        invalid_day_year_hours:
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα, το έτος και την ώρα.',
+        invalid_day_month_year:
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα, τον μήνα και το έτος.',
+        invalid_day_month_year_hours:
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα, τον μήνα, το έτος και την ώρα.',
+        invalid_day_year:
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα και το έτος.',
+        invalid_day_month_minutes:
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα, τον μήνα και τα λεπτά.',
+        invalid_day_month_hours:
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα, τον μήνα και την ώρα.',
+        invalid_day_month:
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα και τον μήνα.',
+        invalid_year_minutes:
+          'Η ημερομηνία πρέπει να περιλαμβάνει το έτος και τα λεπτά.',
+        invalid_year_hours:
+          'Η ημερομηνία πρέπει να περιλαμβάνει το έτος και την ώρα.',
+        invalid_year: 'Η ημερομηνία πρέπει να περιλαμβάνει το έτος.',
+        invalid_month_minutes:
+          'Η ημερομηνία πρέπει να περιλαμβάνει τον μήνα και τα λεπτά.',
+        invalid_month_hours:
+          'Η ημερομηνία πρέπει να περιλαμβάνει τον μήνα και την ώρα.',
+        invalid_month: 'Η ημερομηνία πρέπει να περιλαμβάνει τον μήνα.',
+        invalid_day_minutes:
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα και τα λεπτά.',
+        invalid_day_hours:
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα και την ώρα.',
+        invalid_day: 'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα.',
+        invalid_hours_range: 'Η ώρα πρέπει να είναι μεταξύ 0 και 23.',
+        invalid_minutes_range: 'Τα λεπτά πρέπει να είναι μεταξύ 0 και 59.',
+        invalid_day_range: 'Η ημέρα πρέπει να είναι μεταξύ 1 και {{maxDay}}.',
+        invalid_month_range: 'Ο μήνας πρέπει να είναι μεταξύ 1 και 12.',
+        invalid_day_month_year_minutes:
+          'Η ημερομηννία πρέπει να περιλαμβάνει την ημέρα, τον μήνα και το έτος κ  τα λεπτά.',
+        invalid_hours_minutes:
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ώρα και τα λεπτά.',
+        earlier_than:
+          'Συμπληρώστε ημερομηνία και ώρα προγενέστερη της {{maxDateTime}}.',
+        later_than:
+          'Συμπληρώστε ημερομηνία και ώρα μεταγενέστερη της {{minDateTime}}.',
       },
       otp: {
         invalid: 'Ο κωδικός που έχετε εισάγει είναι λάθος.',
@@ -699,6 +805,33 @@ export const INPUTS_FIELDS = [
       secondary: 'Για παράδειγμα, 05 11 2020',
     },
   },
+  {
+    key: 'date-example-2',
+    type: 'date',
+    required: true,
+    label: {
+      primary: 'Ποιά είναι η ημερομηνία γέννησής σας;',
+      secondary: 'Για παράδειγμα, 05 11 2020',
+    },
+  },
+  {
+    key: 'datetime-example',
+    type: 'datetime',
+    required: true,
+    label: {
+      primary: 'Πότε εκδόθηκε το διαβατήριο σας;',
+      secondary: 'Για παράδειγμα, 05 11 2020 13:30',
+    },
+  },
+  {
+    key: 'datetime-example-2',
+    type: 'datetime',
+    required: true,
+    label: {
+      primary: 'Πότε εκδόθηκε το διαβατήριο σας;',
+      secondary: 'Για παράδειγμα, 05 11 2020 13:30',
+    },
+  },
   {
     key: 'otp',
     type: 'otp',
@@ -858,6 +991,34 @@ const inputsScenarios = [
           year: '2020',
         },
       },
+      {
+        fieldKey: 'date-example-2',
+        value: {
+          day: '2',
+          month: '1',
+          year: '2020',
+        },
+      },
+      {
+        fieldKey: 'datetime-example',
+        value: {
+          day: '22',
+          month: '11',
+          year: '2020',
+          hours: '22',
+          minutes: '22',
+        },
+      },
+      {
+        fieldKey: 'datetime-example-2',
+        value: {
+          day: '2',
+          month: '1',
+          year: '2020',
+          hours: '2',
+          minutes: '2',
+        },
+      },
       {
         fieldKey: 'otp',
         value: {
@@ -912,6 +1073,21 @@ const inputsScenarios = [
         fieldKey: 'date-example',
         text: el.form.error.date.invalid,
       },
+      {
+        type: 'success',
+        fieldKey: 'date-example-2',
+        text: el.form.error.date.invalid,
+      },
+      {
+        type: 'success',
+        fieldKey: 'datetime-example',
+        text: el.form.error.required,
+      },
+      {
+        type: 'success',
+        fieldKey: 'datetime-example-2',
+        text: el.form.error.required,
+      },
       {
         type: 'success',
         fieldKey: 'otp',
@@ -968,6 +1144,11 @@ const inputsScenarios = [
         fieldKey: 'date-example',
         text: el.form.error.required,
       },
+      {
+        type: 'error',
+        fieldKey: 'datetime-example',
+        text: el.form.error.required,
+      },
       {
         type: 'error',
         fieldKey: 'otp',
@@ -1023,6 +1204,259 @@ const inputsScenarios = [
           secondary: 'Για παράδειγμα, 05 11 2020',
         },
       },
+      {
+        key: 'date-example-2',
+        type: 'date',
+        required: true,
+        label: {
+          primary: 'Ποιά είναι η ημερομηνία γέννησής σας;',
+          secondary: 'Για παράδειγμα, 05 11 2020',
+        },
+      },
+      {
+        key: 'date-example-3',
+        type: 'date',
+        required: true,
+        label: {
+          primary: 'Ποιά είναι η ημερομηνία γέννησής σας;',
+          secondary: 'Για παράδειγμα, 05 11 2020',
+        },
+      },
+      {
+        key: 'date-example-4',
+        type: 'date',
+        required: true,
+        label: {
+          primary: 'Ποιά είναι η ημερομηνία γέννησής σας;',
+          secondary: 'Για παράδειγμα, 05 11 2020',
+        },
+      },
+      {
+        key: 'date-example-5',
+        type: 'date',
+        required: true,
+        label: {
+          primary: 'Ποιά είναι η ημερομηνία γέννησής σας;',
+          secondary: 'Για παράδειγμα, 05 11 2020',
+        },
+      },
+      {
+        key: 'date-example-6',
+        type: 'date',
+        required: true,
+        label: {
+          primary: 'Ποιά είναι η ημερομηνία γέννησής σας;',
+          secondary: 'Για παράδειγμα, 05 11 2020',
+        },
+      },
+      {
+        key: 'date-example-7',
+        type: 'date',
+        required: true,
+        label: {
+          primary: 'Ποιά είναι η ημερομηνία γέννησής σας;',
+          secondary: 'Για παράδειγμα, 05 11 2020',
+        },
+      },
+      {
+        key: 'datetime-example-1',
+        type: 'datetime',
+        required: true,
+        label: {
+          primary: 'Ποιά είναι η ημερομηνία και ώρα του ραντεβού;',
+          secondary: 'Για παράδειγμα, 05/11/2020 14:30',
+        },
+      },
+      {
+        key: 'datetime-example-2',
+        type: 'datetime',
+        required: true,
+        label: {
+          primary: 'Ποιά είναι η ημερομηνία και ώρα του ραντεβού;',
+          secondary: 'Για παράδειγμα, 05/11/2020 14:30',
+        },
+      },
+      {
+        key: 'datetime-example-3',
+        type: 'datetime',
+        required: true,
+        label: {
+          primary: 'Ποιά είναι η ημερομηνία και ώρα του ραντεβού;',
+          secondary: 'Για παράδειγμα, 05/11/2020 14:30',
+        },
+      },
+      {
+        key: 'datetime-example-4',
+        type: 'datetime',
+        required: true,
+        label: {
+          primary: 'Ποιά είναι η ημερομηνία και ώρα του ραντεβού;',
+          secondary: 'Για παράδειγμα, 05/11/2020 14:30',
+        },
+      },
+      {
+        key: 'datetime-example-5',
+        type: 'datetime',
+        required: true,
+        label: {
+          primary: 'Ποιά είναι η ημερομηνία και ώρα του ραντεβού;',
+          secondary: 'Για παράδειγμα, 05/11/2020 14:30',
+        },
+      },
+
+      {
+        key: 'datetime-example-6',
+        type: 'datetime',
+        required: true,
+        label: {
+          primary: 'Ποιά είναι η ημερομηνία και ώρα του ραντεβού;',
+          secondary: 'Για παράδειγμα, 05/11/2020 14:30',
+        },
+      },
+      {
+        key: 'datetime-example-7',
+        type: 'datetime',
+        required: true,
+        label: {
+          primary: 'Ποιά είναι η ημερομηνία και ώρα του ραντεβού;',
+          secondary: 'Για παράδειγμα, 05/11/2020 14:30',
+        },
+      },
+      {
+        key: 'datetime-example-8',
+        type: 'datetime',
+        required: true,
+        label: {
+          primary: 'Ποιά είναι η ημερομηνία γέννησής σας;',
+          secondary: 'Για παράδειγμα, 05 11 2020',
+        },
+      },
+      {
+        key: 'datetime-example-9',
+        type: 'datetime',
+        required: true,
+        label: {
+          primary: 'Ποιά είναι η ημερομηνία γέννησής σας;',
+          secondary: 'Για παράδειγμα, 05 11 2020',
+        },
+      },
+      {
+        key: 'datetime-example-10',
+        type: 'datetime',
+        required: true,
+        label: {
+          primary: 'Ποιά είναι η ημερομηνία γέννησής σας;',
+          secondary: 'Για παράδειγμα, 05 11 2020',
+        },
+      },
+      {
+        key: 'datetime-example-11',
+        type: 'datetime',
+        required: true,
+        label: {
+          primary: 'Ποιά είναι η ημερομηνία γέννησής σας;',
+          secondary: 'Για παράδειγμα, 05 11 2020',
+        },
+      },
+      {
+        key: 'datetime-example-12',
+        type: 'datetime',
+        required: true,
+        label: {
+          primary: 'Ποιά είναι η ημερομηνία γέννησής σας;',
+          secondary: 'Για παράδειγμα, 05 11 2020',
+        },
+      },
+      {
+        key: 'datetime-example-13',
+        type: 'datetime',
+        required: true,
+        label: {
+          primary: 'Ποιά είναι η ημερομηνία γέννησής σας;',
+          secondary: 'Για παράδειγμα, 05 11 2020',
+        },
+      },
+      {
+        key: 'datetime-example-14',
+        type: 'datetime',
+        required: true,
+        label: {
+          primary: 'Ποιά είναι η ημερομηνία γέννησής σας;',
+          secondary: 'Για παράδειγμα, 05 11 2020',
+        },
+      },
+      {
+        key: 'datetime-example-15',
+        type: 'datetime',
+        required: true,
+        label: {
+          primary: 'Ποιά είναι η ημερομηνία γέννησής σας;',
+          secondary: 'Για παράδειγμα, 05 11 2020',
+        },
+      },
+      {
+        key: 'datetime-example-16',
+        type: 'datetime',
+        required: true,
+        label: {
+          primary: 'Ποιά είναι η ημερομηνία γέννησής σας;',
+          secondary: 'Για παράδειγμα, 05 11 2020',
+        },
+      },
+      {
+        key: 'datetime-example-17',
+        type: 'datetime',
+        required: true,
+        label: {
+          primary: 'Ποιά είναι η ημερομηνία γέννησής σας;',
+          secondary: 'Για παράδειγμα, 05 11 2020',
+        },
+      },
+      {
+        key: 'datetime-example-18',
+        type: 'datetime',
+        required: true,
+        label: {
+          primary: 'Ποιά είναι η ημερομηνία γέννησής σας;',
+          secondary: 'Για παράδειγμα, 05 11 2020',
+        },
+      },
+      {
+        key: 'datetime-example-19',
+        type: 'datetime',
+        required: true,
+        label: {
+          primary: 'Ποιά είναι η ημερομηνία γέννησής σας;',
+          secondary: 'Για παράδειγμα, 05 11 2020',
+        },
+      },
+      {
+        key: 'datetime-example-20',
+        type: 'datetime',
+        required: true,
+        label: {
+          primary: 'Ποιά είναι η ημερομηνία γέννησής σας;',
+          secondary: 'Για παράδειγμα, 05 11 2020',
+        },
+      },
+      {
+        key: 'datetime-example-21',
+        type: 'datetime',
+        required: true,
+        label: {
+          primary: 'Ποιά είναι η ημερομηνία γέννησής σας;',
+          secondary: 'Για παράδειγμα, 05 11 2020',
+        },
+      },
+      {
+        key: 'datetime-example-22',
+        type: 'datetime',
+        required: true,
+        label: {
+          primary: 'Ποιά είναι η ημερομηνία γέννησής σας;',
+          secondary: 'Για παράδειγμα, 05 11 2020',
+        },
+      },
       {
         key: 'otp',
         type: 'otp',
@@ -1042,6 +1476,160 @@ const inputsScenarios = [
           year: '2020',
         },
       },
+      {
+        fieldKey: 'date-example-2',
+        value: {
+          day: '',
+          month: '11',
+          year: '2020',
+        },
+      },
+      {
+        fieldKey: 'date-example-3',
+        value: {
+          day: '11',
+          month: '',
+          year: '2020',
+        },
+      },
+      {
+        fieldKey: 'date-example-4',
+        value: {
+          day: '11',
+          month: '11',
+          year: '',
+        },
+      },
+      {
+        fieldKey: 'date-example-5',
+        value: {
+          day: '',
+          month: '',
+          year: '2020',
+        },
+      },
+      {
+        fieldKey: 'date-example-6',
+        value: {
+          day: '',
+          month: '11',
+          year: '',
+        },
+      },
+      {
+        fieldKey: 'date-example-7',
+        value: {
+          day: '11',
+          month: '',
+          year: '',
+        },
+      },
+      {
+        fieldKey: 'datetime-example-1',
+        value: {
+          day: 'a2',
+          month: '11',
+          year: '2024',
+          hours: '15',
+          minutes: '15',
+        },
+      },
+      {
+        fieldKey: 'datetime-example-2',
+        value: { day: '12', month: '', year: '', hours: '', minutes: '' },
+      },
+      {
+        fieldKey: 'datetime-example-3',
+        value: { day: '', month: '12', year: '', hours: '', minutes: '' },
+      },
+      {
+        fieldKey: 'datetime-example-4',
+        value: { day: '', month: '', year: '2024', hours: '', minutes: '' },
+      },
+      {
+        fieldKey: 'datetime-example-5',
+        value: { day: '', month: '', year: '', hours: '13', minutes: '' },
+      },
+      {
+        fieldKey: 'datetime-example-6',
+        value: { day: '', month: '', year: '', hours: '', minutes: '45' },
+      },
+      {
+        fieldKey: 'datetime-example-7',
+        value: { day: '12', month: '11', year: '', hours: '', minutes: '' },
+      },
+      {
+        fieldKey: 'datetime-example-8',
+        value: { day: '12', month: '', year: '2024', hours: '', minutes: '' },
+      },
+      {
+        fieldKey: 'datetime-example-9',
+        value: { day: '', month: '11', year: '2024', hours: '', minutes: '' },
+      },
+      {
+        fieldKey: 'datetime-example-10',
+        value: { day: '12', month: '11', year: '2024', hours: '', minutes: '' },
+      },
+      {
+        fieldKey: 'datetime-example-11',
+        value: {
+          day: '12',
+          month: '11',
+          year: '2024',
+          hours: '15',
+          minutes: '',
+        },
+      },
+      {
+        fieldKey: 'datetime-example-12',
+        value: {
+          day: '12',
+          month: '11',
+          year: '2024',
+          hours: '',
+          minutes: '15',
+        },
+      },
+      {
+        fieldKey: 'datetime-example-13',
+        value: { day: '12', month: '', year: '', hours: '15', minutes: '' },
+      },
+      {
+        fieldKey: 'datetime-example-14',
+        value: { day: '12', month: '', year: '', hours: '', minutes: '15' },
+      },
+      {
+        fieldKey: 'datetime-example-15',
+        value: { day: '12', month: '', year: '', hours: '15', minutes: '15' },
+      },
+      {
+        fieldKey: 'datetime-example-16',
+        value: { day: '', month: '12', year: '', hours: '15', minutes: '' },
+      },
+      {
+        fieldKey: 'datetime-example-17',
+        value: { day: '', month: '12', year: '', hours: '', minutes: '15' },
+      },
+      {
+        fieldKey: 'datetime-example-18',
+        value: { day: '', month: '12', year: '', hours: '15', minutes: '15' },
+      },
+      {
+        fieldKey: 'datetime-example-19',
+        value: { day: '', month: '', year: '2024', hours: '15', minutes: '' },
+      },
+      {
+        fieldKey: 'datetime-example-20',
+        value: { day: '', month: '', year: '2024', hours: '', minutes: '15' },
+      },
+      {
+        fieldKey: 'datetime-example-21',
+        value: { day: '', month: '', year: '2024', hours: '15', minutes: '15' },
+      },
+      {
+        fieldKey: 'datetime-example-22',
+        value: { day: '', month: '', year: '', hours: '15', minutes: '15' },
+      },
       {
         fieldKey: 'otp',
         value: {
@@ -1060,6 +1648,176 @@ const inputsScenarios = [
         fieldKey: 'date-example',
         text: el.form.error.date.invalid,
       },
+      {
+        type: 'error',
+        fieldKey: 'date-example-2',
+        text: el.form.error.date.invalid_day,
+      },
+      {
+        type: 'error',
+        fieldKey: 'date-example-3',
+        text: el.form.error.date.invalid_month,
+      },
+      {
+        type: 'error',
+        fieldKey: 'date-example-4',
+        text: el.form.error.date.invalid_year,
+      },
+      {
+        type: 'error',
+        fieldKey: 'date-example-5',
+        text: el.form.error.date.invalid_day_month,
+      },
+      {
+        type: 'error',
+        fieldKey: 'date-example-6',
+        text: el.form.error.date.invalid_day_year,
+      },
+      {
+        type: 'error',
+        fieldKey: 'date-example-7',
+        text: el.form.error.date.invalid_month_year,
+      },
+      {
+        type: 'error',
+        fieldKey: 'date-example-2',
+        text: el.form.error.date.invalid_day,
+      },
+      {
+        type: 'error',
+        fieldKey: 'date-example-3',
+        text: el.form.error.date.invalid_month,
+      },
+      {
+        type: 'error',
+        fieldKey: 'date-example-4',
+        text: el.form.error.date.invalid_year,
+      },
+      {
+        type: 'error',
+        fieldKey: 'date-example-5',
+        text: el.form.error.date.invalid_day_month,
+      },
+      {
+        type: 'error',
+        fieldKey: 'date-example-6',
+        text: el.form.error.date.invalid_day_year,
+      },
+      {
+        type: 'error',
+        fieldKey: 'date-example-7',
+        text: el.form.error.date.invalid_month_year,
+      },
+      {
+        type: 'error',
+        fieldKey: 'datetime-example-1',
+        text: el.form.error.datetime.invalid,
+      },
+      {
+        type: 'error',
+        fieldKey: 'datetime-example-2',
+        text: el.form.error.datetime.invalid_month_year_hours_minutes,
+      },
+      {
+        type: 'error',
+        fieldKey: 'datetime-example-3',
+        text: el.form.error.datetime.invalid_day_year_hours_minutes,
+      },
+      {
+        type: 'error',
+        fieldKey: 'datetime-example-4',
+        text: el.form.error.datetime.invalid_day_month_hours_minutes,
+      },
+      {
+        type: 'error',
+        fieldKey: 'datetime-example-5',
+        text: el.form.error.datetime.invalid_day_month_year_minutes,
+      },
+      {
+        type: 'error',
+        fieldKey: 'datetime-example-6',
+        text: el.form.error.datetime.invalid_day_month_year_hours,
+      },
+      {
+        type: 'error',
+        fieldKey: 'datetime-example-7',
+        text: el.form.error.datetime.invalid_year_hours_minutes,
+      },
+      {
+        type: 'error',
+        fieldKey: 'datetime-example-8',
+        text: el.form.error.datetime.invalid_month_hours_minutes,
+      },
+      {
+        type: 'error',
+        fieldKey: 'datetime-example-9',
+        text: el.form.error.datetime.invalid_day_hours_minutes,
+      },
+      {
+        type: 'error',
+        fieldKey: 'datetime-example-10',
+        text: el.form.error.datetime.invalid_hours_minutes,
+      },
+      {
+        type: 'error',
+        fieldKey: 'datetime-example-11',
+        text: el.form.error.datetime.invalid_minutes,
+      },
+      {
+        type: 'error',
+        fieldKey: 'datetime-example-12',
+        text: el.form.error.datetime.invalid_hours,
+      },
+      {
+        type: 'error',
+        fieldKey: 'datetime-example-13',
+        text: el.form.error.datetime.invalid_month_year_minutes,
+      },
+      {
+        type: 'error',
+        fieldKey: 'datetime-example-14',
+        text: el.form.error.datetime.invalid_month_year_hours,
+      },
+      {
+        type: 'error',
+        fieldKey: 'datetime-example-15',
+        text: el.form.error.datetime.invalid_month_year,
+      },
+      {
+        type: 'error',
+        fieldKey: 'datetime-example-16',
+        text: el.form.error.datetime.invalid_day_year_minutes,
+      },
+      {
+        type: 'error',
+        fieldKey: 'datetime-example-17',
+        text: el.form.error.datetime.invalid_day_year_hours,
+      },
+      {
+        type: 'error',
+        fieldKey: 'datetime-example-18',
+        text: el.form.error.datetime.invalid_day_year,
+      },
+      {
+        type: 'error',
+        fieldKey: 'datetime-example-19',
+        text: el.form.error.datetime.invalid_day_month_minutes,
+      },
+      {
+        type: 'error',
+        fieldKey: 'datetime-example-20',
+        text: el.form.error.datetime.invalid_day_month_hours,
+      },
+      {
+        type: 'error',
+        fieldKey: 'datetime-example-21',
+        text: el.form.error.datetime.invalid_day_month,
+      },
+      {
+        type: 'error',
+        fieldKey: 'datetime-example-22',
+        text: el.form.error.datetime.invalid_day_month_year,
+      },
       {
         type: 'error',
         fieldKey: 'otp',
@@ -1958,7 +2716,7 @@ for (const scenario of scenarios) {
           auto={true}
           grid={true}
           fields={scenario.fields}
-          onSubmit={() => { }}
+          onSubmit={() => {}}
         />
       );
       await fillFields(page, formBuilder, scenario);