Added EditableText input type field (#3235)

palantir · Dec 14, 2018 · ab3078a · ab3078a · blueprint-bot · Dec 14, 2018
1 parent f29ca79
commit ab3078a
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/packages/core/src/components/editable-text/editableText.tsx b/packages/core/src/components/editable-text/editableText.tsx
@@ -72,6 +72,11 @@ export interface IEditableTextProps extends IIntentProps, IProps {
      */
     selectAllOnFocus?: boolean;
 
+    /**
+     * The type of input that should be shown, when not `multiline`.
+     */
+    type?: string;
+
     /** Text value of controlled input. */
     value?: string;
 
@@ -116,6 +121,7 @@ export class EditableText extends AbstractPureComponent<IEditableTextProps, IEdi
         minWidth: 80,
         multiline: false,
         placeholder: "Click to Edit",
+        type: "text",
     };
 
     private valueElement: HTMLSpanElement;
@@ -280,7 +286,7 @@ export class EditableText extends AbstractPureComponent<IEditableTextProps, IEdi
     };
 
     private maybeRenderInput(value: string) {
-        const { maxLength, multiline, placeholder } = this.props;
+        const { maxLength, multiline, type, placeholder } = this.props;
         if (!this.state.isEditing) {
             return undefined;
         }
@@ -301,7 +307,7 @@ export class EditableText extends AbstractPureComponent<IEditableTextProps, IEdi
         return multiline ? (
             <textarea ref={this.refHandlers.input} {...props} />
         ) : (
-            <input ref={this.refHandlers.input} type="text" {...props} />
+            <input ref={this.refHandlers.input} type={type} {...props} />
         );
     }