pattern not working in CustomInput

[shimmer]

Tried to use pattern to validate password input, which is from a inherit of a CustomInput, but the pattern does no work, please help

Code snippet:
**<CustomInput
id="pass"
labelText="Your password"

                  formControlProps={{
                    fullWidth: true,
                  }}
                  inputProps={{
                    onChange: (event) => handleChange(event),
                    placeholder: "Password",
                    type: "password",
                    startAdornment: (
                      <InputAdornment position="start">
                        <Icon className={classes.inputIconsColor}>
                          lock_utline
                        </Icon>
                      </InputAdornment>
                    ),
                    autoComplete: "off",
                    required: true,
                    pattern: "[A-Z]{3,4}",

                  }}
                />**

[github-actions]

@shimmer this issue was automatically closed because it did not follow our rules:

IMPORTANT: Please use the following link to create a new issue:

https://www.creative-tim.com/new-issue/nextjs-material-kit-pro

**If your issue was not created using the app above, it will be closed immediately.**



Love Creative Tim? Do you need Angular, React, Vuejs or HTML? You can visit:
👉  https://www.creative-tim.com/bundles
👉  https://www.creative-tim.com