fix: attempt accessibility fix

Author: InsaneZein

packages/module/patternfly-docs/content/extensions/component-groups/examples/CullingInfo/CullingInfoCustomExample.tsx

@@ -5,8 +5,8 @@ import { Stack, StackItem } from '@patternfly/react-core';
 
 export const CustomizedRenderExample: React.FunctionComponent = () => {
   const staleDate = new Date('Sun Jan 26 2020');
-  const warningDate = new Date('Mon Feb 03 2025');
-  const cullingDate = new Date('Fri Feb 07 2025');
+  const warningDate = new Date('Mon Feb 15 2025');
+  const cullingDate = new Date('Fri Feb 20 2025');
   return <>
     <Stack>
       <StackItem>

packages/module/patternfly-docs/content/extensions/component-groups/examples/CullingInfo/CullingInfoExample.tsx

@@ -4,8 +4,8 @@ import { Stack, StackItem } from '@patternfly/react-core';
 
 export const BasicExample: React.FunctionComponent = () => {
   const staleDate = new Date('Sun Jan 26 2020');
-  const warningDate = new Date('Mon Feb 03 2025');
-  const cullingDate = new Date('Fri Feb 07 2025');
+  const warningDate = new Date('Mon Feb 15 2025');
+  const cullingDate = new Date('Fri Feb 20 2025');
   return <>
     <Stack>
       <StackItem>
@@ -21,8 +21,8 @@ export const BasicExample: React.FunctionComponent = () => {
         <CullingInformation
           stale={staleDate}
           currDate={new Date()}
-          culled={new Date('Fri Feb 07 2024')}
-          staleWarning={new Date('Mon Feb 03 2024')}
+          culled={new Date('Fri Feb 17 2024')}
+          staleWarning={new Date('Mon Feb 5 2024')}
         >
         </CullingInformation>
       </StackItem>

packages/module/src/CullingInfo/CullingInfo.tsx

@@ -116,17 +116,13 @@ const CullingInformation: React.FunctionComponent<CullingInformation> = ({
   }
 
   return (
-    <React.Fragment>
-      <Tooltip {...props} content={msg} position="bottom">
-        <span
-          className={clsx(className)}
-        >
-          {isError && <Button variant="plain" aria-label="Action" role="tooltip" icon={<ExclamationTriangleIcon className={clsx( classes.inventoryCullingWarning )}/>} />}
-          {isWarn && <Button variant="plain" aria-label="Action" role="tooltip" icon={<ExclamationCircleIcon  className={clsx( classes.inventoryCullingDanger )}/>} />}
-          {children}
-        </span>
-      </Tooltip>
-    </React.Fragment>
+    <Tooltip {...props} content={<div>{msg}</div>} aria="none">
+      <span role='tooltip'>
+        {isError && <Button variant="plain" role="tooltip" icon={<ExclamationTriangleIcon className={clsx( classes.inventoryCullingWarning )}/>} alt="warning icon" />}
+        {isWarn && <Button variant="plain" role="tooltip" icon={<ExclamationCircleIcon  className={clsx( classes.inventoryCullingDanger )}/>} alt="danger icon" />}
+        {children}
+      </span>
+    </Tooltip>
   );
 };