aria-label for careOf

src/pages/PublicNotice/Details_GLD/GazetteDetailCard.js

@@ -20,12 +20,14 @@ const LoadingComponent = Loadable(lazy(() => import('../../extra-pages/LoadingCo
 import * as DateUtils from "utils/DateUtils";
 import EditNoteIcon from '@mui/icons-material/EditNote';
 import { isGrantedAny } from "auth/utils";
+import { useIntl } from "react-intl";
 // ==============================|| DASHBOARD - DEFAULT ||============================== //
 const GazetteDetailCard = (
     { applicationDetailData,
         setStatus
     }
 ) => {
+    const intl = useIntl();
     const [onReady, setOnReady] = useState(false);
     const [issueNum, setIssueNum] = useState("");
     const [issueDate, setIssueDate] = useState("");
@@ -275,6 +277,7 @@ const GazetteDetailCard = (
                                                                 })}
                                                             value={careOf}
                                                             id='careOf'
+                                                            inputProps={{ 'aria-label': intl.formatMessage({ id: 'careOf' }) }}
                                                             sx={{
                                                                 "& .MuiInputBase-input.Mui-disabled": {
                                                                     WebkitTextFillColor: "#000000",

src/pages/PublicNotice/Details_Public/ApplicationDetailCard.js

@@ -698,7 +698,9 @@ const ApplicationDetailCard = (
                                             <FormControl variant="outlined" sx={{ width: '100%' }} disabled>
                                                 <OutlinedInput
                                                     size="small"
+                                                    id="careOf"
                                                     value={currentApplicationDetailData.careOf}
+                                                    inputProps={{ 'aria-label': intl.formatMessage({ id: 'careOf' }) }}
                                                     sx={{
                                                         "& .MuiInputBase-input.Mui-disabled": {
                                                             WebkitTextFillColor: "#000000",

src/pages/PublicNotice/ListPanel/PendingPaymentTab.js

@@ -411,7 +411,7 @@ export default function SubmittedTab({ setCount, url }) {
                                     '& .MuiAutocomplete-endAdornment': { top: '50%', transform: 'translateY(-50%)' },
                                     '& .MuiOutlinedInput-root': { height: 40 }
                                 }}
-                                renderInput={(params) => <TextField {...params} />}
+                                renderInput={(params) => <TextField {...params} inputProps={{ ...params.inputProps, 'aria-label': intl.formatMessage({ id: 'careOf' }) }} />}
                                 clearText={intl.formatMessage({ id: "muiClear" })}
                                 closeText={intl.formatMessage({ id: "muiClose" })}
                                 openText={intl.formatMessage({ id: "muiOpen" })}

src/utils/FieldUtils.js

@@ -48,7 +48,7 @@ export const getTextField = ({ label, valueName, form, disabled, autoFocus }) =>
     </Grid>;
 }
 
-export const getCarOfField = ({ label, valueName, form, disabled }) => {
+export const getCarOfField = ({ label, valueName, form, disabled, inputProps }) => {
     return <Grid container alignItems={"center"} >
         <Grid item xs={12} sm={12} md={12} lg={12}>
             <Grid container spacing={1}>
@@ -61,7 +61,8 @@ export const getCarOfField = ({ label, valueName, form, disabled }) => {
                         type: "text",
                         valueName: valueName,
                         form: form,
-                        disabled: disabled
+                        disabled: disabled,
+                        inputProps: inputProps
                     })}
                 </Grid>
             </Grid>