From 99b5d73a7c5cc200a1a3949a88716128a0f92878 Mon Sep 17 00:00:00 2001
From: Mert Sincan <sincan.mert@gmail.com>
Date: Wed, 8 Jan 2025 10:55:38 +0000
Subject: [PATCH] Fixed #6721 - Forms: InputNumber Field Not Showing Red Border
 on Error State

---
 packages/primevue/src/inputnumber/InputNumber.vue           | 1 +
 packages/primevue/src/inputnumber/style/InputNumberStyle.js | 1 +
 2 files changed, 2 insertions(+)

diff --git a/packages/primevue/src/inputnumber/InputNumber.vue b/packages/primevue/src/inputnumber/InputNumber.vue
index 9d7a4b30e..e1c13c521 100755
--- a/packages/primevue/src/inputnumber/InputNumber.vue
+++ b/packages/primevue/src/inputnumber/InputNumber.vue
@@ -3,6 +3,7 @@
         <InputText
             ref="input"
             :id="inputId"
+            :name="$formName"
             role="spinbutton"
             :class="[cx('pcInputText'), inputClass]"
             :style="inputStyle"
diff --git a/packages/primevue/src/inputnumber/style/InputNumberStyle.js b/packages/primevue/src/inputnumber/style/InputNumberStyle.js
index 1a4a9fe07..440790d01 100644
--- a/packages/primevue/src/inputnumber/style/InputNumberStyle.js
+++ b/packages/primevue/src/inputnumber/style/InputNumberStyle.js
@@ -165,6 +165,7 @@ const classes = {
     root: ({ instance, props }) => [
         'p-inputnumber p-component p-inputwrapper',
         {
+            'p-invalid': instance.$invalid,
             'p-inputwrapper-filled': instance.$filled || props.allowEmpty === false,
             'p-inputwrapper-focus': instance.focused,
             'p-inputnumber-stacked': props.showButtons && props.buttonLayout === 'stacked',