This is my login component :

<AmplifyAuthContainer>
            <AmplifyAuthenticator usernameAlias="email">
              <AmplifySignIn
              
                formFields={[
                  {
                    type: "email",
                    label: "Custom Email Label",
                    placeholder: "Custom email placeholder",
                    inputProps: {
                      required: true,
                      autocomplete: "username",
                    },
                  },
                  {
                    type: "password",
                    label: "Custom Password Label",
                    placeholder: "Custom password placeholder",
                    inputProps: {
                      required: true,
                      autocomplete: true,
                    },
                  },
                ]}
                headerText="Sign in with your username and password"
                hideSignUp={true}
                slot="sign-in"
                
              ></AmplifySignIn>
            </AmplifyAuthenticator>
          </AmplifyAuthContainer>

It looks like this below:

I want 1 password to autofill the form fields like below : (But unable to achieve it, I did lot of research, please help.)