[#227] Fix deprecated InputGroup Append and replace FormControl to Fo…

…rmSelect
kbss-cvut · Oct 7, 2024 · 43fa980 · 43fa980
1 parent fcaaf22
commit 43fa980
Showing 1 changed file with 4 additions and 6 deletions.
diff --git a/src/components/HorizontalInput.jsx b/src/components/HorizontalInput.jsx
@@ -1,7 +1,7 @@
 "use strict";
 
 import React, { forwardRef } from "react";
-import { Col, FormCheck, FormControl, FormGroup, FormLabel, FormText, InputGroup } from "react-bootstrap";
+import { Col, FormCheck, FormControl, FormGroup, FormLabel, FormSelect, FormText, InputGroup } from "react-bootstrap";
 import PropTypes from "prop-types";
 import Row from "react-bootstrap/Row";
 import TypeaheadAnswer from "./record/TypeaheadAnswer";
@@ -67,9 +67,9 @@ const HorizontalInput = forwardRef(function HorizontalInputWithRef(props, ref) {
       <FormGroup as={Row} className="mb-3">
         {renderLabel()}
         <Col lg={props.inputWidth}>
-          <FormControl as="select" ref={ref} {...getInputProps()}>
+          <FormSelect ref={ref} {...getInputProps()}>
             {props.children}
-          </FormControl>
+          </FormSelect>
           {props.validation && <FormControl.Feedback />}
           {renderHelp()}
         </Col>
@@ -127,9 +127,7 @@ const HorizontalInput = forwardRef(function HorizontalInputWithRef(props, ref) {
           {props.iconRight ? (
             <InputGroup>
               {formControl}
-              <InputGroup.Append>
-                <InputGroup.Text className="py-0">{props.iconRight}</InputGroup.Text>
-              </InputGroup.Append>
+              <InputGroup.Text className="py-0">{props.iconRight}</InputGroup.Text>
             </InputGroup>
           ) : (
             <div>