diff --git a/apps/nextjs/src/app/[locale]/manage/users/create/_components/stepper.component.tsx b/apps/nextjs/src/app/[locale]/manage/users/create/_components/stepper.component.tsx
index 33fda941b..6a8041f1e 100644
--- a/apps/nextjs/src/app/[locale]/manage/users/create/_components/stepper.component.tsx
+++ b/apps/nextjs/src/app/[locale]/manage/users/create/_components/stepper.component.tsx
@@ -9,13 +9,14 @@ import {
Avatar,
Card,
IconUserCheck,
+ PasswordInput,
Stack,
Stepper,
Text,
TextInput,
Title,
} from "@homarr/ui";
-import { z } from "@homarr/validation";
+import { validation, z } from "@homarr/validation";
import { StepperNavigationComponent } from "./stepper-navigation.component";
@@ -48,7 +49,20 @@ export const UserCreateStepperComponent = () => {
validateInputOnChange: true,
});
- const allForms = [generalForm];
+ const securityForm = useForm({
+ initialValues: {
+ password: "",
+ },
+ validate: zodResolver(
+ z.object({
+ password: validation.user.password
+ }),
+ ),
+ validateInputOnBlur: true,
+ validateInputOnChange: true,
+ });
+
+ const allForms = [generalForm, securityForm];
const canNavigateToNextStep = allForms[active]?.isValid() ?? true;
@@ -104,12 +118,22 @@ export const UserCreateStepperComponent = () => {
- Step 2
+