patternfly
diff --git a/packages/patternfly-4/react-core/src/components/TextInput/TextInput.d.ts b/packages/patternfly-4/react-core/src/components/TextInput/TextInput.d.ts
diff --git a/packages/patternfly-4/react-core/src/components/TextInput/TextInput.js b/packages/patternfly-4/react-core/src/components/TextInput/TextInput.js
diff --git a/packages/patternfly-4/react-core/src/components/TextInput/TextInput.md b/packages/patternfly-4/react-core/src/components/TextInput/TextInput.md
@@ -2,6 +2,7 @@
 title: 'Text input'
 cssPrefix: 'pf-c-form-control'
 propComponents: ['TextInput']
+typescript: true
 ---
 
 import { TextInput } from '@patternfly/react-core';

diff --git a/packages/patternfly-4/react-core/src/components/TextInput/TextInput.test.js b/packages/patternfly-4/react-core/src/components/TextInput/TextInput.test.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import { shallow } from 'enzyme';
-import TextInput from './TextInput';
+import { TextInput } from './TextInput';
 
 const props = {
   onChange: jest.fn(),

diff --git a/packages/patternfly-4/react-core/src/components/TextInput/TextInput.tsx b/packages/patternfly-4/react-core/src/components/TextInput/TextInput.tsx
@@ -0,0 +1,81 @@
+import * as React from 'react';
+import styles from '@patternfly/patternfly/components/FormControl/form-control.css';
+import { css } from '@patternfly/react-styles';
+import { Omit } from '../../helpers/typeUtils';
+import { FormEvent } from 'react';
+
+export enum TextInputTypes {
+  text = 'text',
+  date = 'date',
+  datetimeLocal = 'datetime-local',
+  email = 'email',
+  month = 'month',
+  number = 'number',
+  password = 'password',
+  search = 'search',
+  tel = 'tel',
+  time = 'time',
+  url = 'url'
+}
+
+export interface TextInputProps extends Omit<React.HTMLProps<HTMLInputElement>, 'onChange' | 'disabled'> {
+  /** Additional classes added to the TextInput. */
+  className?: string;
+  /** Flag to show if the input is disabled. */
+  isDisabled?: boolean;
+  /** Flag to show if the input is read only. */
+  isReadOnly?: boolean;
+  /** Flag to show if the input is required. */
+  isRequired?: boolean;
+  /** Flag to show if the input is valid or invalid. */
+  isValid?: boolean;
+  /** A callback for when the input value changes. */
+  onChange?: (value: string, event: React.FormEvent<HTMLInputElement>) => void;
+  /** Type that the input accepts. */
+  type?: 'text' | 'date' | 'datetime-local' | 'email' | 'month' | 'number' | 'password' | 'search' | 'tel' | 'time' | 'url';
+  /** Value of the input. */
+  value?: string | number;
+  /** Aria-label. The input requires an associated id or aria-label. */
+  'aria-label'?: string;
+}
+
+export class TextInput extends React.Component<TextInputProps> {
+  static defaultProps = {
+    'aria-label': null as string,
+    className: '',
+    isRequired: false,
+    isValid: true,
+    isDisabled: false,
+    isReadOnly: false,
+    type: 'text'
+  }
+
+  constructor(props: TextInputProps) {
+    super(props);
+    if (!props.id && !props['aria-label'] && !props['aria-labelledby']) {
+      // tslint:disable-next-line:no-console
+      console.error('Text input:', 'Text input requires either an id or aria-label to be specified');
+    }
+  }
+
+  handleChange = (event: React.FormEvent<HTMLInputElement>) => {
+    this.props.onChange(event.currentTarget.value, event);
+  }
+
+  render() {
+    const { className, type, value, onChange, isValid, isReadOnly, isRequired, isDisabled, ...props } = this.props;
+    return (
+      <input
+        {...props}
+        className={css(styles.formControl, className)}
+        onChange={this.handleChange}
+        type={type}
+        value={value}
+        aria-invalid={!isValid}
+        required={isRequired}
+        disabled={isDisabled}
+        readOnly={isReadOnly}
+      />
+    );
+  }
+}
diff --git a/packages/patternfly-4/react-core/src/components/TextInput/index.d.ts b/packages/patternfly-4/react-core/src/components/TextInput/index.d.ts
diff --git a/packages/patternfly-4/react-core/src/components/TextInput/index.js b/packages/patternfly-4/react-core/src/components/TextInput/index.js
diff --git a/packages/patternfly-4/react-core/src/components/TextInput/index.ts b/packages/patternfly-4/react-core/src/components/TextInput/index.ts
@@ -0,0 +1 @@
+export * from './TextInput';
diff --git a/...ne-edit-extension/src/components/TableTextInput/__snapshots__/TableTextInput.test.js.snap b/...ne-edit-extension/src/components/TableTextInput/__snapshots__/TableTextInput.test.js.snap
@@ -12,7 +12,6 @@ exports[`focused table text input 1`] = `
     isRequired={false}
     isValid={true}
     onBlur={[Function]}
-    onChange={[Function]}
     type="text"
   />
 </Fragment>
@@ -30,7 +29,6 @@ exports[`simple table text input 1`] = `
     isRequired={false}
     isValid={true}
     onBlur={[Function]}
-    onChange={[Function]}
     type="text"
   />
 </Fragment>

diff --git a/packages/patternfly-4/react-integration/cypress/integration/textinputdemo.spec.ts b/packages/patternfly-4/react-integration/cypress/integration/textinputdemo.spec.ts
@@ -0,0 +1,24 @@
+describe('Text Input Demo Test', () => {
+  it('Navigate to demo section', () => {
+    cy.visit('http://localhost:3000/');
+    cy.get('#text-input-demo-nav-item-link').click();
+    cy.url().should('eq', 'http://localhost:3000/text-input-demo-nav-link')
+  });
+
+  it('Verify text input', () => {
+    cy.get('#text').type('Hello world');
+    cy.get('#text').should('have.value', 'Hello world');
+  });
+
+  it('Verify disabled text input', () => {
+    cy.get('#text-disabled').should('be.disabled');
+  });
+
+  it('Verify read-only input', () => {
+    cy.get('#text-read-only').should('have.attr', 'readonly');
+  });
+
+  it('Verify invalid text input', () => {
+    cy.get('#text-invalid').should('have.attr', 'aria-invalid');
+  });
+});
diff --git a/packages/patternfly-4/react-integration/demo-app-ts/src/Demos.ts b/packages/patternfly-4/react-integration/demo-app-ts/src/Demos.ts
@@ -115,6 +115,11 @@ export const Demos: DemoInterface[] = [
     name: 'Text Demo',
     componentType: Examples.TextDemo
   },
+  {
+    id: 'text-input-demo',
+    name: 'Text Input Demo',
+    componentType: Examples.TextInputDemo
+  },
   {
     id: 'title-demo',
     name: 'Title Demo',

diff --git a/...nfly-4/react-integration/demo-app-ts/src/components/demos/TextInputDemo/TextInputDemo.tsx b/...nfly-4/react-integration/demo-app-ts/src/components/demos/TextInputDemo/TextInputDemo.tsx
@@ -0,0 +1,41 @@
+import { TextInput, TextInputProps, TextInputTypes } from '@patternfly/react-core';
+import React, { Component } from 'react';
+
+export class TextInputDemo extends Component {
+  state = {
+    value: ''
+  };
+
+  handleTextInputChange = value => {
+    this.setState({ value });
+  };
+
+  myTextInputProps: TextInputProps = {
+    onChange: this.handleTextInputChange,
+  };
+
+  myDisabledTextInputProps: TextInputProps = {
+    isDisabled: true,
+    value: 'disabled text input example'
+  };
+
+  myReadOnlyTextInputProps: TextInputProps = {
+    isReadOnly: true,
+    value: 'read only text input example'
+  };
+
+  myValidTextInputProps: TextInputProps = {
+    isValid: false
+  };
+
+  render() {
+    return (
+    <React.Fragment>
+      <TextInput id="text" onChange={this.myTextInputProps.onChange} />
+      <TextInput id="text-disabled" isDisabled={this.myDisabledTextInputProps.isDisabled} value={this.myDisabledTextInputProps.value} />
+      <TextInput id="text-read-only" isReadOnly={this.myReadOnlyTextInputProps.isReadOnly} value={this.myReadOnlyTextInputProps.value} />
+      <TextInput id="text-invalid" isValid={this.myValidTextInputProps.isValid} />
+    </React.Fragment>
+    );
+  }
+}
diff --git a/packages/patternfly-4/react-integration/demo-app-ts/src/components/demos/index.ts b/packages/patternfly-4/react-integration/demo-app-ts/src/components/demos/index.ts
@@ -19,6 +19,7 @@ export * from './PopoverDemo/PopoverDemo';
 export * from './RadioDemo/RadioDemo';
 export * from './TabsDemo/TabsDemo';
 export * from './TextDemo/TextDemo';
+export * from './TextInputDemo/TextInputDemo';
 export * from './TitleDemo/TitleDemo';
 export * from './TooltipDemo/TooltipDemo';
 export * from './WizardDemo/WizardDemo';