Agregar campos faltantes al componente ControlledInput

src/Components/Corresponsales/ProveedorFactura/ControlledInput/ControlledInput.tsx

@@ -30,6 +30,12 @@ export const ControlledInput: FC<IProps> = (props) => {
   const [show, setShowMsg] = useState(false);
   const [msg, setMsg] = useState('');
   const [ClasificacionProveedor, setClasificacionProveedor] = useState(2);
+  const [Uuid, setUuid] = useState(props.record.uuid);
+  const [FechaFactura, setFechaFactura] = useState(props.record.fechaFactura);
+  const [Cove, setCove] = useState(props.record.cove);
+  const [Entrega, setEntrega] = useState(props.record.entrega);
+  const [Transporte, setTransporte] = useState(props.record.transporte);
+  const [IdContenedor, setIdContenedor] = useState(props.record.idContenedor);
 
   const onChangeFac = (event: any) => {
     setValue(event.target.value);
@@ -63,12 +69,12 @@ export const ControlledInput: FC<IProps> = (props) => {
         pedido: Pedido,
         code: 0,
         folioGEMCO: '',
-        uuid: '',
-          fechaFactura: '',
-          cove: '',
-          entrega: '',
-          transporte: '',
-          idContenedor: 0,
+        uuid: Uuid,
+          fechaFactura: FechaFactura,
+          cove: Cove,
+          entrega: Entrega,
+          transporte: Transporte,
+          idContenedor: IdContenedor,
       };
       CorFacDataService.Append(data)
         .then((response) => {
@@ -140,6 +146,47 @@ export const ControlledInput: FC<IProps> = (props) => {
               })
           : null}
       </Form.Control>
+      <input
+        value={Uuid}
+        onChange={(e) => setUuid(e.target.value)}
+        disabled={false}
+        onKeyDown={(e) => handleKeyDown(e, 2)}
+        style={{ width: '20%', textAlign: 'right' }}
+      />
+      &nbsp; &nbsp; &nbsp;
+      <Form.Control
+        type='date'
+        id='FechaFactura'
+        size='sm'
+        value={FechaFactura}
+        placeholder='Fecha de la Factura'
+        onChange={(e) => setFechaFactura(e.target.value)}
+      />
+      &nbsp; &nbsp; &nbsp;
+      <input
+        value={Cove}
+        onChange={(e) => setCove(e.target.value)}
+        disabled={false}
+        onKeyDown={(e) => handleKeyDown(e, 2)}
+        style={{ width: '20%', textAlign: 'right' }}
+      />
+      &nbsp; &nbsp; &nbsp;
+      <input
+        value={Entrega}
+        onChange={(e) => setEntrega(e.target.value)}
+        disabled={false}
+        onKeyDown={(e) => handleKeyDown(e, 2)}
+        style={{ width: '20%', textAlign: 'right' }}
+      />
+      &nbsp; &nbsp; &nbsp;
+      <input
+        value={Transporte}
+        onChange={(e) => setTransporte(e.target.value)}
+        disabled={false}
+        onKeyDown={(e) => handleKeyDown(e, 2)}
+        style={{ width: '20%', textAlign: 'right' }}
+      />
+      &nbsp; &nbsp; &nbsp;
       <MsgInformativo
         show={show}
         msg={msg}