From b8582308dd274859793c9994fafa5ba9cac306d9 Mon Sep 17 00:00:00 2001
From: Adam Stankiewicz <agstanki@gmail.com>
Date: Thu, 11 Jan 2024 10:44:52 -0500
Subject: [PATCH] fix: rely on Form.Control and controlId in Form.Group (#2931)

---
 src/DataTable/filters/TextFilter.jsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/DataTable/filters/TextFilter.jsx b/src/DataTable/filters/TextFilter.jsx
index 10f079f645..5f4f6d6cb6 100644
--- a/src/DataTable/filters/TextFilter.jsx
+++ b/src/DataTable/filters/TextFilter.jsx
@@ -1,7 +1,6 @@
 import React, { useRef } from 'react';
 import PropTypes from 'prop-types';
-import Form, { FormLabel } from '../../Form';
-import Input from '../../Input';
+import Form from '../../Form';
 import { newId } from '../../utils';
 
 const formatHeaderForLabel = (header) => {
@@ -23,10 +22,9 @@ function TextFilter({
   const formattedHeader = formatHeaderForLabel(Header);
   const inputText = React.isValidElement(formattedHeader) ? formattedHeader : `Search ${formattedHeader}`;
   return (
-    <Form.Group>
-      <FormLabel id={ariaLabel.current} className="sr-only">{inputText}</FormLabel>
-      <Input
-        aria-labelledby={ariaLabel.current}
+    <Form.Group controlId={ariaLabel.current}>
+      <Form.Label className="sr-only">{inputText}</Form.Label>
+      <Form.Control
         value={filterValue || ''}
         type="text"
         onChange={e => {