Skip to main content

Validasi Komponen TwoInlineField

  1. Berikut contoh pengimplementasian komponen TwoInlineField.
    <TwoInlineField
    required
    name="tanggal"
    aria-label="Tanggal Berlaku"
    joinedLabel="s/d"
    control={control}
    field1={
    <InputDateLocal
    disabled={readonly}
    name="start_date"
    onChange={(e) => setValue("start_date", formatDateToRaw(e))}
    defaultValue={data?.start_date && data?.start_date}
    />
    }
    field2={
    <InputDateLocal
    disabled={readonly}
    name="end_date"
    defaultValue={data?.end_date && data?.end_date}
    onChange={(e) => setValue("end_date", formatDateToRaw(e))}
    />
    }
    />
  2. Untuk validasi bahwa kedua field harus diisi, perlu ditambahkan attribut.
    required;
    name = "tanggal";
  3. Attribut name pada TwoInlineField harus berbeda dengan komponen InputDateLocal.