Fix #2158 - Added inputMode prop for Calendar (#2159)

* Fix #2158 - Added inputMode prop for Calendar * Refactor * Refactor #2158 * Refactor #2158
primefaces · Jul 6, 2021 · 1b3d272 · 1b3d272
1 parent d45125b
commit 1b3d272
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/src/components/calendar/Calendar.js b/src/components/calendar/Calendar.js
@@ -25,6 +25,7 @@ export class Calendar extends Component {
         inputId: null,
         inputStyle: null,
         inputClassName: null,
+        inputMode: null,
         required: false,
         readOnlyInput: false,
         keepInvalid: false,
@@ -106,6 +107,7 @@ export class Calendar extends Component {
         inputId: PropTypes.string,
         inputStyle: PropTypes.object,
         inputClassName: PropTypes.string,
+        inputMode: PropTypes.string,
         required: PropTypes.bool,
         readOnlyInput: PropTypes.bool,
         keepInvalid: PropTypes.bool,
@@ -3053,7 +3055,7 @@ export class Calendar extends Component {
             return (
                 <InputText ref={this.inputRef} id={this.props.inputId} name={this.props.name} type="text" className={this.props.inputClassName} style={this.props.inputStyle}
                     readOnly={this.props.readOnlyInput} disabled={this.props.disabled} required={this.props.required} autoComplete="off" placeholder={this.props.placeholder}
-                    onInput={this.onUserInput} onFocus={this.onInputFocus} onBlur={this.onInputBlur} onKeyDown={this.onInputKeyDown} aria-labelledby={this.props.ariaLabelledBy} inputMode="none" />
+                    onInput={this.onUserInput} onFocus={this.onInputFocus} onBlur={this.onInputBlur} onKeyDown={this.onInputKeyDown} aria-labelledby={this.props.ariaLabelledBy} inputMode={this.props.inputMode || 'none'} />
             );
         }
 

diff --git a/src/showcase/calendar/CalendarDoc.js b/src/showcase/calendar/CalendarDoc.js
@@ -827,13 +827,20 @@ const monthNavigatorTemplate = (options) => {
                                         <td>object</td>
                                         <td>null</td>
                                         <td>Inline style of the input element.</td>
+
                                     </tr>
                                     <tr>
                                         <td>inputClassName</td>
                                         <td>string</td>
                                         <td>null</td>
                                         <td>Style class of the input element.</td>
                                     </tr>
+                                    <tr>
+                                        <td>inputMode</td>
+                                        <td>string</td>
+                                        <td>null</td>
+                                        <td>HTML inputmode attribute of input.</td>
+                                    </tr>
                                     <tr>
                                         <td>required</td>
                                         <td>boolean</td>