InputNumber | placeholder prop

primefaces · Aug 12, 2022 · c6d34c9 · c6d34c9
1 parent 8ff6f37
commit c6d34c9
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 1 deletion.
diff --git a/api-generator/components/inputnumber.js b/api-generator/components/inputnumber.js
@@ -137,6 +137,12 @@ const InputNumberProps = [
         default: "false",
         description: "When present, it specifies that an input field is read-only."
     },
+    {
+        name: "placeholder",
+        type: "string",
+        default: "null",
+        description: "Placeholder text for the input."
+    },
     {
         name: "inputId",
         type: "string",

diff --git a/src/components/inputnumber/InputNumber.d.ts b/src/components/inputnumber/InputNumber.d.ts
@@ -137,6 +137,10 @@ export interface InputNumberProps {
      * When present, it specifies that an input field is read-only.
      */
     readonly?: boolean | undefined;
+    /**
+     * Placeholder text for the input.
+     */
+    placeholder?: boolean | undefined;
     /**
      * 	Identifier of the focus input to match a label defined for the chips.
      */

diff --git a/src/components/inputnumber/InputNumber.vue b/src/components/inputnumber/InputNumber.vue
@@ -1,6 +1,6 @@
 <template>
     <span :class="containerClass">
-        <INInputText ref="input" class="p-inputnumber-input" role="spinbutton" :id="inputId" :class="inputClass" :style="inputStyle" :value="formattedValue" :aria-valuemin="min" :aria-valuemax="max" :aria-valuenow="modelValue" :readonly="readonly" :aria-labelledby="ariaLabelledby" :aria-label="ariaLabel"
+        <INInputText ref="input" class="p-inputnumber-input" role="spinbutton" :id="inputId" :class="inputClass" :style="inputStyle" :value="formattedValue" :aria-valuemin="min" :aria-valuemax="max" :aria-valuenow="modelValue" :readonly="readonly" :placeholder="placeholder" :aria-labelledby="ariaLabelledby" :aria-label="ariaLabel"
             @input="onUserInput" @keydown="onInputKeyDown" @keypress="onInputKeyPress" @paste="onPaste" @click="onInputClick" @focus="onInputFocus" @blur="onInputBlur" v-bind="inputProps"/>
         <span class="p-inputnumber-button-group" v-if="showButtons && buttonLayout === 'stacked'">
             <INButton :class="upButtonClass" :icon="incrementButtonIcon" v-on="upButtonListeners" :disabled="disabled" :tabindex="-1" aria-hidden="true" v-bind="incrementButtonProps" />
@@ -115,6 +115,10 @@ export default {
             type: Boolean,
             default: false
         },
+        placeholder: {
+            type: String,
+            default: null
+        },
         inputId: null,
         inputClass: null,
         inputStyle: null,

diff --git a/src/views/inputnumber/InputNumberDoc.vue b/src/views/inputnumber/InputNumberDoc.vue
@@ -278,6 +278,12 @@ Vertical
                         <td>false</td>
                         <td>When present, it specifies that an input field is read-only.</td>
                     </tr>
+                    <tr>
+                        <td>placeholder</td>
+                        <td>string</td>
+                        <td>null</td>
+                        <td>Placeholder text for the input.</td>
+                    </tr>
                     <tr>
                         <td>inputId</td>
                         <td>string</td>