update combo

src/pages/authentication/auth-forms/CustomFormWizard.js

@@ -79,6 +79,7 @@ const CustomFormWizard = (props) => {
     };
 
     const [selectedIdDocType, setSelectedIdDocType] = useState({});
+    const [selectedIdDocInputType, setSelectedIdDocInputType] = useState({});
     // const [selectedIdDocLabel, setSelectedIdDocLabel] = useState(null);
     const [selectedAddress4, setSelectedAddress4] = useState(null);
     const [selectedAddress5, setSelectedAddress5] = useState(ComboData.country[0]);
@@ -606,17 +607,20 @@ const CustomFormWizard = (props) => {
                                                 <Autocomplete
                                                     disablePortal
                                                     id="idDocType"
-                                                    // value={selectedIdDocType}
+                                                    value={selectedIdDocType}
                                                     options={idDocTypeComboList}
                                                     // getOptionLabel={(idDocTypeComboList) => idDocTypeComboList.label}
                                                     onBlur={formik.handleBlur}
+                                                    inputValue={selectedIdDocInputType}
                                                     onChange={(event, newValue) => {
-                                                        if (newValue!=null){
+                                                        if (newValue!=null && newValue != {}){
+                                                            setSelectedIdDocInputType(newValue.label);
                                                             setSelectedIdDocType(newValue);
                                                             if (newValue.type!="HKID"){
                                                                 formik.setFieldValue("checkDigit","")
                                                             }
-
+                                                        }else{
+                                                            setSelectedIdDocInputType("");
                                                         }
                                                     }}
                                                     sx={{"& .MuiInputBase-root": { height: "41px" },"#idDocType":{padding: "0px 0px 0px 0px"}, "& .MuiAutocomplete-endAdornment": { top: "auto" },}}