From 677136eaabc0302f414a533b03db4457ab929802 Mon Sep 17 00:00:00 2001
From: Maryia Lapata <mary.lopato@gmail.com>
Date: Mon, 30 Jul 2018 21:33:01 +0300
Subject: [PATCH] Localization "Index Patterns" tab (#20525)

* Integrate i18n-engine into "Index Patterns" tab

* Adjusted unit tests for "Index Patterns" tab

* Localization of "Index patterns" section name

* Rename the function shallowIntl to shallowWithIntl, remove needless check for translation type id

* Refactoring of default message

* Localization for FieldEditor component

* Adjust unit tests for FieldEditor component

* Integrate i18n-engine into "Index Patterns" tab

* Adjusted unit tests for "Index Patterns" tab

* Localization of "Index patterns" section name

* Rename the function shallowIntl to shallowWithIntl, remove needless check for translation type id

* Refactoring of default message

* Localization for FieldEditor component

* Adjust unit tests for FieldEditor component

* Replace I18nContext to injectI18n according to changes in @kbn/i18n

* Fix broken saving form

* Adjust components importing according to changes in @kbn/i18n

* Formatting and refactoring

* Update ids

* Fix invalid HTML and refactoring

* Use i18n module instead of AngularJS service

* Localize scripting_syntax.js, refactoring

* Update message ids.

* fix plural form in status messages

* fix messages in status message, _field component

* move back span in time_field

* refactor enzyme helper for providing intl into context

* do not translate Painless

* test call params in formatMessage

* clear formatMessage mock after each test

Co-authored-by: maryia-lapata <mary.lopato@gmail.com>
---
 .../__snapshots__/empty_state.test.js.snap    |  74 ++--
 .../components/empty_state/empty_state.js     |  59 ++-
 .../__snapshots__/header.test.js.snap         |  40 +-
 .../components/header/header.js               |  20 +-
 .../__snapshots__/loading_state.test.js.snap  |  12 +-
 .../components/loading_state/loading_state.js |  14 +-
 .../step_index_pattern.test.js.snap           |  66 +++-
 .../__tests__/step_index_pattern.test.js      |  19 +-
 .../__snapshots__/header.test.js.snap         | 104 +++--
 .../header/__tests__/header.test.js           |  12 +-
 .../components/header/header.js               |  43 ++-
 .../__snapshots__/indices_list.test.js.snap   |  55 ++-
 .../components/indices_list/indices_list.js   |   8 +-
 .../loading_indices.test.js.snap              |  12 +-
 .../loading_indices/loading_indices.js        |  12 +-
 .../__snapshots__/status_message.test.js.snap | 121 ++++--
 .../status_message/status_message.js          |  89 ++++-
 .../step_index_pattern/step_index_pattern.js  |  29 +-
 .../step_time_field.test.js.snap              |   6 +-
 .../__tests__/step_time_field.test.js         |  40 +-
 .../action_buttons/action_buttons.js          |  12 +-
 .../advanced_options.test.js.snap             |  16 +-
 .../__tests__/advanced_options.test.js        |  12 +-
 .../advanced_options/advanced_options.js      |  40 +-
 .../__snapshots__/header.test.js.snap         |  24 +-
 .../components/header/header.js               |  16 +-
 .../__snapshots__/time_field.test.js.snap     |  72 +++-
 .../time_field/__tests__/time_field.test.js   |  20 +-
 .../components/time_field/time_field.js       |  48 ++-
 .../step_time_field/step_time_field.js        |  15 +-
 .../lib/extract_time_fields.js                |  12 +-
 .../create_index_pattern_wizard/render.js     |  12 +-
 .../create_edit_field/create_edit_field.js    |  44 ++-
 .../edit_index_pattern.html                   |  45 ++-
 .../edit_index_pattern/edit_index_pattern.js  | 104 ++---
 .../edit_index_pattern/edit_sections.js       |   7 +-
 .../edit_index_pattern/field_controls.html    |   4 +-
 .../index_header/index_header.html            |  12 +-
 .../indexed_fields_table.test.js.snap         | 174 ++++-----
 .../components/table/__tests__/table.test.js  |  35 +-
 .../components/table/table.js                 |  75 +++-
 .../indexed_fields_table.js                   |  18 +-
 .../scripted_field_table.test.js.snap         | 338 +++++++++--------
 .../__tests__/scripted_field_table.test.js    |  28 +-
 .../__snapshots__/call_outs.test.js.snap      |  27 +-
 .../call_outs/__tests__/call_outs.test.js     |  12 +-
 .../components/call_outs/call_outs.js         |  26 +-
 .../__snapshots__/header.test.js.snap         |  18 +-
 .../components/header/header.js               |  15 +-
 .../components/table/__tests__/table.test.js  |  19 +-
 .../components/table/table.js                 |  38 +-
 .../scripted_fields_table.js                  |  47 ++-
 .../source_filters_table.test.js.snap         | 109 +++---
 .../__tests__/source_filters_table.test.js    |  39 +-
 .../__snapshots__/add_filter.test.js.snap     |  12 +-
 .../add_filter/__tests__/add_filter.test.js   |  16 +-
 .../components/add_filter/add_filter.js       |  15 +-
 .../__snapshots__/header.test.js.snap         |  18 +-
 .../components/header/header.js               |  27 +-
 .../components/table/__tests__/table.test.js  |  32 +-
 .../components/table/table.js                 |  38 +-
 .../source_filters_table.js                   |  16 +-
 .../management/sections/indices/index.html    |  14 +-
 .../management/sections/indices/index.js      |   8 +-
 src/test_utils/public/enzyme_helpers.js       |  58 +++
 src/test_utils/public/mocks/intl.js           |  30 ++
 .../__snapshots__/field_editor.test.js.snap   | 356 ++++++++++++------
 .../bytes/__snapshots__/bytes.test.js.snap    |  27 +-
 .../color/__snapshots__/color.test.js.snap    |  18 +-
 .../editors/color/color.js                    |  26 +-
 .../editors/color/color.test.js               |  17 +-
 .../date/__snapshots__/date.test.js.snap      |  27 +-
 .../field_format_editor/editors/date/date.js  |  15 +-
 .../editors/default/default.js                |   6 +-
 .../__snapshots__/duration.test.js.snap       |  44 ++-
 .../editors/duration/duration.js              |  13 +-
 .../number/__snapshots__/number.test.js.snap  |  27 +-
 .../editors/number/number.js                  |  13 +-
 .../__snapshots__/percent.test.js.snap        |  27 +-
 .../__snapshots__/static_lookup.test.js.snap  |  12 +-
 .../editors/static_lookup/static_lookup.js    |  25 +-
 .../static_lookup/static_lookup.test.js       |  12 +-
 .../string/__snapshots__/string.test.js.snap  |  10 +-
 .../editors/string/string.js                  |   4 +-
 .../__snapshots__/truncate.test.js.snap       |  10 +-
 .../editors/truncate/truncate.js              |   4 +-
 .../label_template_flyout.test.js.snap        |  44 ++-
 .../url/__snapshots__/url.test.js.snap        | 108 ++++--
 .../url_template_flyout.test.js.snap          |  55 ++-
 .../editors/url/label_template_flyout.js      |  54 ++-
 .../editors/url/label_template_flyout.test.js |  12 +-
 .../field_format_editor/editors/url/url.js    |  19 +-
 .../editors/url/url_template_flyout.js        |  50 ++-
 .../editors/url/url_template_flyout.test.js   |  12 +-
 .../field_format_editor/samples/samples.js    |  14 +-
 .../samples/samples.test.js                   |  12 +-
 .../disabled_call_out.test.js.snap            |   6 +-
 .../warning_call_out.test.js.snap             |  75 ++--
 .../scripting_call_outs/disabled_call_out.js  |  18 +-
 .../disabled_call_out.test.js                 |  12 +-
 .../scripting_call_outs/warning_call_out.js   |  57 +--
 .../warning_call_out.test.js                  |  12 +-
 .../scripting_help/scripting_syntax.js        | 201 +++++++---
 src/ui/public/field_editor/field_editor.js    | 187 +++++++--
 .../public/field_editor/field_editor.test.js  |  20 +-
 .../field_editor/lib/get_default_format.js    |   4 +-
 .../__tests__/_index_pattern.test.js          |   3 +-
 src/ui/public/index_patterns/_field.js        |  11 +-
 .../public/index_patterns/_index_pattern.js   |  38 +-
 src/ui/public/index_patterns/_intervals.js    |  18 +-
 .../route_setup/load_default.js               |   6 +-
 111 files changed, 3030 insertions(+), 1363 deletions(-)
 create mode 100644 src/test_utils/public/enzyme_helpers.js
 create mode 100644 src/test_utils/public/mocks/intl.js

diff --git a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/empty_state/__tests__/__snapshots__/empty_state.test.js.snap b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/empty_state/__tests__/__snapshots__/empty_state.test.js.snap
index 981a64b1adca9..8fae8c92fd817 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/empty_state/__tests__/__snapshots__/empty_state.test.js.snap
+++ b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/empty_state/__tests__/__snapshots__/empty_state.test.js.snap
@@ -33,7 +33,11 @@ exports[`EmptyState should render normally 1`] = `
               }
             }
           >
-            Couldn't find any Elasticsearch data
+            <FormattedMessage
+              defaultMessage="Couldn't find any Elasticsearch data"
+              id="kbn.management.createIndexPattern.emptyStateHeader"
+              values={Object {}}
+            />
           </h2>
         </EuiTextColor>
       </EuiTitle>
@@ -44,28 +48,46 @@ exports[`EmptyState should render normally 1`] = `
         grow={true}
       >
         <p>
-          <EuiTextColor
-            color="subdued"
-            component="span"
-          >
-            You'll need to index some data into Elasticsearch before you can create an index pattern.
-          </EuiTextColor>
-           
-          <EuiLink
-            color="primary"
-            href="#/home/tutorial_directory"
-            type="button"
-          >
-            Learn how
-          </EuiLink>
-           or 
-          <EuiLink
-            color="primary"
-            href="#/home/tutorial_directory/sampleData"
-            type="button"
-          >
-            get started with some sample data sets.
-          </EuiLink>
+          <FormattedMessage
+            defaultMessage="{needToIndex} {learnHowLink} or {getStartedLink}"
+            id="kbn.management.createIndexPattern.emptyStateLabel.emptyStateDetail"
+            values={
+              Object {
+                "getStartedLink": <EuiLink
+                  color="primary"
+                  href="#/home/tutorial_directory/sampleData"
+                  type="button"
+                >
+                  <FormattedMessage
+                    defaultMessage="get started with some sample data sets."
+                    id="kbn.management.createIndexPattern.emptyStateLabel.getStartedLink"
+                    values={Object {}}
+                  />
+                </EuiLink>,
+                "learnHowLink": <EuiLink
+                  color="primary"
+                  href="#/home/tutorial_directory"
+                  type="button"
+                >
+                  <FormattedMessage
+                    defaultMessage="Learn how"
+                    id="kbn.management.createIndexPattern.emptyStateLabel.learnHowLink"
+                    values={Object {}}
+                  />
+                </EuiLink>,
+                "needToIndex": <EuiTextColor
+                  color="subdued"
+                  component="span"
+                >
+                  <FormattedMessage
+                    defaultMessage="You'll need to index some data into Elasticsearch before you can create an index pattern."
+                    id="kbn.management.createIndexPattern.emptyStateLabel.needToIndexLabel"
+                    values={Object {}}
+                  />
+                </EuiTextColor>,
+              }
+            }
+          />
         </p>
       </EuiText>
       <EuiSpacer
@@ -93,7 +115,11 @@ exports[`EmptyState should render normally 1`] = `
             onClick={[Function]}
             type="button"
           >
-            Check for new data
+            <FormattedMessage
+              defaultMessage="Check for new data"
+              id="kbn.management.createIndexPattern.emptyState.checkDataButton"
+              values={Object {}}
+            />
           </EuiButton>
         </EuiFlexItem>
       </EuiFlexGroup>
diff --git a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/empty_state/empty_state.js b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/empty_state/empty_state.js
index 304f3875cc05e..ab068b92d9267 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/empty_state/empty_state.js
+++ b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/empty_state/empty_state.js
@@ -32,6 +32,8 @@ import {
   EuiButton,
 } from '@elastic/eui';
 
+import { FormattedMessage } from '@kbn/i18n/react';
+
 export const EmptyState = ({
   onRefresh,
 }) => (
@@ -40,27 +42,47 @@ export const EmptyState = ({
       <EuiFlexItem grow={false}>
         <EuiTitle>
           <EuiTextColor color="subdued">
-            <h2 style={{ textAlign: 'center' }}>Couldn&apos;t find any Elasticsearch data</h2>
+            <h2 style={{ textAlign: 'center' }}>
+              <FormattedMessage
+                id="kbn.management.createIndexPattern.emptyStateHeader"
+                defaultMessage="Couldn't find any Elasticsearch data"
+              />
+            </h2>
           </EuiTextColor>
         </EuiTitle>
         <EuiSpacer size="s"/>
         <EuiText>
           <p>
-            <EuiTextColor color="subdued">
-              You&apos;ll need to index some data into Elasticsearch before you can create an index pattern.
-            </EuiTextColor>
-            &nbsp;
-            <EuiLink
-              href="#/home/tutorial_directory"
-            >
-              Learn how
-            </EuiLink>
-            {' or '}
-            <EuiLink
-              href="#/home/tutorial_directory/sampleData"
-            >
-              get started with some sample data sets.
-            </EuiLink>
+            <FormattedMessage
+              id="kbn.management.createIndexPattern.emptyStateLabel.emptyStateDetail"
+              defaultMessage="{needToIndex} {learnHowLink} or {getStartedLink}"
+              values={{
+                needToIndex: (
+                  <EuiTextColor color="subdued">
+                    <FormattedMessage
+                      id="kbn.management.createIndexPattern.emptyStateLabel.needToIndexLabel"
+                      defaultMessage="You'll need to index some data into Elasticsearch before you can create an index pattern."
+                    />
+                  </EuiTextColor>
+                ),
+                learnHowLink: (
+                  <EuiLink href="#/home/tutorial_directory">
+                    <FormattedMessage
+                      id="kbn.management.createIndexPattern.emptyStateLabel.learnHowLink"
+                      defaultMessage="Learn how"
+                    />
+                  </EuiLink>
+                ),
+                getStartedLink: (
+                  <EuiLink href="#/home/tutorial_directory/sampleData">
+                    <FormattedMessage
+                      id="kbn.management.createIndexPattern.emptyStateLabel.getStartedLink"
+                      defaultMessage="get started with some sample data sets."
+                    />
+                  </EuiLink>
+                )
+              }}
+            />
           </p>
         </EuiText>
 
@@ -73,7 +95,10 @@ export const EmptyState = ({
               onClick={onRefresh}
               data-test-subj="refreshIndicesButton"
             >
-              Check for new data
+              <FormattedMessage
+                id="kbn.management.createIndexPattern.emptyState.checkDataButton"
+                defaultMessage="Check for new data"
+              />
             </EuiButton>
           </EuiFlexItem>
         </EuiFlexGroup>
diff --git a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/header/__tests__/__snapshots__/header.test.js.snap b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/header/__tests__/__snapshots__/header.test.js.snap
index 3572d2d788dc3..3f072dcb8bfeb 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/header/__tests__/__snapshots__/header.test.js.snap
+++ b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/header/__tests__/__snapshots__/header.test.js.snap
@@ -9,7 +9,11 @@ exports[`Header should render normally 1`] = `
     size="m"
   >
     <h1>
-      Create index pattern
+      <FormattedMessage
+        defaultMessage="Create index pattern"
+        id="kbn.management.createIndexPatternHeader"
+        values={Object {}}
+      />
     </h1>
   </EuiTitle>
   <EuiFlexGroup
@@ -33,7 +37,11 @@ exports[`Header should render normally 1`] = `
             color="subdued"
             component="span"
           >
-            Kibana uses index patterns to retrieve data from Elasticsearch indices for things like visualizations.
+            <FormattedMessage
+              defaultMessage="Kibana uses index patterns to retrieve data from Elasticsearch indices for things like visualizations."
+              id="kbn.management.createIndexPatternLabel"
+              values={Object {}}
+            />
           </EuiTextColor>
         </p>
       </EuiText>
@@ -45,7 +53,13 @@ exports[`Header should render normally 1`] = `
       <EuiSwitch
         checked={true}
         id="checkboxShowSystemIndices"
-        label="Include system indices"
+        label={
+          <FormattedMessage
+            defaultMessage="Include system indices"
+            id="kbn.management.createIndexPattern.includeSystemIndicesToggleSwitch"
+            values={Object {}}
+          />
+        }
         onChange={[Function]}
       />
     </EuiFlexItem>
@@ -65,7 +79,11 @@ exports[`Header should render without including system indices 1`] = `
     size="m"
   >
     <h1>
-      Create index pattern
+      <FormattedMessage
+        defaultMessage="Create index pattern"
+        id="kbn.management.createIndexPatternHeader"
+        values={Object {}}
+      />
     </h1>
   </EuiTitle>
   <EuiFlexGroup
@@ -89,7 +107,11 @@ exports[`Header should render without including system indices 1`] = `
             color="subdued"
             component="span"
           >
-            Kibana uses index patterns to retrieve data from Elasticsearch indices for things like visualizations.
+            <FormattedMessage
+              defaultMessage="Kibana uses index patterns to retrieve data from Elasticsearch indices for things like visualizations."
+              id="kbn.management.createIndexPatternLabel"
+              values={Object {}}
+            />
           </EuiTextColor>
         </p>
       </EuiText>
@@ -101,7 +123,13 @@ exports[`Header should render without including system indices 1`] = `
       <EuiSwitch
         checked={false}
         id="checkboxShowSystemIndices"
-        label="Include system indices"
+        label={
+          <FormattedMessage
+            defaultMessage="Include system indices"
+            id="kbn.management.createIndexPattern.includeSystemIndicesToggleSwitch"
+            values={Object {}}
+          />
+        }
         onChange={[Function]}
       />
     </EuiFlexItem>
diff --git a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/header/header.js b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/header/header.js
index 67e455e01f82c..0c7ba277ff6ab 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/header/header.js
+++ b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/header/header.js
@@ -29,6 +29,8 @@ import {
   EuiSwitch,
 } from '@elastic/eui';
 
+import { FormattedMessage } from '@kbn/i18n/react';
+
 export const Header = ({
   isIncludingSystemIndices,
   onChangeIncludingSystemIndices,
@@ -36,22 +38,34 @@ export const Header = ({
   <div>
     <EuiSpacer size="m"/>
     <EuiTitle>
-      <h1>Create index pattern</h1>
+      <h1>
+        <FormattedMessage
+          id="kbn.management.createIndexPatternHeader"
+          defaultMessage="Create index pattern"
+        />
+      </h1>
+
     </EuiTitle>
     <EuiFlexGroup justifyContent="spaceBetween" alignItems="flexEnd">
       <EuiFlexItem grow={false}>
         <EuiText>
           <p>
             <EuiTextColor color="subdued">
-              Kibana uses index patterns to retrieve data from Elasticsearch indices for things like visualizations.
+              <FormattedMessage
+                id="kbn.management.createIndexPatternLabel"
+                defaultMessage="Kibana uses index patterns to retrieve data from Elasticsearch indices for things like visualizations."
+              />
             </EuiTextColor>
           </p>
         </EuiText>
       </EuiFlexItem>
       <EuiFlexItem grow={false}>
         <EuiSwitch
+          label={<FormattedMessage
+            id="kbn.management.createIndexPattern.includeSystemIndicesToggleSwitch"
+            defaultMessage="Include system indices"
+          />}
           id="checkboxShowSystemIndices"
-          label="Include system indices"
           checked={isIncludingSystemIndices}
           onChange={onChangeIncludingSystemIndices}
         />
diff --git a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/loading_state/__tests__/__snapshots__/loading_state.test.js.snap b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/loading_state/__tests__/__snapshots__/loading_state.test.js.snap
index e724e73eb2a53..d1e5bdc3ff55f 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/loading_state/__tests__/__snapshots__/loading_state.test.js.snap
+++ b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/loading_state/__tests__/__snapshots__/loading_state.test.js.snap
@@ -33,7 +33,11 @@ exports[`LoadingState should render normally 1`] = `
               }
             }
           >
-            Checking for Elasticsearch data
+            <FormattedMessage
+              defaultMessage="Checking for Elasticsearch data"
+              id="kbn.management.createIndexPattern.loadingState.checkingLabel"
+              values={Object {}}
+            />
           </h2>
         </EuiTextColor>
       </EuiTitle>
@@ -66,7 +70,11 @@ exports[`LoadingState should render normally 1`] = `
             grow={true}
             size="s"
           >
-            Reticulating splines...
+            <FormattedMessage
+              defaultMessage="Reticulating splines..."
+              id="kbn.management.createIndexPattern.loadingState.reticulatingLabel"
+              values={Object {}}
+            />
           </EuiText>
         </EuiFlexItem>
       </EuiFlexGroup>
diff --git a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/loading_state/loading_state.js b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/loading_state/loading_state.js
index 692f76cc29a2f..f416b29c989c9 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/loading_state/loading_state.js
+++ b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/loading_state/loading_state.js
@@ -30,13 +30,20 @@ import {
   EuiTitle,
 } from '@elastic/eui';
 
+import { FormattedMessage } from '@kbn/i18n/react';
+
 export const LoadingState = () => (
   <EuiPanel paddingSize="l">
     <EuiFlexGroup justifyContent="center" alignItems="center">
       <EuiFlexItem grow={false}>
         <EuiTitle>
           <EuiTextColor color="subdued">
-            <h2 style={{ textAlign: 'center' }}>Checking for Elasticsearch data</h2>
+            <h2 style={{ textAlign: 'center' }}>
+              <FormattedMessage
+                id="kbn.management.createIndexPattern.loadingState.checkingLabel"
+                defaultMessage="Checking for Elasticsearch data"
+              />
+            </h2>
           </EuiTextColor>
         </EuiTitle>
 
@@ -49,7 +56,10 @@ export const LoadingState = () => (
 
           <EuiFlexItem grow={false}>
             <EuiText size="s" color="subdued">
-              Reticulating splines...
+              <FormattedMessage
+                id="kbn.management.createIndexPattern.loadingState.reticulatingLabel"
+                defaultMessage="Reticulating splines..."
+              />
             </EuiText>
           </EuiFlexItem>
         </EuiFlexGroup>
diff --git a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/__tests__/__snapshots__/step_index_pattern.test.js.snap b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/__tests__/__snapshots__/step_index_pattern.test.js.snap
index 6aafbb2efad43..6e1a64e823e41 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/__tests__/__snapshots__/step_index_pattern.test.js.snap
+++ b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/__tests__/__snapshots__/step_index_pattern.test.js.snap
@@ -1,20 +1,60 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`StepIndexPattern renders errors when input is invalid 1`] = `
-<Header
-  characterList="\\\\, /, ?, \\", <, >, |"
-  data-test-subj="createIndexPatternStep1Header"
-  errors={
+Object {
+  "component": <InjectIntl(HeaderComponent)
+    characterList="\\\\, /, ?, \\", <, >, |"
+    data-test-subj="createIndexPatternStep1Header"
+    errors={
+      Array [
+        "An index pattern cannot contain spaces or the characters: {characterList}",
+      ]
+    }
+    goToNextStep={[Function]}
+    isInputInvalid={true}
+    isNextStepDisabled={true}
+    onQueryChanged={[Function]}
+    query="?"
+  />,
+  "i18n": Array [
     Array [
-      "An index pattern cannot contain spaces or the characters: \\\\, /, ?, \\", <, >, |",
-    ]
-  }
-  goToNextStep={[Function]}
-  isInputInvalid={true}
-  isNextStepDisabled={true}
-  onQueryChanged={[Function]}
-  query="?"
-/>
+      Object {
+        "defaultMessage": "An index pattern cannot contain spaces or the characters: {characterList}",
+        "id": "kbn.management.createIndexPattern.step.invalidCharactersErrorMessage",
+      },
+      Object {
+        "characterList": "\\\\, /, ?, \\", <, >, |",
+      },
+    ],
+    Array [
+      Object {
+        "defaultMessage": "An index pattern cannot contain spaces or the characters: {characterList}",
+        "id": "kbn.management.createIndexPattern.step.invalidCharactersErrorMessage",
+      },
+      Object {
+        "characterList": "\\\\, /, ?, \\", <, >, |",
+      },
+    ],
+    Array [
+      Object {
+        "defaultMessage": "An index pattern cannot contain spaces or the characters: {characterList}",
+        "id": "kbn.management.createIndexPattern.step.invalidCharactersErrorMessage",
+      },
+      Object {
+        "characterList": "\\\\, /, ?, \\", <, >, |",
+      },
+    ],
+    Array [
+      Object {
+        "defaultMessage": "An index pattern cannot contain spaces or the characters: {characterList}",
+        "id": "kbn.management.createIndexPattern.step.invalidCharactersErrorMessage",
+      },
+      Object {
+        "characterList": "\\\\, /, ?, \\", <, >, |",
+      },
+    ],
+  ],
+}
 `;
 
 exports[`StepIndexPattern renders indices which match the initial query 1`] = `
diff --git a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/__tests__/step_index_pattern.test.js b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/__tests__/step_index_pattern.test.js
index f434f88c25497..3b05ec4b71ec4 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/__tests__/step_index_pattern.test.js
+++ b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/__tests__/step_index_pattern.test.js
@@ -18,8 +18,9 @@
  */
 
 import React from 'react';
-import { shallow } from 'enzyme';
-import { StepIndexPattern } from '../step_index_pattern';
+import { StepIndexPatternComponent } from '../step_index_pattern';
+import { shallowWithIntl, intl } from 'test_utils/enzyme_helpers';
+import { Header } from '../components/header';
 
 jest.mock('../../../lib/ensure_minimum_time', () => ({
   ensureMinimumTime: async (promises) => Array.isArray(promises) ? await Promise.all(promises) : await promises
@@ -53,8 +54,8 @@ const savedObjectsClient = {
 const goToNextStep = () => {};
 
 const createComponent = props => {
-  return shallow(
-    <StepIndexPattern
+  return shallowWithIntl(
+    <StepIndexPatternComponent
       allIndices={allIndices}
       isIncludingSystemIndices={false}
       esService={esService}
@@ -66,6 +67,8 @@ const createComponent = props => {
 };
 
 describe('StepIndexPattern', () => {
+  afterEach(() => intl.formatMessage.mockClear());
+
   it('renders the loading state', () => {
     const component = createComponent();
     component.setState({ isLoadingIndices: true });
@@ -92,8 +95,10 @@ describe('StepIndexPattern', () => {
     await new Promise(resolve => process.nextTick(resolve));
     // Ensure the state changes are reflected
     component.update();
-
-    expect(component.find('[data-test-subj="createIndexPatternStep1Header"]')).toMatchSnapshot();
+    expect({
+      component: component.find('[data-test-subj="createIndexPatternStep1Header"]'),
+      i18n: intl.formatMessage.mock.calls,
+    }).toMatchSnapshot();
   });
 
   it('renders matching indices when input is valid', async () => {
@@ -119,7 +124,7 @@ describe('StepIndexPattern', () => {
   it('disables the next step if the index pattern exists', async () => {
     const component = createComponent();
     component.setState({ indexPatternExists: true });
-    expect(component.find('Header').prop('isNextStepDisabled')).toBe(true);
+    expect(component.find(Header).prop('isNextStepDisabled')).toBe(true);
   });
 
   it('ensures the response of the latest request is persisted', async () => {
diff --git a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/components/header/__tests__/__snapshots__/header.test.js.snap b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/components/header/__tests__/__snapshots__/header.test.js.snap
index e8f55b9c86dee..56622bbf677e7 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/components/header/__tests__/__snapshots__/header.test.js.snap
+++ b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/components/header/__tests__/__snapshots__/header.test.js.snap
@@ -6,7 +6,11 @@ exports[`Header should mark the input as invalid 1`] = `
     size="s"
   >
     <h2>
-      Step 1 of 2: Define index pattern
+      <FormattedMessage
+        defaultMessage="Step 1 of 2: Define index pattern"
+        id="kbn.management.createIndexPattern.stepHeader"
+        values={Object {}}
+      />
     </h2>
   </EuiTitle>
   <EuiSpacer
@@ -40,23 +44,41 @@ exports[`Header should mark the input as invalid 1`] = `
           helpText={
             <div>
               <p>
-                You can use a 
-                <strong>
-                  *
-                </strong>
-                 as a wildcard in your index pattern.
+                <FormattedMessage
+                  defaultMessage="You can use a {asterisk} as a wildcard in your index pattern."
+                  id="kbn.management.createIndexPattern.step.indexPattern.allowLabel"
+                  values={
+                    Object {
+                      "asterisk": <strong>
+                        *
+                      </strong>,
+                    }
+                  }
+                />
               </p>
               <p>
-                You can't use spaces or the characters 
-                <strong>
-                  %
-                </strong>
-                .
+                <FormattedMessage
+                  defaultMessage="You can't use spaces or the characters {characterList}."
+                  id="kbn.management.createIndexPattern.step.indexPattern.disallowLabel"
+                  values={
+                    Object {
+                      "characterList": <strong>
+                        %
+                      </strong>,
+                    }
+                  }
+                />
               </p>
             </div>
           }
           isInvalid={true}
-          label="Index pattern"
+          label={
+            <FormattedMessage
+              defaultMessage="Index pattern"
+              id="kbn.management.createIndexPattern.step.indexPatternLabel"
+              values={Object {}}
+            />
+          }
         >
           <EuiFieldText
             compressed={false}
@@ -86,7 +108,11 @@ exports[`Header should mark the input as invalid 1`] = `
         onClick={[Function]}
         type="button"
       >
-        Next step
+        <FormattedMessage
+          defaultMessage="Next step"
+          id="kbn.management.createIndexPattern.step.nextStepButton"
+          values={Object {}}
+        />
       </EuiButton>
     </EuiFlexItem>
   </EuiFlexGroup>
@@ -99,7 +125,11 @@ exports[`Header should render normally 1`] = `
     size="s"
   >
     <h2>
-      Step 1 of 2: Define index pattern
+      <FormattedMessage
+        defaultMessage="Step 1 of 2: Define index pattern"
+        id="kbn.management.createIndexPattern.stepHeader"
+        values={Object {}}
+      />
     </h2>
   </EuiTitle>
   <EuiSpacer
@@ -129,23 +159,41 @@ exports[`Header should render normally 1`] = `
           helpText={
             <div>
               <p>
-                You can use a 
-                <strong>
-                  *
-                </strong>
-                 as a wildcard in your index pattern.
+                <FormattedMessage
+                  defaultMessage="You can use a {asterisk} as a wildcard in your index pattern."
+                  id="kbn.management.createIndexPattern.step.indexPattern.allowLabel"
+                  values={
+                    Object {
+                      "asterisk": <strong>
+                        *
+                      </strong>,
+                    }
+                  }
+                />
               </p>
               <p>
-                You can't use spaces or the characters 
-                <strong>
-                  %
-                </strong>
-                .
+                <FormattedMessage
+                  defaultMessage="You can't use spaces or the characters {characterList}."
+                  id="kbn.management.createIndexPattern.step.indexPattern.disallowLabel"
+                  values={
+                    Object {
+                      "characterList": <strong>
+                        %
+                      </strong>,
+                    }
+                  }
+                />
               </p>
             </div>
           }
           isInvalid={false}
-          label="Index pattern"
+          label={
+            <FormattedMessage
+              defaultMessage="Index pattern"
+              id="kbn.management.createIndexPattern.step.indexPatternLabel"
+              values={Object {}}
+            />
+          }
         >
           <EuiFieldText
             compressed={false}
@@ -175,7 +223,11 @@ exports[`Header should render normally 1`] = `
         onClick={[Function]}
         type="button"
       >
-        Next step
+        <FormattedMessage
+          defaultMessage="Next step"
+          id="kbn.management.createIndexPattern.step.nextStepButton"
+          values={Object {}}
+        />
       </EuiButton>
     </EuiFlexItem>
   </EuiFlexGroup>
diff --git a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/components/header/__tests__/header.test.js b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/components/header/__tests__/header.test.js
index 5a21bc53a3a2e..975b627c9a7d1 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/components/header/__tests__/header.test.js
+++ b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/components/header/__tests__/header.test.js
@@ -18,13 +18,13 @@
  */
 
 import React from 'react';
-import { Header } from '../header';
-import { shallow } from 'enzyme';
+import { HeaderComponent } from '../header';
+import { shallowWithIntl } from 'test_utils/enzyme_helpers';
 
 describe('Header', () => {
   it('should render normally', () => {
-    const component = shallow(
-      <Header
+    const component = shallowWithIntl(
+      <HeaderComponent
         isInputInvalid={false}
         errors={[]}
         characterList={['%']}
@@ -39,8 +39,8 @@ describe('Header', () => {
   });
 
   it('should mark the input as invalid', () => {
-    const component = shallow(
-      <Header
+    const component = shallowWithIntl(
+      <HeaderComponent
         isInputInvalid={true}
         errors={['Input is invalid']}
         characterList={['%']}
diff --git a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/components/header/header.js b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/components/header/header.js
index 68914fcfd0a3a..aab39f8851ef7 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/components/header/header.js
+++ b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/components/header/header.js
@@ -30,7 +30,9 @@ import {
   EuiFieldText,
 } from '@elastic/eui';
 
-export const Header = ({
+import { injectI18n, FormattedMessage } from '@kbn/i18n/react';
+
+export const HeaderComponent = ({
   isInputInvalid,
   errors,
   characterList,
@@ -38,12 +40,16 @@ export const Header = ({
   onQueryChanged,
   goToNextStep,
   isNextStepDisabled,
+  intl,
   ...rest
 }) => (
   <div {...rest}>
     <EuiTitle size="s">
       <h2>
-        Step 1 of 2: Define index pattern
+        <FormattedMessage
+          id="kbn.management.createIndexPattern.stepHeader"
+          defaultMessage="Step 1 of 2: Define index pattern"
+        />
       </h2>
     </EuiTitle>
     <EuiSpacer size="m"/>
@@ -53,19 +59,37 @@ export const Header = ({
           isInvalid={isInputInvalid}
         >
           <EuiFormRow
-            label="Index pattern"
+            label={<FormattedMessage
+              id="kbn.management.createIndexPattern.step.indexPatternLabel"
+              defaultMessage="Index pattern"
+            />}
             isInvalid={isInputInvalid}
             error={errors}
             helpText={
               <div>
-                <p>You can use a <strong>*</strong> as a wildcard in your index pattern.</p>
-                <p>You can&apos;t use spaces or the characters <strong>{characterList}</strong>.</p>
+                <p>
+                  <FormattedMessage
+                    id="kbn.management.createIndexPattern.step.indexPattern.allowLabel"
+                    defaultMessage="You can use a {asterisk} as a wildcard in your index pattern."
+                    values={{ asterisk: <strong>*</strong> }}
+                  />
+                </p>
+                <p>
+                  <FormattedMessage
+                    id="kbn.management.createIndexPattern.step.indexPattern.disallowLabel"
+                    defaultMessage="You can't use spaces or the characters {characterList}."
+                    values={{ characterList: <strong>{characterList}</strong> }}
+                  />
+                </p>
               </div>
             }
           >
             <EuiFieldText
               name="indexPattern"
-              placeholder="index-name-*"
+              placeholder={intl.formatMessage({
+                id: 'kbn.management.createIndexPattern.step.indexPatternPlaceholder',
+                defaultMessage: 'index-name-*'
+              })}
               value={query}
               isInvalid={isInputInvalid}
               onChange={onQueryChanged}
@@ -81,9 +105,14 @@ export const Header = ({
           isDisabled={isNextStepDisabled}
           data-test-subj="createIndexPatternGoToStep2Button"
         >
-          Next step
+          <FormattedMessage
+            id="kbn.management.createIndexPattern.step.nextStepButton"
+            defaultMessage="Next step"
+          />
         </EuiButton>
       </EuiFlexItem>
     </EuiFlexGroup>
   </div>
 );
+
+export const Header = injectI18n(HeaderComponent);
diff --git a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/components/indices_list/__tests__/__snapshots__/indices_list.test.js.snap b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/components/indices_list/__tests__/__snapshots__/indices_list.test.js.snap
index b0d1d6396047f..943303f0bfdb2 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/components/indices_list/__tests__/__snapshots__/indices_list.test.js.snap
+++ b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/components/indices_list/__tests__/__snapshots__/indices_list.test.js.snap
@@ -55,8 +55,15 @@ exports[`IndicesList should change pages 1`] = `
             size="s"
             type="button"
           >
-            Rows per page: 
-            1
+            <FormattedMessage
+              defaultMessage="Rows per page: {perPage}"
+              id="kbn.management.createIndexPattern.step.pagingLabel"
+              values={
+                Object {
+                  "perPage": 1,
+                }
+              }
+            />
           </EuiButtonEmpty>
         }
         closePopover={[Function]}
@@ -152,8 +159,15 @@ exports[`IndicesList should change per page 1`] = `
             size="s"
             type="button"
           >
-            Rows per page: 
-            1
+            <FormattedMessage
+              defaultMessage="Rows per page: {perPage}"
+              id="kbn.management.createIndexPattern.step.pagingLabel"
+              values={
+                Object {
+                  "perPage": 1,
+                }
+              }
+            />
           </EuiButtonEmpty>
         }
         closePopover={[Function]}
@@ -274,8 +288,15 @@ exports[`IndicesList should highlight the query in the matches 1`] = `
             size="s"
             type="button"
           >
-            Rows per page: 
-            10
+            <FormattedMessage
+              defaultMessage="Rows per page: {perPage}"
+              id="kbn.management.createIndexPattern.step.pagingLabel"
+              values={
+                Object {
+                  "perPage": 10,
+                }
+              }
+            />
           </EuiButtonEmpty>
         }
         closePopover={[Function]}
@@ -381,8 +402,15 @@ exports[`IndicesList should render normally 1`] = `
             size="s"
             type="button"
           >
-            Rows per page: 
-            10
+            <FormattedMessage
+              defaultMessage="Rows per page: {perPage}"
+              id="kbn.management.createIndexPattern.step.pagingLabel"
+              values={
+                Object {
+                  "perPage": 10,
+                }
+              }
+            />
           </EuiButtonEmpty>
         }
         closePopover={[Function]}
@@ -568,8 +596,15 @@ exports[`IndicesList updating props should render all new indices 1`] = `
             size="s"
             type="button"
           >
-            Rows per page: 
-            10
+            <FormattedMessage
+              defaultMessage="Rows per page: {perPage}"
+              id="kbn.management.createIndexPattern.step.pagingLabel"
+              values={
+                Object {
+                  "perPage": 10,
+                }
+              }
+            />
           </EuiButtonEmpty>
         }
         closePopover={[Function]}
diff --git a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/components/indices_list/indices_list.js b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/components/indices_list/indices_list.js
index f04de5d2fe80c..c8a1f89b18458 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/components/indices_list/indices_list.js
+++ b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/components/indices_list/indices_list.js
@@ -40,6 +40,8 @@ import {
   Pager
 } from '@elastic/eui/lib/services';
 
+import { FormattedMessage } from '@kbn/i18n/react';
+
 export class IndicesList extends Component {
   static propTypes = {
     indices: PropTypes.array.isRequired,
@@ -98,7 +100,11 @@ export class IndicesList extends Component {
         iconSide="right"
         onClick={this.openPerPageControl}
       >
-        Rows per page: {perPage}
+        <FormattedMessage
+          id="kbn.management.createIndexPattern.step.pagingLabel"
+          defaultMessage="Rows per page: {perPage}"
+          values={{ perPage }}
+        />
       </EuiButtonEmpty>
     );
 
diff --git a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/components/loading_indices/__tests__/__snapshots__/loading_indices.test.js.snap b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/components/loading_indices/__tests__/__snapshots__/loading_indices.test.js.snap
index 5ae2e4c84a63f..f5ffda2fa08c2 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/components/loading_indices/__tests__/__snapshots__/loading_indices.test.js.snap
+++ b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/components/loading_indices/__tests__/__snapshots__/loading_indices.test.js.snap
@@ -29,7 +29,11 @@ exports[`LoadingIndices should render normally 1`] = `
         color="subdued"
         component="span"
       >
-        Looking for matching indices...
+        <FormattedMessage
+          defaultMessage="Looking for matching indices..."
+          id="kbn.management.createIndexPattern.step.loadingHeader"
+          values={Object {}}
+        />
       </EuiTextColor>
     </EuiText>
     <EuiText
@@ -45,7 +49,11 @@ exports[`LoadingIndices should render normally 1`] = `
         color="subdued"
         component="span"
       >
-        Just a sec...
+        <FormattedMessage
+          defaultMessage="Just a sec..."
+          id="kbn.management.createIndexPattern.step.loadingLabel"
+          values={Object {}}
+        />
       </EuiTextColor>
     </EuiText>
   </EuiFlexItem>
diff --git a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/components/loading_indices/loading_indices.js b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/components/loading_indices/loading_indices.js
index dfbe4fea78bc2..bcf25cd363973 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/components/loading_indices/loading_indices.js
+++ b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/components/loading_indices/loading_indices.js
@@ -27,6 +27,8 @@ import {
   EuiLoadingSpinner,
 } from '@elastic/eui';
 
+import { FormattedMessage } from '@kbn/i18n/react';
+
 export const LoadingIndices = ({ ...rest }) => (
   <EuiFlexGroup
     justifyContent="center"
@@ -40,13 +42,19 @@ export const LoadingIndices = ({ ...rest }) => (
     <EuiFlexItem grow={false}>
       <EuiText>
         <EuiTextColor color="subdued">
-          Looking for matching indices...
+          <FormattedMessage
+            id="kbn.management.createIndexPattern.step.loadingHeader"
+            defaultMessage="Looking for matching indices..."
+          />
         </EuiTextColor>
       </EuiText>
 
       <EuiText size="s" style={{ textAlign: 'center' }}>
         <EuiTextColor color="subdued">
-          Just a sec...
+          <FormattedMessage
+            id="kbn.management.createIndexPattern.step.loadingLabel"
+            defaultMessage="Just a sec..."
+          />
         </EuiTextColor>
       </EuiText>
     </EuiFlexItem>
diff --git a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/components/status_message/__tests__/__snapshots__/status_message.test.js.snap b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/components/status_message/__tests__/__snapshots__/status_message.test.js.snap
index 0fdb7a7a88182..41d1ee57bea20 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/components/status_message/__tests__/__snapshots__/status_message.test.js.snap
+++ b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/components/status_message/__tests__/__snapshots__/status_message.test.js.snap
@@ -15,16 +15,32 @@ exports[`StatusMessage should render with exact matches 1`] = `
     />
     <span>
        
-      <strong>
-        Success!
-      </strong>
-        Your index pattern matches 
-      <strong>
-        1
-         
-        index
-      </strong>
-      .
+      <FormattedMessage
+        defaultMessage="{strongSuccess} Your index pattern matches {strongIndices}."
+        id="kbn.management.createIndexPattern.step.status.successLabel.successDetail"
+        values={
+          Object {
+            "strongIndices": <strong>
+              <FormattedMessage
+                defaultMessage="{indicesLength, plural, one {# index} other {# indices}}"
+                id="kbn.management.createIndexPattern.step.status.successLabel.strongIndicesLabel"
+                values={
+                  Object {
+                    "indicesLength": 1,
+                  }
+                }
+              />
+            </strong>,
+            "strongSuccess": <strong>
+              <FormattedMessage
+                defaultMessage="Success!"
+                id="kbn.management.createIndexPattern.step.status.successLabel.strongSuccessLabel"
+                values={Object {}}
+              />
+            </strong>,
+          }
+        }
+      />
     </span>
   </EuiTextColor>
 </EuiText>
@@ -40,12 +56,26 @@ exports[`StatusMessage should render with no partial matches 1`] = `
     component="span"
   >
     <span>
-      The index pattern you've entered doesn't match any indices. You can match any of your 
-      <strong>
-        2
-         indices
-      </strong>
-      , below.
+      <FormattedMessage
+        defaultMessage="The index pattern you've entered doesn't match any indices. You can match {indicesLength, plural, one {your} other {any of your}} {strongIndices}, below."
+        id="kbn.management.createIndexPattern.step.status.notMatchLabel.notMatchDetail"
+        values={
+          Object {
+            "indicesLength": 2,
+            "strongIndices": <strong>
+              <FormattedMessage
+                defaultMessage="{indicesLength, plural, one {# index} other {# indices}}"
+                id="kbn.management.createIndexPattern.step.status.notMatchLabel.allIndicesLabel"
+                values={
+                  Object {
+                    "indicesLength": 2,
+                  }
+                }
+              />
+            </strong>,
+          }
+        }
+      />
     </span>
   </EuiTextColor>
 </EuiText>
@@ -61,15 +91,26 @@ exports[`StatusMessage should render with partial matches 1`] = `
     component="span"
   >
     <span>
-      Your index pattern doesn't match any indices, but you have 
-      <strong>
-        1
-         
-        index 
-      </strong>
-      which 
-      looks
-       similar.
+      <FormattedMessage
+        defaultMessage="Your index pattern doesn't match any indices, but you have {strongIndices} which {matchedIndicesLength, plural, one {looks} other {look}} similar."
+        id="kbn.management.createIndexPattern.step.status.partialMatchLabel.partialMatchDetail"
+        values={
+          Object {
+            "matchedIndicesLength": 1,
+            "strongIndices": <strong>
+              <FormattedMessage
+                defaultMessage="{matchedIndicesLength, plural, one {# index} other {# indices}}"
+                id="kbn.management.createIndexPattern.step.status.partialMatchLabel.strongIndicesLabel"
+                values={
+                  Object {
+                    "matchedIndicesLength": 1,
+                  }
+                }
+              />
+            </strong>,
+          }
+        }
+      />
     </span>
   </EuiTextColor>
 </EuiText>
@@ -85,12 +126,18 @@ exports[`StatusMessage should render without a query 1`] = `
     component="span"
   >
     <span>
-      Your index pattern can match any of your 
-      <strong>
-        2
-         indices
-      </strong>
-      , below.
+      <FormattedMessage
+        defaultMessage="Your index pattern can match any of your {strongIndices}, below."
+        id="kbn.management.createIndexPattern.step.status.matchAnyLabel.matchAnyDetail"
+        values={
+          Object {
+            "strongIndices": <strong>
+              2
+               indices
+            </strong>,
+          }
+        }
+      />
     </span>
   </EuiTextColor>
 </EuiText>
@@ -106,7 +153,11 @@ exports[`StatusMessage should show that no indices exist 1`] = `
     component="span"
   >
     <span>
-      No Elasticsearch indices match your pattern.
+      <FormattedMessage
+        defaultMessage="No Elasticsearch indices match your pattern."
+        id="kbn.management.createIndexPattern.step.status.noSystemIndicesLabel"
+        values={Object {}}
+      />
     </span>
   </EuiTextColor>
 </EuiText>
@@ -122,7 +173,11 @@ exports[`StatusMessage should show that system indices exist 1`] = `
     component="span"
   >
     <span>
-      No Elasticsearch indices match your pattern. To view the matching system indices, toggle the switch in the upper right.
+      <FormattedMessage
+        defaultMessage="No Elasticsearch indices match your pattern. To view the matching system indices, toggle the switch in the upper right."
+        id="kbn.management.createIndexPattern.step.status.noSystemIndicesWithPromptLabel"
+        values={Object {}}
+      />
     </span>
   </EuiTextColor>
 </EuiText>
diff --git a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/components/status_message/status_message.js b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/components/status_message/status_message.js
index 4bd24c0c07b0d..a403925f24dd1 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/components/status_message/status_message.js
+++ b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/components/status_message/status_message.js
@@ -25,6 +25,8 @@ import {
   EuiIcon,
 } from '@elastic/eui';
 
+import { FormattedMessage } from '@kbn/i18n/react';
+
 export const StatusMessage = ({
   matchedIndices: {
     allIndices = [],
@@ -38,21 +40,32 @@ export const StatusMessage = ({
   let statusMessage;
   let statusColor;
 
+  const allIndicesLength = allIndices.length;
+
   if (query.length === 0) {
     statusIcon = null;
     statusColor = 'default';
 
-    if (allIndices.length > 1) {
+
+    if (allIndicesLength > 1) {
       statusMessage = (
         <span>
-          Your index pattern can match any of your <strong>{allIndices.length} indices</strong>, below.
+          <FormattedMessage
+            id="kbn.management.createIndexPattern.step.status.matchAnyLabel.matchAnyDetail"
+            defaultMessage="Your index pattern can match any of your {strongIndices}, below."
+            values={{ strongIndices: (<strong>{allIndicesLength} indices</strong>) }}
+          />
         </span>
       );
     }
     else if (!isIncludingSystemIndices) {
       statusMessage = (
         <span>
-          No Elasticsearch indices match your pattern. To view the matching system indices, toggle the switch in the upper right.
+          <FormattedMessage
+            id="kbn.management.createIndexPattern.step.status.noSystemIndicesWithPromptLabel"
+            defaultMessage="No Elasticsearch indices match your pattern. To view the matching system indices, toggle the switch in
+            the upper right."
+          />
         </span>
       );
     }
@@ -60,7 +73,10 @@ export const StatusMessage = ({
       // This should never really happen but let's handle it just in case
       statusMessage = (
         <span>
-          No Elasticsearch indices match your pattern.
+          <FormattedMessage
+            id="kbn.management.createIndexPattern.step.status.noSystemIndicesLabel"
+            defaultMessage="No Elasticsearch indices match your pattern."
+          />
         </span>
       );
     }
@@ -71,9 +87,27 @@ export const StatusMessage = ({
     statusMessage = (
       <span>
         &nbsp;
-        <strong>Success!</strong>
-        &nbsp;
-        Your index pattern matches <strong>{exactMatchedIndices.length} {exactMatchedIndices.length > 1 ? 'indices' : 'index'}</strong>.
+        <FormattedMessage
+          id="kbn.management.createIndexPattern.step.status.successLabel.successDetail"
+          defaultMessage="{strongSuccess} Your index pattern matches {strongIndices}."
+          values={{
+            strongSuccess: (
+              <strong>
+                <FormattedMessage
+                  id="kbn.management.createIndexPattern.step.status.successLabel.strongSuccessLabel"
+                  defaultMessage="Success!"
+                />
+              </strong>),
+            strongIndices: (
+              <strong>
+                <FormattedMessage
+                  id="kbn.management.createIndexPattern.step.status.successLabel.strongIndicesLabel"
+                  defaultMessage="{indicesLength, plural, one {# index} other {# indices}}"
+                  values={{ indicesLength: exactMatchedIndices.length }}
+                />
+              </strong>)
+          }}
+        />
       </span>
     );
   }
@@ -82,21 +116,46 @@ export const StatusMessage = ({
     statusColor = 'default';
     statusMessage = (
       <span>
-        Your index pattern doesn&apos;t match any indices, but you have&nbsp;
-        <strong>
-          {partialMatchedIndices.length} {partialMatchedIndices.length > 1 ? 'indices ' : 'index '}
-        </strong>
-        which {partialMatchedIndices.length > 1 ? 'look' : 'looks'} similar.
+        <FormattedMessage
+          id="kbn.management.createIndexPattern.step.status.partialMatchLabel.partialMatchDetail"
+          defaultMessage="Your index pattern doesn't match any indices, but you have {strongIndices} which
+          {matchedIndicesLength, plural, one {looks} other {look}} similar."
+          values={{
+            matchedIndicesLength: partialMatchedIndices.length,
+            strongIndices: (
+              <strong>
+                <FormattedMessage
+                  id="kbn.management.createIndexPattern.step.status.partialMatchLabel.strongIndicesLabel"
+                  defaultMessage="{matchedIndicesLength, plural, one {# index} other {# indices}}"
+                  values={{ matchedIndicesLength: partialMatchedIndices.length }}
+                />
+              </strong>)
+          }}
+        />
       </span>
     );
   }
-  else if (allIndices.length) {
+  else if (allIndicesLength) {
     statusIcon = null;
     statusColor = 'default';
     statusMessage = (
       <span>
-        The index pattern you&apos;ve entered doesn&apos;t match any indices.
-        You can match any of your <strong>{allIndices.length} indices</strong>, below.
+        <FormattedMessage
+          id="kbn.management.createIndexPattern.step.status.notMatchLabel.notMatchDetail"
+          defaultMessage="The index pattern you've entered doesn't match any indices.
+          You can match {indicesLength, plural, one {your} other {any of your}} {strongIndices}, below."
+          values={{
+            strongIndices: (
+              <strong>
+                <FormattedMessage
+                  id="kbn.management.createIndexPattern.step.status.notMatchLabel.allIndicesLabel"
+                  defaultMessage="{indicesLength, plural, one {# index} other {# indices}}"
+                  values={{ indicesLength: allIndicesLength }}
+                />
+              </strong>),
+            indicesLength: allIndicesLength,
+          }}
+        />
       </span>
     );
   }
diff --git a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/step_index_pattern.js b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/step_index_pattern.js
index cae0a1c8f4736..bf6468c3bf15b 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/step_index_pattern.js
+++ b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/step_index_pattern.js
@@ -38,11 +38,12 @@ import {
   EuiCallOut,
 } from '@elastic/eui';
 
+import { injectI18n, FormattedMessage } from '@kbn/i18n/react';
 import chrome from 'ui/chrome';
 
 const uiSettings = chrome.getUiSettingsClient();
 
-export class StepIndexPattern extends Component {
+export class StepIndexPatternComponent extends Component {
   static propTypes = {
     allIndices: PropTypes.array.isRequired,
     isIncludingSystemIndices: PropTypes.bool.isRequired,
@@ -209,17 +210,26 @@ export class StepIndexPattern extends Component {
 
     return (
       <EuiCallOut
-        title="Whoops!"
+        title={<FormattedMessage
+          id="kbn.management.createIndexPattern.step.warningHeader"
+          defaultMessage="Whoops!"
+        />}
         iconType="help"
         color="warning"
       >
-        <p>There&apos;s already an index pattern called `{query}`</p>
+        <p>
+          <FormattedMessage
+            id="kbn.management.createIndexPattern.step.warningLabel"
+            defaultMessage="There's already an index pattern called `{query}`"
+            values={{ query }}
+          />
+        </p>
       </EuiCallOut>
     );
   }
 
   renderHeader({ exactMatchedIndices: indices }) {
-    const { goToNextStep } = this.props;
+    const { goToNextStep, intl } = this.props;
     const { query, showingIndexPatternQueryErrors, indexPatternExists } = this.state;
 
     let containsErrors = false;
@@ -231,7 +241,14 @@ export class StepIndexPattern extends Component {
       containsErrors = true;
     }
     else if (!containsInvalidCharacters(query, ILLEGAL_CHARACTERS)) {
-      errors.push(`An index pattern cannot contain spaces or the characters: ${characterList}`);
+      const errorMessage = intl.formatMessage(
+        {
+          id: 'kbn.management.createIndexPattern.step.invalidCharactersErrorMessage',
+          defaultMessage: 'An index pattern cannot contain spaces or the characters: {characterList}'
+        },
+        { characterList });
+
+      errors.push(errorMessage);
       containsErrors = true;
     }
 
@@ -277,3 +294,5 @@ export class StepIndexPattern extends Component {
     );
   }
 }
+
+export const StepIndexPattern = injectI18n(StepIndexPatternComponent);
diff --git a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/__tests__/__snapshots__/step_time_field.test.js.snap b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/__tests__/__snapshots__/step_time_field.test.js.snap
index c6b7f0cd1a268..78b941d09c129 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/__tests__/__snapshots__/step_time_field.test.js.snap
+++ b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/__tests__/__snapshots__/step_time_field.test.js.snap
@@ -44,7 +44,11 @@ exports[`StepTimeField should render a loading state when creating the index pat
       <EuiText
         grow={true}
       >
-        Creating index pattern...
+        <FormattedMessage
+          defaultMessage="Creating index pattern..."
+          id="kbn.management.createIndexPattern.stepTime.creatingLabel"
+          values={Object {}}
+        />
       </EuiText>
     </EuiFlexItem>
   </EuiFlexGroup>
diff --git a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/__tests__/step_time_field.test.js b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/__tests__/step_time_field.test.js
index 0561f1a9be502..edef17e238433 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/__tests__/step_time_field.test.js
+++ b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/__tests__/step_time_field.test.js
@@ -18,9 +18,9 @@
  */
 
 import React from 'react';
-import { shallow } from 'enzyme';
+import { shallowWithIntl } from 'test_utils/enzyme_helpers';
 
-import { StepTimeField } from '../step_time_field';
+import { StepTimeFieldComponent } from '../step_time_field';
 
 jest.mock('../components/header', () => ({ Header: 'Header' }));
 jest.mock('../components/time_field', () => ({ TimeField: 'TimeField' }));
@@ -39,8 +39,8 @@ const indexPatternsService = {
 
 describe('StepTimeField', () => {
   it('should render normally', () => {
-    const component = shallow(
-      <StepTimeField
+    const component = shallowWithIntl(
+      <StepTimeFieldComponent
         indexPattern="ki*"
         indexPatternsService={indexPatternsService}
         goToPreviousStep={noop}
@@ -52,8 +52,8 @@ describe('StepTimeField', () => {
   });
 
   it('should render timeFields', () => {
-    const component = shallow(
-      <StepTimeField
+    const component = shallowWithIntl(
+      <StepTimeFieldComponent
         indexPattern="ki*"
         indexPatternsService={indexPatternsService}
         goToPreviousStep={noop}
@@ -72,8 +72,8 @@ describe('StepTimeField', () => {
   });
 
   it('should render a selected timeField', () => {
-    const component = shallow(
-      <StepTimeField
+    const component = shallowWithIntl(
+      <StepTimeFieldComponent
         indexPattern="ki*"
         indexPatternsService={indexPatternsService}
         goToPreviousStep={noop}
@@ -94,8 +94,8 @@ describe('StepTimeField', () => {
   });
 
   it('should ensure disabled time field options work properly', () => {
-    const component = shallow(
-      <StepTimeField
+    const component = shallowWithIntl(
+      <StepTimeFieldComponent
         indexPattern="ki*"
         indexPatternsService={indexPatternsService}
         goToPreviousStep={noop}
@@ -122,8 +122,8 @@ describe('StepTimeField', () => {
   });
 
   it('should disable the action button if an invalid time field is selected', () => {
-    const component = shallow(
-      <StepTimeField
+    const component = shallowWithIntl(
+      <StepTimeFieldComponent
         indexPattern="ki*"
         indexPatternsService={indexPatternsService}
         goToPreviousStep={noop}
@@ -145,8 +145,8 @@ describe('StepTimeField', () => {
   });
 
   it('should enable the action button if the user decides to not select a time field', () => {
-    const component = shallow(
-      <StepTimeField
+    const component = shallowWithIntl(
+      <StepTimeFieldComponent
         indexPattern="ki*"
         indexPatternsService={indexPatternsService}
         goToPreviousStep={noop}
@@ -168,8 +168,8 @@ describe('StepTimeField', () => {
   });
 
   it('should render advanced options', () => {
-    const component = shallow(
-      <StepTimeField
+    const component = shallowWithIntl(
+      <StepTimeFieldComponent
         indexPattern="ki*"
         indexPatternsService={indexPatternsService}
         goToPreviousStep={noop}
@@ -183,8 +183,8 @@ describe('StepTimeField', () => {
   });
 
   it('should render advanced options with an index pattern id', () => {
-    const component = shallow(
-      <StepTimeField
+    const component = shallowWithIntl(
+      <StepTimeFieldComponent
         indexPattern="ki*"
         indexPatternsService={indexPatternsService}
         goToPreviousStep={noop}
@@ -201,8 +201,8 @@ describe('StepTimeField', () => {
   });
 
   it('should render a loading state when creating the index pattern', () => {
-    const component = shallow(
-      <StepTimeField
+    const component = shallowWithIntl(
+      <StepTimeFieldComponent
         indexPattern="ki*"
         indexPatternsService={indexPatternsService}
         goToPreviousStep={noop}
diff --git a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/components/action_buttons/action_buttons.js b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/components/action_buttons/action_buttons.js
index b8d11fbf238c8..7bdcb559370c9 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/components/action_buttons/action_buttons.js
+++ b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/components/action_buttons/action_buttons.js
@@ -26,6 +26,8 @@ import {
   EuiButtonEmpty
 } from '@elastic/eui';
 
+import { FormattedMessage } from '@kbn/i18n/react';
+
 export const ActionButtons = ({
   goToPreviousStep,
   submittable,
@@ -37,7 +39,10 @@ export const ActionButtons = ({
         iconType="arrowLeft"
         onClick={goToPreviousStep}
       >
-        Back
+        <FormattedMessage
+          id="kbn.management.createIndexPattern.stepTime.backButton"
+          defaultMessage="Back"
+        />
       </EuiButtonEmpty>
     </EuiFlexItem>
     <EuiFlexItem grow={false}>
@@ -47,7 +52,10 @@ export const ActionButtons = ({
         fill
         onClick={createIndexPattern}
       >
-        Create index pattern
+        <FormattedMessage
+          id="kbn.management.createIndexPattern.stepTime.createPatternButton"
+          defaultMessage="Create index pattern"
+        />
       </EuiButton>
     </EuiFlexItem>
   </EuiFlexGroup>
diff --git a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/components/advanced_options/__tests__/__snapshots__/advanced_options.test.js.snap b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/components/advanced_options/__tests__/__snapshots__/advanced_options.test.js.snap
index 155d41f3b8d72..17f0d860720fb 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/components/advanced_options/__tests__/__snapshots__/advanced_options.test.js.snap
+++ b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/components/advanced_options/__tests__/__snapshots__/advanced_options.test.js.snap
@@ -9,9 +9,11 @@ exports[`AdvancedOptions should hide if not showing 1`] = `
     onClick={[Function]}
     type="button"
   >
-    <span>
-      Show advanced options
-    </span>
+    <FormattedMessage
+      defaultMessage="Show advanced options"
+      id="kbn.management.createIndexPattern.stepTime.options.showButton"
+      values={Object {}}
+    />
   </EuiButtonEmpty>
   <EuiSpacer
     size="xs"
@@ -28,9 +30,11 @@ exports[`AdvancedOptions should render normally 1`] = `
     onClick={[Function]}
     type="button"
   >
-    <span>
-      Show advanced options
-    </span>
+    <FormattedMessage
+      defaultMessage="Show advanced options"
+      id="kbn.management.createIndexPattern.stepTime.options.showButton"
+      values={Object {}}
+    />
   </EuiButtonEmpty>
   <EuiSpacer
     size="xs"
diff --git a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/components/advanced_options/__tests__/advanced_options.test.js b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/components/advanced_options/__tests__/advanced_options.test.js
index e2038c69da388..11c79092f5c25 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/components/advanced_options/__tests__/advanced_options.test.js
+++ b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/components/advanced_options/__tests__/advanced_options.test.js
@@ -18,13 +18,13 @@
  */
 
 import React from 'react';
-import { AdvancedOptions } from '../advanced_options';
-import { shallow } from 'enzyme';
+import { AdvancedOptionsComponent } from '../advanced_options';
+import { shallowWithIntl } from 'test_utils/enzyme_helpers';
 
 describe('AdvancedOptions', () => {
   it('should render normally', () => {
-    const component = shallow(
-      <AdvancedOptions
+    const component = shallowWithIntl(
+      <AdvancedOptionsComponent
         showingAdvancedOptions={true}
         indexPatternId={'foobar'}
         toggleAdvancedOptions={() => {}}
@@ -36,8 +36,8 @@ describe('AdvancedOptions', () => {
   });
 
   it('should hide if not showing', () => {
-    const component = shallow(
-      <AdvancedOptions
+    const component = shallowWithIntl(
+      <AdvancedOptionsComponent
         showingAdvancedOptions={false}
         indexPatternId={'foobar'}
         toggleAdvancedOptions={() => {}}
diff --git a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/components/advanced_options/advanced_options.js b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/components/advanced_options/advanced_options.js
index fbb0c3af41b70..9ad692baf0e94 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/components/advanced_options/advanced_options.js
+++ b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/components/advanced_options/advanced_options.js
@@ -27,11 +27,14 @@ import {
   EuiSpacer,
 } from '@elastic/eui';
 
-export const AdvancedOptions = ({
+import { injectI18n, FormattedMessage } from '@kbn/i18n/react';
+
+export const AdvancedOptionsComponent = ({
   isVisible,
   indexPatternId,
   toggleAdvancedOptions,
   onChangeIndexPatternId,
+  intl,
 }) => (
   <div>
     <EuiButtonEmpty
@@ -39,8 +42,18 @@ export const AdvancedOptions = ({
       onClick={toggleAdvancedOptions}
     >
       { isVisible
-        ? (<span>Hide advanced options</span>)
-        : (<span>Show advanced options</span>)
+        ? (
+          <FormattedMessage
+            id="kbn.management.createIndexPattern.stepTime.options.hideButton"
+            defaultMessage="Hide advanced options"
+          />
+        )
+        : (
+          <FormattedMessage
+            id="kbn.management.createIndexPattern.stepTime.options.showButton"
+            defaultMessage="Show advanced options"
+          />
+        )
       }
 
     </EuiButtonEmpty>
@@ -48,12 +61,16 @@ export const AdvancedOptions = ({
     { isVisible ?
       <EuiForm>
         <EuiFormRow
-          label="Custom index pattern ID"
+          label={intl.formatMessage({
+            id: 'kbn.management.createIndexPattern.stepTime.options.patternHeader',
+            defaultMessage: 'Custom index pattern ID'
+          })}
           helpText={
-            <span>
-              Kibana will provide a unique identifier for each index pattern.
-              If you do not want to use this unique ID, enter a custom one.
-            </span>
+            <FormattedMessage
+              id="kbn.management.createIndexPattern.stepTime.options.patternLabel"
+              defaultMessage="Kibana will provide a unique identifier for each index pattern. If you do not want to use this unique ID,
+              enter a custom one."
+            />
           }
         >
           <EuiFieldText
@@ -61,7 +78,10 @@ export const AdvancedOptions = ({
             data-test-subj="createIndexPatternIdInput"
             value={indexPatternId}
             onChange={onChangeIndexPatternId}
-            placeholder="custom-index-pattern-id"
+            placeholder={intl.formatMessage({
+              id: 'kbn.management.createIndexPattern.stepTime.options.patternPlaceholder',
+              defaultMessage: 'custom-index-pattern-id'
+            })}
           />
         </EuiFormRow>
       </EuiForm>
@@ -69,3 +89,5 @@ export const AdvancedOptions = ({
     }
   </div>
 );
+
+export const AdvancedOptions = injectI18n(AdvancedOptionsComponent);
diff --git a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/components/header/__tests__/__snapshots__/header.test.js.snap b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/components/header/__tests__/__snapshots__/header.test.js.snap
index 4744d49588e14..414b83eccb77c 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/components/header/__tests__/__snapshots__/header.test.js.snap
+++ b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/components/header/__tests__/__snapshots__/header.test.js.snap
@@ -6,7 +6,11 @@ exports[`Header should render normally 1`] = `
     size="s"
   >
     <h2>
-      Step 2 of 2: Configure settings
+      <FormattedMessage
+        defaultMessage="Step 2 of 2: Configure settings"
+        id="kbn.management.createIndexPattern.stepTimeHeader"
+        values={Object {}}
+      />
     </h2>
   </EuiTitle>
   <EuiSpacer
@@ -16,13 +20,17 @@ exports[`Header should render normally 1`] = `
     color="subdued"
     grow={true}
   >
-    <span>
-      You've defined 
-      <strong>
-        ki*
-      </strong>
-       as your index pattern. Now you can specify some settings before we create it.
-    </span>
+    <FormattedMessage
+      defaultMessage="You've defined {indexPattern} as your index pattern. Now you can specify some settings before we create it."
+      id="kbn.management.createIndexPattern.stepTimeLabel"
+      values={
+        Object {
+          "indexPattern": <strong>
+            ki*
+          </strong>,
+        }
+      }
+    />
   </EuiText>
 </div>
 `;
diff --git a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/components/header/header.js b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/components/header/header.js
index 00660a87c3289..1ccaf90f66484 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/components/header/header.js
+++ b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/components/header/header.js
@@ -25,21 +25,27 @@ import {
   EuiText,
 } from '@elastic/eui';
 
+import { FormattedMessage } from '@kbn/i18n/react';
+
 export const Header = ({
   indexPattern,
 }) => (
   <div>
     <EuiTitle size="s">
       <h2>
-        Step 2 of 2: Configure settings
+        <FormattedMessage
+          id="kbn.management.createIndexPattern.stepTimeHeader"
+          defaultMessage="Step 2 of 2: Configure settings"
+        />
       </h2>
     </EuiTitle>
     <EuiSpacer size="m"/>
     <EuiText color="subdued">
-      <span>
-        You&apos;ve defined <strong>{indexPattern}</strong> as your index pattern.
-        Now you can specify some settings before we create it.
-      </span>
+      <FormattedMessage
+        id="kbn.management.createIndexPattern.stepTimeLabel"
+        defaultMessage="You've defined {indexPattern} as your index pattern. Now you can specify some settings before we create it."
+        values={{ indexPattern: <strong>{indexPattern}</strong> }}
+      />
     </EuiText>
   </div>
 );
diff --git a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/components/time_field/__tests__/__snapshots__/time_field.test.js.snap b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/components/time_field/__tests__/__snapshots__/time_field.test.js.snap
index b04aa723bc5e7..03fee7dd7278d 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/components/time_field/__tests__/__snapshots__/time_field.test.js.snap
+++ b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/components/time_field/__tests__/__snapshots__/time_field.test.js.snap
@@ -9,10 +9,18 @@ exports[`TimeField should render a loading state 1`] = `
     helpText={
       <div>
         <p>
-          The Time Filter will use this field to filter your data by time.
+          <FormattedMessage
+            defaultMessage="The Time Filter will use this field to filter your data by time."
+            id="kbn.management.createIndexPattern.stepTime.fieldLabel"
+            values={Object {}}
+          />
         </p>
         <p>
-          You can choose not to have a time field, but you will not be able to narrow down your data by a time range.
+          <FormattedMessage
+            defaultMessage="You can choose not to have a time field, but you will not be able to narrow down your data by a time range."
+            id="kbn.management.createIndexPattern.stepTime.fieldWarningLabel"
+            values={Object {}}
+          />
         </p>
       </div>
     }
@@ -31,7 +39,11 @@ exports[`TimeField should render a loading state 1`] = `
           grow={false}
         >
           <span>
-            Time Filter field name
+            <FormattedMessage
+              defaultMessage="Time Filter field name"
+              id="kbn.management.createIndexPattern.stepTime.fieldHeader"
+              values={Object {}}
+            />
           </span>
         </EuiFlexItem>
         <EuiFlexItem
@@ -75,10 +87,18 @@ exports[`TimeField should render a selected time field 1`] = `
     helpText={
       <div>
         <p>
-          The Time Filter will use this field to filter your data by time.
+          <FormattedMessage
+            defaultMessage="The Time Filter will use this field to filter your data by time."
+            id="kbn.management.createIndexPattern.stepTime.fieldLabel"
+            values={Object {}}
+          />
         </p>
         <p>
-          You can choose not to have a time field, but you will not be able to narrow down your data by a time range.
+          <FormattedMessage
+            defaultMessage="You can choose not to have a time field, but you will not be able to narrow down your data by a time range."
+            id="kbn.management.createIndexPattern.stepTime.fieldWarningLabel"
+            values={Object {}}
+          />
         </p>
       </div>
     }
@@ -97,7 +117,11 @@ exports[`TimeField should render a selected time field 1`] = `
           grow={false}
         >
           <span>
-            Time Filter field name
+            <FormattedMessage
+              defaultMessage="Time Filter field name"
+              id="kbn.management.createIndexPattern.stepTime.fieldHeader"
+              values={Object {}}
+            />
           </span>
         </EuiFlexItem>
         <EuiFlexItem
@@ -110,7 +134,11 @@ exports[`TimeField should render a selected time field 1`] = `
             onClick={[Function]}
             type="button"
           >
-            Refresh
+            <FormattedMessage
+              defaultMessage="Refresh"
+              id="kbn.management.createIndexPattern.stepTime.refreshButton"
+              values={Object {}}
+            />
           </EuiLink>
         </EuiFlexItem>
       </EuiFlexGroup>
@@ -148,10 +176,18 @@ exports[`TimeField should render normally 1`] = `
     helpText={
       <div>
         <p>
-          The Time Filter will use this field to filter your data by time.
+          <FormattedMessage
+            defaultMessage="The Time Filter will use this field to filter your data by time."
+            id="kbn.management.createIndexPattern.stepTime.fieldLabel"
+            values={Object {}}
+          />
         </p>
         <p>
-          You can choose not to have a time field, but you will not be able to narrow down your data by a time range.
+          <FormattedMessage
+            defaultMessage="You can choose not to have a time field, but you will not be able to narrow down your data by a time range."
+            id="kbn.management.createIndexPattern.stepTime.fieldWarningLabel"
+            values={Object {}}
+          />
         </p>
       </div>
     }
@@ -170,7 +206,11 @@ exports[`TimeField should render normally 1`] = `
           grow={false}
         >
           <span>
-            Time Filter field name
+            <FormattedMessage
+              defaultMessage="Time Filter field name"
+              id="kbn.management.createIndexPattern.stepTime.fieldHeader"
+              values={Object {}}
+            />
           </span>
         </EuiFlexItem>
         <EuiFlexItem
@@ -183,7 +223,11 @@ exports[`TimeField should render normally 1`] = `
             onClick={[Function]}
             type="button"
           >
-            Refresh
+            <FormattedMessage
+              defaultMessage="Refresh"
+              id="kbn.management.createIndexPattern.stepTime.refreshButton"
+              values={Object {}}
+            />
           </EuiLink>
         </EuiFlexItem>
       </EuiFlexGroup>
@@ -218,7 +262,11 @@ exports[`TimeField should render something if hiding time field 1`] = `
     grow={true}
   >
     <p>
-      The indices which match this index pattern don't contain any time fields.
+      <FormattedMessage
+        defaultMessage="The indices which match this index pattern don't contain any time fields."
+        id="kbn.management.createIndexPattern.stepTime.field.noTimeFieldsLabel"
+        values={Object {}}
+      />
     </p>
   </EuiText>
 </EuiForm>
diff --git a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/components/time_field/__tests__/time_field.test.js b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/components/time_field/__tests__/time_field.test.js
index 5e42643f59c9b..bda1198b194fd 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/components/time_field/__tests__/time_field.test.js
+++ b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/components/time_field/__tests__/time_field.test.js
@@ -18,13 +18,13 @@
  */
 
 import React from 'react';
-import { TimeField } from '../time_field';
-import { shallow } from 'enzyme';
+import { TimeFieldComponent } from '../time_field';
+import { shallowWithIntl } from 'test_utils/enzyme_helpers';
 
 describe('TimeField', () => {
   it('should render normally', () => {
-    const component = shallow(
-      <TimeField
+    const component = shallowWithIntl(
+      <TimeFieldComponent
         isVisible={true}
         fetchTimeFields={() => {}}
         timeFieldOptions={[{ text: '@timestamp', value: '@timestamp' }]}
@@ -38,8 +38,8 @@ describe('TimeField', () => {
   });
 
   it('should render something if hiding time field', () => {
-    const component = shallow(
-      <TimeField
+    const component = shallowWithIntl(
+      <TimeFieldComponent
         isVisible={false}
         fetchTimeFields={() => {}}
         timeFieldOptions={[{ text: '@timestamp', value: '@timestamp' }]}
@@ -53,8 +53,8 @@ describe('TimeField', () => {
   });
 
   it('should render a selected time field', () => {
-    const component = shallow(
-      <TimeField
+    const component = shallowWithIntl(
+      <TimeFieldComponent
         isVisible={true}
         fetchTimeFields={() => {}}
         timeFieldOptions={[{ text: '@timestamp', value: '@timestamp' }]}
@@ -68,8 +68,8 @@ describe('TimeField', () => {
   });
 
   it('should render a loading state', () => {
-    const component = shallow(
-      <TimeField
+    const component = shallowWithIntl(
+      <TimeFieldComponent
         isVisible={true}
         fetchTimeFields={() => {}}
         timeFieldOptions={[{ text: '@timestamp', value: '@timestamp' }]}
diff --git a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/components/time_field/time_field.js b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/components/time_field/time_field.js
index b720ca37d2b43..0e87d80e5316c 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/components/time_field/time_field.js
+++ b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/components/time_field/time_field.js
@@ -32,13 +32,16 @@ import {
   EuiLoadingSpinner,
 } from '@elastic/eui';
 
-export const TimeField = ({
+import { injectI18n, FormattedMessage } from '@kbn/i18n/react';
+
+export const TimeFieldComponent = ({
   isVisible,
   fetchTimeFields,
   timeFieldOptions,
   isLoading,
   selectedTimeField,
   onTimeFieldChanged,
+  intl,
 }) => (
   <EuiForm>
     { isVisible ?
@@ -46,7 +49,12 @@ export const TimeField = ({
         label={
           <EuiFlexGroup gutterSize="xs" justifyContent="spaceBetween" alignItems="center">
             <EuiFlexItem grow={false}>
-              <span>Time Filter field name</span>
+              <span>
+                <FormattedMessage
+                  id="kbn.management.createIndexPattern.stepTime.fieldHeader"
+                  defaultMessage="Time Filter field name"
+                />
+              </span>
             </EuiFlexItem>
             <EuiFlexItem grow={false}>
               { isLoading ? (
@@ -57,7 +65,10 @@ export const TimeField = ({
                     className="timeFieldRefreshButton"
                     onClick={fetchTimeFields}
                   >
-                    Refresh
+                    <FormattedMessage
+                      id="kbn.management.createIndexPattern.stepTime.refreshButton"
+                      defaultMessage="Refresh"
+                    />
                   </EuiLink>
                 )
               }
@@ -66,8 +77,18 @@ export const TimeField = ({
         }
         helpText={
           <div>
-            <p>The Time Filter will use this field to filter your data by time.</p>
-            <p>You can choose not to have a time field, but you will not be able to narrow down your data by a time range.</p>
+            <p>
+              <FormattedMessage
+                id="kbn.management.createIndexPattern.stepTime.fieldLabel"
+                defaultMessage="The Time Filter will use this field to filter your data by time."
+              />
+            </p>
+            <p>
+              <FormattedMessage
+                id="kbn.management.createIndexPattern.stepTime.fieldWarningLabel"
+                defaultMessage="You can choose not to have a time field, but you will not be able to narrow down your data by a time range."
+              />
+            </p>
           </div>
         }
       >
@@ -76,7 +97,13 @@ export const TimeField = ({
             name="timeField"
             data-test-subj="createIndexPatternTimeFieldSelect"
             options={[
-              { text: 'Loading...', value: '' }
+              {
+                text: intl.formatMessage({
+                  id: 'kbn.management.createIndexPattern.stepTime.field.loadingDropDown',
+                  defaultMessage: 'Loading...'
+                }),
+                value: ''
+              }
             ]}
             disabled={true}
           />
@@ -94,8 +121,15 @@ export const TimeField = ({
       </EuiFormRow>
       :
       <EuiText>
-        <p>The indices which match this index pattern don&apos;t contain any time fields.</p>
+        <p>
+          <FormattedMessage
+            id="kbn.management.createIndexPattern.stepTime.field.noTimeFieldsLabel"
+            defaultMessage="The indices which match this index pattern don't contain any time fields."
+          />
+        </p>
       </EuiText>
     }
   </EuiForm>
 );
+
+export const TimeField = injectI18n(TimeFieldComponent);
diff --git a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/step_time_field.js b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/step_time_field.js
index 7b82b62d06c70..b514e571166d1 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/step_time_field.js
+++ b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/step_time_field.js
@@ -35,7 +35,9 @@ import {
   EuiLoadingSpinner,
 } from '@elastic/eui';
 
-export class StepTimeField extends Component {
+import { injectI18n, FormattedMessage } from '@kbn/i18n/react';
+
+export class StepTimeFieldComponent extends Component {
   static propTypes = {
     indexPattern: PropTypes.string.isRequired,
     indexPatternsService: PropTypes.object.isRequired,
@@ -121,7 +123,12 @@ export class StepTimeField extends Component {
               <EuiLoadingSpinner/>
             </EuiFlexItem>
             <EuiFlexItem grow={false}>
-              <EuiText>Creating index pattern...</EuiText>
+              <EuiText>
+                <FormattedMessage
+                  id="kbn.management.createIndexPattern.stepTime.creatingLabel"
+                  defaultMessage="Creating index pattern..."
+                />
+              </EuiText>
             </EuiFlexItem>
           </EuiFlexGroup>
         </EuiPanel>
@@ -149,7 +156,7 @@ export class StepTimeField extends Component {
 
     return (
       <EuiPanel paddingSize="l">
-        <Header indexPattern={indexPattern}/>
+        <Header indexPattern={indexPattern} />
         <EuiSpacer size="xs"/>
         <TimeField
           isVisible={showTimeField}
@@ -176,3 +183,5 @@ export class StepTimeField extends Component {
     );
   }
 }
+
+export const StepTimeField = injectI18n(StepTimeFieldComponent);
diff --git a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/lib/extract_time_fields.js b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/lib/extract_time_fields.js
index 1da423c74d861..ed891b9346277 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/lib/extract_time_fields.js
+++ b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/lib/extract_time_fields.js
@@ -17,12 +17,17 @@
  * under the License.
  */
 
+import { i18n } from '@kbn/i18n';
+
 export function extractTimeFields(fields) {
   const dateFields = fields.filter(field => field.type === 'date');
+  const label = i18n.translate('kbn.management.createIndexPattern.stepTime.noTimeFieldsLabel', {
+    defaultMessage: 'The indices which match this index pattern don\'t contain any time fields.'
+  });
 
   if (dateFields.length === 0) {
     return [{
-      display: `The indices which match this index pattern don't contain any time fields.`,
+      display: label,
     }];
   }
 
@@ -31,8 +36,11 @@ export function extractTimeFields(fields) {
     display: '───',
     fieldName: '',
   };
+  const noTimeFieldLabel = i18n.translate('kbn.management.createIndexPattern.stepTime.noTimeFieldOptionLabel', {
+    defaultMessage: 'I don\'t want to use the Time Filter'
+  });
   const noTimeFieldOption = {
-    display: `I don't want to use the Time Filter`,
+    display: noTimeFieldLabel,
     fieldName: undefined,
   };
 
diff --git a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/render.js b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/render.js
index 192afb5174242..f6bae5911355d 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/render.js
+++ b/src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/render.js
@@ -21,6 +21,8 @@ import React from 'react';
 import { render, unmountComponentAtNode } from 'react-dom';
 import { CreateIndexPatternWizard } from './create_index_pattern_wizard';
 
+import { I18nProvider } from '@kbn/i18n/react';
+
 const CREATE_INDEX_PATTERN_DOM_ELEMENT_ID = 'createIndexPatternReact';
 
 export function renderCreateIndexPatternWizard(
@@ -33,10 +35,12 @@ export function renderCreateIndexPatternWizard(
   }
 
   render(
-    <CreateIndexPatternWizard
-      initialQuery={initialQuery}
-      services={services}
-    />,
+    <I18nProvider>
+      <CreateIndexPatternWizard
+        initialQuery={initialQuery}
+        services={services}
+      />
+    </I18nProvider>,
     node,
   );
 }
diff --git a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/create_edit_field/create_edit_field.js b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/create_edit_field/create_edit_field.js
index f6bfce959e87c..bf86a0a0effe3 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/create_edit_field/create_edit_field.js
+++ b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/create_edit_field/create_edit_field.js
@@ -27,6 +27,8 @@ import template from './create_edit_field.html';
 import React from 'react';
 import { render, unmountComponentAtNode } from 'react-dom';
 import { FieldEditor } from 'ui/field_editor';
+import { I18nProvider } from '@kbn/i18n/react';
+import { i18n } from '@kbn/i18n';
 
 const REACT_FIELD_EDITOR_ID = 'reactFieldEditor';
 const renderFieldEditor = ($scope, indexPattern, field, {
@@ -43,17 +45,19 @@ const renderFieldEditor = ($scope, indexPattern, field, {
     }
 
     render(
-      <FieldEditor
-        indexPattern={indexPattern}
-        field={field}
-        helpers={{
-          Field,
-          getConfig,
-          $http,
-          fieldFormatEditors,
-          redirectAway,
-        }}
-      />,
+      <I18nProvider>
+        <FieldEditor
+          indexPattern={indexPattern}
+          field={field}
+          helpers={{
+            Field,
+            getConfig,
+            $http,
+            fieldFormatEditors,
+            redirectAway,
+          }}
+        />
+      </I18nProvider>,
       node,
     );
   });
@@ -103,7 +107,12 @@ uiRoutes
         this.field = this.indexPattern.fields.byName[fieldName];
 
         if (!this.field) {
-          toastNotifications.add(`'${this.indexPattern.title}' index pattern doesn't have a scripted field called '${fieldName}'`);
+          const message = i18n.translate('kbn.management.editIndexPattern.scripted.noFieldLabel',
+            {
+              defaultMessage: '\'{indexPatternTitle}\' index pattern doesn\'t have a scripted field called \'{fieldName}\'',
+              values: { indexPatternTitle: this.indexPattern.title, fieldName }
+            });
+          toastNotifications.add(message);
 
           kbnUrl.redirectToRoute(this.indexPattern, 'edit');
           return;
@@ -117,10 +126,17 @@ uiRoutes
         });
       }
       else {
-        throw new Error('unknown fieldSettings mode ' + this.mode);
+        const errorMessage = i18n.translate('kbn.management.editIndexPattern.scripted.unknownModeErrorMessage',
+          {
+            defaultMessage: 'unknown fieldSettings mode {mode}',
+            values: { mode: this.mode }
+          });
+        throw new Error(errorMessage);
       }
 
-      docTitle.change([this.field.name || 'New Scripted Field', this.indexPattern.title]);
+      const fieldName = this.field.name || i18n.translate('kbn.management.editIndexPattern.scripted.newFieldPlaceholder',
+        { defaultMessage: 'New Scripted Field' });
+      docTitle.change([fieldName, this.indexPattern.title]);
 
       renderFieldEditor($scope, this.indexPattern, this.field, {
         Field,
diff --git a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/edit_index_pattern.html b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/edit_index_pattern.html
index 6ef99c10c25b3..47dcb7758d731 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/edit_index_pattern.html
+++ b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/edit_index_pattern.html
@@ -5,7 +5,7 @@
       data-test-subj="editIndexPattern"
       class="kuiViewContent"
       role="region"
-      aria-label="Index pattern details"
+      aria-label="{{'kbn.management.editIndexPattern.detailsAria' | i18n: { defaultMessage: 'Index pattern details' } }}"
     >
       <!-- Header -->
       <kbn-management-index-header
@@ -18,14 +18,19 @@
       <p ng-if="indexPattern.timeFieldName" class="kuiText kuiVerticalRhythm">
         <span class="label label-success">
           <span class="kuiIcon fa-clock-o"></span>
-          <span>Time Filter field name</span>: {{indexPattern.timeFieldName}}
+          <span i18n-id="kbn.management.editIndexPattern.timeFilterHeader"
+                i18n-default-message="Time Filter field name: {timeFieldName}"
+                i18n-values="{ timeFieldName: indexPattern.timeFieldName }"></span>
         </span>
       </p>
 
       <p class="kuiText kuiVerticalRhythm">
-        This page lists every field in the <strong>{{::indexPattern.title}}</strong> index and the field's associated core type as recorded by Elasticsearch. To change a field type, use the Elasticsearch
+        <span i18n-id="kbn.management.editIndexPattern.timeFilterLabel.timeFilterDetail"
+          i18n-default-message="This page lists every field in the {indexPatternTitle} index and the field's associated core type as recorded by Elasticsearch. To change a field type, use the Elasticsearch"
+          i18n-values="{ indexPatternTitle: '<strong>' + indexPattern.title + '</strong>' }"></span>
         <a target="_window" class="euiLink euiLink--primary" href="http://www.elastic.co/guide/en/elasticsearch/reference/current/mapping.html">
-          Mapping API
+          <span i18n-id="kbn.management.editIndexPattern.timeFilterLabel.mappingAPILink"
+                i18n-default-message="Mapping API"></span>
           <i aria-hidden="true" class="fa-link fa"></i>
         </a>
       </p>
@@ -37,16 +42,16 @@
       >
         <div class="kuiInfoPanelHeader">
           <span class="kuiInfoPanelHeader__icon kuiIcon kuiIcon--error fa-warning"></span>
-          <span class="kuiInfoPanelHeader__title">
-            Support for repeating index patterns removed
+          <span class="kuiInfoPanelHeader__title"
+                i18n-id="kbn.management.editIndexPattern.unsupportedTimePatternHeader"
+                i18n-default-message="Support for repeating index patterns removed">
           </span>
         </div>
 
         <div class="kuiInfoPanelBody">
           <div class="kuiInfoPanelBody__message">
-            Support for time-interval based index patterns has been removed! In the next major
-            version of Kibana this index patterns will stop working. Migrate saved objects that
-            use this index pattern to a wildcard pattern and delete this one.
+            <span i18n-id="kbn.management.editIndexPattern.unsupportedTimePatternLabel"
+                  i18n-default-message="Support for time-interval based index patterns has been removed! In the next major version of Kibana this index patterns will stop working. Migrate saved objects that use this index pattern to a wildcard pattern and delete this one."></span>
           </div>
         </div>
       </div>
@@ -57,14 +62,16 @@
       >
         <div class="kuiInfoPanelHeader">
           <span class="kuiInfoPanelHeader__icon kuiIcon kuiIcon--warning fa-bolt"></span>
-          <span class="kuiInfoPanelHeader__title">
-            Mapping conflict
-          </span>
+          <span class="kuiInfoPanelHeader__title"
+                i18n-id="kbn.management.editIndexPattern.mappingConflictHeader"
+                i18n-default-message="Mapping conflict"></span>
         </div>
 
         <div class="kuiInfoPanelBody">
           <div class="kuiInfoPanelBody__message">
-            {{conflictFields.length > 1 ? conflictFields.length : 'A'}} field{{conflictFields.length > 1 ? 's' : ''}} {{conflictFields.length > 1 ? 'are' : 'is'}} defined as several types (string, integer, etc) across the indices that match this pattern. You may still be able to use these conflict fields in parts of Kibana, but they will be unavailable for functions that require Kibana to know their type. Correcting this issue will require reindexing your data.
+            <span i18n-id="kbn.management.editIndexPattern.mappingConflictLabel"
+                  i18n-default-message="{conflictFieldsLength, plural, one {A field is} other {# fields are}} defined as several types (string, integer, etc) across the indices that match this pattern. You may still be able to use these conflict fields in parts of Kibana, but they will be unavailable for functions that require Kibana to know their type. Correcting this issue will require reindexing your data."
+                  i18n-values="{ conflictFieldsLength: conflictFields.length }"></span>
           </div>
         </div>
       </div>
@@ -96,9 +103,9 @@
             <input
               class="kuiSearchInput__input"
               type="text"
-              aria-label="Filter"
+              aria-label="{{'kbn.management.editIndexPattern.fields.filterAria' | i18n: {defaultMessage: 'Filter'} }}"
               ng-model="fieldFilter"
-              placeholder="Filter"
+              placeholder="{{'kbn.management.editIndexPattern.fields.filterPlaceholder' | i18n: {defaultMessage: 'Filter'} }}"
               data-test-subj="indexPatternFieldFilter"
             >
           </div>
@@ -115,7 +122,9 @@
             ng-change="changeFilter('indexedFieldTypeFilter', indexedFieldTypeFilter)"
             ng-options="o for o in indexedFieldTypes"
           >
-            <option value="">All field types</option>
+            <option value=""
+                    i18n-id="kbn.management.editIndexPattern.fields.allTypesDropDown"
+                    i18n-default-message="All field types"></option>
           </select>
         </div>
 
@@ -130,7 +139,9 @@
             ng-change="changeFilter('scriptedFieldLanguageFilter', scriptedFieldLanguageFilter)"
             ng-options="o for o in scriptedFieldLanguages"
           >
-            <option value="">All languages</option>
+            <option value=""
+                    i18n-id="kbn.management.editIndexPattern.fields.allLangsDropDown"
+                    i18n-default-message="All languages"></option>
           </select>
         </div>
       </form>
diff --git a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/edit_index_pattern.js b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/edit_index_pattern.js
index b1a400eaf93a4..dc7b253d1370f 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/edit_index_pattern.js
+++ b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/edit_index_pattern.js
@@ -32,6 +32,8 @@ import { render, unmountComponentAtNode } from 'react-dom';
 import { SourceFiltersTable } from './source_filters_table';
 import { IndexedFieldsTable } from './indexed_fields_table';
 import { ScriptedFieldsTable } from './scripted_fields_table';
+import { I18nProvider } from '@kbn/i18n/react';
+import { i18n } from '@kbn/i18n';
 
 const REACT_SOURCE_FILTERS_DOM_ELEMENT_ID = 'reactSourceFiltersTable';
 const REACT_INDEXED_FIELDS_DOM_ELEMENT_ID = 'reactIndexedFieldsTable';
@@ -46,16 +48,18 @@ function updateSourceFiltersTable($scope, $state) {
       }
 
       render(
-        <SourceFiltersTable
-          indexPattern={$scope.indexPattern}
-          filterFilter={$scope.fieldFilter}
-          fieldWildcardMatcher={$scope.fieldWildcardMatcher}
-          onAddOrRemoveFilter={() => {
-            $scope.editSections = $scope.editSectionsProvider($scope.indexPattern);
-            $scope.refreshFilters();
-            $scope.$apply();
-          }}
-        />,
+        <I18nProvider>
+          <SourceFiltersTable
+            indexPattern={$scope.indexPattern}
+            filterFilter={$scope.fieldFilter}
+            fieldWildcardMatcher={$scope.fieldWildcardMatcher}
+            onAddOrRemoveFilter={() => {
+              $scope.editSections = $scope.editSectionsProvider($scope.indexPattern);
+              $scope.refreshFilters();
+              $scope.$apply();
+            }}
+          />
+        </I18nProvider>,
         node,
       );
     });
@@ -79,22 +83,24 @@ function updateScriptedFieldsTable($scope, $state) {
       }
 
       render(
-        <ScriptedFieldsTable
-          indexPattern={$scope.indexPattern}
-          fieldFilter={$scope.fieldFilter}
-          scriptedFieldLanguageFilter={$scope.scriptedFieldLanguageFilter}
-          helpers={{
-            redirectToRoute: (obj, route) => {
-              $scope.kbnUrl.redirectToRoute(obj, route);
-              $scope.$apply();
-            },
-            getRouteHref: (obj, route) => $scope.kbnUrl.getRouteHref(obj, route),
-          }}
-          onRemoveField={() => {
-            $scope.editSections = $scope.editSectionsProvider($scope.indexPattern);
-            $scope.refreshFilters();
-          }}
-        />,
+        <I18nProvider>
+          <ScriptedFieldsTable
+            indexPattern={$scope.indexPattern}
+            fieldFilter={$scope.fieldFilter}
+            scriptedFieldLanguageFilter={$scope.scriptedFieldLanguageFilter}
+            helpers={{
+              redirectToRoute: (obj, route) => {
+                $scope.kbnUrl.redirectToRoute(obj, route);
+                $scope.$apply();
+              },
+              getRouteHref: (obj, route) => $scope.kbnUrl.getRouteHref(obj, route),
+            }}
+            onRemoveField={() => {
+              $scope.editSections = $scope.editSectionsProvider($scope.indexPattern);
+              $scope.refreshFilters();
+            }}
+          />
+        </I18nProvider>,
         node,
       );
     });
@@ -117,19 +123,21 @@ function updateIndexedFieldsTable($scope, $state) {
       }
 
       render(
-        <IndexedFieldsTable
-          fields={$scope.fields}
-          indexPattern={$scope.indexPattern}
-          fieldFilter={$scope.fieldFilter}
-          fieldWildcardMatcher={$scope.fieldWildcardMatcher}
-          indexedFieldTypeFilter={$scope.indexedFieldTypeFilter}
-          helpers={{
-            redirectToRoute: (obj, route) => {
-              $scope.kbnUrl.redirectToRoute(obj, route);
-              $scope.$apply();
-            },
-          }}
-        />,
+        <I18nProvider>
+          <IndexedFieldsTable
+            fields={$scope.fields}
+            indexPattern={$scope.indexPattern}
+            fieldFilter={$scope.fieldFilter}
+            fieldWildcardMatcher={$scope.fieldWildcardMatcher}
+            indexedFieldTypeFilter={$scope.indexedFieldTypeFilter}
+            helpers={{
+              redirectToRoute: (obj, route) => {
+                $scope.kbnUrl.redirectToRoute(obj, route);
+                $scope.$apply();
+              },
+            }}
+          />
+        </I18nProvider>,
         node,
       );
     });
@@ -233,16 +241,19 @@ uiModules.get('apps/management')
     });
 
     $scope.refreshFields = function () {
+      const confirmMessage = i18n.translate('kbn.management.editIndexPattern.refreshLabel', {
+        defaultMessage: 'This action resets the popularity counter of each field.'
+      });
       const confirmModalOptions = {
-        confirmButtonText: 'Refresh',
+        confirmButtonText: i18n.translate('kbn.management.editIndexPattern.refreshButton', { defaultMessage: 'Refresh' }),
         onConfirm: async () => {
           await $scope.indexPattern.init(true);
           $scope.fields = $scope.indexPattern.getNonScriptedFields();
         },
-        title: 'Refresh field list?'
+        title: i18n.translate('kbn.management.editIndexPattern.refreshHeader', { defaultMessage: 'Refresh field list?' })
       };
       confirmModal(
-        'This action resets the popularity counter of each field.',
+        confirmMessage,
         confirmModalOptions
       );
     };
@@ -265,9 +276,9 @@ uiModules.get('apps/management')
       }
 
       const confirmModalOptions = {
-        confirmButtonText: 'Delete',
+        confirmButtonText: i18n.translate('kbn.management.editIndexPattern.deleteButton', { defaultMessage: 'Delete' }),
         onConfirm: doRemove,
-        title: 'Delete index pattern?'
+        title: i18n.translate('kbn.management.editIndexPattern.deleteHeader', { defaultMessage: 'Delete index pattern?' })
       };
       confirmModal('', confirmModalOptions);
     };
@@ -278,7 +289,10 @@ uiModules.get('apps/management')
 
     $scope.setIndexPatternsTimeField = function (field) {
       if (field.type !== 'date') {
-        notify.error('That field is a ' + field.type + ' not a date.');
+        const errorMessage = i18n.translate('kbn.management.editIndexPattern.notDateErrorMessage', {
+          defaultMessage: 'That field is a {fieldType} not a date.', values: { fieldType: field.type }
+        });
+        notify.error(errorMessage);
         return;
       }
       $scope.indexPattern.timeFieldName = field.name;
diff --git a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/edit_sections.js b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/edit_sections.js
index cdc65a110636f..20a8e49c7eee2 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/edit_sections.js
+++ b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/edit_sections.js
@@ -18,6 +18,7 @@
  */
 
 import _ from 'lodash';
+import { i18n } from '@kbn/i18n';
 
 export function IndicesEditSectionsProvider() {
 
@@ -34,17 +35,17 @@ export function IndicesEditSectionsProvider() {
 
     return [
       {
-        title: 'Fields',
+        title: i18n.translate('kbn.management.editIndexPattern.tabs.fieldsHeader', { defaultMessage: 'Fields' }),
         index: 'indexedFields',
         count: fieldCount.indexed
       },
       {
-        title: 'Scripted fields',
+        title: i18n.translate('kbn.management.editIndexPattern.tabs.scriptedHeader', { defaultMessage: 'Scripted fields' }),
         index: 'scriptedFields',
         count: fieldCount.scripted
       },
       {
-        title: 'Source filters',
+        title: i18n.translate('kbn.management.editIndexPattern.tabs.sourceHeader', { defaultMessage: 'Source filters' }),
         index: 'sourceFilters',
         count: fieldCount.sourceFilters
       }
diff --git a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/field_controls.html b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/field_controls.html
index 794f1da2a7b79..c5ab67cb37f2c 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/field_controls.html
+++ b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/field_controls.html
@@ -2,7 +2,7 @@
   <a
     data-test-subj="indexPatternFieldEditButton"
     ng-href="{{ kbnUrl.getRouteHref(field, 'edit') }}"
-    aria-label="Edit"
+    aria-label="{{'kbn.management.editIndexPattern.editFieldButton' | i18n: { defaultMessage: 'Edit' } }}"
     class="kuiButton kuiButton--basic kuiButton--small"
   >
     <span aria-hidden="true" class="kuiIcon fa-pencil"></span>
@@ -12,7 +12,7 @@
     ng-if="field.scripted"
     ng-click="remove(field)"
     class="kuiButton kuiButton--danger kuiButton--small"
-    aria-label="Delete"
+    aria-label="{{'kbn.management.editIndexPattern.deleteFieldButton' | i18n: { defaultMessage: 'Delete' } }}"
   >
     <span aria-hidden="true" class="kuiIcon fa-trash"></span>
   </button>
diff --git a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/index_header/index_header.html b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/index_header/index_header.html
index 2e2d828cd6e2e..1b3b4379ec85b 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/index_header/index_header.html
+++ b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/index_header/index_header.html
@@ -18,8 +18,8 @@
     <button
       ng-if="setDefault"
       ng-click="setDefault()"
-      aria-label="Set as default index"
-      tooltip="Set as default index"
+      aria-label="{{'kbn.management.editIndexPattern.setDefaultAria' | i18n: { defaultMessage: 'Set as default index' } }}"
+      tooltip="{{'kbn.management.editIndexPattern.setDefaultTooltip' | i18n: { defaultMessage: 'Set as default index' } }}"
       class="kuiButton kuiButton--basic"
       data-test-subj="setDefaultIndexPatternButton"
     >
@@ -32,8 +32,8 @@
     <button
       ng-if="refreshFields"
       ng-click="refreshFields()"
-      aria-label="Reload field list"
-      tooltip="Refresh field list"
+      aria-label="{{'kbn.management.editIndexPattern.refreshAria' | i18n: { defaultMessage: 'Reload field list' } }}"
+      tooltip="{{'kbn.management.editIndexPattern.refreshTooltip' | i18n: { defaultMessage: 'Refresh field list' } }}"
       class="kuiButton kuiButton--basic"
     >
       <span
@@ -45,8 +45,8 @@
     <button
       ng-if="delete"
       ng-click="delete()"
-      aria-label="Remove index pattern"
-      tooltip="Remove index pattern"
+      aria-label="{{'kbn.management.editIndexPattern.removeAria' | i18n: { defaultMessage: 'Remove index pattern' } }}"
+      tooltip="{{'kbn.management.editIndexPattern.removeTooltip' | i18n: { defaultMessage: 'Remove index pattern' } }}"
       class="kuiButton kuiButton--danger"
       data-test-subj="deleteIndexPatternButton"
     >
diff --git a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/indexed_fields_table/__tests__/__snapshots__/indexed_fields_table.test.js.snap b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/indexed_fields_table/__tests__/__snapshots__/indexed_fields_table.test.js.snap
index f90041195be6f..45f8b04cbf712 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/indexed_fields_table/__tests__/__snapshots__/indexed_fields_table.test.js.snap
+++ b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/indexed_fields_table/__tests__/__snapshots__/indexed_fields_table.test.js.snap
@@ -1,97 +1,103 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`IndexedFieldsTable should filter based on the query bar 1`] = `
-<div>
-  <Table
-    editField={[Function]}
-    indexPattern={
-      Object {
-        "getNonScriptedFields": [Function],
-      }
-    }
-    items={
-      Array [
+<I18nProvider>
+  <div>
+    <Table
+      editField={[Function]}
+      indexPattern={
         Object {
-          "displayName": "Elastic",
-          "excluded": false,
-          "format": undefined,
-          "indexPattern": undefined,
-          "name": "Elastic",
-          "routes": undefined,
-          "searchable": true,
-        },
-      ]
-    }
-  />
-</div>
+          "getNonScriptedFields": [Function],
+        }
+      }
+      items={
+        Array [
+          Object {
+            "displayName": "Elastic",
+            "excluded": false,
+            "format": undefined,
+            "indexPattern": undefined,
+            "name": "Elastic",
+            "routes": undefined,
+            "searchable": true,
+          },
+        ]
+      }
+    />
+  </div>
+</I18nProvider>
 `;
 
 exports[`IndexedFieldsTable should filter based on the type filter 1`] = `
-<div>
-  <Table
-    editField={[Function]}
-    indexPattern={
-      Object {
-        "getNonScriptedFields": [Function],
-      }
-    }
-    items={
-      Array [
+<I18nProvider>
+  <div>
+    <Table
+      editField={[Function]}
+      indexPattern={
         Object {
-          "displayName": "timestamp",
-          "excluded": false,
-          "format": undefined,
-          "indexPattern": undefined,
-          "name": "timestamp",
-          "routes": undefined,
-          "type": "date",
-        },
-      ]
-    }
-  />
-</div>
+          "getNonScriptedFields": [Function],
+        }
+      }
+      items={
+        Array [
+          Object {
+            "displayName": "timestamp",
+            "excluded": false,
+            "format": undefined,
+            "indexPattern": undefined,
+            "name": "timestamp",
+            "routes": undefined,
+            "type": "date",
+          },
+        ]
+      }
+    />
+  </div>
+</I18nProvider>
 `;
 
 exports[`IndexedFieldsTable should render normally 1`] = `
-<div>
-  <Table
-    editField={[Function]}
-    indexPattern={
-      Object {
-        "getNonScriptedFields": [Function],
-      }
-    }
-    items={
-      Array [
-        Object {
-          "displayName": "Elastic",
-          "excluded": false,
-          "format": undefined,
-          "indexPattern": undefined,
-          "name": "Elastic",
-          "routes": undefined,
-          "searchable": true,
-        },
-        Object {
-          "displayName": "timestamp",
-          "excluded": false,
-          "format": undefined,
-          "indexPattern": undefined,
-          "name": "timestamp",
-          "routes": undefined,
-          "type": "date",
-        },
+<I18nProvider>
+  <div>
+    <Table
+      editField={[Function]}
+      indexPattern={
         Object {
-          "displayName": "conflictingField",
-          "excluded": false,
-          "format": undefined,
-          "indexPattern": undefined,
-          "name": "conflictingField",
-          "routes": undefined,
-          "type": "conflict",
-        },
-      ]
-    }
-  />
-</div>
+          "getNonScriptedFields": [Function],
+        }
+      }
+      items={
+        Array [
+          Object {
+            "displayName": "Elastic",
+            "excluded": false,
+            "format": undefined,
+            "indexPattern": undefined,
+            "name": "Elastic",
+            "routes": undefined,
+            "searchable": true,
+          },
+          Object {
+            "displayName": "timestamp",
+            "excluded": false,
+            "format": undefined,
+            "indexPattern": undefined,
+            "name": "timestamp",
+            "routes": undefined,
+            "type": "date",
+          },
+          Object {
+            "displayName": "conflictingField",
+            "excluded": false,
+            "format": undefined,
+            "indexPattern": undefined,
+            "name": "conflictingField",
+            "routes": undefined,
+            "type": "conflict",
+          },
+        ]
+      }
+    />
+  </div>
+</I18nProvider>
 `;
diff --git a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/indexed_fields_table/components/table/__tests__/table.test.js b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/indexed_fields_table/components/table/__tests__/table.test.js
index d11b889d6378b..752d99267e330 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/indexed_fields_table/components/table/__tests__/table.test.js
+++ b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/indexed_fields_table/components/table/__tests__/table.test.js
@@ -19,8 +19,9 @@
 
 import React from 'react';
 import { shallow } from 'enzyme';
+import { shallowWithIntl } from 'test_utils/enzyme_helpers';
 
-import { Table } from '../table';
+import { TableComponent } from '../table';
 
 const indexPattern = {
   timeFieldName: 'timestamp'
@@ -34,8 +35,8 @@ const items = [
 
 describe('Table', () => {
   it('should render normally', async () => {
-    const component = shallow(
-      <Table
+    const component = shallowWithIntl(
+      <TableComponent
         indexPattern={indexPattern}
         items={items}
         editField={() => {}}
@@ -46,8 +47,8 @@ describe('Table', () => {
   });
 
   it('should render normal field name', async () => {
-    const component = shallow(
-      <Table
+    const component = shallowWithIntl(
+      <TableComponent
         indexPattern={indexPattern}
         items={items}
         editField={() => {}}
@@ -59,8 +60,8 @@ describe('Table', () => {
   });
 
   it('should render timestamp field name', async () => {
-    const component = shallow(
-      <Table
+    const component = shallowWithIntl(
+      <TableComponent
         indexPattern={indexPattern}
         items={items}
         editField={() => {}}
@@ -72,8 +73,8 @@ describe('Table', () => {
   });
 
   it('should render the boolean template (true)', async () => {
-    const component = shallow(
-      <Table
+    const component = shallowWithIntl(
+      <TableComponent
         indexPattern={indexPattern}
         items={items}
         editField={() => {}}
@@ -85,8 +86,8 @@ describe('Table', () => {
   });
 
   it('should render the boolean template (false)', async () => {
-    const component = shallow(
-      <Table
+    const component = shallowWithIntl(
+      <TableComponent
         indexPattern={indexPattern}
         items={items}
         editField={() => {}}
@@ -98,8 +99,8 @@ describe('Table', () => {
   });
 
   it('should render normal type', async () => {
-    const component = shallow(
-      <Table
+    const component = shallowWithIntl(
+      <TableComponent
         indexPattern={indexPattern}
         items={items}
         editField={() => {}}
@@ -111,8 +112,8 @@ describe('Table', () => {
   });
 
   it('should render conflicting type', async () => {
-    const component = shallow(
-      <Table
+    const component = shallowWithIntl(
+      <TableComponent
         indexPattern={indexPattern}
         items={items}
         editField={() => {}}
@@ -126,8 +127,8 @@ describe('Table', () => {
   it('should allow edits', () => {
     const editField = jest.fn();
 
-    const component = shallow(
-      <Table
+    const component = shallowWithIntl(
+      <TableComponent
         indexPattern={indexPattern}
         items={items}
         editField={editField}
diff --git a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/indexed_fields_table/components/table/table.js b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/indexed_fields_table/components/table/table.js
index 0cb2444643222..628e42e9e9653 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/indexed_fields_table/components/table/table.js
+++ b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/indexed_fields_table/components/table/table.js
@@ -26,7 +26,9 @@ import {
   EuiIconTip,
 } from '@elastic/eui';
 
-export class Table extends PureComponent {
+import { injectI18n } from '@kbn/i18n/react';
+
+export class TableComponent extends PureComponent {
   static propTypes = {
     indexPattern: PropTypes.object.isRequired,
     items: PropTypes.array.isRequired,
@@ -38,6 +40,16 @@ export class Table extends PureComponent {
   }
 
   renderFieldName(name, isTimeField) {
+    const { intl } = this.props;
+    const label = intl.formatMessage({
+      id: 'kbn.management.editIndexPattern.fields.table.primaryTimeAria',
+      defaultMessage: 'Primary time field'
+    });
+    const content = intl.formatMessage({
+      id: 'kbn.management.editIndexPattern.fields.table.primaryTimeTooltip',
+      defaultMessage: 'This field represents the time that events occurred.'
+    });
+
     return (
       <span>
         {name}
@@ -47,8 +59,8 @@ export class Table extends PureComponent {
             <EuiIconTip
               type="clock"
               color="primary"
-              aria-label="Primary time field"
-              content="This field represents the time that events occurred."
+              aria-label={label}
+              content={content}
             />
           </span>
         ) : ''}
@@ -57,6 +69,16 @@ export class Table extends PureComponent {
   }
 
   renderFieldType(type, isConflict) {
+    const { intl } = this.props;
+    const label = intl.formatMessage({
+      id: 'kbn.management.editIndexPattern.fields.table.multiTypeAria',
+      defaultMessage: 'Multiple type field'
+    });
+    const content = intl.formatMessage({
+      id: 'kbn.management.editIndexPattern.fields.table.multiTypeTooltip',
+      defaultMessage: 'The type of this field changes across indices. It is unavailable for many analysis functions.'
+    });
+
     return (
       <span>
         {type}
@@ -66,8 +88,8 @@ export class Table extends PureComponent {
             <EuiIconTip
               type="alert"
               color="warning"
-              aria-label="Multiple type field"
-              content="The type of this field changes across indices. It is unavailable for many analysis functions."
+              aria-label={label}
+              content={content}
             />
           </span>
         ) : ''}
@@ -76,7 +98,7 @@ export class Table extends PureComponent {
   }
 
   render() {
-    const { indexPattern, items, editField } = this.props;
+    const { indexPattern, items, editField, intl } = this.props;
 
     const pagination = {
       initialPageSize: 10,
@@ -86,7 +108,7 @@ export class Table extends PureComponent {
     const columns = [
       {
         field: 'displayName',
-        name: 'Name',
+        name: intl.formatMessage({ id: 'kbn.management.editIndexPattern.fields.table.nameHeader', defaultMessage: 'Name' }),
         dataType: 'string',
         sortable: true,
         render: (value) => {
@@ -97,7 +119,7 @@ export class Table extends PureComponent {
       },
       {
         field: 'type',
-        name: 'Type',
+        name: intl.formatMessage({ id: 'kbn.management.editIndexPattern.fields.table.typeHeader', defaultMessage: 'Type' }),
         dataType: 'string',
         sortable: true,
         render: (value) => {
@@ -107,40 +129,51 @@ export class Table extends PureComponent {
       },
       {
         field: 'format',
-        name: 'Format',
+        name: intl.formatMessage({ id: 'kbn.management.editIndexPattern.fields.table.formatHeader', defaultMessage: 'Format' }),
         dataType: 'string',
         sortable: true,
       },
       {
         field: 'searchable',
-        name: 'Searchable',
-        description: `These fields can be used in the filter bar`,
+        name: intl.formatMessage({ id: 'kbn.management.editIndexPattern.fields.table.searchableHeader', defaultMessage: 'Searchable' }),
+        description: intl.formatMessage({
+          id: 'kbn.management.editIndexPattern.fields.table.searchableDescription',
+          defaultMessage: 'These fields can be used in the filter bar' }),
         dataType: 'boolean',
         sortable: true,
-        render: (value) => this.renderBooleanTemplate(value, 'Is searchable'),
+        render: (value) => this.renderBooleanTemplate(value, intl.formatMessage({
+          id: 'kbn.management.editIndexPattern.fields.table.isSearchableAria', defaultMessage: 'Is searchable' })),
       },
       {
         field: 'aggregatable',
-        name: 'Aggregatable',
-        description: `These fields can be used in visualization aggregations`,
+        name: intl.formatMessage({
+          id: 'kbn.management.editIndexPattern.fields.table.aggregatableLabel', defaultMessage: 'Aggregatable' }),
+        description: intl.formatMessage({
+          id: 'kbn.management.editIndexPattern.fields.table.aggregatableDescription',
+          defaultMessage: 'These fields can be used in visualization aggregations' }),
         dataType: 'boolean',
         sortable: true,
-        render: (value) => this.renderBooleanTemplate(value, 'Is aggregatable'),
+        render: (value) => this.renderBooleanTemplate(value, intl.formatMessage({
+          id: 'kbn.management.editIndexPattern.fields.table.isAggregatableAria', defaultMessage: 'Is aggregatable' })),
       },
       {
         field: 'excluded',
-        name: 'Excluded',
-        description: `Fields that are excluded from _source when it is fetched`,
+        name: intl.formatMessage({ id: 'kbn.management.editIndexPattern.fields.table.excludedLabel', defaultMessage: 'Excluded' }),
+        description: intl.formatMessage({
+          id: 'kbn.management.editIndexPattern.fields.table.excludedDescription',
+          defaultMessage: 'Fields that are excluded from _source when it is fetched' }),
         dataType: 'boolean',
         sortable: true,
-        render: (value) => this.renderBooleanTemplate(value, 'Is excluded'),
+        render: (value) => this.renderBooleanTemplate(value, intl.formatMessage({
+          id: 'kbn.management.editIndexPattern.fields.table.isExcludedAria', defaultMessage: 'Is excluded' })),
       },
       {
         name: '',
         actions: [
           {
-            name: 'Edit',
-            description: 'Edit',
+            name: intl.formatMessage({ id: 'kbn.management.editIndexPattern.fields.table.editLabel', defaultMessage: 'Edit' }),
+            description: intl.formatMessage({
+              id: 'kbn.management.editIndexPattern.fields.table.editDescription', defaultMessage: 'Edit' }),
             icon: 'pencil',
             onClick: editField,
             type: 'icon',
@@ -160,3 +193,5 @@ export class Table extends PureComponent {
     );
   }
 }
+
+export const Table = injectI18n(TableComponent);
diff --git a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/indexed_fields_table/indexed_fields_table.js b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/indexed_fields_table/indexed_fields_table.js
index 5894ae981d3e3..646abf6798756 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/indexed_fields_table/indexed_fields_table.js
+++ b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/indexed_fields_table/indexed_fields_table.js
@@ -26,6 +26,8 @@ import {
   getFieldFormat
 } from './lib';
 
+import { I18nProvider } from '@kbn/i18n/react';
+
 export class IndexedFieldsTable extends Component {
   static propTypes = {
     fields: PropTypes.array.isRequired,
@@ -98,13 +100,15 @@ export class IndexedFieldsTable extends Component {
     const fields = this.getFilteredFields(this.state, this.props);
 
     return (
-      <div>
-        <Table
-          indexPattern={indexPattern}
-          items={fields}
-          editField={field => this.props.helpers.redirectToRoute(field, 'edit')}
-        />
-      </div>
+      <I18nProvider>
+        <div>
+          <Table
+            indexPattern={indexPattern}
+            items={fields}
+            editField={field => this.props.helpers.redirectToRoute(field, 'edit')}
+          />
+        </div>
+      </I18nProvider>
     );
   }
 }
diff --git a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/scripted_fields_table/__tests__/__snapshots__/scripted_field_table.test.js.snap b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/scripted_fields_table/__tests__/__snapshots__/scripted_field_table.test.js.snap
index a53f4d7f609cb..4ff6802cbc630 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/scripted_fields_table/__tests__/__snapshots__/scripted_field_table.test.js.snap
+++ b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/scripted_fields_table/__tests__/__snapshots__/scripted_field_table.test.js.snap
@@ -1,186 +1,196 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`ScriptedFieldsTable should filter based on the lang filter 1`] = `
-<div>
-  <header
-    addScriptedFieldUrl="#"
-  />
-  <call-outs
-    deprecatedLangsInUse={
-      Array [
-        "somethingElse",
-      ]
-    }
-    painlessDocLink="painlessDocs"
-  />
-  <eui-spacer
-    size="l"
-  />
-  <Table
-    deleteField={[Function]}
-    editField={[Function]}
-    indexPattern={
-      Object {
-        "getScriptedFields": [Function],
+<I18nProvider>
+  <div>
+    <header
+      addScriptedFieldUrl="#"
+    />
+    <call-outs
+      deprecatedLangsInUse={
+        Array [
+          "somethingElse",
+        ]
       }
-    }
-    items={
-      Array [
-        Object {
-          "lang": "painless",
-          "name": "ScriptedField",
-          "script": "x++",
-        },
+      painlessDocLink="painlessDocs"
+    />
+    <eui-spacer
+      size="l"
+    />
+    <Table
+      deleteField={[Function]}
+      editField={[Function]}
+      indexPattern={
         Object {
-          "lang": "painless",
-          "name": "JustATest",
-          "script": "z++",
-        },
-      ]
-    }
-  />
-</div>
+          "getScriptedFields": [Function],
+        }
+      }
+      items={
+        Array [
+          Object {
+            "lang": "painless",
+            "name": "ScriptedField",
+            "script": "x++",
+          },
+          Object {
+            "lang": "painless",
+            "name": "JustATest",
+            "script": "z++",
+          },
+        ]
+      }
+    />
+  </div>
+</I18nProvider>
 `;
 
 exports[`ScriptedFieldsTable should filter based on the query bar 1`] = `
-<div>
-  <header
-    addScriptedFieldUrl="#"
-  />
-  <call-outs
-    deprecatedLangsInUse={Array []}
-    painlessDocLink="painlessDocs"
-  />
-  <eui-spacer
-    size="l"
-  />
-  <Table
-    deleteField={[Function]}
-    editField={[Function]}
-    indexPattern={
-      Object {
-        "getScriptedFields": [Function],
-      }
-    }
-    items={
-      Array [
+<I18nProvider>
+  <div>
+    <header
+      addScriptedFieldUrl="#"
+    />
+    <call-outs
+      deprecatedLangsInUse={Array []}
+      painlessDocLink="painlessDocs"
+    />
+    <eui-spacer
+      size="l"
+    />
+    <Table
+      deleteField={[Function]}
+      editField={[Function]}
+      indexPattern={
         Object {
-          "lang": "painless",
-          "name": "JustATest",
-          "script": "z++",
-        },
-      ]
-    }
-  />
-</div>
+          "getScriptedFields": [Function],
+        }
+      }
+      items={
+        Array [
+          Object {
+            "lang": "painless",
+            "name": "JustATest",
+            "script": "z++",
+          },
+        ]
+      }
+    />
+  </div>
+</I18nProvider>
 `;
 
 exports[`ScriptedFieldsTable should hide the table if there are no scripted fields 1`] = `
-<div>
-  <header
-    addScriptedFieldUrl="#"
-  />
-  <call-outs
-    deprecatedLangsInUse={Array []}
-    painlessDocLink="painlessDocs"
-  />
-  <eui-spacer
-    size="l"
-  />
-  <Table
-    deleteField={[Function]}
-    editField={[Function]}
-    indexPattern={
-      Object {
-        "getScriptedFields": [Function],
+<I18nProvider>
+  <div>
+    <header
+      addScriptedFieldUrl="#"
+    />
+    <call-outs
+      deprecatedLangsInUse={Array []}
+      painlessDocLink="painlessDocs"
+    />
+    <eui-spacer
+      size="l"
+    />
+    <Table
+      deleteField={[Function]}
+      editField={[Function]}
+      indexPattern={
+        Object {
+          "getScriptedFields": [Function],
+        }
       }
-    }
-    items={Array []}
-  />
-</div>
+      items={Array []}
+    />
+  </div>
+</I18nProvider>
 `;
 
 exports[`ScriptedFieldsTable should render normally 1`] = `
-<div>
-  <header
-    addScriptedFieldUrl="#"
-  />
-  <call-outs
-    deprecatedLangsInUse={Array []}
-    painlessDocLink="painlessDocs"
-  />
-  <eui-spacer
-    size="l"
-  />
-  <Table
-    deleteField={[Function]}
-    editField={[Function]}
-    indexPattern={
-      Object {
-        "getScriptedFields": [Function],
-      }
-    }
-    items={
-      Array [
-        Object {
-          "lang": "painless",
-          "name": "ScriptedField",
-          "script": "x++",
-        },
+<I18nProvider>
+  <div>
+    <header
+      addScriptedFieldUrl="#"
+    />
+    <call-outs
+      deprecatedLangsInUse={Array []}
+      painlessDocLink="painlessDocs"
+    />
+    <eui-spacer
+      size="l"
+    />
+    <Table
+      deleteField={[Function]}
+      editField={[Function]}
+      indexPattern={
         Object {
-          "lang": "painless",
-          "name": "JustATest",
-          "script": "z++",
-        },
-      ]
-    }
-  />
-</div>
+          "getScriptedFields": [Function],
+        }
+      }
+      items={
+        Array [
+          Object {
+            "lang": "painless",
+            "name": "ScriptedField",
+            "script": "x++",
+          },
+          Object {
+            "lang": "painless",
+            "name": "JustATest",
+            "script": "z++",
+          },
+        ]
+      }
+    />
+  </div>
+</I18nProvider>
 `;
 
 exports[`ScriptedFieldsTable should show a delete modal 1`] = `
-<div>
-  <header
-    addScriptedFieldUrl="#"
-  />
-  <call-outs
-    deprecatedLangsInUse={Array []}
-    painlessDocLink="painlessDocs"
-  />
-  <eui-spacer
-    size="l"
-  />
-  <Table
-    deleteField={[Function]}
-    editField={[Function]}
-    indexPattern={
-      Object {
-        "getScriptedFields": [Function],
-      }
-    }
-    items={
-      Array [
-        Object {
-          "lang": "painless",
-          "name": "ScriptedField",
-          "script": "x++",
-        },
+<I18nProvider>
+  <div>
+    <header
+      addScriptedFieldUrl="#"
+    />
+    <call-outs
+      deprecatedLangsInUse={Array []}
+      painlessDocLink="painlessDocs"
+    />
+    <eui-spacer
+      size="l"
+    />
+    <Table
+      deleteField={[Function]}
+      editField={[Function]}
+      indexPattern={
         Object {
-          "lang": "painless",
-          "name": "JustATest",
-          "script": "z++",
-        },
-      ]
-    }
-  />
-  <eui-overlay-mask>
-    <eui-confirm-modal
-      cancelButtonText="Cancel"
-      confirmButtonText="Delete"
-      onCancel={[Function]}
-      onConfirm={[Function]}
-      title="Delete scripted field 'ScriptedField'?"
-    />
-  </eui-overlay-mask>
-</div>
+          "getScriptedFields": [Function],
+        }
+      }
+      items={
+        Array [
+          Object {
+            "lang": "painless",
+            "name": "ScriptedField",
+            "script": "x++",
+          },
+          Object {
+            "lang": "painless",
+            "name": "JustATest",
+            "script": "z++",
+          },
+        ]
+      }
+    />
+    <eui-overlay-mask>
+      <eui-confirm-modal
+        cancelButtonText="Cancel"
+        confirmButtonText="Delete"
+        onCancel={[Function]}
+        onConfirm={[Function]}
+        title="Delete scripted field '{fieldName}'?"
+      />
+    </eui-overlay-mask>
+  </div>
+</I18nProvider>
 `;
diff --git a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/scripted_fields_table/__tests__/scripted_field_table.test.js b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/scripted_fields_table/__tests__/scripted_field_table.test.js
index 185f409fc3f61..132811db286a6 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/scripted_fields_table/__tests__/scripted_field_table.test.js
+++ b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/scripted_fields_table/__tests__/scripted_field_table.test.js
@@ -18,9 +18,9 @@
  */
 
 import React from 'react';
-import { shallow } from 'enzyme';
+import { shallowWithIntl } from 'test_utils/enzyme_helpers';
 
-import { ScriptedFieldsTable } from '../scripted_fields_table';
+import { ScriptedFieldsTableComponent } from '../scripted_fields_table';
 
 jest.mock('@elastic/eui', () => ({
   EuiTitle: 'eui-title',
@@ -70,8 +70,8 @@ const indexPattern = {
 
 describe('ScriptedFieldsTable', () => {
   it('should render normally', async () => {
-    const component = shallow(
-      <ScriptedFieldsTable
+    const component = shallowWithIntl(
+      <ScriptedFieldsTableComponent
         indexPattern={indexPattern}
         helpers={helpers}
       />
@@ -86,8 +86,8 @@ describe('ScriptedFieldsTable', () => {
   });
 
   it('should filter based on the query bar', async () => {
-    const component = shallow(
-      <ScriptedFieldsTable
+    const component = shallowWithIntl(
+      <ScriptedFieldsTableComponent
         indexPattern={indexPattern}
         helpers={helpers}
       />
@@ -105,8 +105,8 @@ describe('ScriptedFieldsTable', () => {
   });
 
   it('should filter based on the lang filter', async () => {
-    const component = shallow(
-      <ScriptedFieldsTable
+    const component = shallowWithIntl(
+      <ScriptedFieldsTableComponent
         indexPattern={{
           getScriptedFields: () => ([
             { name: 'ScriptedField', lang: 'painless', script: 'x++' },
@@ -130,8 +130,8 @@ describe('ScriptedFieldsTable', () => {
   });
 
   it('should hide the table if there are no scripted fields', async () => {
-    const component = shallow(
-      <ScriptedFieldsTable
+    const component = shallowWithIntl(
+      <ScriptedFieldsTableComponent
         indexPattern={{
           getScriptedFields: () => ([])
         }}
@@ -148,8 +148,8 @@ describe('ScriptedFieldsTable', () => {
   });
 
   it('should show a delete modal', async () => {
-    const component = shallow(
-      <ScriptedFieldsTable
+    const component = shallowWithIntl(
+      <ScriptedFieldsTableComponent
         indexPattern={indexPattern}
         helpers={helpers}
       />
@@ -165,8 +165,8 @@ describe('ScriptedFieldsTable', () => {
 
   it('should delete a field', async () => {
     const removeScriptedField = jest.fn();
-    const component = shallow(
-      <ScriptedFieldsTable
+    const component = shallowWithIntl(
+      <ScriptedFieldsTableComponent
         indexPattern={{
           ...indexPattern,
           removeScriptedField,
diff --git a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/scripted_fields_table/components/call_outs/__tests__/__snapshots__/call_outs.test.js.snap b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/scripted_fields_table/components/call_outs/__tests__/__snapshots__/call_outs.test.js.snap
index 66b1cfd191a60..d9113e01a783b 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/scripted_fields_table/components/call_outs/__tests__/__snapshots__/call_outs.test.js.snap
+++ b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/scripted_fields_table/components/call_outs/__tests__/__snapshots__/call_outs.test.js.snap
@@ -9,17 +9,22 @@ exports[`CallOuts should render normally 1`] = `
     title="Deprecation languages in use"
   >
     <p>
-      The following deprecated languages are in use: 
-      php
-      . Support for these languages will be removed in the next major version of Kibana and Elasticsearch. Convert you scripted fields to 
-      <EuiLink
-        color="primary"
-        href="http://www.elastic.co/painlessDocs"
-        type="button"
-      >
-        Painless
-      </EuiLink>
-       to avoid any problems.
+      <FormattedMessage
+        defaultMessage="The following deprecated languages are in use: {deprecatedLangsInUse}. Support for these languages will be removed in the next major version of Kibana and Elasticsearch. Convert you scripted fields to {link} to avoid any problems."
+        id="kbn.management.editIndexPattern.scripted.deprecationLangLabel.deprecationLangDetail"
+        values={
+          Object {
+            "deprecatedLangsInUse": "php",
+            "link": <EuiLink
+              color="primary"
+              href="http://www.elastic.co/painlessDocs"
+              type="button"
+            >
+              Painless
+            </EuiLink>,
+          }
+        }
+      />
     </p>
   </EuiCallOut>
   <EuiSpacer
diff --git a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/scripted_fields_table/components/call_outs/__tests__/call_outs.test.js b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/scripted_fields_table/components/call_outs/__tests__/call_outs.test.js
index 2553400cbdd32..0fba18be79cff 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/scripted_fields_table/components/call_outs/__tests__/call_outs.test.js
+++ b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/scripted_fields_table/components/call_outs/__tests__/call_outs.test.js
@@ -18,14 +18,14 @@
  */
 
 import React from 'react';
-import { shallow } from 'enzyme';
+import { shallowWithIntl } from 'test_utils/enzyme_helpers';
 
-import { CallOuts } from '../call_outs';
+import { CallOutsComponent } from '../call_outs';
 
 describe('CallOuts', () => {
   it('should render normally', async () => {
-    const component = shallow(
-      <CallOuts
+    const component = shallowWithIntl(
+      <CallOutsComponent
         deprecatedLangsInUse={['php']}
         painlessDocLink="http://www.elastic.co/painlessDocs"
       />
@@ -35,8 +35,8 @@ describe('CallOuts', () => {
   });
 
   it('should render without any call outs', async () => {
-    const component = shallow(
-      <CallOuts
+    const component = shallowWithIntl(
+      <CallOutsComponent
         deprecatedLangsInUse={[]}
         painlessDocLink="http://www.elastic.co/painlessDocs"
       />
diff --git a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/scripted_fields_table/components/call_outs/call_outs.js b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/scripted_fields_table/components/call_outs/call_outs.js
index 51e4290ab3ae3..b4ddf87bede12 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/scripted_fields_table/components/call_outs/call_outs.js
+++ b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/scripted_fields_table/components/call_outs/call_outs.js
@@ -25,9 +25,12 @@ import {
   EuiSpacer,
 } from '@elastic/eui';
 
-export const CallOuts = ({
+import { injectI18n, FormattedMessage } from '@kbn/i18n/react';
+
+export const CallOutsComponent = ({
   deprecatedLangsInUse,
   painlessDocLink,
+  intl
 }) => {
   if (!deprecatedLangsInUse.length) {
     return null;
@@ -36,17 +39,30 @@ export const CallOuts = ({
   return (
     <div>
       <EuiCallOut
-        title="Deprecation languages in use"
+        title={intl.formatMessage({
+          id: 'kbn.management.editIndexPattern.scripted.deprecationLangHeader', defaultMessage: 'Deprecation languages in use'
+        })}
         color="danger"
         iconType="cross"
       >
         <p>
-          The following deprecated languages are in use: {deprecatedLangsInUse.join(', ')}.
-          Support for these languages will be removed in the next major version of Kibana
-          and Elasticsearch. Convert you scripted fields to <EuiLink href={painlessDocLink}>Painless</EuiLink> to avoid any problems.
+          <FormattedMessage
+            id="kbn.management.editIndexPattern.scripted.deprecationLangLabel.deprecationLangDetail"
+            defaultMessage="The following deprecated languages are in use: {deprecatedLangsInUse}. Support for these languages will be
+            removed in the next major version of Kibana and Elasticsearch. Convert you scripted fields to {link} to avoid any problems."
+            values={{
+              deprecatedLangsInUse: deprecatedLangsInUse.join(', '),
+              link: (
+                <EuiLink href={painlessDocLink}>
+                  Painless
+                </EuiLink>)
+            }}
+          />
         </p>
       </EuiCallOut>
       <EuiSpacer size="m"/>
     </div>
   );
 };
+
+export const CallOuts = injectI18n(CallOutsComponent);
diff --git a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/scripted_fields_table/components/header/__tests__/__snapshots__/header.test.js.snap b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/scripted_fields_table/components/header/__tests__/__snapshots__/header.test.js.snap
index 8e7ad61e12e48..63d31137b9405 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/scripted_fields_table/components/header/__tests__/__snapshots__/header.test.js.snap
+++ b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/scripted_fields_table/components/header/__tests__/__snapshots__/header.test.js.snap
@@ -18,14 +18,22 @@ exports[`Header should render normally 1`] = `
       size="s"
     >
       <h3>
-        Scripted fields
+        <FormattedMessage
+          defaultMessage="Scripted fields"
+          id="kbn.management.editIndexPattern.scriptedHeader"
+          values={Object {}}
+        />
       </h3>
     </EuiTitle>
     <EuiText
       grow={true}
     >
       <p>
-        You can use scripted fields in visualizations and display them in your documents. However, you cannot search scripted fields.
+        <FormattedMessage
+          defaultMessage="You can use scripted fields in visualizations and display them in your documents. However, you cannot search scripted fields."
+          id="kbn.management.editIndexPattern.scriptedLabel"
+          values={Object {}}
+        />
       </p>
     </EuiText>
   </EuiFlexItem>
@@ -41,7 +49,11 @@ exports[`Header should render normally 1`] = `
       iconSide="left"
       type="button"
     >
-      Add scripted field
+      <FormattedMessage
+        defaultMessage="Add scripted field"
+        id="kbn.management.editIndexPattern.scripted.addFieldButton"
+        values={Object {}}
+      />
     </EuiButton>
   </EuiFlexItem>
 </EuiFlexGroup>
diff --git a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/scripted_fields_table/components/header/header.js b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/scripted_fields_table/components/header/header.js
index 2b282da5f6bc0..5fc61c2fda620 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/scripted_fields_table/components/header/header.js
+++ b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/scripted_fields_table/components/header/header.js
@@ -28,16 +28,23 @@ import {
   EuiTitle,
 } from '@elastic/eui';
 
+import { FormattedMessage } from '@kbn/i18n/react';
+
 export const Header = ({ addScriptedFieldUrl }) => (
   <EuiFlexGroup alignItems="center">
     <EuiFlexItem>
       <EuiTitle size="s">
-        <h3>Scripted fields</h3>
+        <h3>
+          <FormattedMessage id="kbn.management.editIndexPattern.scriptedHeader" defaultMessage="Scripted fields"/>
+        </h3>
       </EuiTitle>
       <EuiText>
         <p>
-          You can use scripted fields in visualizations and display them in your documents.
-          However, you cannot search scripted fields.
+          <FormattedMessage
+            id="kbn.management.editIndexPattern.scriptedLabel"
+            defaultMessage="You can use scripted fields in visualizations and display them in your documents. However, you cannot search
+            scripted fields."
+          />
         </p>
       </EuiText>
     </EuiFlexItem>
@@ -47,7 +54,7 @@ export const Header = ({ addScriptedFieldUrl }) => (
         data-test-subj="addScriptedFieldLink"
         href={addScriptedFieldUrl}
       >
-        Add scripted field
+        <FormattedMessage id="kbn.management.editIndexPattern.scripted.addFieldButton" defaultMessage="Add scripted field"/>
       </EuiButton>
     </EuiFlexItem>
   </EuiFlexGroup>
diff --git a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/scripted_fields_table/components/table/__tests__/table.test.js b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/scripted_fields_table/components/table/__tests__/table.test.js
index 841e67df2c4dd..a070882843821 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/scripted_fields_table/components/table/__tests__/table.test.js
+++ b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/scripted_fields_table/components/table/__tests__/table.test.js
@@ -19,8 +19,9 @@
 
 import React from 'react';
 import { shallow } from 'enzyme';
+import { shallowWithIntl } from 'test_utils/enzyme_helpers';
 
-import { Table } from '../table';
+import { TableComponent } from '../table';
 
 const indexPattern = {
   fieldFormatMap: {
@@ -36,8 +37,8 @@ const items = [{ id: 1, name: 'Elastic' }];
 
 describe('Table', () => {
   it('should render normally', async () => {
-    const component = shallow(
-      <Table
+    const component = shallowWithIntl(
+      <TableComponent
         indexPattern={indexPattern}
         items={items}
         editField={() => {}}
@@ -50,8 +51,8 @@ describe('Table', () => {
   });
 
   it('should render the format', async () => {
-    const component = shallow(
-      <Table
+    const component = shallowWithIntl(
+      <TableComponent
         indexPattern={indexPattern}
         items={items}
         editField={() => {}}
@@ -67,8 +68,8 @@ describe('Table', () => {
   it('should allow edits', () => {
     const editField = jest.fn();
 
-    const component = shallow(
-      <Table
+    const component = shallowWithIntl(
+      <TableComponent
         indexPattern={indexPattern}
         items={items}
         editField={editField}
@@ -85,8 +86,8 @@ describe('Table', () => {
   it('should allow deletes', () => {
     const deleteField = jest.fn();
 
-    const component = shallow(
-      <Table
+    const component = shallowWithIntl(
+      <TableComponent
         indexPattern={indexPattern}
         items={items}
         editField={() => {}}
diff --git a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/scripted_fields_table/components/table/table.js b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/scripted_fields_table/components/table/table.js
index 6724bb91493a2..d786d64a67a5f 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/scripted_fields_table/components/table/table.js
+++ b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/scripted_fields_table/components/table/table.js
@@ -24,7 +24,9 @@ import {
   EuiInMemoryTable,
 } from '@elastic/eui';
 
-export class Table extends PureComponent {
+import { injectI18n } from '@kbn/i18n/react';
+
+export class TableComponent extends PureComponent {
   static propTypes = {
     indexPattern: PropTypes.object.isRequired,
     items: PropTypes.array.isRequired,
@@ -49,44 +51,52 @@ export class Table extends PureComponent {
       items,
       editField,
       deleteField,
+      intl,
     } = this.props;
 
     const columns = [{
       field: 'displayName',
-      name: 'Name',
-      description: `Name of the field`,
+      name: intl.formatMessage({ id: 'kbn.management.editIndexPattern.scripted.table.nameHeader', defaultMessage: 'Name' }),
+      description: intl.formatMessage({
+        id: 'kbn.management.editIndexPattern.scripted.table.nameDescription', defaultMessage: 'Name of the field' }),
       dataType: 'string',
       sortable: true,
       width: '38%',
     }, {
       field: 'lang',
-      name: 'Lang',
-      description: `Language used for the field`,
+      name: intl.formatMessage({ id: 'kbn.management.editIndexPattern.scripted.table.langHeader', defaultMessage: 'Lang' }),
+      description: intl.formatMessage({
+        id: 'kbn.management.editIndexPattern.scripted.table.langDescription',
+        defaultMessage: 'Language used for the field' }),
       dataType: 'string',
       sortable: true,
       'data-test-subj': 'scriptedFieldLang',
     }, {
       field: 'script',
-      name: 'Script',
-      description: `Script for the field`,
+      name: intl.formatMessage({ id: 'kbn.management.editIndexPattern.scripted.table.scriptHeader', defaultMessage: 'Script' }),
+      description: intl.formatMessage({
+        id: 'kbn.management.editIndexPattern.scripted.table.scriptDescription', defaultMessage: 'Script for the field' }),
       dataType: 'string',
       sortable: true,
     }, {
       field: 'name',
-      name: 'Format',
-      description: `Format used for the field`,
+      name: intl.formatMessage({ id: 'kbn.management.editIndexPattern.scripted.table.formatHeader', defaultMessage: 'Format' }),
+      description: intl.formatMessage({
+        id: 'kbn.management.editIndexPattern.scripted.table.formatDescription', defaultMessage: 'Format used for the field' }),
       render: this.renderFormatCell,
       sortable: false,
     }, {
       name: '',
       actions: [{
-        name: 'Edit',
-        description: 'Edit this field',
+        name: intl.formatMessage({ id: 'kbn.management.editIndexPattern.scripted.table.editHeader', defaultMessage: 'Edit' }),
+        description: intl.formatMessage({
+          id: 'kbn.management.editIndexPattern.scripted.table.editDescription', defaultMessage: 'Edit this field' }),
         icon: 'pencil',
         onClick: editField,
       }, {
-        name: 'Delete',
-        description: 'Delete this field',
+        name: intl.formatMessage({ id: 'kbn.management.editIndexPattern.scripted.table.deleteHeader', defaultMessage: 'Delete' }),
+        description: intl.formatMessage({
+          id: 'kbn.management.editIndexPattern.scripted.table.deleteDescription', defaultMessage: 'Delete this field' }),
         icon: 'trash',
         color: 'danger',
         onClick: deleteField,
@@ -109,3 +119,5 @@ export class Table extends PureComponent {
     );
   }
 }
+
+export const Table = injectI18n(TableComponent);
diff --git a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/scripted_fields_table/scripted_fields_table.js b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/scripted_fields_table/scripted_fields_table.js
index 9d1fed662f0da..8eca69628b456 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/scripted_fields_table/scripted_fields_table.js
+++ b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/scripted_fields_table/scripted_fields_table.js
@@ -35,7 +35,9 @@ import {
   CallOuts,
 } from './components';
 
-export class ScriptedFieldsTable extends Component {
+import { I18nProvider, injectI18n } from '@kbn/i18n/react';
+
+export class ScriptedFieldsTableComponent extends Component {
   static propTypes = {
     indexPattern: PropTypes.object.isRequired,
     fieldFilter: PropTypes.string,
@@ -141,14 +143,23 @@ export class ScriptedFieldsTable extends Component {
       return null;
     }
 
+    const { intl } = this.props;
+    const title = intl.formatMessage(
+      { id: 'kbn.management.editIndexPattern.scripted.deleteFieldLabel', defaultMessage: 'Delete scripted field \'{fieldName}\'?' },
+      { fieldName: fieldToDelete.name });
+    const cancelButtonText = intl.formatMessage(
+      { id: 'kbn.management.editIndexPattern.scripted.deleteField.cancelButton', defaultMessage: 'Cancel' });
+    const confirmButtonText = intl.formatMessage(
+      { id: 'kbn.management.editIndexPattern.scripted.deleteField.deleteButton', defaultMessage: 'Delete' });
+
     return (
       <EuiOverlayMask>
         <EuiConfirmModal
-          title={`Delete scripted field '${fieldToDelete.name}'?`}
+          title={title}
           onCancel={this.hideDeleteConfirmationModal}
           onConfirm={this.deleteField}
-          cancelButtonText="Cancel"
-          confirmButtonText="Delete"
+          cancelButtonText={cancelButtonText}
+          confirmButtonText={confirmButtonText}
           defaultFocusedButton={EUI_MODAL_CONFIRM_BUTTON}
         />
       </EuiOverlayMask>
@@ -164,22 +175,26 @@ export class ScriptedFieldsTable extends Component {
     const items = this.getFilteredItems();
 
     return (
-      <div>
-        <Header addScriptedFieldUrl={helpers.getRouteHref(indexPattern, 'addField')} />
+      <I18nProvider>
+        <div>
+          <Header addScriptedFieldUrl={helpers.getRouteHref(indexPattern, 'addField')} />
 
-        {this.renderCallOuts()}
+          {this.renderCallOuts()}
 
-        <EuiSpacer size="l" />
+          <EuiSpacer size="l" />
 
-        <Table
-          indexPattern={indexPattern}
-          items={items}
-          editField={field => this.props.helpers.redirectToRoute(field, 'edit')}
-          deleteField={this.startDeleteField}
-        />
+          <Table
+            indexPattern={indexPattern}
+            items={items}
+            editField={field => this.props.helpers.redirectToRoute(field, 'edit')}
+            deleteField={this.startDeleteField}
+          />
 
-        {this.renderDeleteConfirmationModal()}
-      </div>
+          {this.renderDeleteConfirmationModal()}
+        </div>
+      </I18nProvider>
     );
   }
 }
+
+export const ScriptedFieldsTable = injectI18n(ScriptedFieldsTableComponent);
diff --git a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/source_filters_table/__tests__/__snapshots__/source_filters_table.test.js.snap b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/source_filters_table/__tests__/__snapshots__/source_filters_table.test.js.snap
index 0629d11c246fd..0206f5c9774df 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/source_filters_table/__tests__/__snapshots__/source_filters_table.test.js.snap
+++ b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/source_filters_table/__tests__/__snapshots__/source_filters_table.test.js.snap
@@ -3,7 +3,7 @@
 exports[`SourceFiltersTable should add a filter 1`] = `
 <div>
   <header />
-  <AddFilter
+  <InjectIntl(AddFilterComponent)
     onAddFilter={[Function]}
   />
   <eui-spacer
@@ -50,7 +50,7 @@ exports[`SourceFiltersTable should add a filter 1`] = `
 exports[`SourceFiltersTable should filter based on the query bar 1`] = `
 <div>
   <header />
-  <AddFilter
+  <InjectIntl(AddFilterComponent)
     onAddFilter={[Function]}
   />
   <eui-spacer
@@ -91,7 +91,7 @@ exports[`SourceFiltersTable should filter based on the query bar 1`] = `
 exports[`SourceFiltersTable should remove a filter 1`] = `
 <div>
   <header />
-  <AddFilter
+  <InjectIntl(AddFilterComponent)
     onAddFilter={[Function]}
   />
   <eui-spacer
@@ -140,7 +140,7 @@ exports[`SourceFiltersTable should remove a filter 1`] = `
 exports[`SourceFiltersTable should render normally 1`] = `
 <div>
   <header />
-  <AddFilter
+  <InjectIntl(AddFilterComponent)
     onAddFilter={[Function]}
   />
   <eui-spacer
@@ -189,7 +189,7 @@ exports[`SourceFiltersTable should render normally 1`] = `
 exports[`SourceFiltersTable should should a loading indicator when saving 1`] = `
 <div>
   <header />
-  <AddFilter
+  <InjectIntl(AddFilterComponent)
     onAddFilter={[Function]}
   />
   <eui-spacer
@@ -222,53 +222,78 @@ exports[`SourceFiltersTable should should a loading indicator when saving 1`] =
 `;
 
 exports[`SourceFiltersTable should show a delete modal 1`] = `
-<div>
-  <header />
-  <AddFilter
-    onAddFilter={[Function]}
-  />
-  <eui-spacer
-    size="l"
-  />
-  <Table
-    deleteFilter={[Function]}
-    fieldWildcardMatcher={[Function]}
-    indexPattern={
-      Object {
-        "sourceFilters": Array [
+Object {
+  "component": <div>
+    <header />
+    <InjectIntl(AddFilterComponent)
+      onAddFilter={[Function]}
+    />
+    <eui-spacer
+      size="l"
+    />
+    <Table
+      deleteFilter={[Function]}
+      fieldWildcardMatcher={[Function]}
+      indexPattern={
+        Object {
+          "sourceFilters": Array [
+            Object {
+              "value": "tim*",
+            },
+          ],
+        }
+      }
+      isSaving={false}
+      items={
+        Array [
           Object {
+            "clientId": 1,
             "value": "tim*",
           },
-        ],
+        ]
       }
-    }
-    isSaving={false}
-    items={
-      Array [
-        Object {
-          "clientId": 1,
-          "value": "tim*",
-        },
-      ]
-    }
-    saveFilter={[Function]}
-  />
-  <eui-overlay-mask>
-    <eui-confirm-modal
-      cancelButtonText="Cancel"
-      confirmButtonText="Delete"
-      onCancel={[Function]}
-      onConfirm={[Function]}
-      title="Delete source filter 'tim*'?"
+      saveFilter={[Function]}
     />
-  </eui-overlay-mask>
-</div>
+    <eui-overlay-mask>
+      <eui-confirm-modal
+        cancelButtonText="Cancel"
+        confirmButtonText="Delete"
+        onCancel={[Function]}
+        onConfirm={[Function]}
+        title="Delete source filter '{value}'?"
+      />
+    </eui-overlay-mask>
+  </div>,
+  "i18n": Array [
+    Array [
+      Object {
+        "defaultMessage": "Delete source filter '{value}'?",
+        "id": "kbn.management.editIndexPattern.source.deleteSourceFilterLabel",
+      },
+      Object {
+        "value": "tim*",
+      },
+    ],
+    Array [
+      Object {
+        "defaultMessage": "Cancel",
+        "id": "kbn.management.editIndexPattern.source.deleteFilter.cancelButton",
+      },
+    ],
+    Array [
+      Object {
+        "defaultMessage": "Delete",
+        "id": "kbn.management.editIndexPattern.source.deleteFilter.deleteButton",
+      },
+    ],
+  ],
+}
 `;
 
 exports[`SourceFiltersTable should update a filter 1`] = `
 <div>
   <header />
-  <AddFilter
+  <InjectIntl(AddFilterComponent)
     onAddFilter={[Function]}
   />
   <eui-spacer
diff --git a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/source_filters_table/__tests__/source_filters_table.test.js b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/source_filters_table/__tests__/source_filters_table.test.js
index c2cda7f41b74c..d6047cb66d4e2 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/source_filters_table/__tests__/source_filters_table.test.js
+++ b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/source_filters_table/__tests__/source_filters_table.test.js
@@ -18,9 +18,9 @@
  */
 
 import React from 'react';
-import { shallow } from 'enzyme';
+import { shallowWithIntl, intl } from 'test_utils/enzyme_helpers';
 
-import { SourceFiltersTable } from '../source_filters_table';
+import { SourceFiltersTableComponent } from '../source_filters_table';
 
 jest.mock('@elastic/eui', () => ({
   EuiButton: 'eui-button',
@@ -57,9 +57,11 @@ const indexPattern = {
 
 
 describe('SourceFiltersTable', () => {
+  afterEach(() => intl.formatMessage.mockClear());
+
   it('should render normally', async () => {
-    const component = shallow(
-      <SourceFiltersTable
+    const component = shallowWithIntl(
+      <SourceFiltersTableComponent
         indexPattern={indexPattern}
         fieldWildcardMatcher={() => {}}
       />
@@ -69,8 +71,8 @@ describe('SourceFiltersTable', () => {
   });
 
   it('should filter based on the query bar', async () => {
-    const component = shallow(
-      <SourceFiltersTable
+    const component = shallowWithIntl(
+      <SourceFiltersTableComponent
         indexPattern={indexPattern}
         fieldWildcardMatcher={() => {}}
       />
@@ -81,8 +83,8 @@ describe('SourceFiltersTable', () => {
   });
 
   it('should should a loading indicator when saving', async () => {
-    const component = shallow(
-      <SourceFiltersTable
+    const component = shallowWithIntl(
+      <SourceFiltersTableComponent
         indexPattern={{
           sourceFilters: [{ value: 'tim*' }]
         }}
@@ -95,8 +97,8 @@ describe('SourceFiltersTable', () => {
   });
 
   it('should show a delete modal', async () => {
-    const component = shallow(
-      <SourceFiltersTable
+    const component = shallowWithIntl(
+      <SourceFiltersTableComponent
         indexPattern={{
           sourceFilters: [{ value: 'tim*' }]
         }}
@@ -106,13 +108,16 @@ describe('SourceFiltersTable', () => {
 
     component.instance().startDeleteFilter({ value: 'tim*' });
     component.update(); // We are not calling `.setState` directly so we need to re-render
-    expect(component).toMatchSnapshot();
+    expect({
+      component,
+      i18n: intl.formatMessage.mock.calls,
+    }).toMatchSnapshot();
   });
 
   it('should remove a filter', async () => {
     const save = jest.fn();
-    const component = shallow(
-      <SourceFiltersTable
+    const component = shallowWithIntl(
+      <SourceFiltersTableComponent
         indexPattern={{
           save,
           sourceFilters: [{ value: 'tim*' }, { value: 'na*' }]
@@ -132,8 +137,8 @@ describe('SourceFiltersTable', () => {
 
   it('should add a filter', async () => {
     const save = jest.fn();
-    const component = shallow(
-      <SourceFiltersTable
+    const component = shallowWithIntl(
+      <SourceFiltersTableComponent
         indexPattern={{
           save,
           sourceFilters: [{ value: 'tim*' }]
@@ -151,8 +156,8 @@ describe('SourceFiltersTable', () => {
 
   it('should update a filter', async () => {
     const save = jest.fn();
-    const component = shallow(
-      <SourceFiltersTable
+    const component = shallowWithIntl(
+      <SourceFiltersTableComponent
         indexPattern={{
           save,
           sourceFilters: [{ value: 'tim*' }]
diff --git a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/source_filters_table/components/add_filter/__tests__/__snapshots__/add_filter.test.js.snap b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/source_filters_table/components/add_filter/__tests__/__snapshots__/add_filter.test.js.snap
index 4300d775f7af8..36baf2fa473e1 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/source_filters_table/components/add_filter/__tests__/__snapshots__/add_filter.test.js.snap
+++ b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/source_filters_table/components/add_filter/__tests__/__snapshots__/add_filter.test.js.snap
@@ -35,7 +35,11 @@ exports[`AddFilter should ignore strings with just spaces 1`] = `
       onClick={[Function]}
       type="button"
     >
-      Add
+      <FormattedMessage
+        defaultMessage="Add"
+        id="kbn.management.editIndexPattern.source.addButton"
+        values={Object {}}
+      />
     </EuiButton>
   </EuiFlexItem>
 </EuiFlexGroup>
@@ -76,7 +80,11 @@ exports[`AddFilter should render normally 1`] = `
       onClick={[Function]}
       type="button"
     >
-      Add
+      <FormattedMessage
+        defaultMessage="Add"
+        id="kbn.management.editIndexPattern.source.addButton"
+        values={Object {}}
+      />
     </EuiButton>
   </EuiFlexItem>
 </EuiFlexGroup>
diff --git a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/source_filters_table/components/add_filter/__tests__/add_filter.test.js b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/source_filters_table/components/add_filter/__tests__/add_filter.test.js
index 61519bcfeed1c..6f16d2d425750 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/source_filters_table/components/add_filter/__tests__/add_filter.test.js
+++ b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/source_filters_table/components/add_filter/__tests__/add_filter.test.js
@@ -18,14 +18,14 @@
  */
 
 import React from 'react';
-import { shallow } from 'enzyme';
+import { shallowWithIntl } from 'test_utils/enzyme_helpers';
 
-import { AddFilter } from '../add_filter';
+import { AddFilterComponent } from '../add_filter';
 
 describe('AddFilter', () => {
   it('should render normally', async () => {
-    const component = shallow(
-      <AddFilter onAddFilter={() => {}}/>
+    const component = shallowWithIntl(
+      <AddFilterComponent onAddFilter={() => {}}/>
     );
 
     expect(component).toMatchSnapshot();
@@ -33,8 +33,8 @@ describe('AddFilter', () => {
 
   it('should allow adding a filter', async () => {
     const onAddFilter = jest.fn();
-    const component = shallow(
-      <AddFilter onAddFilter={onAddFilter}/>
+    const component = shallowWithIntl(
+      <AddFilterComponent onAddFilter={onAddFilter}/>
     );
 
     // Set a value in the input field
@@ -48,8 +48,8 @@ describe('AddFilter', () => {
   });
 
   it('should ignore strings with just spaces', async () => {
-    const component = shallow(
-      <AddFilter onAddFilter={() => {}}/>
+    const component = shallowWithIntl(
+      <AddFilterComponent onAddFilter={() => {}}/>
     );
 
     // Set a value in the input field
diff --git a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/source_filters_table/components/add_filter/add_filter.js b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/source_filters_table/components/add_filter/add_filter.js
index 60fc9bfad269a..223f40e1274f6 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/source_filters_table/components/add_filter/add_filter.js
+++ b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/source_filters_table/components/add_filter/add_filter.js
@@ -27,7 +27,9 @@ import {
   EuiButton,
 } from '@elastic/eui';
 
-export class AddFilter extends Component {
+import { injectI18n, FormattedMessage } from '@kbn/i18n/react';
+
+export class AddFilterComponent extends Component {
   static propTypes = {
     onAddFilter: PropTypes.func.isRequired,
   }
@@ -46,6 +48,11 @@ export class AddFilter extends Component {
 
   render() {
     const { filter } = this.state;
+    const { intl } = this.props;
+    const placeholder = intl.formatMessage({
+      id: 'kbn.management.editIndexPattern.sourcePlaceholder',
+      defaultMessage: 'source filter, accepts wildcards (e.g., `user*` to filter fields starting with \'user\')'
+    });
 
     return (
       <EuiFlexGroup>
@@ -54,7 +61,7 @@ export class AddFilter extends Component {
             fullWidth
             value={filter}
             onChange={e => this.setState({ filter: e.target.value.trim() })}
-            placeholder="source filter, accepts wildcards (e.g., `user*` to filter fields starting with 'user')"
+            placeholder={placeholder}
           />
         </EuiFlexItem>
         <EuiFlexItem>
@@ -62,10 +69,12 @@ export class AddFilter extends Component {
             isDisabled={filter.length === 0}
             onClick={this.onAddFilter}
           >
-            Add
+            <FormattedMessage id="kbn.management.editIndexPattern.source.addButton" defaultMessage="Add" />
           </EuiButton>
         </EuiFlexItem>
       </EuiFlexGroup>
     );
   }
 }
+
+export const AddFilter = injectI18n(AddFilterComponent);
diff --git a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/source_filters_table/components/header/__tests__/__snapshots__/header.test.js.snap b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/source_filters_table/components/header/__tests__/__snapshots__/header.test.js.snap
index 31a2cf22e2b3e..020b344832aa9 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/source_filters_table/components/header/__tests__/__snapshots__/header.test.js.snap
+++ b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/source_filters_table/components/header/__tests__/__snapshots__/header.test.js.snap
@@ -6,17 +6,29 @@ exports[`Header should render normally 1`] = `
     size="s"
   >
     <h3>
-      Source filters
+      <FormattedMessage
+        defaultMessage="Source filters"
+        id="kbn.management.editIndexPattern.sourceHeader"
+        values={Object {}}
+      />
     </h3>
   </EuiTitle>
   <EuiText
     grow={true}
   >
     <p>
-      Source filters can be used to exclude one or more fields when fetching the document source. This happens when viewing a document in the Discover app, or with a table displaying results from a saved search in the Dashboard app. Each row is built using the source of a single document, and if you have documents with large or unimportant fields you may benefit from filtering those out at this lower level.
+      <FormattedMessage
+        defaultMessage="Source filters can be used to exclude one or more fields when fetching the document source. This happens when viewing a document in the Discover app, or with a table displaying results from a saved search in the Dashboard app. Each row is built using the source of a single document, and if you have documents with large or unimportant fields you may benefit from filtering those out at this lower level."
+        id="kbn.management.editIndexPattern.sourceLabel"
+        values={Object {}}
+      />
     </p>
     <p>
-      Note that multi-fields will incorrectly appear as matches in the table below. These filters only actually apply to fields in the original source document, so matching multi-fields are not actually being filtered.
+      <FormattedMessage
+        defaultMessage="Note that multi-fields will incorrectly appear as matches in the table below. These filters only actually apply to fields in the original source document, so matching multi-fields are not actually being filtered."
+        id="kbn.management.editIndexPattern.source.noteLabel"
+        values={Object {}}
+      />
     </p>
   </EuiText>
   <EuiSpacer
diff --git a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/source_filters_table/components/header/header.js b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/source_filters_table/components/header/header.js
index ff2a4d04dc954..d3572416e8d26 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/source_filters_table/components/header/header.js
+++ b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/source_filters_table/components/header/header.js
@@ -25,24 +25,31 @@ import {
   EuiSpacer,
 } from '@elastic/eui';
 
+import { FormattedMessage } from '@kbn/i18n/react';
+
 export const Header = () => (
   <div>
     <EuiTitle size="s">
-      <h3>Source filters</h3>
+      <h3>
+        <FormattedMessage id="kbn.management.editIndexPattern.sourceHeader" defaultMessage="Source filters"/>
+      </h3>
     </EuiTitle>
     <EuiText>
       <p>
-        Source filters can be used to exclude one or more fields when fetching the document source.
-        This happens when viewing a document in the Discover app, or with a table displaying results
-        from a saved search in the Dashboard app. Each row is built using the source of a single
-        document, and if you have documents with large or unimportant fields you may benefit from
-        filtering those out at this lower level.
+        <FormattedMessage
+          id="kbn.management.editIndexPattern.sourceLabel"
+          defaultMessage="Source filters can be used to exclude one or more fields when fetching the document source. This happens when
+          viewing a document in the Discover app, or with a table displaying results from a saved search in the Dashboard app. Each row is
+          built using the source of a single document, and if you have documents with large or unimportant fields you may benefit from
+          filtering those out at this lower level."
+        />
       </p>
-
       <p>
-        Note that multi-fields will incorrectly appear as matches in the table below.
-        These filters only actually apply to fields in the original source document,
-        so matching multi-fields are not actually being filtered.
+        <FormattedMessage
+          id="kbn.management.editIndexPattern.source.noteLabel"
+          defaultMessage="Note that multi-fields will incorrectly appear as matches in the table below. These filters only actually apply
+          to fields in the original source document, so matching multi-fields are not actually being filtered."
+        />
       </p>
     </EuiText>
     <EuiSpacer size="s" />
diff --git a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/source_filters_table/components/table/__tests__/table.test.js b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/source_filters_table/components/table/__tests__/table.test.js
index 48ac864c7ab44..7ce61668751b9 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/source_filters_table/components/table/__tests__/table.test.js
+++ b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/source_filters_table/components/table/__tests__/table.test.js
@@ -19,8 +19,9 @@
 
 import React from 'react';
 import { shallow } from 'enzyme';
+import { shallowWithIntl } from 'test_utils/enzyme_helpers';
 
-import { Table } from '../table';
+import { TableComponent } from '../table';
 import { keyCodes } from '@elastic/eui';
 
 const indexPattern = {};
@@ -28,8 +29,8 @@ const items = [{ value: 'tim*' }];
 
 describe('Table', () => {
   it('should render normally', async () => {
-    const component = shallow(
-      <Table
+    const component = shallowWithIntl(
+      <TableComponent
         indexPattern={indexPattern}
         items={items}
         deleteFilter={() => {}}
@@ -43,8 +44,8 @@ describe('Table', () => {
   });
 
   it('should render filter matches', async () => {
-    const component = shallow(
-      <Table
+    const component = shallowWithIntl(
+      <TableComponent
         indexPattern={{
           getNonScriptedFields: () => [{ name: 'time' }, { name: 'value' }],
         }}
@@ -68,8 +69,8 @@ describe('Table', () => {
     let component;
 
     beforeEach(() => {
-      component = shallow(
-        <Table
+      component = shallowWithIntl(
+        <TableComponent
           indexPattern={indexPattern}
           items={items}
           deleteFilter={() => {}}
@@ -129,8 +130,8 @@ describe('Table', () => {
     });
 
     it('should update the matches dynamically as input value is changed', () => {
-      const localComponent = shallow(
-        <Table
+      const localComponent = shallowWithIntl(
+        <TableComponent
           indexPattern={{
             getNonScriptedFields: () => [{ name: 'time' }, { name: 'value' }],
           }}
@@ -143,6 +144,7 @@ describe('Table', () => {
           isSaving={false}
         />
       );
+
       // Start the editing process
       const editingComponent = shallow(
         // Fixes: Invariant Violation: ReactShallowRenderer render(): Shallow rendering works only with custom components, but the provided element type was `symbol`.
@@ -206,8 +208,8 @@ describe('Table', () => {
   it('should allow deletes', () => {
     const deleteFilter = jest.fn();
 
-    const component = shallow(
-      <Table
+    const component = shallowWithIntl(
+      <TableComponent
         indexPattern={indexPattern}
         items={items}
         deleteFilter={deleteFilter}
@@ -235,8 +237,8 @@ describe('Table', () => {
     const saveFilter = jest.fn();
     const clientId = 1;
 
-    const component = shallow(
-      <Table
+    const component = shallowWithIntl(
+      <TableComponent
         indexPattern={indexPattern}
         items={items}
         deleteFilter={() => {}}
@@ -280,8 +282,8 @@ describe('Table', () => {
     const saveFilter = jest.fn();
     const clientId = 1;
 
-    const component = shallow(
-      <Table
+    const component = shallowWithIntl(
+      <TableComponent
         indexPattern={indexPattern}
         items={items}
         deleteFilter={() => {}}
diff --git a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/source_filters_table/components/table/table.js b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/source_filters_table/components/table/table.js
index c56f6454219b4..768e9d330e0ac 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/source_filters_table/components/table/table.js
+++ b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/source_filters_table/components/table/table.js
@@ -28,7 +28,9 @@ import {
   RIGHT_ALIGNMENT,
 } from '@elastic/eui';
 
-export class Table extends Component {
+import { injectI18n, FormattedMessage } from '@kbn/i18n/react';
+
+export class TableComponent extends Component {
   static propTypes = {
     indexPattern: PropTypes.object.isRequired,
     items: PropTypes.array.isRequired,
@@ -71,13 +73,15 @@ export class Table extends Component {
       fieldWildcardMatcher,
       indexPattern,
       saveFilter,
+      intl,
     } = this.props;
 
     return [
       {
         field: 'value',
-        name: 'Filter',
-        description: `Filter name`,
+        name: intl.formatMessage({ id: 'kbn.management.editIndexPattern.source.table.filterHeader', defaultMessage: 'Filter' }),
+        description: intl.formatMessage({
+          id: 'kbn.management.editIndexPattern.source.table.filterDescription', defaultMessage: 'Filter name' }),
         dataType: 'string',
         sortable: true,
         render: (value, filter) => {
@@ -97,8 +101,11 @@ export class Table extends Component {
       },
       {
         field: 'value',
-        name: 'Matches',
-        description: `Language used for the field`,
+        name: intl.formatMessage({
+          id: 'kbn.management.editIndexPattern.source.table.matchesHeader', defaultMessage: 'Matches' }),
+        description: intl.formatMessage({
+          id: 'kbn.management.editIndexPattern.source.table.matchesDescription',
+          defaultMessage: 'Language used for the field' }),
         dataType: 'string',
         sortable: true,
         render: (value, filter) => {
@@ -117,7 +124,12 @@ export class Table extends Component {
           }
 
           return (
-            <em>The source filter doesn&apos;t match any known fields.</em>
+            <em>
+              <FormattedMessage
+                id="kbn.management.editIndexPattern.source.table.notMatchedLabel"
+                defaultMessage="The source filter doesn't match any known fields."
+              />
+            </em>
           );
         },
       },
@@ -139,7 +151,8 @@ export class Table extends Component {
                     this.stopEditingFilter();
                   }}
                   iconType="checkInCircleFilled"
-                  aria-label="Save"
+                  aria-label={intl.formatMessage({
+                    id: 'kbn.management.editIndexPattern.source.table.saveAria', defaultMessage: 'Save' })}
                 />
                 <EuiButtonIcon
                   size="s"
@@ -147,7 +160,8 @@ export class Table extends Component {
                     this.stopEditingFilter();
                   }}
                   iconType="cross"
-                  aria-label="Cancel"
+                  aria-label={intl.formatMessage({
+                    id: 'kbn.management.editIndexPattern.source.table.cancelAria', defaultMessage: 'Cancel' })}
                 />
               </Fragment>
             );
@@ -160,7 +174,8 @@ export class Table extends Component {
                 color="danger"
                 onClick={() => deleteFilter(filter)}
                 iconType="trash"
-                aria-label="Delete"
+                aria-label={intl.formatMessage({
+                  id: 'kbn.management.editIndexPattern.source.table.deleteAria', defaultMessage: 'Delete' })}
               />
               <EuiButtonIcon
                 size="s"
@@ -168,7 +183,8 @@ export class Table extends Component {
                   this.startEditingFilter(filter.clientId, filter.value)
                 }
                 iconType="pencil"
-                aria-label="Edit"
+                aria-label={intl.formatMessage({
+                  id: 'kbn.management.editIndexPattern.source.table.editAria', defaultMessage: 'Edit' })}
               />
             </Fragment>
           );
@@ -196,3 +212,5 @@ export class Table extends Component {
     );
   }
 }
+
+export const Table = injectI18n(TableComponent);
diff --git a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/source_filters_table/source_filters_table.js b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/source_filters_table/source_filters_table.js
index fba9ad539ddd9..2bf6eb9325da6 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/source_filters_table/source_filters_table.js
+++ b/src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/source_filters_table/source_filters_table.js
@@ -31,8 +31,9 @@ import {
 import { Table } from './components/table';
 import { Header } from './components/header';
 import { AddFilter } from './components/add_filter';
+import { injectI18n } from '@kbn/i18n/react';
 
-export class SourceFiltersTable extends Component {
+export class SourceFiltersTableComponent extends Component {
   static propTypes = {
     indexPattern: PropTypes.object.isRequired,
     filterFilter: PropTypes.string,
@@ -153,6 +154,7 @@ export class SourceFiltersTable extends Component {
 
   renderDeleteConfirmationModal() {
     const { filterToDelete } = this.state;
+    const { intl } = this.props;
 
     if (!filterToDelete) {
       return null;
@@ -161,11 +163,15 @@ export class SourceFiltersTable extends Component {
     return (
       <EuiOverlayMask>
         <EuiConfirmModal
-          title={`Delete source filter '${filterToDelete.value}'?`}
+          title={intl.formatMessage(
+            { id: 'kbn.management.editIndexPattern.source.deleteSourceFilterLabel', defaultMessage: 'Delete source filter \'{value}\'?' },
+            { value: filterToDelete.value })}
           onCancel={this.hideDeleteConfirmationModal}
           onConfirm={this.deleteFilter}
-          cancelButtonText="Cancel"
-          confirmButtonText="Delete"
+          cancelButtonText={intl.formatMessage({
+            id: 'kbn.management.editIndexPattern.source.deleteFilter.cancelButton', defaultMessage: 'Cancel' })}
+          confirmButtonText={intl.formatMessage({
+            id: 'kbn.management.editIndexPattern.source.deleteFilter.deleteButton', defaultMessage: 'Delete' })}
           defaultFocusedButton={EUI_MODAL_CONFIRM_BUTTON}
         />
       </EuiOverlayMask>
@@ -198,3 +204,5 @@ export class SourceFiltersTable extends Component {
     );
   }
 }
+
+export const SourceFiltersTable = injectI18n(SourceFiltersTableComponent);
diff --git a/src/core_plugins/kibana/public/management/sections/indices/index.html b/src/core_plugins/kibana/public/management/sections/indices/index.html
index ae701ca64b90e..51251c9af69d8 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/index.html
+++ b/src/core_plugins/kibana/public/management/sections/indices/index.html
@@ -1,4 +1,4 @@
-<div class="col-md-2 sidebar-container" role="region" aria-label="Index patterns">
+<div class="col-md-2 sidebar-container" role="region" aria-label="{{'kbn.management.editIndexPatternAria' | i18n: { defaultMessage: 'Index patterns' } }}">
   <div class="sidebar-list">
     <div class="sidebar-item-title full-title">
       <h5 data-test-subj="createIndexPatternParent">
@@ -9,7 +9,8 @@ <h5 data-test-subj="createIndexPatternParent">
           data-test-subj="createIndexPatternButton"
         >
           <span aria-hidden="true" class="kuiIcon fa-plus"></span>
-          <span>Create Index Pattern</span>
+          <span i18n-id="kbn.management.editIndexPattern.createIndexButton"
+                i18n-default-message="Create Index Pattern"></span>
         </a>
       </h5>
     </div>
@@ -20,10 +21,11 @@ <h5 data-test-subj="createIndexPatternParent">
       >
         <div class="sidebar-item-title full-title">
           <div class="euiText euiText--extraSmall">
-            <div class="euiBadge euiBadge--warning">Warning</div>
-            <p>
-              No default index pattern. You must select or create one to continue.
-            </p>
+            <div class="euiBadge euiBadge--warning"
+                 i18n-id="kbn.management.editIndexPattern.createIndex.warningHeader"
+                 i18n-default-message="Warning"></div>
+            <p i18n-id="kbn.management.editIndexPattern.createIndex.warningLabel"
+               i18n-default-message="No default index pattern. You must select or create one to continue."></p>
           </div>
         </div>
       </li>
diff --git a/src/core_plugins/kibana/public/management/sections/indices/index.js b/src/core_plugins/kibana/public/management/sections/indices/index.js
index 6146aac9621ae..69416c56e5c39 100644
--- a/src/core_plugins/kibana/public/management/sections/indices/index.js
+++ b/src/core_plugins/kibana/public/management/sections/indices/index.js
@@ -25,6 +25,7 @@ import { uiModules } from 'ui/modules';
 import indexTemplate from './index.html';
 import { SavedObjectsClientProvider } from 'ui/saved_objects';
 import { FeatureCatalogueRegistryProvider, FeatureCatalogueCategory } from 'ui/registry/feature_catalogue';
+import { i18n } from '@kbn/i18n';
 
 const indexPatternsResolutions = {
   indexPatterns: function (Private) {
@@ -78,7 +79,7 @@ uiModules.get('apps/management')
   });
 
 management.getSection('kibana').register('indices', {
-  display: 'Index Patterns',
+  display: i18n.translate('kbn.management.indexPattern.sectionsHeader', { defaultMessage: 'Index Patterns' }),
   order: 0,
   url: '#/management/kibana/indices/'
 });
@@ -86,8 +87,9 @@ management.getSection('kibana').register('indices', {
 FeatureCatalogueRegistryProvider.register(() => {
   return {
     id: 'index_patterns',
-    title: 'Index Patterns',
-    description: 'Manage the index patterns that help retrieve your data from Elasticsearch.',
+    title: i18n.translate('kbn.management.indexPatternHeader', { defaultMessage: 'Index Patterns' }),
+    description: i18n.translate('kbn.management.indexPatternLabel',
+      { defaultMessage: 'Manage the index patterns that help retrieve your data from Elasticsearch.' }),
     icon: 'indexPatternApp',
     path: '/app/kibana#/management/kibana/indices',
     showOnHomePage: true,
diff --git a/src/test_utils/public/enzyme_helpers.js b/src/test_utils/public/enzyme_helpers.js
new file mode 100644
index 0000000000000..07ce672a0cc62
--- /dev/null
+++ b/src/test_utils/public/enzyme_helpers.js
@@ -0,0 +1,58 @@
+/*
+ * Licensed to Elasticsearch B.V. under one or more contributor
+ * license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright
+ * ownership. Elasticsearch B.V. licenses this file to you under
+ * the Apache License, Version 2.0 (the "License"); you may
+ * not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import PropTypes from 'prop-types';
+import React from 'react';
+import { shallow } from 'enzyme';
+import { intl } from './mocks/intl';
+
+/**
+ *  Creates the wrapper instance with provided intl object into context
+ *
+ *  @param  node The React element or cheerio wrapper
+ *  @param  options properties to pass into shallow wrapper
+ *  @return The wrapper instance around the rendered output with intl object in context
+ */
+export function shallowWithIntl(node, { context, childContextTypes, ...props } = {}) {
+  if (!node) {
+    throw new Error(`First argument should be cheerio object or React element, not ${node}`);
+  }
+
+  const clonedNode = React.cloneElement(node, { intl });
+
+  const options = {
+    context: {
+      ...context,
+      intl,
+    },
+    childContextTypes: {
+      ...childContextTypes,
+      intl: PropTypes.any,
+    },
+    ...props,
+  };
+
+  if (React.isValidElement(node)) {
+    return shallow(clonedNode, options);
+  }
+
+  return clonedNode.shallow(options);
+}
+
+export { intl };
diff --git a/src/test_utils/public/mocks/intl.js b/src/test_utils/public/mocks/intl.js
new file mode 100644
index 0000000000000..f36b8f9a4b834
--- /dev/null
+++ b/src/test_utils/public/mocks/intl.js
@@ -0,0 +1,30 @@
+/*
+ * Licensed to Elasticsearch B.V. under one or more contributor
+ * license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright
+ * ownership. Elasticsearch B.V. licenses this file to you under
+ * the Apache License, Version 2.0 (the "License"); you may
+ * not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+/* global jest */
+
+export const intl = {
+  formatMessage: jest.fn().mockImplementation(({ defaultMessage }) => defaultMessage),
+  formatDate: jest.fn().mockImplementation(value => value),
+  formatTime: jest.fn().mockImplementation(value => value),
+  formatRelative: jest.fn().mockImplementation(value => value),
+  formatNumber: jest.fn().mockImplementation(value => value),
+  formatPlural: jest.fn().mockImplementation(value => value),
+  formatHTMLMessage: jest.fn().mockImplementation(({ defaultMessage }) => defaultMessage),
+  now: jest.fn().mockImplementation(() => new Date(1531834573179)),
+};
diff --git a/src/ui/public/field_editor/__snapshots__/field_editor.test.js.snap b/src/ui/public/field_editor/__snapshots__/field_editor.test.js.snap
index 292db61bbea44..4bea15b1b5f7d 100644
--- a/src/ui/public/field_editor/__snapshots__/field_editor.test.js.snap
+++ b/src/ui/public/field_editor/__snapshots__/field_editor.test.js.snap
@@ -4,7 +4,11 @@ exports[`FieldEditor should render create new scripted field correctly 1`] = `
 <div>
   <eui-text>
     <h3>
-      Create scripted field
+      <FormattedMessage
+        defaultMessage="Create scripted field"
+        id="common.ui.fieldEditor.createHeader"
+        values={Object {}}
+      />
     </h3>
   </eui-text>
   <eui-spacer
@@ -103,21 +107,24 @@ exports[`FieldEditor should render create new scripted field correctly 1`] = `
     <React.Fragment>
       <eui-form-row
         helpText={
-          <span>
-            Formatting allows you to control the way that specific values are displayed. It can also cause values to be completely changed and prevent highlighting in Discover from working.
-          </span>
+          <FormattedMessage
+            defaultMessage="Formatting allows you to control the way that specific values are displayed. It can also cause values to be completely changed and prevent highlighting in Discover from working."
+            id="common.ui.fieldEditor.formatLabel"
+            values={Object {}}
+          />
         }
         label={
-          <span>
-            Format 
-            <span>
-              (Default: 
-              <eui-code>
-                Test format
-              </eui-code>
-              )
-            </span>
-          </span>
+          <FormattedMessage
+            defaultMessage="Format (Default: {defaultFormat})"
+            id="common.ui.fieldEditor.defaultFormatHeader"
+            values={
+              Object {
+                "defaultFormat": <eui-code>
+                  Test format
+                </eui-code>,
+              }
+            }
+          />
         }
       >
         <eui-select
@@ -161,18 +168,28 @@ exports[`FieldEditor should render create new scripted field correctly 1`] = `
       <eui-form-row>
         <React.Fragment>
           <eui-text>
-            Access fields with 
-            <code>
-              doc['some_field'].value
-            </code>
-            .
+            <FormattedMessage
+              defaultMessage="Access fields with {code}."
+              id="common.ui.fieldEditor.script.accessWithLabel"
+              values={
+                Object {
+                  "code": <code>
+                    doc['some_field'].value
+                  </code>,
+                }
+              }
+            />
           </eui-text>
           <br />
           <eui-link
             data-test-subj="scriptedFieldsHelpLink"
             onClick={[Function]}
           >
-            Get help with the syntax and preview the results of your script.
+            <FormattedMessage
+              defaultMessage="Get help with the syntax and preview the results of your script."
+              id="common.ui.fieldEditor.script.getHelpLabel"
+              values={Object {}}
+            />
           </eui-link>
         </React.Fragment>
       </eui-form-row>
@@ -189,7 +206,11 @@ exports[`FieldEditor should render create new scripted field correctly 1`] = `
             isLoading={false}
             onClick={[Function]}
           >
-            Create field
+            <FormattedMessage
+              defaultMessage="Create field"
+              id="common.ui.fieldEditor.actions.createButton"
+              values={Object {}}
+            />
           </eui-button>
         </eui-flex-item>
         <eui-flex-item
@@ -199,7 +220,11 @@ exports[`FieldEditor should render create new scripted field correctly 1`] = `
             data-test-subj="fieldCancelButton"
             onClick={[Function]}
           >
-            Cancel
+            <FormattedMessage
+              defaultMessage="Cancel"
+              id="common.ui.fieldEditor.actions.cancelButton"
+              values={Object {}}
+            />
           </eui-button-empty>
         </eui-flex-item>
       </eui-flex-group>
@@ -215,7 +240,15 @@ exports[`FieldEditor should render edit scripted field correctly 1`] = `
 <div>
   <eui-text>
     <h3>
-      Edit test
+      <FormattedMessage
+        defaultMessage="Edit {fieldName}"
+        id="common.ui.fieldEditor.editHeader"
+        values={
+          Object {
+            "fieldName": "test",
+          }
+        }
+      />
     </h3>
   </eui-text>
   <eui-spacer
@@ -310,21 +343,24 @@ exports[`FieldEditor should render edit scripted field correctly 1`] = `
     <React.Fragment>
       <eui-form-row
         helpText={
-          <span>
-            Formatting allows you to control the way that specific values are displayed. It can also cause values to be completely changed and prevent highlighting in Discover from working.
-          </span>
+          <FormattedMessage
+            defaultMessage="Formatting allows you to control the way that specific values are displayed. It can also cause values to be completely changed and prevent highlighting in Discover from working."
+            id="common.ui.fieldEditor.formatLabel"
+            values={Object {}}
+          />
         }
         label={
-          <span>
-            Format 
-            <span>
-              (Default: 
-              <eui-code>
-                Test format
-              </eui-code>
-              )
-            </span>
-          </span>
+          <FormattedMessage
+            defaultMessage="Format (Default: {defaultFormat})"
+            id="common.ui.fieldEditor.defaultFormatHeader"
+            values={
+              Object {
+                "defaultFormat": <eui-code>
+                  Test format
+                </eui-code>,
+              }
+            }
+          />
         }
       >
         <eui-select
@@ -369,18 +405,28 @@ exports[`FieldEditor should render edit scripted field correctly 1`] = `
       <eui-form-row>
         <React.Fragment>
           <eui-text>
-            Access fields with 
-            <code>
-              doc['some_field'].value
-            </code>
-            .
+            <FormattedMessage
+              defaultMessage="Access fields with {code}."
+              id="common.ui.fieldEditor.script.accessWithLabel"
+              values={
+                Object {
+                  "code": <code>
+                    doc['some_field'].value
+                  </code>,
+                }
+              }
+            />
           </eui-text>
           <br />
           <eui-link
             data-test-subj="scriptedFieldsHelpLink"
             onClick={[Function]}
           >
-            Get help with the syntax and preview the results of your script.
+            <FormattedMessage
+              defaultMessage="Get help with the syntax and preview the results of your script."
+              id="common.ui.fieldEditor.script.getHelpLabel"
+              values={Object {}}
+            />
           </eui-link>
         </React.Fragment>
       </eui-form-row>
@@ -397,7 +443,11 @@ exports[`FieldEditor should render edit scripted field correctly 1`] = `
             isLoading={false}
             onClick={[Function]}
           >
-            Save field
+            <FormattedMessage
+              defaultMessage="Save field"
+              id="common.ui.fieldEditor.actions.saveButton"
+              values={Object {}}
+            />
           </eui-button>
         </eui-flex-item>
         <eui-flex-item
@@ -407,7 +457,11 @@ exports[`FieldEditor should render edit scripted field correctly 1`] = `
             data-test-subj="fieldCancelButton"
             onClick={[Function]}
           >
-            Cancel
+            <FormattedMessage
+              defaultMessage="Cancel"
+              id="common.ui.fieldEditor.actions.cancelButton"
+              values={Object {}}
+            />
           </eui-button-empty>
         </eui-flex-item>
         <eui-flex-item>
@@ -421,7 +475,11 @@ exports[`FieldEditor should render edit scripted field correctly 1`] = `
                 color="danger"
                 onClick={[Function]}
               >
-                Delete
+                <FormattedMessage
+                  defaultMessage="Delete"
+                  id="common.ui.fieldEditor.actions.deleteButton"
+                  values={Object {}}
+                />
               </eui-button-empty>
             </eui-flex-item>
           </eui-flex-group>
@@ -439,7 +497,11 @@ exports[`FieldEditor should show conflict field warning 1`] = `
 <div>
   <eui-text>
     <h3>
-      Create scripted field
+      <FormattedMessage
+        defaultMessage="Create scripted field"
+        id="common.ui.fieldEditor.createHeader"
+        values={Object {}}
+      />
     </h3>
   </eui-text>
   <eui-spacer
@@ -496,14 +558,24 @@ exports[`FieldEditor should show conflict field warning 1`] = `
             type="alert"
           />
            
-          <strong>
-            Mapping Conflict:
-          </strong>
-            You already have a field with the name 
-          <eui-code>
-            foobar
-          </eui-code>
-          . Naming your scripted field with the same name means you won't be able to query both fields at the same time.
+          <FormattedMessage
+            defaultMessage="{mappingConflict} You already have a field with the name {fieldName}. Naming your scripted field with the same name means you won't be able to query both fields at the same time."
+            id="common.ui.fieldEditor.mappingConflictLabel.mappingConflictDetail"
+            values={
+              Object {
+                "fieldName": <eui-code>
+                  foobar
+                </eui-code>,
+                "mappingConflict": <strong>
+                  <FormattedMessage
+                    defaultMessage="Mapping Conflict:"
+                    id="common.ui.fieldEditor.mappingConflictLabel.mappingConflictLabel"
+                    values={Object {}}
+                  />
+                </strong>,
+              }
+            }
+          />
         </span>
       }
       isInvalid={false}
@@ -572,21 +644,24 @@ exports[`FieldEditor should show conflict field warning 1`] = `
     <React.Fragment>
       <eui-form-row
         helpText={
-          <span>
-            Formatting allows you to control the way that specific values are displayed. It can also cause values to be completely changed and prevent highlighting in Discover from working.
-          </span>
+          <FormattedMessage
+            defaultMessage="Formatting allows you to control the way that specific values are displayed. It can also cause values to be completely changed and prevent highlighting in Discover from working."
+            id="common.ui.fieldEditor.formatLabel"
+            values={Object {}}
+          />
         }
         label={
-          <span>
-            Format 
-            <span>
-              (Default: 
-              <eui-code>
-                Test format
-              </eui-code>
-              )
-            </span>
-          </span>
+          <FormattedMessage
+            defaultMessage="Format (Default: {defaultFormat})"
+            id="common.ui.fieldEditor.defaultFormatHeader"
+            values={
+              Object {
+                "defaultFormat": <eui-code>
+                  Test format
+                </eui-code>,
+              }
+            }
+          />
         }
       >
         <eui-select
@@ -630,18 +705,28 @@ exports[`FieldEditor should show conflict field warning 1`] = `
       <eui-form-row>
         <React.Fragment>
           <eui-text>
-            Access fields with 
-            <code>
-              doc['some_field'].value
-            </code>
-            .
+            <FormattedMessage
+              defaultMessage="Access fields with {code}."
+              id="common.ui.fieldEditor.script.accessWithLabel"
+              values={
+                Object {
+                  "code": <code>
+                    doc['some_field'].value
+                  </code>,
+                }
+              }
+            />
           </eui-text>
           <br />
           <eui-link
             data-test-subj="scriptedFieldsHelpLink"
             onClick={[Function]}
           >
-            Get help with the syntax and preview the results of your script.
+            <FormattedMessage
+              defaultMessage="Get help with the syntax and preview the results of your script."
+              id="common.ui.fieldEditor.script.getHelpLabel"
+              values={Object {}}
+            />
           </eui-link>
         </React.Fragment>
       </eui-form-row>
@@ -658,7 +743,11 @@ exports[`FieldEditor should show conflict field warning 1`] = `
             isLoading={false}
             onClick={[Function]}
           >
-            Create field
+            <FormattedMessage
+              defaultMessage="Create field"
+              id="common.ui.fieldEditor.actions.createButton"
+              values={Object {}}
+            />
           </eui-button>
         </eui-flex-item>
         <eui-flex-item
@@ -668,7 +757,11 @@ exports[`FieldEditor should show conflict field warning 1`] = `
             data-test-subj="fieldCancelButton"
             onClick={[Function]}
           >
-            Cancel
+            <FormattedMessage
+              defaultMessage="Cancel"
+              id="common.ui.fieldEditor.actions.cancelButton"
+              values={Object {}}
+            />
           </eui-button-empty>
         </eui-flex-item>
       </eui-flex-group>
@@ -684,7 +777,15 @@ exports[`FieldEditor should show deprecated lang warning 1`] = `
 <div>
   <eui-text>
     <h3>
-      Edit test
+      <FormattedMessage
+        defaultMessage="Edit {fieldName}"
+        id="common.ui.fieldEditor.editHeader"
+        values={
+          Object {
+            "fieldName": "test",
+          }
+        }
+      />
     </h3>
   </eui-text>
   <eui-spacer
@@ -742,20 +843,30 @@ exports[`FieldEditor should show deprecated lang warning 1`] = `
           />
            
           <strong>
-            Deprecation Warning:
+            <FormattedMessage
+              defaultMessage="Deprecation Warning:"
+              id="common.ui.fieldEditor.warningHeader"
+              values={Object {}}
+            />
           </strong>
            
-          <eui-code>
-            testlang
-          </eui-code>
-           is deprecated and support will be removed in the next major version of Kibana and Elasticsearch. We recommend using 
-          <eui-link
-            href="(docLink for scriptedFields.painless)"
-            target="_window"
-          >
-            Painless
-          </eui-link>
-           for new scripted fields.
+          <FormattedMessage
+            defaultMessage="{language} is deprecated and support will be removed in the next major version of Kibana and Elasticsearch. We recommend using {painlessLink} for new scripted fields."
+            id="common.ui.fieldEditor.warningLabel.warningDetail"
+            values={
+              Object {
+                "language": <eui-code>
+                  testlang
+                </eui-code>,
+                "painlessLink": <eui-link
+                  href="(docLink for scriptedFields.painless)"
+                  target="_window"
+                >
+                  Painless
+                </eui-link>,
+              }
+            }
+          />
         </span>
       }
       label="Language"
@@ -843,21 +954,24 @@ exports[`FieldEditor should show deprecated lang warning 1`] = `
     <React.Fragment>
       <eui-form-row
         helpText={
-          <span>
-            Formatting allows you to control the way that specific values are displayed. It can also cause values to be completely changed and prevent highlighting in Discover from working.
-          </span>
+          <FormattedMessage
+            defaultMessage="Formatting allows you to control the way that specific values are displayed. It can also cause values to be completely changed and prevent highlighting in Discover from working."
+            id="common.ui.fieldEditor.formatLabel"
+            values={Object {}}
+          />
         }
         label={
-          <span>
-            Format 
-            <span>
-              (Default: 
-              <eui-code>
-                Test format
-              </eui-code>
-              )
-            </span>
-          </span>
+          <FormattedMessage
+            defaultMessage="Format (Default: {defaultFormat})"
+            id="common.ui.fieldEditor.defaultFormatHeader"
+            values={
+              Object {
+                "defaultFormat": <eui-code>
+                  Test format
+                </eui-code>,
+              }
+            }
+          />
         }
       >
         <eui-select
@@ -902,18 +1016,28 @@ exports[`FieldEditor should show deprecated lang warning 1`] = `
       <eui-form-row>
         <React.Fragment>
           <eui-text>
-            Access fields with 
-            <code>
-              doc['some_field'].value
-            </code>
-            .
+            <FormattedMessage
+              defaultMessage="Access fields with {code}."
+              id="common.ui.fieldEditor.script.accessWithLabel"
+              values={
+                Object {
+                  "code": <code>
+                    doc['some_field'].value
+                  </code>,
+                }
+              }
+            />
           </eui-text>
           <br />
           <eui-link
             data-test-subj="scriptedFieldsHelpLink"
             onClick={[Function]}
           >
-            Get help with the syntax and preview the results of your script.
+            <FormattedMessage
+              defaultMessage="Get help with the syntax and preview the results of your script."
+              id="common.ui.fieldEditor.script.getHelpLabel"
+              values={Object {}}
+            />
           </eui-link>
         </React.Fragment>
       </eui-form-row>
@@ -930,7 +1054,11 @@ exports[`FieldEditor should show deprecated lang warning 1`] = `
             isLoading={false}
             onClick={[Function]}
           >
-            Save field
+            <FormattedMessage
+              defaultMessage="Save field"
+              id="common.ui.fieldEditor.actions.saveButton"
+              values={Object {}}
+            />
           </eui-button>
         </eui-flex-item>
         <eui-flex-item
@@ -940,7 +1068,11 @@ exports[`FieldEditor should show deprecated lang warning 1`] = `
             data-test-subj="fieldCancelButton"
             onClick={[Function]}
           >
-            Cancel
+            <FormattedMessage
+              defaultMessage="Cancel"
+              id="common.ui.fieldEditor.actions.cancelButton"
+              values={Object {}}
+            />
           </eui-button-empty>
         </eui-flex-item>
         <eui-flex-item>
@@ -954,7 +1086,11 @@ exports[`FieldEditor should show deprecated lang warning 1`] = `
                 color="danger"
                 onClick={[Function]}
               >
-                Delete
+                <FormattedMessage
+                  defaultMessage="Delete"
+                  id="common.ui.fieldEditor.actions.deleteButton"
+                  values={Object {}}
+                />
               </eui-button-empty>
             </eui-flex-item>
           </eui-flex-group>
diff --git a/src/ui/public/field_editor/components/field_format_editor/editors/bytes/__snapshots__/bytes.test.js.snap b/src/ui/public/field_editor/components/field_format_editor/editors/bytes/__snapshots__/bytes.test.js.snap
index 6249f30df74cd..58d611e74cd4e 100644
--- a/src/ui/public/field_editor/components/field_format_editor/editors/bytes/__snapshots__/bytes.test.js.snap
+++ b/src/ui/public/field_editor/components/field_format_editor/editors/bytes/__snapshots__/bytes.test.js.snap
@@ -15,7 +15,12 @@ exports[`BytesFormatEditor should render normally 1`] = `
           target="_window"
           type="button"
         >
-          Documentation 
+          <FormattedMessage
+            defaultMessage="Documentation"
+            id="common.ui.fieldEditor.number.documentaionLabel"
+            values={Object {}}
+          />
+           
           <EuiIcon
             size="m"
             type="link"
@@ -25,13 +30,17 @@ exports[`BytesFormatEditor should render normally 1`] = `
     }
     isInvalid={false}
     label={
-      <span>
-        Numeral.js format pattern (Default: 
-        <EuiCode>
-          0,0.[000]b
-        </EuiCode>
-        )
-      </span>
+      <FormattedMessage
+        defaultMessage="Numeral.js format pattern (Default: {defaultPattern})"
+        id="common.ui.fieldEditor.number.numeralLabel"
+        values={
+          Object {
+            "defaultPattern": <EuiCode>
+              0,0.[000]b
+            </EuiCode>,
+          }
+        }
+      />
     }
   >
     <EuiFieldText
@@ -43,7 +52,7 @@ exports[`BytesFormatEditor should render normally 1`] = `
       placeholder="0,0.[000]b"
     />
   </EuiFormRow>
-  <FormatEditorSamples
+  <InjectIntl(FormatEditorSamplesComponent)
     samples={
       Array [
         Object {
diff --git a/src/ui/public/field_editor/components/field_format_editor/editors/color/__snapshots__/color.test.js.snap b/src/ui/public/field_editor/components/field_format_editor/editors/color/__snapshots__/color.test.js.snap
index 599ebd74cbf83..ff272f88ee332 100644
--- a/src/ui/public/field_editor/components/field_format_editor/editors/color/__snapshots__/color.test.js.snap
+++ b/src/ui/public/field_editor/components/field_format_editor/editors/color/__snapshots__/color.test.js.snap
@@ -72,7 +72,11 @@ exports[`ColorFormatEditor should render multiple colors 1`] = `
     size="s"
     type="button"
   >
-    Add color
+    <FormattedMessage
+      defaultMessage="Add color"
+      id="common.ui.fieldEditor.color.addColorButton"
+      values={Object {}}
+    />
   </EuiButton>
   <EuiSpacer
     size="l"
@@ -145,7 +149,11 @@ exports[`ColorFormatEditor should render other type normally (range field) 1`] =
     size="s"
     type="button"
   >
-    Add color
+    <FormattedMessage
+      defaultMessage="Add color"
+      id="common.ui.fieldEditor.color.addColorButton"
+      values={Object {}}
+    />
   </EuiButton>
   <EuiSpacer
     size="l"
@@ -218,7 +226,11 @@ exports[`ColorFormatEditor should render string type normally (regex field) 1`]
     size="s"
     type="button"
   >
-    Add color
+    <FormattedMessage
+      defaultMessage="Add color"
+      id="common.ui.fieldEditor.color.addColorButton"
+      values={Object {}}
+    />
   </EuiButton>
   <EuiSpacer
     size="l"
diff --git a/src/ui/public/field_editor/components/field_format_editor/editors/color/color.js b/src/ui/public/field_editor/components/field_format_editor/editors/color/color.js
index 82c3a03538765..30ea73d78efdc 100644
--- a/src/ui/public/field_editor/components/field_format_editor/editors/color/color.js
+++ b/src/ui/public/field_editor/components/field_format_editor/editors/color/color.js
@@ -33,7 +33,9 @@ import {
 
 import { DEFAULT_COLOR } from '../../../../../../../core_plugins/kibana/common/field_formats/types/color_default';
 
-export class ColorFormatEditor extends DefaultFormatEditor {
+import { injectI18n, FormattedMessage } from '@kbn/i18n/react';
+
+export class ColorFormatEditorComponent extends DefaultFormatEditor {
   static formatId = 'color';
 
   constructor(props) {
@@ -73,7 +75,7 @@ export class ColorFormatEditor extends DefaultFormatEditor {
   }
 
   render() {
-    const { formatParams, fieldType } = this.props;
+    const { formatParams, fieldType, intl } = this.props;
 
     const items = formatParams.colors && formatParams.colors.length && formatParams.colors.map((color, index) => {
       return {
@@ -85,7 +87,8 @@ export class ColorFormatEditor extends DefaultFormatEditor {
     const columns = [
       fieldType === 'string' ? {
         field: 'regex',
-        name: 'Pattern (regular expression)',
+        name: intl.formatMessage(
+          { id: 'common.ui.fieldEditor.color.patternLabel', defaultMessage: 'Pattern (regular expression)' }),
         render: (value, item) => {
           return (
             <EuiFieldText
@@ -100,7 +103,7 @@ export class ColorFormatEditor extends DefaultFormatEditor {
         }
       } : {
         field: 'range',
-        name: 'Range (min:max)',
+        name: intl.formatMessage({ id: 'common.ui.fieldEditor.color.rangeLabel', defaultMessage: 'Range (min:max)' }),
         render: (value, item) => {
           return (
             <EuiFieldText
@@ -116,7 +119,7 @@ export class ColorFormatEditor extends DefaultFormatEditor {
       },
       {
         field: 'text',
-        name: 'Text color',
+        name: intl.formatMessage({ id: 'common.ui.fieldEditor.color.textColorLabel', defaultMessage: 'Text color' }),
         render: (color, item) => {
           return (
             <EuiColorPicker
@@ -132,7 +135,7 @@ export class ColorFormatEditor extends DefaultFormatEditor {
       },
       {
         field: 'background',
-        name: 'Background color',
+        name: intl.formatMessage({ id: 'common.ui.fieldEditor.color.backgroundLabel', defaultMessage: 'Background color' }),
         render: (color, item) => {
           return (
             <EuiColorPicker
@@ -147,7 +150,7 @@ export class ColorFormatEditor extends DefaultFormatEditor {
         }
       },
       {
-        name: 'Example',
+        name: intl.formatMessage({ id: 'common.ui.fieldEditor.color.exampleLabel', defaultMessage: 'Example' }),
         render: (item) => {
           return (
             <div
@@ -164,8 +167,9 @@ export class ColorFormatEditor extends DefaultFormatEditor {
       {
         actions: [
           {
-            name: 'Delete',
-            description: 'Delete color format',
+            name: intl.formatMessage({ id: 'common.ui.fieldEditor.color.deleteAria', defaultMessage: 'Delete' }),
+            description: intl.formatMessage(
+              { id: 'common.ui.fieldEditor.color.deleteTitle', defaultMessage: 'Delete color format' }),
             onClick: (item) => {
               this.removeColor(item.index);
             },
@@ -190,10 +194,12 @@ export class ColorFormatEditor extends DefaultFormatEditor {
           size="s"
           onClick={this.addColor}
         >
-          Add color
+          <FormattedMessage id="common.ui.fieldEditor.color.addColorButton" defaultMessage="Add color" />
         </EuiButton>
         <EuiSpacer size="l" />
       </Fragment>
     );
   }
 }
+
+export const ColorFormatEditor = injectI18n(ColorFormatEditorComponent);
diff --git a/src/ui/public/field_editor/components/field_format_editor/editors/color/color.test.js b/src/ui/public/field_editor/components/field_format_editor/editors/color/color.test.js
index 22cc2aa28f523..38dc215544805 100644
--- a/src/ui/public/field_editor/components/field_format_editor/editors/color/color.test.js
+++ b/src/ui/public/field_editor/components/field_format_editor/editors/color/color.test.js
@@ -18,9 +18,9 @@
  */
 
 import React from 'react';
-import { shallow } from 'enzyme';
+import { shallowWithIntl } from 'test_utils/enzyme_helpers';
 
-import { ColorFormatEditor } from './color';
+import { ColorFormatEditorComponent } from './color';
 import { DEFAULT_COLOR } from '../../../../../../../core_plugins/kibana/common/field_formats/types/color_default';
 
 const fieldType = 'string';
@@ -33,11 +33,10 @@ const formatParams = {
 const onChange = jest.fn();
 const onError = jest.fn();
 
-
 describe('ColorFormatEditor', () => {
   it('should render string type normally (regex field)', async () => {
-    const component = shallow(
-      <ColorFormatEditor
+    const component = shallowWithIntl(
+      <ColorFormatEditorComponent
         fieldType={fieldType}
         format={format}
         formatParams={formatParams}
@@ -50,8 +49,8 @@ describe('ColorFormatEditor', () => {
   });
 
   it('should render other type normally (range field)', async () => {
-    const component = shallow(
-      <ColorFormatEditor
+    const component = shallowWithIntl(
+      <ColorFormatEditorComponent
         fieldType={'number'}
         format={format}
         formatParams={formatParams}
@@ -64,8 +63,8 @@ describe('ColorFormatEditor', () => {
   });
 
   it('should render multiple colors', async () => {
-    const component = shallow(
-      <ColorFormatEditor
+    const component = shallowWithIntl(
+      <ColorFormatEditorComponent
         fieldType={fieldType}
         format={format}
         formatParams={{ colors: [...formatParams.colors, ...formatParams.colors] }}
diff --git a/src/ui/public/field_editor/components/field_format_editor/editors/date/__snapshots__/date.test.js.snap b/src/ui/public/field_editor/components/field_format_editor/editors/date/__snapshots__/date.test.js.snap
index 4c7031989bd9a..59481cd6e19a5 100644
--- a/src/ui/public/field_editor/components/field_format_editor/editors/date/__snapshots__/date.test.js.snap
+++ b/src/ui/public/field_editor/components/field_format_editor/editors/date/__snapshots__/date.test.js.snap
@@ -15,7 +15,12 @@ exports[`DateFormatEditor should render normally 1`] = `
           target="_window"
           type="button"
         >
-          Documentation 
+          <FormattedMessage
+            defaultMessage="Documentation"
+            id="common.ui.fieldEditor.date.documentationLabel"
+            values={Object {}}
+          />
+           
           <EuiIcon
             size="m"
             type="link"
@@ -25,13 +30,17 @@ exports[`DateFormatEditor should render normally 1`] = `
     }
     isInvalid={false}
     label={
-      <span>
-        Moment.js format pattern (Default: 
-        <EuiCode>
-          MMMM Do YYYY, HH:mm:ss.SSS
-        </EuiCode>
-        )
-      </span>
+      <FormattedMessage
+        defaultMessage="Moment.js format pattern (Default: {defaultPattern})"
+        id="common.ui.fieldEditor.date.momentLabel"
+        values={
+          Object {
+            "defaultPattern": <EuiCode>
+              MMMM Do YYYY, HH:mm:ss.SSS
+            </EuiCode>,
+          }
+        }
+      />
     }
   >
     <EuiFieldText
@@ -44,7 +53,7 @@ exports[`DateFormatEditor should render normally 1`] = `
       placeholder="MMMM Do YYYY, HH:mm:ss.SSS"
     />
   </EuiFormRow>
-  <FormatEditorSamples
+  <InjectIntl(FormatEditorSamplesComponent)
     samples={
       Array [
         Object {
diff --git a/src/ui/public/field_editor/components/field_format_editor/editors/date/date.js b/src/ui/public/field_editor/components/field_format_editor/editors/date/date.js
index 20ee95f8b3a05..476e06ef44dbb 100644
--- a/src/ui/public/field_editor/components/field_format_editor/editors/date/date.js
+++ b/src/ui/public/field_editor/components/field_format_editor/editors/date/date.js
@@ -36,6 +36,8 @@ import {
   FormatEditorSamples
 } from '../../samples';
 
+import { FormattedMessage } from '@kbn/i18n/react';
+
 export class DateFormatEditor extends DefaultFormatEditor {
   static formatId = 'date';
 
@@ -57,16 +59,21 @@ export class DateFormatEditor extends DefaultFormatEditor {
       <Fragment>
         <EuiFormRow
           label={
-            <span>
-              Moment.js format pattern (Default: <EuiCode>{defaultPattern}</EuiCode>)
-            </span>
+            <FormattedMessage
+              id="common.ui.fieldEditor.date.momentLabel"
+              defaultMessage="Moment.js format pattern (Default: {defaultPattern})"
+              values={{
+                defaultPattern: <EuiCode>{defaultPattern}</EuiCode>
+              }}
+            />
           }
           isInvalid={!!error}
           error={error}
           helpText={
             <span>
               <EuiLink target="_window" href="http://momentjs.com/">
-                Documentation <EuiIcon type="link" />
+                <FormattedMessage id="common.ui.fieldEditor.date.documentationLabel" defaultMessage="Documentation" />&nbsp;
+                <EuiIcon type="link" />
               </EuiLink>
             </span>
           }
diff --git a/src/ui/public/field_editor/components/field_format_editor/editors/default/default.js b/src/ui/public/field_editor/components/field_format_editor/editors/default/default.js
index 0642c6d660f64..08c4044256e02 100644
--- a/src/ui/public/field_editor/components/field_format_editor/editors/default/default.js
+++ b/src/ui/public/field_editor/components/field_format_editor/editors/default/default.js
@@ -19,6 +19,7 @@
 
 import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
+import { i18n } from '@kbn/i18n';
 
 export const convertSampleInput = (converter, inputs) => {
   let error = null;
@@ -32,7 +33,10 @@ export const convertSampleInput = (converter, inputs) => {
       };
     });
   } catch(e) {
-    error = `An error occurred while trying to use this format configuration: ${e.message}`;
+    error = i18n.translate('common.ui.fieldEditor.defaultErrorMessage', {
+      defaultMessage: 'An error occurred while trying to use this format configuration: {message}',
+      values: { message: e.message }
+    });
   }
 
   return {
diff --git a/src/ui/public/field_editor/components/field_format_editor/editors/duration/__snapshots__/duration.test.js.snap b/src/ui/public/field_editor/components/field_format_editor/editors/duration/__snapshots__/duration.test.js.snap
index 492d17277d2f8..1381973452a1e 100644
--- a/src/ui/public/field_editor/components/field_format_editor/editors/duration/__snapshots__/duration.test.js.snap
+++ b/src/ui/public/field_editor/components/field_format_editor/editors/duration/__snapshots__/duration.test.js.snap
@@ -8,7 +8,13 @@ exports[`DurationFormatEditor should render human readable output normally 1`] =
     fullWidth={false}
     hasEmptyLabelSpace={false}
     isInvalid={false}
-    label="Input format"
+    label={
+      <FormattedMessage
+        defaultMessage="Input format"
+        id="common.ui.fieldEditor.duration.inputFormatLabel"
+        values={Object {}}
+      />
+    }
   >
     <EuiSelect
       compressed={false}
@@ -32,7 +38,13 @@ exports[`DurationFormatEditor should render human readable output normally 1`] =
     fullWidth={false}
     hasEmptyLabelSpace={false}
     isInvalid={false}
-    label="Output format"
+    label={
+      <FormattedMessage
+        defaultMessage="Output format"
+        id="common.ui.fieldEditor.duration.outputFormatLabel"
+        values={Object {}}
+      />
+    }
   >
     <EuiSelect
       compressed={false}
@@ -55,7 +67,7 @@ exports[`DurationFormatEditor should render human readable output normally 1`] =
       }
     />
   </EuiFormRow>
-  <FormatEditorSamples
+  <InjectIntl(FormatEditorSamplesComponent)
     samples={
       Array [
         Object {
@@ -108,7 +120,13 @@ exports[`DurationFormatEditor should render non-human readable output normally 1
     fullWidth={false}
     hasEmptyLabelSpace={false}
     isInvalid={false}
-    label="Input format"
+    label={
+      <FormattedMessage
+        defaultMessage="Input format"
+        id="common.ui.fieldEditor.duration.inputFormatLabel"
+        values={Object {}}
+      />
+    }
   >
     <EuiSelect
       compressed={false}
@@ -132,7 +150,13 @@ exports[`DurationFormatEditor should render non-human readable output normally 1
     fullWidth={false}
     hasEmptyLabelSpace={false}
     isInvalid={false}
-    label="Output format"
+    label={
+      <FormattedMessage
+        defaultMessage="Output format"
+        id="common.ui.fieldEditor.duration.outputFormatLabel"
+        values={Object {}}
+      />
+    }
   >
     <EuiSelect
       compressed={false}
@@ -161,7 +185,13 @@ exports[`DurationFormatEditor should render non-human readable output normally 1
     fullWidth={false}
     hasEmptyLabelSpace={false}
     isInvalid={false}
-    label="Decimal places"
+    label={
+      <FormattedMessage
+        defaultMessage="Decimal places"
+        id="common.ui.fieldEditor.duration.decimalPlacesLabel"
+        values={Object {}}
+      />
+    }
   >
     <EuiFieldNumber
       compressed={false}
@@ -173,7 +203,7 @@ exports[`DurationFormatEditor should render non-human readable output normally 1
       onChange={[Function]}
     />
   </EuiFormRow>
-  <FormatEditorSamples
+  <InjectIntl(FormatEditorSamplesComponent)
     samples={
       Array [
         Object {
diff --git a/src/ui/public/field_editor/components/field_format_editor/editors/duration/duration.js b/src/ui/public/field_editor/components/field_format_editor/editors/duration/duration.js
index 894f16f141540..e936317f8e62f 100644
--- a/src/ui/public/field_editor/components/field_format_editor/editors/duration/duration.js
+++ b/src/ui/public/field_editor/components/field_format_editor/editors/duration/duration.js
@@ -33,6 +33,9 @@ import {
   FormatEditorSamples
 } from '../../samples';
 
+import { FormattedMessage } from '@kbn/i18n/react';
+import { i18n } from '@kbn/i18n';
+
 export class DurationFormatEditor extends DefaultFormatEditor {
   static formatId = 'duration';
 
@@ -47,7 +50,9 @@ export class DurationFormatEditor extends DefaultFormatEditor {
     let error = null;
 
     if(!nextProps.format.isHuman() && nextProps.formatParams.outputPrecision > 20) {
-      error = 'Decimal places must be between 0 and 20';
+      error = i18n.translate('common.ui.fieldEditor.durationErrorMessage', {
+        defaultMessage: 'Decimal places must be between 0 and 20'
+      });
       nextProps.onError(error);
       return {
         ...output,
@@ -69,7 +74,7 @@ export class DurationFormatEditor extends DefaultFormatEditor {
     return (
       <Fragment>
         <EuiFormRow
-          label="Input format"
+          label={<FormattedMessage id="common.ui.fieldEditor.duration.inputFormatLabel" defaultMessage="Input format"/>}
           isInvalid={!!error}
           error={hasDecimalError ? null : error}
         >
@@ -88,7 +93,7 @@ export class DurationFormatEditor extends DefaultFormatEditor {
           />
         </EuiFormRow>
         <EuiFormRow
-          label="Output format"
+          label={<FormattedMessage id="common.ui.fieldEditor.duration.outputFormatLabel" defaultMessage="Output format"/>}
           isInvalid={!!error}
         >
           <EuiSelect
@@ -108,7 +113,7 @@ export class DurationFormatEditor extends DefaultFormatEditor {
         {
           !format.isHuman() ? (
             <EuiFormRow
-              label="Decimal places"
+              label={<FormattedMessage id="common.ui.fieldEditor.duration.decimalPlacesLabel" defaultMessage="Decimal places"/>}
               isInvalid={!!error}
               error={hasDecimalError ? error : null}
             >
diff --git a/src/ui/public/field_editor/components/field_format_editor/editors/number/__snapshots__/number.test.js.snap b/src/ui/public/field_editor/components/field_format_editor/editors/number/__snapshots__/number.test.js.snap
index 6392b3cfb48af..fe2bcda50a308 100644
--- a/src/ui/public/field_editor/components/field_format_editor/editors/number/__snapshots__/number.test.js.snap
+++ b/src/ui/public/field_editor/components/field_format_editor/editors/number/__snapshots__/number.test.js.snap
@@ -15,7 +15,12 @@ exports[`NumberFormatEditor should render normally 1`] = `
           target="_window"
           type="button"
         >
-          Documentation 
+          <FormattedMessage
+            defaultMessage="Documentation"
+            id="common.ui.fieldEditor.number.documentaionLabel"
+            values={Object {}}
+          />
+           
           <EuiIcon
             size="m"
             type="link"
@@ -25,13 +30,17 @@ exports[`NumberFormatEditor should render normally 1`] = `
     }
     isInvalid={false}
     label={
-      <span>
-        Numeral.js format pattern (Default: 
-        <EuiCode>
-          0,0.[000]
-        </EuiCode>
-        )
-      </span>
+      <FormattedMessage
+        defaultMessage="Numeral.js format pattern (Default: {defaultPattern})"
+        id="common.ui.fieldEditor.number.numeralLabel"
+        values={
+          Object {
+            "defaultPattern": <EuiCode>
+              0,0.[000]
+            </EuiCode>,
+          }
+        }
+      />
     }
   >
     <EuiFieldText
@@ -43,7 +52,7 @@ exports[`NumberFormatEditor should render normally 1`] = `
       placeholder="0,0.[000]"
     />
   </EuiFormRow>
-  <FormatEditorSamples
+  <InjectIntl(FormatEditorSamplesComponent)
     samples={
       Array [
         Object {
diff --git a/src/ui/public/field_editor/components/field_format_editor/editors/number/number.js b/src/ui/public/field_editor/components/field_format_editor/editors/number/number.js
index 0b60864cc7af9..7217a3f6a1907 100644
--- a/src/ui/public/field_editor/components/field_format_editor/editors/number/number.js
+++ b/src/ui/public/field_editor/components/field_format_editor/editors/number/number.js
@@ -35,6 +35,8 @@ import {
   FormatEditorSamples
 } from '../../samples';
 
+import { FormattedMessage } from '@kbn/i18n/react';
+
 export class NumberFormatEditor extends DefaultFormatEditor {
   static formatId = 'number';
 
@@ -52,14 +54,17 @@ export class NumberFormatEditor extends DefaultFormatEditor {
       <Fragment>
         <EuiFormRow
           label={
-            <span>
-              Numeral.js format pattern (Default: <EuiCode>{defaultPattern}</EuiCode>)
-            </span>
+            <FormattedMessage
+              id="common.ui.fieldEditor.number.numeralLabel"
+              defaultMessage="Numeral.js format pattern (Default: {defaultPattern})"
+              values={{ defaultPattern: <EuiCode>{defaultPattern}</EuiCode> }}
+            />
           }
           helpText={
             <span>
               <EuiLink target="_window" href="https://adamwdraper.github.io/Numeral-js/">
-                Documentation <EuiIcon type="link" />
+                <FormattedMessage id="common.ui.fieldEditor.number.documentaionLabel" defaultMessage="Documentation" />&nbsp;
+                <EuiIcon type="link" />
               </EuiLink>
             </span>
           }
diff --git a/src/ui/public/field_editor/components/field_format_editor/editors/percent/__snapshots__/percent.test.js.snap b/src/ui/public/field_editor/components/field_format_editor/editors/percent/__snapshots__/percent.test.js.snap
index f318d56dd0852..9637a364ac8eb 100644
--- a/src/ui/public/field_editor/components/field_format_editor/editors/percent/__snapshots__/percent.test.js.snap
+++ b/src/ui/public/field_editor/components/field_format_editor/editors/percent/__snapshots__/percent.test.js.snap
@@ -15,7 +15,12 @@ exports[`PercentFormatEditor should render normally 1`] = `
           target="_window"
           type="button"
         >
-          Documentation 
+          <FormattedMessage
+            defaultMessage="Documentation"
+            id="common.ui.fieldEditor.number.documentaionLabel"
+            values={Object {}}
+          />
+           
           <EuiIcon
             size="m"
             type="link"
@@ -25,13 +30,17 @@ exports[`PercentFormatEditor should render normally 1`] = `
     }
     isInvalid={false}
     label={
-      <span>
-        Numeral.js format pattern (Default: 
-        <EuiCode>
-          0,0.[000]%
-        </EuiCode>
-        )
-      </span>
+      <FormattedMessage
+        defaultMessage="Numeral.js format pattern (Default: {defaultPattern})"
+        id="common.ui.fieldEditor.number.numeralLabel"
+        values={
+          Object {
+            "defaultPattern": <EuiCode>
+              0,0.[000]%
+            </EuiCode>,
+          }
+        }
+      />
     }
   >
     <EuiFieldText
@@ -43,7 +52,7 @@ exports[`PercentFormatEditor should render normally 1`] = `
       placeholder="0,0.[000]%"
     />
   </EuiFormRow>
-  <FormatEditorSamples
+  <InjectIntl(FormatEditorSamplesComponent)
     samples={
       Array [
         Object {
diff --git a/src/ui/public/field_editor/components/field_format_editor/editors/static_lookup/__snapshots__/static_lookup.test.js.snap b/src/ui/public/field_editor/components/field_format_editor/editors/static_lookup/__snapshots__/static_lookup.test.js.snap
index 565ee766a4224..cd06e9f47361a 100644
--- a/src/ui/public/field_editor/components/field_format_editor/editors/static_lookup/__snapshots__/static_lookup.test.js.snap
+++ b/src/ui/public/field_editor/components/field_format_editor/editors/static_lookup/__snapshots__/static_lookup.test.js.snap
@@ -64,7 +64,11 @@ exports[`StaticLookupFormatEditor should render multiple lookup entries and unkn
     size="s"
     type="button"
   >
-    Add entry
+    <FormattedMessage
+      defaultMessage="Add entry"
+      id="common.ui.fieldEditor.staticLookup.addEntryButton"
+      values={Object {}}
+    />
   </EuiButton>
   <EuiSpacer
     size="l"
@@ -148,7 +152,11 @@ exports[`StaticLookupFormatEditor should render normally 1`] = `
     size="s"
     type="button"
   >
-    Add entry
+    <FormattedMessage
+      defaultMessage="Add entry"
+      id="common.ui.fieldEditor.staticLookup.addEntryButton"
+      values={Object {}}
+    />
   </EuiButton>
   <EuiSpacer
     size="l"
diff --git a/src/ui/public/field_editor/components/field_format_editor/editors/static_lookup/static_lookup.js b/src/ui/public/field_editor/components/field_format_editor/editors/static_lookup/static_lookup.js
index 0f78bdf25a023..b888c2e730e83 100644
--- a/src/ui/public/field_editor/components/field_format_editor/editors/static_lookup/static_lookup.js
+++ b/src/ui/public/field_editor/components/field_format_editor/editors/static_lookup/static_lookup.js
@@ -31,7 +31,9 @@ import {
   DefaultFormatEditor
 } from '../default';
 
-export class StaticLookupFormatEditor extends DefaultFormatEditor {
+import { injectI18n, FormattedMessage } from '@kbn/i18n/react';
+
+export class StaticLookupFormatEditorComponent extends DefaultFormatEditor {
   static formatId = 'static_lookup';
 
   onLookupChange = (newLookupParams, index) => {
@@ -64,7 +66,7 @@ export class StaticLookupFormatEditor extends DefaultFormatEditor {
   }
 
   render() {
-    const { formatParams } = this.props;
+    const { formatParams, intl } = this.props;
 
     const items = formatParams.lookupEntries && formatParams.lookupEntries.length && formatParams.lookupEntries.map((lookup, index) => {
       return {
@@ -77,7 +79,7 @@ export class StaticLookupFormatEditor extends DefaultFormatEditor {
     const columns = [
       {
         field: 'key',
-        name: 'Key',
+        name: intl.formatMessage({ id: 'common.ui.fieldEditor.staticLookup.keyLabel', defaultMessage: 'Key' }),
         render: (value, item) => {
           return (
             <EuiFieldText
@@ -93,7 +95,7 @@ export class StaticLookupFormatEditor extends DefaultFormatEditor {
       },
       {
         field: 'value',
-        name: 'Value',
+        name: intl.formatMessage({ id: 'common.ui.fieldEditor.staticLookup.valueLabel', defaultMessage: 'Value' }),
         render: (value, item) => {
           return (
             <EuiFieldText
@@ -110,8 +112,9 @@ export class StaticLookupFormatEditor extends DefaultFormatEditor {
       {
         actions: [
           {
-            name: 'Delete',
-            description: 'Delete entry',
+            name: intl.formatMessage({ id: 'common.ui.fieldEditor.staticLookup.deleteAria', defaultMessage: 'Delete' }),
+            description: intl.formatMessage(
+              { id: 'common.ui.fieldEditor.staticLookup.deleteTitle', defaultMessage: 'Delete entry' }),
             onClick: (item) => {
               this.removeLookup(item.index);
             },
@@ -138,15 +141,17 @@ export class StaticLookupFormatEditor extends DefaultFormatEditor {
           size="s"
           onClick={this.addLookup}
         >
-          Add entry
+          <FormattedMessage id="common.ui.fieldEditor.staticLookup.addEntryButton" defaultMessage="Add entry" />
         </EuiButton>
         <EuiSpacer size="l" />
         <EuiFormRow
-          label="Value for unknown key"
+          label={intl.formatMessage(
+            { id: 'common.ui.fieldEditor.staticLookup.unknownKeyLabel', defaultMessage: 'Value for unknown key' })}
         >
           <EuiFieldText
             value={formatParams.unknownKeyValue || ''}
-            placeholder="Leave blank to keep value as-is"
+            placeholder={intl.formatMessage(
+              { id: 'common.ui.fieldEditor.staticLookup.leaveBlankPlaceholder', defaultMessage: 'Leave blank to keep value as-is' })}
             onChange={(e) => {
               this.onChange({ unknownKeyValue: e.target.value });
             }}
@@ -157,3 +162,5 @@ export class StaticLookupFormatEditor extends DefaultFormatEditor {
     );
   }
 }
+
+export const StaticLookupFormatEditor = injectI18n(StaticLookupFormatEditorComponent);
diff --git a/src/ui/public/field_editor/components/field_format_editor/editors/static_lookup/static_lookup.test.js b/src/ui/public/field_editor/components/field_format_editor/editors/static_lookup/static_lookup.test.js
index b595fb2c9be25..6297179ed3011 100644
--- a/src/ui/public/field_editor/components/field_format_editor/editors/static_lookup/static_lookup.test.js
+++ b/src/ui/public/field_editor/components/field_format_editor/editors/static_lookup/static_lookup.test.js
@@ -18,9 +18,9 @@
  */
 
 import React from 'react';
-import { shallow } from 'enzyme';
+import { shallowWithIntl } from 'test_utils/enzyme_helpers';
 
-import { StaticLookupFormatEditor } from './static_lookup';
+import { StaticLookupFormatEditorComponent } from './static_lookup';
 
 const fieldType = 'string';
 const format = {
@@ -36,8 +36,8 @@ const onError = jest.fn();
 
 describe('StaticLookupFormatEditor', () => {
   it('should render normally', async () => {
-    const component = shallow(
-      <StaticLookupFormatEditor
+    const component = shallowWithIntl(
+      <StaticLookupFormatEditorComponent
         fieldType={fieldType}
         format={format}
         formatParams={formatParams}
@@ -50,8 +50,8 @@ describe('StaticLookupFormatEditor', () => {
   });
 
   it('should render multiple lookup entries and unknown key value', async () => {
-    const component = shallow(
-      <StaticLookupFormatEditor
+    const component = shallowWithIntl(
+      <StaticLookupFormatEditorComponent
         fieldType={fieldType}
         format={format}
         formatParams={{ lookupEntries: [{}, {}, {}], unknownKeyValue: 'test value' }}
diff --git a/src/ui/public/field_editor/components/field_format_editor/editors/string/__snapshots__/string.test.js.snap b/src/ui/public/field_editor/components/field_format_editor/editors/string/__snapshots__/string.test.js.snap
index c16782e42d3a8..17089261bd2fc 100644
--- a/src/ui/public/field_editor/components/field_format_editor/editors/string/__snapshots__/string.test.js.snap
+++ b/src/ui/public/field_editor/components/field_format_editor/editors/string/__snapshots__/string.test.js.snap
@@ -8,7 +8,13 @@ exports[`StringFormatEditor should render normally 1`] = `
     fullWidth={false}
     hasEmptyLabelSpace={false}
     isInvalid={false}
-    label="Transform"
+    label={
+      <FormattedMessage
+        defaultMessage="Transform"
+        id="common.ui.fieldEditor.string.transformLabel"
+        values={Object {}}
+      />
+    }
   >
     <EuiSelect
       compressed={false}
@@ -28,7 +34,7 @@ exports[`StringFormatEditor should render normally 1`] = `
       }
     />
   </EuiFormRow>
-  <FormatEditorSamples
+  <InjectIntl(FormatEditorSamplesComponent)
     samples={
       Array [
         Object {
diff --git a/src/ui/public/field_editor/components/field_format_editor/editors/string/string.js b/src/ui/public/field_editor/components/field_format_editor/editors/string/string.js
index d607a57fb701b..8d3c1d9fca1c8 100644
--- a/src/ui/public/field_editor/components/field_format_editor/editors/string/string.js
+++ b/src/ui/public/field_editor/components/field_format_editor/editors/string/string.js
@@ -32,6 +32,8 @@ import {
   FormatEditorSamples
 } from '../../samples';
 
+import { FormattedMessage } from '@kbn/i18n/react';
+
 export class StringFormatEditor extends DefaultFormatEditor {
   static formatId = 'string';
 
@@ -53,7 +55,7 @@ export class StringFormatEditor extends DefaultFormatEditor {
     return (
       <Fragment>
         <EuiFormRow
-          label="Transform"
+          label={<FormattedMessage id="common.ui.fieldEditor.string.transformLabel" defaultMessage="Transform"/>}
           isInvalid={!!error}
           error={error}
         >
diff --git a/src/ui/public/field_editor/components/field_format_editor/editors/truncate/__snapshots__/truncate.test.js.snap b/src/ui/public/field_editor/components/field_format_editor/editors/truncate/__snapshots__/truncate.test.js.snap
index 9465fbfa6a5cb..e6aa80cb39dca 100644
--- a/src/ui/public/field_editor/components/field_format_editor/editors/truncate/__snapshots__/truncate.test.js.snap
+++ b/src/ui/public/field_editor/components/field_format_editor/editors/truncate/__snapshots__/truncate.test.js.snap
@@ -8,7 +8,13 @@ exports[`TruncateFormatEditor should render normally 1`] = `
     fullWidth={false}
     hasEmptyLabelSpace={false}
     isInvalid={false}
-    label="Field length"
+    label={
+      <FormattedMessage
+        defaultMessage="Field length"
+        id="common.ui.fieldEditor.truncate.lengthLabel"
+        values={Object {}}
+      />
+    }
   >
     <EuiFieldNumber
       compressed={false}
@@ -18,7 +24,7 @@ exports[`TruncateFormatEditor should render normally 1`] = `
       onChange={[Function]}
     />
   </EuiFormRow>
-  <FormatEditorSamples
+  <InjectIntl(FormatEditorSamplesComponent)
     samples={
       Array [
         Object {
diff --git a/src/ui/public/field_editor/components/field_format_editor/editors/truncate/truncate.js b/src/ui/public/field_editor/components/field_format_editor/editors/truncate/truncate.js
index e53c684504af2..4844946ead491 100644
--- a/src/ui/public/field_editor/components/field_format_editor/editors/truncate/truncate.js
+++ b/src/ui/public/field_editor/components/field_format_editor/editors/truncate/truncate.js
@@ -36,6 +36,8 @@ import {
   sample
 } from './sample';
 
+import { FormattedMessage } from '@kbn/i18n/react';
+
 export class TruncateFormatEditor extends DefaultFormatEditor {
   static formatId = 'truncate';
 
@@ -51,7 +53,7 @@ export class TruncateFormatEditor extends DefaultFormatEditor {
     return (
       <Fragment>
         <EuiFormRow
-          label="Field length"
+          label={<FormattedMessage id="common.ui.fieldEditor.truncate.lengthLabel" defaultMessage="Field length"/>}
           isInvalid={!!error}
           error={error}
         >
diff --git a/src/ui/public/field_editor/components/field_format_editor/editors/url/__snapshots__/label_template_flyout.test.js.snap b/src/ui/public/field_editor/components/field_format_editor/editors/url/__snapshots__/label_template_flyout.test.js.snap
index e4ce9120240b8..791f7b9a40f1b 100644
--- a/src/ui/public/field_editor/components/field_format_editor/editors/url/__snapshots__/label_template_flyout.test.js.snap
+++ b/src/ui/public/field_editor/components/field_format_editor/editors/url/__snapshots__/label_template_flyout.test.js.snap
@@ -15,31 +15,55 @@ exports[`LabelTemplateFlyout should render normally 1`] = `
       grow={true}
     >
       <h3>
-        Label Template
+        <FormattedMessage
+          defaultMessage="Label Template"
+          id="common.ui.fieldEditor.labelTemplateHeader"
+          values={Object {}}
+        />
       </h3>
       <p>
-        If the URL in this field is large, it might be useful to provide an alternate template for the text version of the URL. This will be displayed instead of the url, but will still link to the URL. The format is a string which uses double curly brace notation 
-        <EuiCode>
-          {{ }}
-        </EuiCode>
-        to inject values. The following values can be accessed:
+        <FormattedMessage
+          defaultMessage="If the URL in this field is large, it might be useful to provide an alternate template for the text version of the URL. This will be displayed instead of the url, but will still link to the URL. The format is a string which uses double curly brace notation {doubleCurlyBraces} to inject values. The following values can be accessed:"
+          id="common.ui.fieldEditor.labelTemplateLabel"
+          values={
+            Object {
+              "doubleCurlyBraces": <EuiCode>
+                {{ }}
+              </EuiCode>,
+            }
+          }
+        />
       </p>
       <ul>
         <li>
           <EuiCode>
             value
           </EuiCode>
-           — The fields value
+           — 
+          <FormattedMessage
+            defaultMessage="The fields value"
+            id="common.ui.fieldEditor.labelTemplate.valueLabel"
+            values={Object {}}
+          />
         </li>
         <li>
           <EuiCode>
             url
           </EuiCode>
-           — The formatted URL
+           — 
+          <FormattedMessage
+            defaultMessage="The formatted URL"
+            id="common.ui.fieldEditor.labelTemplate.urlLabel"
+            values={Object {}}
+          />
         </li>
       </ul>
       <h4>
-        Examples
+        <FormattedMessage
+          defaultMessage="Examples"
+          id="common.ui.fieldEditor.labelTemplate.examplesHeader"
+          values={Object {}}
+        />
       </h4>
       <EuiBasicTable
         columns={
@@ -68,7 +92,7 @@ exports[`LabelTemplateFlyout should render normally 1`] = `
           Array [
             Object {
               "input": 1234,
-              "labelTemplate": "User #{{value}}",
+              "labelTemplate": "User #{value}",
               "output": "<a href=\\"http://company.net/profiles?user_id=1234\\">User #1234</a>",
               "urlTemplate": "http://company.net/profiles?user_id={{value}}",
             },
diff --git a/src/ui/public/field_editor/components/field_format_editor/editors/url/__snapshots__/url.test.js.snap b/src/ui/public/field_editor/components/field_format_editor/editors/url/__snapshots__/url.test.js.snap
index 1a55d6c9b904d..1c435e5f6dcf7 100644
--- a/src/ui/public/field_editor/components/field_format_editor/editors/url/__snapshots__/url.test.js.snap
+++ b/src/ui/public/field_editor/components/field_format_editor/editors/url/__snapshots__/url.test.js.snap
@@ -2,11 +2,11 @@
 
 exports[`UrlFormatEditor should render label template help 1`] = `
 <React.Fragment>
-  <LabelTemplateFlyout
+  <InjectIntl(LabelTemplateFlyout)
     isVisible={true}
     onClose={[Function]}
   />
-  <UrlTemplateFlyout
+  <InjectIntl(UrlTemplateFlyout)
     isVisible={false}
     onClose={[Function]}
   />
@@ -14,7 +14,13 @@ exports[`UrlFormatEditor should render label template help 1`] = `
     describedByIds={Array []}
     fullWidth={false}
     hasEmptyLabelSpace={false}
-    label="Type"
+    label={
+      <FormattedMessage
+        defaultMessage="Type"
+        id="common.ui.fieldEditor.url.typeLabel"
+        values={Object {}}
+      />
+    }
   >
     <EuiSelect
       compressed={false}
@@ -52,11 +58,21 @@ exports[`UrlFormatEditor should render label template help 1`] = `
         onClick={[Function]}
         type="button"
       >
-        URL template help
+        <FormattedMessage
+          defaultMessage="URL template help"
+          id="common.ui.fieldEditor.url.template.helpButton"
+          values={Object {}}
+        />
       </EuiLink>
     }
     isInvalid={false}
-    label="URL template"
+    label={
+      <FormattedMessage
+        defaultMessage="URL template"
+        id="common.ui.fieldEditor.url.urlTemplateLabel"
+        values={Object {}}
+      />
+    }
   >
     <EuiFieldText
       compressed={false}
@@ -82,7 +98,13 @@ exports[`UrlFormatEditor should render label template help 1`] = `
       </EuiLink>
     }
     isInvalid={false}
-    label="Label template"
+    label={
+      <FormattedMessage
+        defaultMessage="Label template"
+        id="common.ui.fieldEditor.url.labelTemplateLabel"
+        values={Object {}}
+      />
+    }
   >
     <EuiFieldText
       compressed={false}
@@ -93,7 +115,7 @@ exports[`UrlFormatEditor should render label template help 1`] = `
       value=""
     />
   </EuiFormRow>
-  <FormatEditorSamples
+  <InjectIntl(FormatEditorSamplesComponent)
     samples={Array []}
   />
 </React.Fragment>
@@ -101,11 +123,11 @@ exports[`UrlFormatEditor should render label template help 1`] = `
 
 exports[`UrlFormatEditor should render normally 1`] = `
 <React.Fragment>
-  <LabelTemplateFlyout
+  <InjectIntl(LabelTemplateFlyout)
     isVisible={false}
     onClose={[Function]}
   />
-  <UrlTemplateFlyout
+  <InjectIntl(UrlTemplateFlyout)
     isVisible={false}
     onClose={[Function]}
   />
@@ -113,7 +135,13 @@ exports[`UrlFormatEditor should render normally 1`] = `
     describedByIds={Array []}
     fullWidth={false}
     hasEmptyLabelSpace={false}
-    label="Type"
+    label={
+      <FormattedMessage
+        defaultMessage="Type"
+        id="common.ui.fieldEditor.url.typeLabel"
+        values={Object {}}
+      />
+    }
   >
     <EuiSelect
       compressed={false}
@@ -151,11 +179,21 @@ exports[`UrlFormatEditor should render normally 1`] = `
         onClick={[Function]}
         type="button"
       >
-        URL template help
+        <FormattedMessage
+          defaultMessage="URL template help"
+          id="common.ui.fieldEditor.url.template.helpButton"
+          values={Object {}}
+        />
       </EuiLink>
     }
     isInvalid={false}
-    label="URL template"
+    label={
+      <FormattedMessage
+        defaultMessage="URL template"
+        id="common.ui.fieldEditor.url.urlTemplateLabel"
+        values={Object {}}
+      />
+    }
   >
     <EuiFieldText
       compressed={false}
@@ -181,7 +219,13 @@ exports[`UrlFormatEditor should render normally 1`] = `
       </EuiLink>
     }
     isInvalid={false}
-    label="Label template"
+    label={
+      <FormattedMessage
+        defaultMessage="Label template"
+        id="common.ui.fieldEditor.url.labelTemplateLabel"
+        values={Object {}}
+      />
+    }
   >
     <EuiFieldText
       compressed={false}
@@ -192,7 +236,7 @@ exports[`UrlFormatEditor should render normally 1`] = `
       value=""
     />
   </EuiFormRow>
-  <FormatEditorSamples
+  <InjectIntl(FormatEditorSamplesComponent)
     samples={Array []}
   />
 </React.Fragment>
@@ -200,11 +244,11 @@ exports[`UrlFormatEditor should render normally 1`] = `
 
 exports[`UrlFormatEditor should render url template help 1`] = `
 <React.Fragment>
-  <LabelTemplateFlyout
+  <InjectIntl(LabelTemplateFlyout)
     isVisible={false}
     onClose={[Function]}
   />
-  <UrlTemplateFlyout
+  <InjectIntl(UrlTemplateFlyout)
     isVisible={true}
     onClose={[Function]}
   />
@@ -212,7 +256,13 @@ exports[`UrlFormatEditor should render url template help 1`] = `
     describedByIds={Array []}
     fullWidth={false}
     hasEmptyLabelSpace={false}
-    label="Type"
+    label={
+      <FormattedMessage
+        defaultMessage="Type"
+        id="common.ui.fieldEditor.url.typeLabel"
+        values={Object {}}
+      />
+    }
   >
     <EuiSelect
       compressed={false}
@@ -250,11 +300,21 @@ exports[`UrlFormatEditor should render url template help 1`] = `
         onClick={[Function]}
         type="button"
       >
-        URL template help
+        <FormattedMessage
+          defaultMessage="URL template help"
+          id="common.ui.fieldEditor.url.template.helpButton"
+          values={Object {}}
+        />
       </EuiLink>
     }
     isInvalid={false}
-    label="URL template"
+    label={
+      <FormattedMessage
+        defaultMessage="URL template"
+        id="common.ui.fieldEditor.url.urlTemplateLabel"
+        values={Object {}}
+      />
+    }
   >
     <EuiFieldText
       compressed={false}
@@ -280,7 +340,13 @@ exports[`UrlFormatEditor should render url template help 1`] = `
       </EuiLink>
     }
     isInvalid={false}
-    label="Label template"
+    label={
+      <FormattedMessage
+        defaultMessage="Label template"
+        id="common.ui.fieldEditor.url.labelTemplateLabel"
+        values={Object {}}
+      />
+    }
   >
     <EuiFieldText
       compressed={false}
@@ -291,7 +357,7 @@ exports[`UrlFormatEditor should render url template help 1`] = `
       value=""
     />
   </EuiFormRow>
-  <FormatEditorSamples
+  <InjectIntl(FormatEditorSamplesComponent)
     samples={Array []}
   />
 </React.Fragment>
diff --git a/src/ui/public/field_editor/components/field_format_editor/editors/url/__snapshots__/url_template_flyout.test.js.snap b/src/ui/public/field_editor/components/field_format_editor/editors/url/__snapshots__/url_template_flyout.test.js.snap
index c4d4bc78837d0..e8ce349b544b8 100644
--- a/src/ui/public/field_editor/components/field_format_editor/editors/url/__snapshots__/url_template_flyout.test.js.snap
+++ b/src/ui/public/field_editor/components/field_format_editor/editors/url/__snapshots__/url_template_flyout.test.js.snap
@@ -15,35 +15,62 @@ exports[`UrlTemplateFlyout should render normally 1`] = `
       grow={true}
     >
       <h3>
-        Url Template
+        <FormattedMessage
+          defaultMessage="Url Template"
+          id="common.ui.fieldEditor.urlTemplateHeader"
+          values={Object {}}
+        />
       </h3>
       <p>
-        If a field only contains part of a URL then a 
-        <strong>
-          Url Template
-        </strong>
-         can be used to format the value as a complete URL. The format is a string which uses double curly brace notation 
-        <EuiCode>
-          {{ }}
-        </EuiCode>
-        to inject values. The following values can be accessed:
+        <FormattedMessage
+          defaultMessage="If a field only contains part of a URL then a {strongUrlTemplate} can be used to format the value as a complete URL. The format is a string which uses double curly brace notation {doubleCurlyBraces} to inject values. The following values can be accessed:"
+          id="common.ui.fieldEditor.urlTemplateLabel.fieldDetail"
+          values={
+            Object {
+              "doubleCurlyBraces": <EuiCode>
+                {{ }}
+              </EuiCode>,
+              "strongUrlTemplate": <strong>
+                <FormattedMessage
+                  defaultMessage="Url Template"
+                  id="common.ui.fieldEditor.urlTemplateLabel.strongUrlTemplateLabel"
+                  values={Object {}}
+                />
+              </strong>,
+            }
+          }
+        />
       </p>
       <ul>
         <li>
           <EuiCode>
             value
           </EuiCode>
-           — The URI-escaped value
+           — 
+          <FormattedMessage
+            defaultMessage="The URI-escaped value"
+            id="common.ui.fieldEditor.urlTemplate.valueLabel"
+            values={Object {}}
+          />
         </li>
         <li>
           <EuiCode>
             rawValue
           </EuiCode>
-           — The unescaped value
+           — 
+          <FormattedMessage
+            defaultMessage="The unescaped value"
+            id="common.ui.fieldEditor.urlTemplate.rawValueLabel"
+            values={Object {}}
+          />
         </li>
       </ul>
       <h4>
-        Examples
+        <FormattedMessage
+          defaultMessage="Examples"
+          id="common.ui.fieldEditor.urlTemplate.examplesHeader"
+          values={Object {}}
+        />
       </h4>
       <EuiBasicTable
         columns={
@@ -73,7 +100,7 @@ exports[`UrlTemplateFlyout should render normally 1`] = `
             Object {
               "input": "users/admin",
               "output": "http://company.net/groups?id=users%2Fadmin",
-              "template": "http://company.net/groups?id={{value}",
+              "template": "http://company.net/groups?id={{value}}",
             },
             Object {
               "input": "/images/favicon.ico",
diff --git a/src/ui/public/field_editor/components/field_format_editor/editors/url/label_template_flyout.js b/src/ui/public/field_editor/components/field_format_editor/editors/url/label_template_flyout.js
index 2dbdb6f148239..49f572a5c2938 100644
--- a/src/ui/public/field_editor/components/field_format_editor/editors/url/label_template_flyout.js
+++ b/src/ui/public/field_editor/components/field_format_editor/editors/url/label_template_flyout.js
@@ -27,9 +27,12 @@ import {
   EuiText,
 } from '@elastic/eui';
 
-export const LabelTemplateFlyout = ({
+import { injectI18n, FormattedMessage } from '@kbn/i18n/react';
+
+export const LabelTemplateFlyoutComponent = ({
   isVisible = false,
   onClose = () => {},
+  intl,
 }) => {
   return isVisible ? (
     <EuiFlyout
@@ -37,54 +40,67 @@ export const LabelTemplateFlyout = ({
     >
       <EuiFlyoutBody>
         <EuiText>
-          <h3>Label Template</h3>
+          <h3>
+            <FormattedMessage id="common.ui.fieldEditor.labelTemplateHeader" defaultMessage="Label Template" />
+          </h3>
           <p>
-            If the URL in this field is large, it might be useful to provide an alternate template for the text
-            version of the URL. This will be displayed instead of the url, but will still link to the URL. The
-            format is a string which uses double curly brace notation <EuiCode>{('{{ }}')}</EuiCode>
-            to inject values. The following values can be accessed:
+            <FormattedMessage
+              id="common.ui.fieldEditor.labelTemplateLabel"
+              defaultMessage="If the URL in this field is large, it might be useful to provide an alternate template for the text version
+              of the URL. This will be displayed instead of the url, but will still link to the URL. The format is a string which uses
+              double curly brace notation {doubleCurlyBraces} to inject values. The following values can be accessed:"
+              values={{ doubleCurlyBraces: <EuiCode>{('{{ }}')}</EuiCode> }}
+            />
           </p>
           <ul>
             <li>
-              <EuiCode>value</EuiCode> &mdash; The fields value
+              <EuiCode>value</EuiCode> &mdash;&nbsp;
+              <FormattedMessage id="common.ui.fieldEditor.labelTemplate.valueLabel" defaultMessage="The fields value" />
             </li>
             <li>
-              <EuiCode>url</EuiCode> &mdash; The formatted URL
+              <EuiCode>url</EuiCode> &mdash;&nbsp;
+              <FormattedMessage id="common.ui.fieldEditor.labelTemplate.urlLabel" defaultMessage="The formatted URL" />
             </li>
           </ul>
-          <h4>Examples</h4>
+          <h4>
+            <FormattedMessage id="common.ui.fieldEditor.labelTemplate.examplesHeader" defaultMessage="Examples" />
+          </h4>
           <EuiBasicTable
             items={[
               {
                 input: 1234,
                 urlTemplate: 'http://company.net/profiles?user_id={{value}}',
-                labelTemplate: 'User #{{value}}',
-                output: '<a href="http://company.net/profiles?user_id=1234">User #1234</a>',
+                labelTemplate: intl.formatMessage(
+                  { id: 'common.ui.fieldEditor.labelTemplate.example.idLabel', defaultMessage: 'User #{value}' },
+                  { value: '{{value}}' }),
+                output: '<a href="http://company.net/profiles?user_id=1234">' + intl.formatMessage({ id: 'common.ui.fieldEditor.labelTemplate.example.output.idLabel', defaultMessage: 'User' }) + ' #1234</a>',
               },
               {
                 input: '/assets/main.css',
                 urlTemplate: 'http://site.com{{rawValue}}',
-                labelTemplate: 'View Asset',
-                output: '<a href="http://site.com/assets/main.css">View Asset</a>',
+                labelTemplate: intl.formatMessage(
+                  { id: 'common.ui.fieldEditor.labelTemplate.example.pathLabel', defaultMessage: 'View Asset' }),
+                output: '<a href="http://site.com/assets/main.css">' + intl.formatMessage({ id: 'common.ui.fieldEditor.labelTemplate.example.output.pathLabel', defaultMessage: 'View Asset' }) + '</a>',
               },
             ]}
             columns={[
               {
                 field: 'input',
-                name: 'Input',
+                name: intl.formatMessage({ id: 'common.ui.fieldEditor.labelTemplate.inputHeader', defaultMessage: 'Input' }),
                 width: '160px',
               },
               {
                 field: 'urlTemplate',
-                name: 'URL Template',
+                name: intl.formatMessage({ id: 'common.ui.fieldEditor.labelTemplate.urlHeader', defaultMessage: 'URL Template' }),
               },
               {
                 field: 'labelTemplate',
-                name: 'Label Template',
+                name: intl.formatMessage(
+                  { id: 'common.ui.fieldEditor.labelTemplate.labelHeader', defaultMessage: 'Label Template' }),
               },
               {
                 field: 'output',
-                name: 'Output',
+                name: intl.formatMessage({ id: 'common.ui.fieldEditor.labelTemplate.outputHeader', defaultMessage: 'Output' }),
                 render: (value) => {
                   return (
                     <span
@@ -105,4 +121,6 @@ export const LabelTemplateFlyout = ({
   ) : null;
 };
 
-LabelTemplateFlyout.displayName = 'LabelTemplateFlyout';
+LabelTemplateFlyoutComponent.displayName = 'LabelTemplateFlyout';
+
+export const LabelTemplateFlyout = injectI18n(LabelTemplateFlyoutComponent);
diff --git a/src/ui/public/field_editor/components/field_format_editor/editors/url/label_template_flyout.test.js b/src/ui/public/field_editor/components/field_format_editor/editors/url/label_template_flyout.test.js
index cb71800b9f087..37d4eeebbccc5 100644
--- a/src/ui/public/field_editor/components/field_format_editor/editors/url/label_template_flyout.test.js
+++ b/src/ui/public/field_editor/components/field_format_editor/editors/url/label_template_flyout.test.js
@@ -18,14 +18,14 @@
  */
 
 import React from 'react';
-import { shallow } from 'enzyme';
+import { shallowWithIntl } from 'test_utils/enzyme_helpers';
 
-import { LabelTemplateFlyout } from './label_template_flyout';
+import { LabelTemplateFlyoutComponent } from './label_template_flyout';
 
 describe('LabelTemplateFlyout', () => {
   it('should render normally', async () => {
-    const component = shallow(
-      <LabelTemplateFlyout
+    const component = shallowWithIntl(
+      <LabelTemplateFlyoutComponent
         isVisible={true}
       />
     );
@@ -33,8 +33,8 @@ describe('LabelTemplateFlyout', () => {
   });
 
   it('should not render if not visible', async () => {
-    const component = shallow(
-      <LabelTemplateFlyout />
+    const component = shallowWithIntl(
+      <LabelTemplateFlyoutComponent />
     );
     expect(component).toMatchSnapshot();
   });
diff --git a/src/ui/public/field_editor/components/field_format_editor/editors/url/url.js b/src/ui/public/field_editor/components/field_format_editor/editors/url/url.js
index 57b3408b3d920..48d8479db4409 100644
--- a/src/ui/public/field_editor/components/field_format_editor/editors/url/url.js
+++ b/src/ui/public/field_editor/components/field_format_editor/editors/url/url.js
@@ -46,6 +46,8 @@ import {
 import chrome from 'ui/chrome';
 import './icons';
 
+import { FormattedMessage } from '@kbn/i18n/react';
+
 export class UrlFormatEditor extends DefaultFormatEditor {
   static formatId = 'url';
 
@@ -125,7 +127,7 @@ export class UrlFormatEditor extends DefaultFormatEditor {
           isVisible={this.state.showUrlTemplateHelp}
           onClose={this.hideUrlTemplateHelp}
         />
-        <EuiFormRow label="Type">
+        <EuiFormRow label={<FormattedMessage id="common.ui.fieldEditor.url.typeLabel" defaultMessage="Type"/>}>
           <EuiSelect
             data-test-subj="urlEditorType"
             value={formatParams.type}
@@ -142,9 +144,11 @@ export class UrlFormatEditor extends DefaultFormatEditor {
         </EuiFormRow>
 
         {formatParams.type === 'a' ? (
-          <EuiFormRow label="Open in a new tab">
+          <EuiFormRow label={<FormattedMessage id="common.ui.fieldEditor.url.openTabLabel" defaultMessage="Open in a new tab"/>}>
             <EuiSwitch
-              label={formatParams.openLinkInCurrentTab ? 'Off' : 'On'}
+              label={formatParams.openLinkInCurrentTab
+                ? <FormattedMessage id="common.ui.fieldEditor.url.offLabel" defaultMessage="Off"/>
+                : <FormattedMessage id="common.ui.fieldEditor.url.onLabel" defaultMessage="On"/>}
               checked={!formatParams.openLinkInCurrentTab}
               onChange={(e) => {
                 this.onChange({ openLinkInCurrentTab: !e.target.checked });
@@ -154,8 +158,11 @@ export class UrlFormatEditor extends DefaultFormatEditor {
         ) : null}
 
         <EuiFormRow
-          label="URL template"
-          helpText={(<EuiLink onClick={this.showUrlTemplateHelp}>URL template help</EuiLink>)}
+          label={<FormattedMessage id="common.ui.fieldEditor.url.urlTemplateLabel" defaultMessage="URL template"/>}
+          helpText={(
+            <EuiLink onClick={this.showUrlTemplateHelp}>
+              <FormattedMessage id="common.ui.fieldEditor.url.template.helpButton" defaultMessage="URL template help" />
+            </EuiLink>)}
           isInvalid={!!error}
           error={error}
         >
@@ -169,7 +176,7 @@ export class UrlFormatEditor extends DefaultFormatEditor {
         </EuiFormRow>
 
         <EuiFormRow
-          label="Label template"
+          label={<FormattedMessage id="common.ui.fieldEditor.url.labelTemplateLabel" defaultMessage="Label template"/>}
           helpText={(<EuiLink onClick={this.showLabelTemplateHelp}>Label template help</EuiLink>)}
           isInvalid={!!error}
           error={error}
diff --git a/src/ui/public/field_editor/components/field_format_editor/editors/url/url_template_flyout.js b/src/ui/public/field_editor/components/field_format_editor/editors/url/url_template_flyout.js
index 63054d58f51d0..a7ea1b4e33a29 100644
--- a/src/ui/public/field_editor/components/field_format_editor/editors/url/url_template_flyout.js
+++ b/src/ui/public/field_editor/components/field_format_editor/editors/url/url_template_flyout.js
@@ -27,9 +27,12 @@ import {
   EuiText,
 } from '@elastic/eui';
 
-export const UrlTemplateFlyout = ({
+import { injectI18n, FormattedMessage } from '@kbn/i18n/react';
+
+export const UrlTemplateFlyoutComponent = ({
   isVisible = false,
   onClose = () => {},
+  intl,
 }) => {
   return isVisible ? (
     <EuiFlyout
@@ -37,21 +40,40 @@ export const UrlTemplateFlyout = ({
     >
       <EuiFlyoutBody>
         <EuiText>
-          <h3>Url Template</h3>
+          <h3>
+            <FormattedMessage id="common.ui.fieldEditor.urlTemplateHeader" defaultMessage="Url Template" />
+          </h3>
           <p>
-            If a field only contains part of a URL then a <strong>Url Template</strong> can be used to format the value
-            as a complete URL. The format is a string which uses double curly brace notation <EuiCode>{('{{ }}')}</EuiCode>
-            to inject values. The following values can be accessed:
+            <FormattedMessage
+              id="common.ui.fieldEditor.urlTemplateLabel.fieldDetail"
+              defaultMessage="If a field only contains part of a URL then a {strongUrlTemplate} can be used to format the value as
+              a complete URL. The format is a string which uses double curly brace notation {doubleCurlyBraces} to inject values.
+              The following values can be accessed:"
+              values={{
+                doubleCurlyBraces: <EuiCode>{('{{ }}')}</EuiCode>,
+                strongUrlTemplate: (
+                  <strong>
+                    <FormattedMessage
+                      id="common.ui.fieldEditor.urlTemplateLabel.strongUrlTemplateLabel"
+                      defaultMessage="Url Template"
+                    />
+                  </strong>)
+              }}
+            />
           </p>
           <ul>
             <li>
-              <EuiCode>value</EuiCode> &mdash; The URI-escaped value
+              <EuiCode>value</EuiCode> &mdash;&nbsp;
+              <FormattedMessage id="common.ui.fieldEditor.urlTemplate.valueLabel" defaultMessage="The URI-escaped value" />
             </li>
             <li>
-              <EuiCode>rawValue</EuiCode> &mdash; The unescaped value
+              <EuiCode>rawValue</EuiCode> &mdash;&nbsp;
+              <FormattedMessage id="common.ui.fieldEditor.urlTemplate.rawValueLabel" defaultMessage="The unescaped value" />
             </li>
           </ul>
-          <h4>Examples</h4>
+          <h4>
+            <FormattedMessage id="common.ui.fieldEditor.urlTemplate.examplesHeader" defaultMessage="Examples" />
+          </h4>
           <EuiBasicTable
             items={[
               {
@@ -61,7 +83,7 @@ export const UrlTemplateFlyout = ({
               },
               {
                 input: 'users/admin',
-                template: 'http://company.net/groups?id={{value}',
+                template: 'http://company.net/groups?id={{value}}',
                 output: 'http://company.net/groups?id=users%2Fadmin',
               },
               {
@@ -73,16 +95,16 @@ export const UrlTemplateFlyout = ({
             columns={[
               {
                 field: 'input',
-                name: 'Input',
+                name: intl.formatMessage({ id: 'common.ui.fieldEditor.urlTemplate.inputHeader', defaultMessage: 'Input' }),
                 width: '160px',
               },
               {
                 field: 'template',
-                name: 'Template',
+                name: intl.formatMessage({ id: 'common.ui.fieldEditor.urlTemplate.templateHeader', defaultMessage: 'Template' }),
               },
               {
                 field: 'output',
-                name: 'Output',
+                name: intl.formatMessage({ id: 'common.ui.fieldEditor.urlTemplate.outputHeader', defaultMessage: 'Output' }),
               },
             ]}
           />
@@ -92,4 +114,6 @@ export const UrlTemplateFlyout = ({
   ) : null;
 };
 
-UrlTemplateFlyout.displayName = 'UrlTemplateFlyout';
+UrlTemplateFlyoutComponent.displayName = 'UrlTemplateFlyout';
+
+export const UrlTemplateFlyout = injectI18n(UrlTemplateFlyoutComponent);
diff --git a/src/ui/public/field_editor/components/field_format_editor/editors/url/url_template_flyout.test.js b/src/ui/public/field_editor/components/field_format_editor/editors/url/url_template_flyout.test.js
index e33e6dc54f376..f169616f13bda 100644
--- a/src/ui/public/field_editor/components/field_format_editor/editors/url/url_template_flyout.test.js
+++ b/src/ui/public/field_editor/components/field_format_editor/editors/url/url_template_flyout.test.js
@@ -18,14 +18,14 @@
  */
 
 import React from 'react';
-import { shallow } from 'enzyme';
+import { shallowWithIntl } from 'test_utils/enzyme_helpers';
 
-import { UrlTemplateFlyout } from './url_template_flyout';
+import { UrlTemplateFlyoutComponent } from './url_template_flyout';
 
 describe('UrlTemplateFlyout', () => {
   it('should render normally', async () => {
-    const component = shallow(
-      <UrlTemplateFlyout
+    const component = shallowWithIntl(
+      <UrlTemplateFlyoutComponent
         isVisible={true}
       />
     );
@@ -33,8 +33,8 @@ describe('UrlTemplateFlyout', () => {
   });
 
   it('should not render if not visible', async () => {
-    const component = shallow(
-      <UrlTemplateFlyout />
+    const component = shallowWithIntl(
+      <UrlTemplateFlyoutComponent />
     );
     expect(component).toMatchSnapshot();
   });
diff --git a/src/ui/public/field_editor/components/field_format_editor/samples/samples.js b/src/ui/public/field_editor/components/field_format_editor/samples/samples.js
index bbf9084d3b0b6..9c4458b1546ab 100644
--- a/src/ui/public/field_editor/components/field_format_editor/samples/samples.js
+++ b/src/ui/public/field_editor/components/field_format_editor/samples/samples.js
@@ -27,7 +27,9 @@ import {
 
 import './samples.less';
 
-export class FormatEditorSamples extends PureComponent {
+import { injectI18n } from '@kbn/i18n/react';
+
+export class FormatEditorSamplesComponent extends PureComponent {
   static propTypes = {
     samples: PropTypes.arrayOf(PropTypes.shape({
       input: PropTypes.any.isRequired,
@@ -36,19 +38,19 @@ export class FormatEditorSamples extends PureComponent {
   };
 
   render() {
-    const { samples } = this.props;
+    const { samples, intl } = this.props;
 
     const columns = [
       {
         field: 'input',
-        name: 'Input',
+        name: intl.formatMessage({ id: 'common.ui.fieldEditor.samples.inputHeader', defaultMessage: 'Input' }),
         render: (input) => {
           return typeof input === 'object' ? JSON.stringify(input) : input;
         },
       },
       {
         field: 'output',
-        name: 'Output',
+        name: intl.formatMessage({ id: 'common.ui.fieldEditor.samples.outputHeader', defaultMessage: 'Output' }),
         render: (output) => {
           return (
             <div
@@ -66,7 +68,7 @@ export class FormatEditorSamples extends PureComponent {
 
     return samples.length ? (
       <EuiFormRow
-        label="Samples"
+        label={intl.formatMessage({ id: 'common.ui.fieldEditor.samplesHeader', defaultMessage: 'Samples' })}
       >
         <EuiBasicTable
           className="fieldFormatEditor__samples"
@@ -78,3 +80,5 @@ export class FormatEditorSamples extends PureComponent {
     ) : null;
   }
 }
+
+export const FormatEditorSamples = injectI18n(FormatEditorSamplesComponent);
diff --git a/src/ui/public/field_editor/components/field_format_editor/samples/samples.test.js b/src/ui/public/field_editor/components/field_format_editor/samples/samples.test.js
index bfe2769a3ac97..17727547cfe21 100644
--- a/src/ui/public/field_editor/components/field_format_editor/samples/samples.test.js
+++ b/src/ui/public/field_editor/components/field_format_editor/samples/samples.test.js
@@ -18,14 +18,14 @@
  */
 
 import React from 'react';
-import { shallow } from 'enzyme';
+import { shallowWithIntl } from 'test_utils/enzyme_helpers';
 
-import { FormatEditorSamples } from './samples';
+import { FormatEditorSamplesComponent } from './samples';
 
 describe('FormatEditorSamples', () => {
   it('should render normally', async () => {
-    const component = shallow(
-      <FormatEditorSamples
+    const component = shallowWithIntl(
+      <FormatEditorSamplesComponent
         samples={[
           { input: 'test', output: 'TEST' },
           { input: 123, output: 456 },
@@ -38,8 +38,8 @@ describe('FormatEditorSamples', () => {
   });
 
   it('should render nothing if there are no samples', async () => {
-    const component = shallow(
-      <FormatEditorSamples
+    const component = shallowWithIntl(
+      <FormatEditorSamplesComponent
         samples={[]}
       />
     );
diff --git a/src/ui/public/field_editor/components/scripting_call_outs/__snapshots__/disabled_call_out.test.js.snap b/src/ui/public/field_editor/components/scripting_call_outs/__snapshots__/disabled_call_out.test.js.snap
index 615ee2736aa67..6dbfd80cb4d81 100644
--- a/src/ui/public/field_editor/components/scripting_call_outs/__snapshots__/disabled_call_out.test.js.snap
+++ b/src/ui/public/field_editor/components/scripting_call_outs/__snapshots__/disabled_call_out.test.js.snap
@@ -9,7 +9,11 @@ exports[`ScriptingDisabledCallOut should render normally 1`] = `
     title="Scripting disabled"
   >
     <p>
-      All inline scripting has been disabled in Elasticsearch. You must enable inline scripting for at least one language in order to use scripted fields in Kibana.
+      <FormattedMessage
+        defaultMessage="All inline scripting has been disabled in Elasticsearch. You must enable inline scripting for at least one language in order to use scripted fields in Kibana."
+        id="common.ui.fieldEditor.disabledCallOutLabel"
+        values={Object {}}
+      />
     </p>
   </EuiCallOut>
   <EuiSpacer
diff --git a/src/ui/public/field_editor/components/scripting_call_outs/__snapshots__/warning_call_out.test.js.snap b/src/ui/public/field_editor/components/scripting_call_outs/__snapshots__/warning_call_out.test.js.snap
index fc479889b6ec7..d798be6bd12da 100644
--- a/src/ui/public/field_editor/components/scripting_call_outs/__snapshots__/warning_call_out.test.js.snap
+++ b/src/ui/public/field_editor/components/scripting_call_outs/__snapshots__/warning_call_out.test.js.snap
@@ -9,36 +9,55 @@ exports[`ScriptingWarningCallOut should render normally 1`] = `
     title="Proceed with caution"
   >
     <p>
-      Please familiarize yourself with 
-      <EuiLink
-        color="primary"
-        href="(docLink for scriptedFields.scriptFields)"
-        target="_window"
-        type="button"
-      >
-        script fields 
-        <EuiIcon
-          size="m"
-          type="link"
-        />
-      </EuiLink>
-       and with 
-      <EuiLink
-        color="primary"
-        href="(docLink for scriptedFields.scriptAggs)"
-        target="_window"
-        type="button"
-      >
-        scripts in aggregations 
-        <EuiIcon
-          size="m"
-          type="link"
-        />
-      </EuiLink>
-       before using scripted fields.
+      <FormattedMessage
+        defaultMessage="Please familiarize yourself with {scripFields} and with {scriptsInAggregation} before using scripted fields."
+        id="common.ui.fieldEditor.warningCallOutLabel.callOutDetail"
+        values={
+          Object {
+            "scripFields": <EuiLink
+              color="primary"
+              href="(docLink for scriptedFields.scriptFields)"
+              target="_window"
+              type="button"
+            >
+              <FormattedMessage
+                defaultMessage="script fields"
+                id="common.ui.fieldEditor.warningCallOutLabel.scripFieldsLink"
+                values={Object {}}
+              />
+               
+              <EuiIcon
+                size="m"
+                type="link"
+              />
+            </EuiLink>,
+            "scriptsInAggregation": <EuiLink
+              color="primary"
+              href="(docLink for scriptedFields.scriptAggs)"
+              target="_window"
+              type="button"
+            >
+              <FormattedMessage
+                defaultMessage="scripts in aggregations"
+                id="common.ui.fieldEditor.warningCallOutLabel.scriptsInAggregationLink"
+                values={Object {}}
+              />
+               
+              <EuiIcon
+                size="m"
+                type="link"
+              />
+            </EuiLink>,
+          }
+        }
+      />
     </p>
     <p>
-      Scripted fields can be used to display and aggregate calculated values. As such, they can be very slow, and if done incorrectly, can cause Kibana to be unusable. There's no safety net here. If you make a typo, unexpected exceptions will be thrown all over the place!
+      <FormattedMessage
+        defaultMessage="Scripted fields can be used to display and aggregate calculated values. As such, they can be very slow, and if done incorrectly, can cause Kibana to be unusable. There's no safety net here. If you make a typo, unexpected exceptions will be thrown all over the place!"
+        id="common.ui.fieldEditor.warningCallOut.descriptionLabel"
+        values={Object {}}
+      />
     </p>
   </EuiCallOut>
   <EuiSpacer
diff --git a/src/ui/public/field_editor/components/scripting_call_outs/disabled_call_out.js b/src/ui/public/field_editor/components/scripting_call_outs/disabled_call_out.js
index b2d85087ccd93..4906c11630ecb 100644
--- a/src/ui/public/field_editor/components/scripting_call_outs/disabled_call_out.js
+++ b/src/ui/public/field_editor/components/scripting_call_outs/disabled_call_out.js
@@ -24,19 +24,25 @@ import {
   EuiSpacer,
 } from '@elastic/eui';
 
-export const ScriptingDisabledCallOut = ({
+import { injectI18n, FormattedMessage } from '@kbn/i18n/react';
+
+export const ScriptingDisabledCallOutComponent = ({
   isVisible = false,
+  intl,
 }) => {
   return isVisible ? (
     <Fragment>
       <EuiCallOut
-        title="Scripting disabled"
+        title={intl.formatMessage({ id: 'common.ui.fieldEditor.disabledCallOutHeader', defaultMessage: 'Scripting disabled' })}
         color="danger"
         iconType="alert"
       >
         <p>
-          All inline scripting has been disabled in Elasticsearch. You must enable inline
-          scripting for at least one language in order to use scripted fields in Kibana.
+          <FormattedMessage
+            id="common.ui.fieldEditor.disabledCallOutLabel"
+            defaultMessage="All inline scripting has been disabled in Elasticsearch. You must enable inline scripting for at least one
+            language in order to use scripted fields in Kibana."
+          />
         </p>
       </EuiCallOut>
       <EuiSpacer size="m" />
@@ -44,4 +50,6 @@ export const ScriptingDisabledCallOut = ({
   ) : null;
 };
 
-ScriptingDisabledCallOut.displayName = 'ScriptingDisabledCallOut';
+ScriptingDisabledCallOutComponent.displayName = 'ScriptingDisabledCallOut';
+
+export const ScriptingDisabledCallOut = injectI18n(ScriptingDisabledCallOutComponent);
diff --git a/src/ui/public/field_editor/components/scripting_call_outs/disabled_call_out.test.js b/src/ui/public/field_editor/components/scripting_call_outs/disabled_call_out.test.js
index d1b7ee9d7709f..a80da582e6849 100644
--- a/src/ui/public/field_editor/components/scripting_call_outs/disabled_call_out.test.js
+++ b/src/ui/public/field_editor/components/scripting_call_outs/disabled_call_out.test.js
@@ -18,14 +18,14 @@
  */
 
 import React from 'react';
-import { shallow } from 'enzyme';
+import { shallowWithIntl } from 'test_utils/enzyme_helpers';
 
-import { ScriptingDisabledCallOut } from './disabled_call_out';
+import { ScriptingDisabledCallOutComponent } from './disabled_call_out';
 
 describe('ScriptingDisabledCallOut', () => {
   it('should render normally', async () => {
-    const component = shallow(
-      <ScriptingDisabledCallOut
+    const component = shallowWithIntl(
+      <ScriptingDisabledCallOutComponent
         isVisible={true}
       />
     );
@@ -34,8 +34,8 @@ describe('ScriptingDisabledCallOut', () => {
   });
 
   it('should render nothing if not visible', async () => {
-    const component = shallow(
-      <ScriptingDisabledCallOut />
+    const component = shallowWithIntl(
+      <ScriptingDisabledCallOutComponent />
     );
 
     expect(component).toMatchSnapshot();
diff --git a/src/ui/public/field_editor/components/scripting_call_outs/warning_call_out.js b/src/ui/public/field_editor/components/scripting_call_outs/warning_call_out.js
index db95c3c23798d..dfcd37eed9ebc 100644
--- a/src/ui/public/field_editor/components/scripting_call_outs/warning_call_out.js
+++ b/src/ui/public/field_editor/components/scripting_call_outs/warning_call_out.js
@@ -27,38 +27,49 @@ import {
   EuiSpacer,
 } from '@elastic/eui';
 
-export const ScriptingWarningCallOut = ({
+import { injectI18n, FormattedMessage } from '@kbn/i18n/react';
+
+export const ScriptingWarningCallOutComponent = ({
   isVisible = false,
+  intl,
 }) => {
   return isVisible ? (
     <Fragment>
       <EuiCallOut
-        title="Proceed with caution"
+        title={intl.formatMessage({ id: 'common.ui.fieldEditor.warningCallOutHeader', defaultMessage: 'Proceed with caution' })}
         color="warning"
         iconType="alert"
       >
         <p>
-          Please familiarize yourself with {(
-            <EuiLink
-              target="_window"
-              href={getDocLink('scriptedFields.scriptFields')}
-            >
-              script fields <EuiIcon type="link"/>
-            </EuiLink>
-          )} and with {(
-            <EuiLink
-              target="_window"
-              href={getDocLink('scriptedFields.scriptAggs')}
-            >
-              scripts in aggregations <EuiIcon type="link"/>
-            </EuiLink>
-          )} before using scripted fields.
+          <FormattedMessage
+            id="common.ui.fieldEditor.warningCallOutLabel.callOutDetail"
+            defaultMessage="Please familiarize yourself with {scripFields} and with {scriptsInAggregation} before using scripted fields."
+            values={{
+              scripFields: (
+                <EuiLink target="_window" href={getDocLink('scriptedFields.scriptFields')}>
+                  <FormattedMessage id="common.ui.fieldEditor.warningCallOutLabel.scripFieldsLink" defaultMessage="script fields" />&nbsp;
+                  <EuiIcon type="link" />
+                </EuiLink>
+              ),
+              scriptsInAggregation: (
+                <EuiLink target="_window" href={getDocLink('scriptedFields.scriptAggs')}>
+                  <FormattedMessage
+                    id="common.ui.fieldEditor.warningCallOutLabel.scriptsInAggregationLink"
+                    defaultMessage="scripts in aggregations"
+                  />&nbsp;
+                  <EuiIcon type="link" />
+                </EuiLink>
+              )
+            }}
+          />
         </p>
         <p>
-          Scripted fields can be used to display and aggregate calculated values. As such,
-          they can be very slow, and if done incorrectly, can cause Kibana to be unusable.
-          There&apos;s no safety net here. If you make a typo, unexpected exceptions will
-          be thrown all over the place!
+          <FormattedMessage
+            id="common.ui.fieldEditor.warningCallOut.descriptionLabel"
+            defaultMessage="Scripted fields can be used to display and aggregate calculated values. As such, they can be very slow, and
+            if done incorrectly, can cause Kibana to be unusable. There's no safety net here. If you make a typo, unexpected exceptions
+            will be thrown all over the place!"
+          />
         </p>
       </EuiCallOut>
       <EuiSpacer size="m" />
@@ -66,4 +77,6 @@ export const ScriptingWarningCallOut = ({
   ) : null;
 };
 
-ScriptingWarningCallOut.displayName = 'ScriptingWarningCallOut';
+ScriptingWarningCallOutComponent.displayName = 'ScriptingWarningCallOut';
+
+export const ScriptingWarningCallOut = injectI18n(ScriptingWarningCallOutComponent);
diff --git a/src/ui/public/field_editor/components/scripting_call_outs/warning_call_out.test.js b/src/ui/public/field_editor/components/scripting_call_outs/warning_call_out.test.js
index d3bb31a142689..51e359d87cdbc 100644
--- a/src/ui/public/field_editor/components/scripting_call_outs/warning_call_out.test.js
+++ b/src/ui/public/field_editor/components/scripting_call_outs/warning_call_out.test.js
@@ -18,9 +18,9 @@
  */
 
 import React from 'react';
-import { shallow } from 'enzyme';
+import { shallowWithIntl } from 'test_utils/enzyme_helpers';
 
-import { ScriptingWarningCallOut } from './warning_call_out';
+import { ScriptingWarningCallOutComponent } from './warning_call_out';
 
 jest.mock('ui/documentation_links', () => ({
   getDocLink: (doc) => `(docLink for ${doc})`,
@@ -28,8 +28,8 @@ jest.mock('ui/documentation_links', () => ({
 
 describe('ScriptingWarningCallOut', () => {
   it('should render normally', async () => {
-    const component = shallow(
-      <ScriptingWarningCallOut
+    const component = shallowWithIntl(
+      <ScriptingWarningCallOutComponent
         isVisible={true}
       />
     );
@@ -38,8 +38,8 @@ describe('ScriptingWarningCallOut', () => {
   });
 
   it('should render nothing if not visible', async () => {
-    const component = shallow(
-      <ScriptingWarningCallOut />
+    const component = shallowWithIntl(
+      <ScriptingWarningCallOutComponent />
     );
 
     expect(component).toMatchSnapshot();
diff --git a/src/ui/public/field_editor/components/scripting_help/scripting_syntax.js b/src/ui/public/field_editor/components/scripting_help/scripting_syntax.js
index 892bf5376ea1b..8b0a1229010dd 100644
--- a/src/ui/public/field_editor/components/scripting_help/scripting_syntax.js
+++ b/src/ui/public/field_editor/components/scripting_help/scripting_syntax.js
@@ -28,76 +28,179 @@ import {
   EuiSpacer,
 } from '@elastic/eui';
 
+import { FormattedMessage } from '@kbn/i18n/react';
+
 export const ScriptingSyntax = () => (
   <Fragment>
     <EuiSpacer />
     <EuiText>
-      <h3>Syntax</h3>
+      <h3>
+        <FormattedMessage id="common.ui.fieldEditor.syntaxHeader" defaultMessage="Syntax"/>
+      </h3>
       <p>
-        By default, Kibana scripted fields use {(
-          <EuiLink
-            target="_window"
-            href={getDocLink('scriptedFields.painless')}
-          >
-            Painless <EuiIcon type="link"/>
-          </EuiLink>
-        )}, a simple and secure scripting language designed specifically for use with Elasticsearch,
-        to access values in the document use the following format:
+        <FormattedMessage
+          id="common.ui.fieldEditor.syntax.defaultLabel.defaultDetail"
+          defaultMessage="By default, Kibana scripted fields use {painless}, a simple and secure scripting language designed
+          specifically for use with Elasticsearch, to access values in the document use the following format:"
+          values={{
+            painless: (
+              <EuiLink
+                target="_window"
+                href={getDocLink('scriptedFields.painless')}
+              >
+                Painless <EuiIcon type="link" />
+              </EuiLink>
+            )
+          }}
+        />
       </p>
       <p>
-        <EuiCode>doc[&apos;some_field&apos;].value</EuiCode>
+        <EuiCode>
+          <FormattedMessage id="common.ui.fieldEditor.syntax.default.formatLabel" defaultMessage="doc['some_field'].value"/>
+        </EuiCode>
       </p>
       <p>
-        Painless is powerful but easy to use. It provides access to many {(
-          <EuiLink
-            target="_window"
-            href={getDocLink('scriptedFields.painlessApi')}
-          >
-            native Java APIs <EuiIcon type="link"/>
-          </EuiLink>
-        )}. Read up on its {(
-          <EuiLink
-            target="_window"
-            href={getDocLink('scriptedFields.painlessSyntax')}
-          >
-          syntax <EuiIcon type="link"/>
-          </EuiLink>
-        )} and you&apos;ll be up to speed in no time!
+        <FormattedMessage
+          id="common.ui.fieldEditor.syntax.painlessLabel.painlessDetail"
+          defaultMessage="Painless is powerful but easy to use. It provides access to many {javaAPIs}. Read up on its {syntax} and
+          you'll be up to speed in no time!"
+          values={{
+            javaAPIs: (
+              <EuiLink
+                target="_window"
+                href={getDocLink('scriptedFields.painlessApi')}
+              >
+                <FormattedMessage id="common.ui.fieldEditor.syntax.painlessLabel.javaAPIsLink" defaultMessage="native Java APIs" />&nbsp;
+                <EuiIcon type="link" />
+              </EuiLink>
+            ),
+            syntax: (
+              <EuiLink
+                target="_window"
+                href={getDocLink('scriptedFields.painlessSyntax')}
+              >
+                <FormattedMessage id="common.ui.fieldEditor.syntax.painlessLabel.syntaxLink" defaultMessage="syntax" />&nbsp;
+                <EuiIcon type="link" />
+              </EuiLink>
+            )
+          }}
+        />
       </p>
       <p>
-        Kibana currently imposes one special limitation on the painless scripts you write. They cannot contain named functions.
+        <FormattedMessage
+          id="common.ui.fieldEditor.syntax.kibanaLabel"
+          defaultMessage="Kibana currently imposes one special limitation on the painless scripts you write. They cannot contain named
+          functions."
+        />
       </p>
       <p>
-        Coming from an older version of Kibana? The {(
-          <EuiLink
-            target="_window"
-            href={getDocLink('scriptedFields.luceneExpressions')}
-          >
-            Lucene Expressions <EuiIcon type="link"/>
-          </EuiLink>
-        )} you know and love are still available. Lucene expressions are a lot like JavaScript,
-          but limited to basic arithmetic, bitwise and comparison operations.
+        <FormattedMessage
+          id="common.ui.fieldEditor.syntax.lucene.commonLabel.commonDetail"
+          defaultMessage="Coming from an older version of Kibana? The {lucene} you know and love are still available. Lucene expressions
+          are a lot like JavaScript, but limited to basic arithmetic, bitwise and comparison operations."
+          values={{
+            lucene: (
+              <EuiLink
+                target="_window"
+                href={getDocLink('scriptedFields.luceneExpressions')}
+              >
+                <FormattedMessage id="common.ui.fieldEditor.syntax.lucene.commonLabel.luceneLink" defaultMessage="Lucene Expressions" />
+                &nbsp;<EuiIcon type="link" />
+              </EuiLink>
+            )
+          }}
+        />
       </p>
       <p>
-        There are a few limitations when using Lucene Expressions:
+        <FormattedMessage
+          id="common.ui.fieldEditor.syntax.lucene.limitsLabel"
+          defaultMessage="There are a few limitations when using Lucene Expressions:"
+        />
       </p>
       <ul>
-        <li> Only numeric, boolean, date, and geo_point fields may be accessed</li>
-        <li> Stored fields are not available</li>
-        <li> If a field is sparse (only some documents contain a value), documents missing the field will have a value of 0</li>
+        <li>
+          <FormattedMessage
+            id="common.ui.fieldEditor.syntax.lucene.limits.typesLabel"
+            defaultMessage="Only numeric, boolean, date, and geo_point fields may be accessed"
+          />
+        </li>
+        <li>
+          <FormattedMessage
+            id="common.ui.fieldEditor.syntax.lucene.limits.fieldsLabel"
+            defaultMessage="Stored fields are not available"
+          />
+        </li>
+        <li>
+          <FormattedMessage
+            id="common.ui.fieldEditor.syntax.lucene.limits.sparseLabel"
+            defaultMessage="If a field is sparse (only some documents contain a value), documents missing the field will have
+            a value of 0"
+          />
+        </li>
       </ul>
       <p>
-        Here are all the operations available to lucene expressions:
+        <FormattedMessage
+          id="common.ui.fieldEditor.syntax.lucene.operationsLabel"
+          defaultMessage="Here are all the operations available to lucene expressions:"
+        />
       </p>
       <ul>
-        <li> Arithmetic operators: <code>+ - * / %</code></li>
-        <li> Bitwise operators: <code>| & ^ ~ &#x3C;&#x3C; &#x3E;&#x3E; &#x3E;&#x3E;&#x3E;</code></li>
-        <li> Boolean operators (including the ternary operator): <code>&& || ! ?:</code></li>
-        <li> Comparison operators: <code>&#x3C; &#x3C;= == &#x3E;= &#x3E;</code></li>
-        <li> Common mathematic functions: <code>abs ceil exp floor ln log10 logn max min sqrt pow</code></li>
-        <li> Trigonometric library functions: <code>acosh acos asinh asin atanh atan atan2 cosh cos sinh sin tanh tan</code></li>
-        <li> Distance functions: <code>haversin</code></li>
-        <li> Miscellaneous functions: <code>min, max</code></li>
+        <li>
+          <FormattedMessage
+            id="common.ui.fieldEditor.syntax.lucene.operations.arithmeticLabel"
+            defaultMessage="Arithmetic operators: {operators}"
+            values={{ operators: <code>+ - * / %</code> }}
+          />
+        </li>
+        <li>
+          <FormattedMessage
+            id="common.ui.fieldEditor.syntax.lucene.operations.bitwiseLabel"
+            defaultMessage="Bitwise operators: {operators}"
+            values={{ operators: <code>| & ^ ~ &#x3C;&#x3C; &#x3E;&#x3E; &#x3E;&#x3E;&#x3E;</code> }}
+          />
+        </li>
+        <li>
+          <FormattedMessage
+            id="common.ui.fieldEditor.syntax.lucene.operations.booleanLabel"
+            defaultMessage="Boolean operators (including the ternary operator): {operators}"
+            values={{ operators: <code>&& || ! ?:</code> }}
+          />
+        </li>
+        <li>
+          <FormattedMessage
+            id="common.ui.fieldEditor.syntax.lucene.operations.comparisonLabel"
+            defaultMessage="Comparison operators: {operators}"
+            values={{ operators: <code>&#x3C; &#x3C;= == &#x3E;= &#x3E;</code> }}
+          />
+        </li>
+        <li>
+          <FormattedMessage
+            id="common.ui.fieldEditor.syntax.lucene.operations.mathLabel"
+            defaultMessage="Common mathematic functions: {operators}"
+            values={{ operators: <code>abs ceil exp floor ln log10 logn max min sqrt pow</code> }}
+          />
+        </li>
+        <li>
+          <FormattedMessage
+            id="common.ui.fieldEditor.syntax.lucene.operations.trigLabel"
+            defaultMessage="Trigonometric library functions: {operators}"
+            values={{ operators: <code>acosh acos asinh asin atanh atan atan2 cosh cos sinh sin tanh tan</code> }}
+          />
+        </li>
+        <li>
+          <FormattedMessage
+            id="common.ui.fieldEditor.syntax.lucene.operations.distanceLabel"
+            defaultMessage="Distance functions: {operators}"
+            values={{ operators: <code>haversin</code> }}
+          />
+        </li>
+        <li>
+          <FormattedMessage
+            id="common.ui.fieldEditor.syntax.lucene.operations.miscellaneousLabel"
+            defaultMessage="Miscellaneous functions: {operators}"
+            values={{ operators: <code>min, max</code> }}
+          />
+        </li>
       </ul>
     </EuiText>
   </Fragment>
diff --git a/src/ui/public/field_editor/field_editor.js b/src/ui/public/field_editor/field_editor.js
index 62687a8e155ae..ecd8e744d603b 100644
--- a/src/ui/public/field_editor/field_editor.js
+++ b/src/ui/public/field_editor/field_editor.js
@@ -76,7 +76,9 @@ import {
 import { FIELD_TYPES_BY_LANG, DEFAULT_FIELD_TYPES } from './constants';
 import { copyField, getDefaultFormat, executeScript, isScriptValid } from './lib';
 
-export class FieldEditor extends PureComponent {
+import { injectI18n, FormattedMessage } from '@kbn/i18n/react';
+
+export class FieldEditorComponent extends PureComponent {
   static propTypes = {
     indexPattern: PropTypes.object.isRequired,
     field: PropTypes.object.isRequired,
@@ -220,25 +222,43 @@ export class FieldEditor extends PureComponent {
 
   renderName() {
     const { isCreating, field } = this.state;
+    const { intl } = this.props;
     const isInvalid = !field.name || !field.name.trim();
 
     return isCreating ? (
       <EuiFormRow
-        label="Name"
+        label={intl.formatMessage({ id: 'common.ui.fieldEditor.nameLabel', defaultMessage: 'Name' })}
         helpText={this.isDuplicateName() ? (
           <span>
             <EuiIcon type="alert" color="warning" size="s" />&nbsp;
-            <strong>Mapping Conflict:</strong>&nbsp;
-            You already have a field with the name <EuiCode>{field.name}</EuiCode>. Naming your scripted
-            field with the same name means you won&apos;t be able to query both fields at the same time.
+            <FormattedMessage
+              id="common.ui.fieldEditor.mappingConflictLabel.mappingConflictDetail"
+              defaultMessage="{mappingConflict} You already have a field with the name {fieldName}. Naming your scripted field with
+              the same name means you won't be able to query both fields at the same time."
+              values={{
+                mappingConflict: (
+                  <strong>
+                    <FormattedMessage
+                      id="common.ui.fieldEditor.mappingConflictLabel.mappingConflictLabel"
+                      defaultMessage="Mapping Conflict:"
+                    />
+                  </strong>
+                ),
+                fieldName: <EuiCode>{field.name}</EuiCode>
+              }}
+            />
           </span>
         ) : null}
         isInvalid={isInvalid}
-        error={isInvalid ? 'Name is required' : null}
+        error={isInvalid ? intl.formatMessage({
+          id: 'common.ui.fieldEditor.nameErrorMessage',
+          defaultMessage: 'Name is required'
+        }) : null}
       >
         <EuiFieldText
           value={field.name || ''}
-          placeholder="New scripted field"
+          placeholder={intl.formatMessage(
+            { id: 'common.ui.fieldEditor.namePlaceholder', defaultMessage: 'New scripted field' })}
           data-test-subj="editorFieldName"
           onChange={(e) => { this.onFieldChange('name', e.target.value); }}
           isInvalid={isInvalid}
@@ -249,18 +269,33 @@ export class FieldEditor extends PureComponent {
 
   renderLanguage() {
     const { field, scriptingLangs, isDeprecatedLang } = this.state;
+    const { intl } = this.props;
 
     return field.scripted ? (
       <EuiFormRow
-        label="Language"
+        label={intl.formatMessage({ id: 'common.ui.fieldEditor.languageLabel', defaultMessage: 'Language' })}
         helpText={isDeprecatedLang ? (
           <span>
             <EuiIcon type="alert" color="warning" size="s" />&nbsp;
-            <strong>Deprecation Warning:</strong>&nbsp;
-            <EuiCode>{field.lang}</EuiCode> is deprecated and support will be removed in the
-            next major version of Kibana and Elasticsearch. We recommend using {(
-              <EuiLink target="_window" href={getDocLink('scriptedFields.painless')}>Painless</EuiLink>
-            )} for new scripted fields.
+            <strong>
+              <FormattedMessage
+                id="common.ui.fieldEditor.warningHeader"
+                defaultMessage="Deprecation Warning:"
+              />
+            </strong>&nbsp;
+            <FormattedMessage
+              id="common.ui.fieldEditor.warningLabel.warningDetail"
+              defaultMessage="{language} is deprecated and support will be removed in the next major version of Kibana and Elasticsearch.
+              We recommend using {painlessLink} for new scripted fields."
+              values={{
+                language: <EuiCode>{field.lang}</EuiCode>,
+                painlessLink: (
+                  <EuiLink target="_window" href={getDocLink('scriptedFields.painless')}>
+                    Painless
+                  </EuiLink>
+                )
+              }}
+            />
           </span>
         ) : null}
       >
@@ -276,9 +311,10 @@ export class FieldEditor extends PureComponent {
 
   renderType() {
     const { field, fieldTypes } = this.state;
+    const { intl } = this.props;
 
     return (
-      <EuiFormRow label="Type">
+      <EuiFormRow label={intl.formatMessage({ id: 'common.ui.fieldEditor.typeLabel', defaultMessage: 'Type' })}>
         <EuiSelect
           value={field.type}
           disabled={!field.scripted}
@@ -296,16 +332,29 @@ export class FieldEditor extends PureComponent {
     const { field, fieldTypeFormats, fieldFormatId, fieldFormatParams } = this.state;
     const { fieldFormatEditors } = this.props.helpers;
     const defaultFormat = fieldTypeFormats[0] && fieldTypeFormats[0].resolvedTitle;
+    const label = defaultFormat
+      ? (<FormattedMessage
+        id="common.ui.fieldEditor.defaultFormatHeader"
+        defaultMessage="Format (Default: {defaultFormat})"
+        values={{
+          defaultFormat: <EuiCode>{defaultFormat}</EuiCode>
+        }}
+      />)
+      : (<FormattedMessage
+        id="common.ui.fieldEditor.formatHeader"
+        defaultMessage="Format"
+      />);
 
     return (
       <Fragment>
         <EuiFormRow
-          label={<span>Format {defaultFormat ? <span>(Default: <EuiCode>{defaultFormat}</EuiCode>)</span> : null}</span>}
+          label={label}
           helpText={
-            <span>
-              Formatting allows you to control the way that specific values are displayed.
-              It can also cause values to be completely changed and prevent highlighting in Discover from working.
-            </span>
+            <FormattedMessage
+              id="common.ui.fieldEditor.formatLabel"
+              defaultMessage="Formatting allows you to control the way that specific values are displayed. It can also cause values to be
+              completely changed and prevent highlighting in Discover from working."
+            />
           }
         >
           <EuiSelect
@@ -332,9 +381,10 @@ export class FieldEditor extends PureComponent {
 
   renderPopularity() {
     const { field } = this.state;
+    const { intl } = this.props;
 
     return (
-      <EuiFormRow label="Popularity">
+      <EuiFormRow label={intl.formatMessage({ id: 'common.ui.fieldEditor.popularityLabel', defaultMessage: 'Popularity' })}>
         <EuiFieldNumber
           value={field.count}
           data-test-subj="editorFieldCount"
@@ -353,15 +403,20 @@ export class FieldEditor extends PureComponent {
 
   renderScript() {
     const { field, hasScriptError } = this.state;
+    const { intl } = this.props;
     const isInvalid = !field.script || !field.script.trim() || hasScriptError;
     const errorMsg = hasScriptError
-      ? (<span data-test-subj="invalidScriptError">Script is invalid. View script preview for details</span>)
-      : 'Script is required';
+      ? (
+        <span data-test-subj="invalidScriptError">
+          {intl.formatMessage({
+            id: 'common.ui.fieldEditor.scriptInvalidErrorMessage', defaultMessage: 'Script is invalid. View script preview for details' })}
+        </span>)
+      : intl.formatMessage({ id: 'common.ui.fieldEditor.scriptRequiredErrorMessage', defaultMessage: 'Script is required' });
 
     return field.scripted ? (
       <Fragment>
         <EuiFormRow
-          label="Script"
+          label={intl.formatMessage({ id: 'common.ui.fieldEditor.scriptLabel', defaultMessage: 'Script' })}
           isInvalid={isInvalid}
           error={isInvalid ? errorMsg : null}
         >
@@ -375,10 +430,19 @@ export class FieldEditor extends PureComponent {
 
         <EuiFormRow>
           <Fragment>
-            <EuiText>Access fields with <code>{`doc['some_field'].value`}</code>.</EuiText>
+            <EuiText>
+              <FormattedMessage
+                id="common.ui.fieldEditor.script.accessWithLabel"
+                defaultMessage="Access fields with {code}."
+                values={{ code: <code>{`doc['some_field'].value`}</code> }}
+              />
+            </EuiText>
             <br />
             <EuiLink onClick={this.showScriptingHelp} data-test-subj="scriptedFieldsHelpLink">
-              Get help with the syntax and preview the results of your script.
+              <FormattedMessage
+                id="common.ui.fieldEditor.script.getHelpLabel"
+                defaultMessage="Get help with the syntax and preview the results of your script."
+              />
             </EuiLink>
           </Fragment>
         </EuiFormRow>
@@ -401,23 +465,35 @@ export class FieldEditor extends PureComponent {
 
   renderDeleteModal = () => {
     const { field } = this.state;
+    const { intl } = this.props;
 
     return this.state.showDeleteModal ? (
       <EuiOverlayMask>
         <EuiConfirmModal
-          title={`Delete field '${field.name}'`}
+          title={intl.formatMessage(
+            { id: 'common.ui.fieldEditor.deleteFieldHeader', defaultMessage: 'Delete field \'{fieldName}\'' },
+            { fieldName: field.name })}
           onCancel={this.hideDeleteModal}
           onConfirm={() => {
             this.hideDeleteModal();
             this.deleteField();
           }}
-          cancelButtonText="Cancel"
-          confirmButtonText="Delete"
+          cancelButtonText={intl.formatMessage(
+            { id: 'common.ui.fieldEditor.deleteField.cancelButton', defaultMessage: 'Cancel' })}
+          confirmButtonText={intl.formatMessage(
+            { id: 'common.ui.fieldEditor.deleteField.deleteButton', defaultMessage: 'Delete' })}
           buttonColor="danger"
           defaultFocusedButton={EUI_MODAL_CONFIRM_BUTTON}
         >
-          <p>You can&apos;t recover a deleted field.</p>
-          <p>Are you sure you want to do this?</p>
+          <p>
+            <FormattedMessage
+              id="common.ui.fieldEditor.deleteFieldLabel"
+              defaultMessage="You can't recover a deleted field.{separator}Are you sure you want to do this?"
+              values={{
+                separator: <span><br/><br/></span>
+              }}
+            />
+          </p>
         </EuiConfirmModal>
       </EuiOverlayMask>
     ) : null;
@@ -450,7 +526,16 @@ export class FieldEditor extends PureComponent {
               isLoading={isSaving}
               data-test-subj="fieldSaveButton"
             >
-              {isCreating ? 'Create field' : 'Save field'}
+              {isCreating ?
+                <FormattedMessage
+                  id="common.ui.fieldEditor.actions.createButton"
+                  defaultMessage="Create field"
+                />
+                :
+                <FormattedMessage
+                  id="common.ui.fieldEditor.actions.saveButton"
+                  defaultMessage="Save field"
+                />}
             </EuiButton>
           </EuiFlexItem>
           <EuiFlexItem grow={false}>
@@ -458,7 +543,10 @@ export class FieldEditor extends PureComponent {
               onClick={redirectAway}
               data-test-subj="fieldCancelButton"
             >
-              Cancel
+              <FormattedMessage
+                id="common.ui.fieldEditor.actions.cancelButton"
+                defaultMessage="Cancel"
+              />
             </EuiButtonEmpty>
           </EuiFlexItem>
           {
@@ -470,7 +558,10 @@ export class FieldEditor extends PureComponent {
                       color="danger"
                       onClick={this.showDeleteModal}
                     >
-                      Delete
+                      <FormattedMessage
+                        id="common.ui.fieldEditor.actions.deleteButton"
+                        defaultMessage="Delete"
+                      />
                     </EuiButtonEmpty>
                   </EuiFlexItem>
                 </EuiFlexGroup>
@@ -508,13 +599,16 @@ export class FieldEditor extends PureComponent {
 
   deleteField = () => {
     const { redirectAway } = this.props.helpers;
-    const { indexPattern } = this.props;
+    const { indexPattern, intl } = this.props;
     const { field } = this.state;
     const remove = indexPattern.removeScriptedField(field.name);
 
     if(remove) {
       remove.then(() => {
-        toastNotifications.addSuccess(`Deleted '${field.name}'`);
+        const message = intl.formatMessage(
+          { id: 'common.ui.fieldEditor.deleteField.deletedHeader', defaultMessage: 'Deleted \'{fieldName}\'' },
+          { fieldName: field.name });
+        toastNotifications.addSuccess(message);
         redirectAway();
       });
     } else {
@@ -524,7 +618,7 @@ export class FieldEditor extends PureComponent {
 
   saveField = async () => {
     const field = this.state.field.toActualField();
-    const { indexPattern } = this.props;
+    const { indexPattern, intl } = this.props;
     const { fieldFormatId } = this.state;
 
     if (field.scripted) {
@@ -565,7 +659,10 @@ export class FieldEditor extends PureComponent {
 
     return indexPattern.save()
       .then(function () {
-        toastNotifications.addSuccess(`Saved '${field.name}'`);
+        const message = intl.formatMessage(
+          { id: 'common.ui.fieldEditor.deleteField.savedHeader', defaultMessage: 'Saved \'{fieldName}\'' },
+          { fieldName: field.name });
+        toastNotifications.addSuccess(message);
         redirectAway();
       });
   }
@@ -592,7 +689,19 @@ export class FieldEditor extends PureComponent {
     return isReady ? (
       <div>
         <EuiText>
-          <h3>{isCreating ? 'Create scripted field' : `Edit ${field.name}`}</h3>
+          <h3>{
+            isCreating
+              ? <FormattedMessage
+                id="common.ui.fieldEditor.createHeader"
+                defaultMessage="Create scripted field"
+              />
+              : <FormattedMessage
+                id="common.ui.fieldEditor.editHeader"
+                defaultMessage="Edit {fieldName}"
+                values={{ fieldName: field.name }}
+              />
+          }
+          </h3>
         </EuiText>
         <EuiSpacer size="m" />
         <EuiForm>
@@ -611,3 +720,5 @@ export class FieldEditor extends PureComponent {
     ) : null;
   }
 }
+
+export const FieldEditor = injectI18n(FieldEditorComponent);
diff --git a/src/ui/public/field_editor/field_editor.test.js b/src/ui/public/field_editor/field_editor.test.js
index c6a64fd519a89..0c844bd2d4f9d 100644
--- a/src/ui/public/field_editor/field_editor.test.js
+++ b/src/ui/public/field_editor/field_editor.test.js
@@ -20,9 +20,9 @@
 jest.mock('ui/kfetch', () => ({}));
 
 import React from 'react';
-import { shallow } from 'enzyme';
+import { shallowWithIntl } from 'test_utils/enzyme_helpers';
 
-import { FieldEditor } from './field_editor';
+import { FieldEditorComponent } from './field_editor';
 
 jest.mock('@elastic/eui', () => ({
   EuiButton: 'eui-button',
@@ -127,8 +127,8 @@ describe('FieldEditor', () => {
   });
 
   it('should render create new scripted field correctly', async () => {
-    const component = shallow(
-      <FieldEditor
+    const component = shallowWithIntl(
+      <FieldEditorComponent
         indexPattern={indexPattern}
         field={field}
         helpers={helpers}
@@ -149,8 +149,8 @@ describe('FieldEditor', () => {
     indexPattern.fields.push(testField);
     indexPattern.fields.byName[testField.name] = testField;
 
-    const component = shallow(
-      <FieldEditor
+    const component = shallowWithIntl(
+      <FieldEditorComponent
         indexPattern={indexPattern}
         field={testField}
         helpers={helpers}
@@ -172,8 +172,8 @@ describe('FieldEditor', () => {
     indexPattern.fields.push(testField);
     indexPattern.fields.byName[testField.name] = testField;
 
-    const component = shallow(
-      <FieldEditor
+    const component = shallowWithIntl(
+      <FieldEditorComponent
         indexPattern={indexPattern}
         field={testField}
         helpers={helpers}
@@ -187,8 +187,8 @@ describe('FieldEditor', () => {
 
   it('should show conflict field warning', async () => {
     const testField = { ...field };
-    const component = shallow(
-      <FieldEditor
+    const component = shallowWithIntl(
+      <FieldEditorComponent
         indexPattern={indexPattern}
         field={testField}
         helpers={helpers}
diff --git a/src/ui/public/field_editor/lib/get_default_format.js b/src/ui/public/field_editor/lib/get_default_format.js
index a43f5e2cc1c14..dbd26f6f1e445 100644
--- a/src/ui/public/field_editor/lib/get_default_format.js
+++ b/src/ui/public/field_editor/lib/get_default_format.js
@@ -17,11 +17,13 @@
  * under the License.
  */
 
+import { i18n } from '@kbn/i18n';
+
 export const getDefaultFormat = (Format) => {
   class DefaultFormat extends Format {
     static id = '';
     static resolvedTitle = Format.title;
-    static title = '- Default -';
+    static title = i18n.translate('common.ui.fieldEditor.defaultFormatDropDown', { defaultMessage: '- Default -' });
   }
 
   return DefaultFormat;
diff --git a/src/ui/public/index_patterns/__tests__/_index_pattern.test.js b/src/ui/public/index_patterns/__tests__/_index_pattern.test.js
index c005408f28832..aefbda67e903d 100644
--- a/src/ui/public/index_patterns/__tests__/_index_pattern.test.js
+++ b/src/ui/public/index_patterns/__tests__/_index_pattern.test.js
@@ -125,10 +125,11 @@ const confirmModalPromise = jest.fn();
 const kbnUrl = {
   eval: jest.fn(),
 };
+const i18n = arg => arg;
 
 describe('IndexPattern', () => {
   it('should handle version conflicts', async () => {
-    const IndexPattern = IndexPatternProvider(Private, config, Promise, confirmModalPromise, kbnUrl); // eslint-disable-line new-cap
+    const IndexPattern = IndexPatternProvider(Private, config, Promise, confirmModalPromise, kbnUrl, i18n); // eslint-disable-line new-cap
 
     // Create a normal index pattern
     const pattern = new IndexPattern('foo');
diff --git a/src/ui/public/index_patterns/_field.js b/src/ui/public/index_patterns/_field.js
index 762ebfe1d7087..cab8208e76b7c 100644
--- a/src/ui/public/index_patterns/_field.js
+++ b/src/ui/public/index_patterns/_field.js
@@ -24,6 +24,7 @@ import { getKbnFieldType } from '../../../utils';
 import { shortenDottedString } from '../../../core_plugins/kibana/common/utils/shorten_dotted_string';
 import { toastNotifications } from 'ui/notify';
 import chrome from 'ui/chrome';
+import { i18n } from '@kbn/i18n';
 
 export function Field(indexPattern, spec) {
   // unwrap old instances of Field
@@ -41,9 +42,15 @@ export function Field(indexPattern, spec) {
   // find the type for this field, fallback to unknown type
   let type = getKbnFieldType(spec.type);
   if (spec.type && !type) {
+    const title = i18n.translate('common.ui.indexPattern.unknownFieldHeader',
+      { values: { type: spec.type }, defaultMessage: 'Unknown field type {type}' });
+    const text = i18n.translate('common.ui.indexPattern.unknownFieldErrorMessage', {
+      values: { name: spec.name, title: indexPattern.title },
+      defaultMessage: 'Field {name} in indexPattern {title} is using an unknown field type.' });
+
     toastNotifications.addDanger({
-      title: `Unknown field type ${spec.type}`,
-      text: `Field ${spec.name} in indexPattern ${indexPattern.title} is using an unknown field type.`
+      title,
+      text,
     });
   }
 
diff --git a/src/ui/public/index_patterns/_index_pattern.js b/src/ui/public/index_patterns/_index_pattern.js
index 413bf1503b337..f2f486d297329 100644
--- a/src/ui/public/index_patterns/_index_pattern.js
+++ b/src/ui/public/index_patterns/_index_pattern.js
@@ -17,7 +17,6 @@
  * under the License.
  */
 
-import React, { Fragment } from 'react';
 import _ from 'lodash';
 import { SavedObjectNotFound, DuplicateField, IndexPatternMissingIndices } from '../errors';
 import angular from 'angular';
@@ -35,6 +34,7 @@ import { IndexPatternsPatternCacheProvider } from './_pattern_cache';
 import { FieldsFetcherProvider } from './fields_fetcher_provider';
 import { IsUserAwareOfUnsupportedTimePatternProvider } from './unsupported_time_patterns';
 import { SavedObjectsClientProvider, findObjectByTitle } from '../saved_objects';
+import { i18n } from '@kbn/i18n';
 
 export function getRoutes() {
   return {
@@ -118,14 +118,21 @@ export function IndexPatternProvider(Private, config, Promise, confirmModalPromi
 
     if (indexPattern.isUnsupportedTimePattern()) {
       if (!isUserAwareOfUnsupportedTimePattern(indexPattern)) {
+        const warningTitle = i18n.translate('common.ui.indexPattern.warningTitle', {
+          defaultMessage: 'Support for time intervals was removed',
+        });
+
+        const warningText = i18n.translate('common.ui.indexPattern.warningText', {
+          defaultMessage: 'For more information, view the ["{title}" index pattern in management]({link})',
+          values: {
+            title: indexPattern.title,
+            link: kbnUrl.getRouteHref(indexPattern, 'edit'),
+          },
+        });
+
         toastNotifications.addWarning({
-          title: 'Support for time intervals was removed',
-          text: (
-            <Fragment>
-              For more information, view the {' '}
-              <a href={kbnUrl.getRouteHref(indexPattern, 'edit')}>{indexPattern.title} index pattern</a>
-            </Fragment>
-          ),
+          title: warningTitle,
+          text: warningText,
         });
       }
     }
@@ -415,7 +422,8 @@ export function IndexPatternProvider(Private, config, Promise, confirmModalPromi
 
       // We found a duplicate but we aren't allowing override, show the warn modal
       if (!allowOverride) {
-        const confirmMessage = `An index pattern with the title '${this.title}' already exists.`;
+        const confirmMessage = i18n.translate('common.ui.indexPattern.titleExistsLabel', { values: { title: this.title },
+          defaultMessage: 'An index pattern with the title \'{title}\' already exists.' });
         try {
           await confirmModalPromise(confirmMessage, { confirmButtonText: 'Go to existing pattern' });
           return kbnUrl.redirect('/management/kibana/indices/{{id}}', { id: potentialDuplicateByTitle.id });
@@ -431,7 +439,11 @@ export function IndexPatternProvider(Private, config, Promise, confirmModalPromi
 
       // We can override and we want to prompt for confirmation
       try {
-        await confirmModalPromise(`Are you sure you want to overwrite ${this.title}?`, { confirmButtonText: 'Overwrite' });
+        await confirmModalPromise(
+          i18n.translate('common.ui.indexPattern.confirmOverwriteLabel', { values: { title: this.title },
+            defaultMessage: 'Are you sure you want to overwrite \'{title}\'?' }),
+          { confirmButtonText: i18n.translate('common.ui.indexPattern.confirmOverwriteButton', { defaultMessage: 'Overwrite' })
+          });
       } catch (err) {
         // They changed their mind
         return false;
@@ -477,7 +489,11 @@ export function IndexPatternProvider(Private, config, Promise, confirmModalPromi
                 }
 
                 if (unresolvedCollision) {
-                  toastNotifications.addDanger('Unable to write index pattern! Refresh the page to get the most up to date changes for this index pattern.'); // eslint-disable-line max-len
+                  const message = i18n.translate(
+                    'common.ui.indexPattern.unableWriteLabel',
+                    { defaultMessage: 'Unable to write index pattern! Refresh the page to get the most up to date changes for this index pattern.' } // eslint-disable-line max-len
+                  );
+                  toastNotifications.addDanger(message);
                   throw err;
                 }
 
diff --git a/src/ui/public/index_patterns/_intervals.js b/src/ui/public/index_patterns/_intervals.js
index ef9033d659d69..2afd22276f976 100644
--- a/src/ui/public/index_patterns/_intervals.js
+++ b/src/ui/public/index_patterns/_intervals.js
@@ -22,6 +22,7 @@ import moment from 'moment';
 import { IndexedArray } from '../indexed_array';
 import { isNumeric } from '../utils/numeric';
 import { timefilter } from 'ui/timefilter';
+import { i18n } from '@kbn/i18n';
 
 export function IndexPatternsIntervalsProvider() {
 
@@ -31,27 +32,27 @@ export function IndexPatternsIntervalsProvider() {
       {
         name: 'hours',
         startOf: 'hour',
-        display: 'Hourly'
+        display: i18n.translate('common.ui.indexPattern.intervals.hourlyHeader', { defaultMessage: 'Hourly' })
       },
       {
         name: 'days',
         startOf: 'day',
-        display: 'Daily'
+        display: i18n.translate('common.ui.indexPattern.intervals.dailyHeader', { defaultMessage: 'Daily' })
       },
       {
         name: 'weeks',
         startOf: 'isoWeek',
-        display: 'Weekly'
+        display: i18n.translate('common.ui.indexPattern.intervals.weeklyHeader', { defaultMessage: 'Weekly' })
       },
       {
         name: 'months',
         startOf: 'month',
-        display: 'Monthly'
+        display: i18n.translate('common.ui.indexPattern.intervals.monthlyHeader', { defaultMessage: 'Monthly' })
       },
       {
         name: 'years',
         startOf: 'year',
-        display: 'Yearly'
+        display: i18n.translate('common.ui.indexPattern.intervals.yearlyHeader', { defaultMessage: 'Yearly' })
       }
     ]
   });
@@ -83,7 +84,12 @@ export function IndexPatternsIntervalsProvider() {
 
     if (typeof interval === 'string') {
       interval = _.find(intervals, { name: interval });
-      if (!interval) throw new Error('Interval must be one of ' + _.pluck(intervals, 'name'));
+      if (!interval) {
+        const errorMessage = i18n.translate('common.ui.indexPattern.intervalsErrorMessage',
+          { values: { intervals: _.pluck(intervals, 'name') }, defaultMessage: 'Interval must be one of {intervals}' });
+
+        throw new Error(errorMessage);
+      }
     }
 
     const indexList = [];
diff --git a/src/ui/public/index_patterns/route_setup/load_default.js b/src/ui/public/index_patterns/route_setup/load_default.js
index 061e08bb6ad78..a7726a203cd02 100644
--- a/src/ui/public/index_patterns/route_setup/load_default.js
+++ b/src/ui/public/index_patterns/route_setup/load_default.js
@@ -27,6 +27,7 @@ import {
   EuiCallOut,
 } from '@elastic/eui';
 import { clearTimeout } from 'timers';
+import { i18n } from '@kbn/i18n';
 
 let bannerId;
 let timeoutId;
@@ -43,8 +44,9 @@ function displayBanner() {
         color="warning"
         iconType="iInCircle"
         title={
-          `In order to visualize and explore data in Kibana,
-          you'll need to create an index pattern to retrieve data from Elasticsearch.`
+          i18n.translate('common.ui.indexPattern.bannerLabel',
+            //eslint-disable-next-line max-len
+            { defaultMessage: 'In order to visualize and explore data in Kibana, you\'ll need to create an index pattern to retrieve data from Elasticsearch.' })
         }
       />
     )