Fixed #5176 - variant added

components/lib/inputnumber/BaseInputNumber.vue

@@ -109,6 +109,10 @@ export default {
             type: Boolean,
             default: false
         },
+        variant: {
+            type: String,
+            default: 'outlined'
+        },
         invalid: {
             type: Boolean,
             default: false

components/lib/inputnumber/InputNumber.d.ts

@@ -272,6 +272,11 @@ export interface InputNumberProps {
      * @defaultValue false
      */
     disabled?: boolean | undefined;
+    /**
+     * Specifies the input variant of the component.
+     * @defaultValue outlined
+     */
+    variant?: 'outlined' | 'filled' | undefined;
     /**
      * When present, it specifies that an input field is read-only.
      * @defaultValue false

components/lib/inputnumber/style/InputNumberStyle.js

@@ -114,7 +114,8 @@ const classes = {
             'p-inputnumber-buttons-stacked': props.showButtons && props.buttonLayout === 'stacked',
             'p-inputnumber-buttons-horizontal': props.showButtons && props.buttonLayout === 'horizontal',
             'p-inputnumber-buttons-vertical': props.showButtons && props.buttonLayout === 'vertical',
-            'p-invalid': props.invalid
+            'p-invalid': props.invalid,
+            'p-variant': props.variant === 'filled'
         }
     ],
     input: 'p-inputnumber-input',