date fix for null dates

components/elements/index.js

@@ -53,7 +53,7 @@ export function Textfield(props) {
             component={RenderTextfield}
             type="text"
             className="govuk-input govuk-input--width-20"
-            validate={[required]}
+            //validate={[required]}
             label={props.label}
             errorMsg="Is required"
         />
@@ -83,12 +83,12 @@ export function MultiLinefield(props) {
     return (
         <div className="govuk-form-group">
             <h1 className="govuk-label-wrapper">
-                <label className="govuk-label" htmlFor="more-detail">
+                <label className="govuk-label" htmlFor={props.name}>
                     {props.label}
                 </label>
             </h1>
             <div
-                id="more-detail-hint"
+                id={props.name + "-hint"}
                 className="govuk-hint govuk-!-font-size-14"
             >
                 Do not include personal or financial information, like your
@@ -102,7 +102,7 @@ export function MultiLinefield(props) {
                 type="text"
                 rows="5"
                 className="govuk-textarea govuk-input--width-30"
-                aria-describedby="more-detail-hint"
+                aria-describedby={props.name + "-hint"}
             />
         </div>
     );
@@ -387,7 +387,7 @@ const RenderPickList = ({
 
     return (
         <div>
-            <select {...input} className="govuk-select" id={name} name={name}>
+            <select {...input} className="govuk-select " id={name} name={name}>
                 <option>Select...</option>
                 {Object.keys(dropdownObj).map((key, index) => {
                     return (
@@ -441,7 +441,7 @@ export function NumericField(props) {
                 type="text"
                 className="govuk-input  govuk-input--width-20"
                 spellCheck="false"
-                aria-describedby="account-number-hint"
+                //aria-describedby="account-number-hint"
                 pattern="[0-9]*"
                 inputMode="numeric"
             />
@@ -464,7 +464,7 @@ export function DecimalField(props) {
                 type="text"
                 className="govuk-input  govuk-input--width-10"
                 spellCheck="false"
-                aria-describedby="account-number-hint"
+                //aria-describedby="account-number-hint"
                 pattern="[0-9]*"
                 inputMode="numeric"
             />