diff --git a/package.json b/package.json
index 4401500cce42b4..70d95e789826a6 100644
--- a/package.json
+++ b/package.json
@@ -104,7 +104,7 @@
     "@babel/register": "7.4.4",
     "@elastic/charts": "^9.1.1",
     "@elastic/datemath": "5.0.2",
-    "@elastic/eui": "13.1.1",
+    "@elastic/eui": "13.3.0",
     "@elastic/filesaver": "1.1.2",
     "@elastic/good": "8.1.1-kibana2",
     "@elastic/numeral": "2.3.3",
diff --git a/src/core/public/i18n/__snapshots__/i18n_service.test.tsx.snap b/src/core/public/i18n/__snapshots__/i18n_service.test.tsx.snap
index 0910635924ea26..e6fd864bcedd9d 100644
--- a/src/core/public/i18n/__snapshots__/i18n_service.test.tsx.snap
+++ b/src/core/public/i18n/__snapshots__/i18n_service.test.tsx.snap
@@ -54,8 +54,14 @@ exports[`#start() returns \`Context\` component 1`] = `
           "euiStepNumber.hasErrors": "has errors",
           "euiStepNumber.hasWarnings": "has warnings",
           "euiStepNumber.isComplete": "complete",
+          "euiSuperDatePicker.showDatesButtonLabel": "Show dates",
           "euiSuperSelect.screenReaderAnnouncement": [Function],
           "euiSuperSelectControl.selectAnOption": [Function],
+          "euiSuperUpdateButton.cannotUpdateTooltip": "Cannot update",
+          "euiSuperUpdateButton.clickToApplyTooltip": "Click to apply",
+          "euiSuperUpdateButton.refreshButtonLabel": "Refresh",
+          "euiSuperUpdateButton.updateButtonLabel": "Uodate",
+          "euiSuperUpdateButton.updatingButtonLabel": "Updating",
           "euiTablePagination.rowsPerPage": "Rows per page",
           "euiTablePagination.rowsPerPageOption": [Function],
           "euiTableSortMobile.sorting": "Sorting",
diff --git a/src/core/public/i18n/i18n_service.tsx b/src/core/public/i18n/i18n_service.tsx
index 78411a7a418d79..66c24a6557ca04 100644
--- a/src/core/public/i18n/i18n_service.tsx
+++ b/src/core/public/i18n/i18n_service.tsx
@@ -285,6 +285,13 @@ export class I18nService {
         description:
           'Used as the title attribute on an image or svg icon to indicate a given process step is complete',
       }),
+      'euiSuperDatePicker.showDatesButtonLabel': i18n.translate(
+        'core.euiSuperDatePicker.showDatesButtonLabel',
+        {
+          defaultMessage: 'Show dates',
+          description: 'Displayed in a button that shows date picker',
+        }
+      ),
       'euiSuperSelect.screenReaderAnnouncement': ({ optionsCount }: EuiValues) =>
         i18n.translate('core.euiSuperSelect.screenReaderAnnouncement', {
           defaultMessage:
@@ -296,6 +303,41 @@ export class I18nService {
           defaultMessage: 'Select an option: {selectedValue}, is selected',
           values: { selectedValue },
         }),
+      'euiSuperUpdateButton.cannotUpdateTooltip': i18n.translate(
+        'core.euiSuperUpdateButton.cannotUpdateTooltip',
+        {
+          defaultMessage: 'Cannot update',
+          description: "Displayed in a tooltip when updates can't happen",
+        }
+      ),
+      'euiSuperUpdateButton.clickToApplyTooltip': i18n.translate(
+        'core.euiSuperUpdateButton.clickToApplyTooltip',
+        {
+          defaultMessage: 'Click to apply',
+          description: "Displayed in a tooltip when there are changes that haven't been applied",
+        }
+      ),
+      'euiSuperUpdateButton.refreshButtonLabel': i18n.translate(
+        'core.euiSuperUpdateButton.refreshButtonLabel',
+        {
+          defaultMessage: 'Refresh',
+          description: 'Displayed in a button that refreshes based on date picked',
+        }
+      ),
+      'euiSuperUpdateButton.updatingButtonLabel': i18n.translate(
+        'core.euiSuperUpdateButton.updatingButtonLabel',
+        {
+          defaultMessage: 'Updating',
+          description: 'Displayed in a button that refreshes when updates are happening',
+        }
+      ),
+      'euiSuperUpdateButton.updateButtonLabel': i18n.translate(
+        'core.euiSuperUpdateButton.updateButtonLabel',
+        {
+          defaultMessage: 'Uodate',
+          description: 'Displayed in a button that updates based on date picked',
+        }
+      ),
       'euiTablePagination.rowsPerPage': i18n.translate('core.euiTablePagination.rowsPerPage', {
         defaultMessage: 'Rows per page',
         description: 'Displayed in a button that toggles a table pagination menu',
diff --git a/src/legacy/core_plugins/kibana/public/home/components/tutorial/__snapshots__/instruction_set.test.js.snap b/src/legacy/core_plugins/kibana/public/home/components/tutorial/__snapshots__/instruction_set.test.js.snap
index 9b50b31448ecc1..6004cde57773bd 100644
--- a/src/legacy/core_plugins/kibana/public/home/components/tutorial/__snapshots__/instruction_set.test.js.snap
+++ b/src/legacy/core_plugins/kibana/public/home/components/tutorial/__snapshots__/instruction_set.test.js.snap
@@ -49,7 +49,6 @@ exports[`render 1`] = `
   />
   <EuiSteps
     firstStepNumber={1}
-    headingElement="p"
     steps={
       Array [
         Object {
@@ -133,7 +132,6 @@ exports[`statusCheckState checking status 1`] = `
   />
   <EuiSteps
     firstStepNumber={1}
-    headingElement="p"
     steps={
       Array [
         Object {
@@ -252,7 +250,6 @@ exports[`statusCheckState failed status check - error 1`] = `
   />
   <EuiSteps
     firstStepNumber={1}
-    headingElement="p"
     steps={
       Array [
         Object {
@@ -376,7 +373,6 @@ exports[`statusCheckState failed status check - no data 1`] = `
   />
   <EuiSteps
     firstStepNumber={1}
-    headingElement="p"
     steps={
       Array [
         Object {
@@ -500,7 +496,6 @@ exports[`statusCheckState initial state - no check has been attempted 1`] = `
   />
   <EuiSteps
     firstStepNumber={1}
-    headingElement="p"
     steps={
       Array [
         Object {
@@ -619,7 +614,6 @@ exports[`statusCheckState successful status check 1`] = `
   />
   <EuiSteps
     firstStepNumber={1}
-    headingElement="p"
     steps={
       Array [
         Object {
diff --git a/src/legacy/core_plugins/kibana/public/home/components/tutorial/__snapshots__/saved_objects_installer.test.js.snap b/src/legacy/core_plugins/kibana/public/home/components/tutorial/__snapshots__/saved_objects_installer.test.js.snap
index 147a57bdaadaec..0256e97798fa7e 100644
--- a/src/legacy/core_plugins/kibana/public/home/components/tutorial/__snapshots__/saved_objects_installer.test.js.snap
+++ b/src/legacy/core_plugins/kibana/public/home/components/tutorial/__snapshots__/saved_objects_installer.test.js.snap
@@ -116,8 +116,6 @@ exports[`bulkCreate should display error message when bulkCreate request fails 1
   }
 >
   <EuiSteps
-    firstStepNumber={1}
-    headingElement="p"
     steps={
       Array [
         Object {
@@ -180,39 +178,42 @@ exports[`bulkCreate should display error message when bulkCreate request fails 1
         <div
           className="euiStep"
         >
-          <EuiScreenReaderOnly>
-            <span
-              className="euiScreenReaderOnly"
+          <div
+            className="euiStep__titleWrapper"
+          >
+            <EuiI18n
+              default={[Function]}
+              token="euiStep.ariaLabel"
+              values={
+                Object {
+                  "status": "incomplete",
+                }
+              }
             >
-              <EuiI18n
-                default="Incomplete Step"
-                token="euiStep.incompleteStep"
+              <EuiStepNumber
+                aria-label="Incomplete Step 1"
+                className="euiStep__circle"
+                isHollow={true}
+                number={1}
+                status="incomplete"
               >
-                Incomplete Step
-              </EuiI18n>
-               
-            </span>
-          </EuiScreenReaderOnly>
-          <EuiStepNumber
-            className="euiStep__circle"
-            isHollow={true}
-            number={1}
-            status="incomplete"
-          >
-            <div
-              className="euiStepNumber euiStepNumber--incomplete euiStepNumber-isHollow euiStep__circle"
-            />
-          </EuiStepNumber>
-          <EuiTitle
-            className="euiStep__title"
-            size="s"
-          >
-            <p
-              className="euiTitle euiTitle--small euiStep__title"
+                <div
+                  aria-label="Incomplete Step 1"
+                  className="euiStepNumber euiStepNumber--incomplete euiStepNumber-isHollow euiStep__circle"
+                />
+              </EuiStepNumber>
+            </EuiI18n>
+            <EuiTitle
+              className="euiStep__title"
+              size="s"
             >
-              Load Kibana objects
-            </p>
-          </EuiTitle>
+              <p
+                className="euiTitle euiTitle--small euiStep__title"
+              >
+                Load Kibana objects
+              </p>
+            </EuiTitle>
+          </div>
           <div
             className="euiStep__content"
           >
@@ -427,8 +428,6 @@ exports[`bulkCreate should display success message when bulkCreate is successful
   }
 >
   <EuiSteps
-    firstStepNumber={1}
-    headingElement="p"
     steps={
       Array [
         Object {
@@ -491,73 +490,76 @@ exports[`bulkCreate should display success message when bulkCreate is successful
         <div
           className="euiStep"
         >
-          <EuiScreenReaderOnly>
-            <span
-              className="euiScreenReaderOnly"
-            >
-              <EuiI18n
-                default="Step"
-                token="euiStep.completeStep"
-              >
-                Step
-              </EuiI18n>
-               
-            </span>
-          </EuiScreenReaderOnly>
-          <EuiStepNumber
-            className="euiStep__circle"
-            isHollow={false}
-            number={1}
-            status="complete"
+          <div
+            className="euiStep__titleWrapper"
           >
-            <div
-              className="euiStepNumber euiStepNumber--complete euiStep__circle"
+            <EuiI18n
+              default={[Function]}
+              token="euiStep.ariaLabel"
+              values={
+                Object {
+                  "status": "complete",
+                }
+              }
             >
-              <EuiI18n
-                default="complete"
-                token="euiStepNumber.isComplete"
+              <EuiStepNumber
+                aria-label="Step 1"
+                className="euiStep__circle"
+                isHollow={false}
+                number={1}
+                status="complete"
               >
-                <EuiIcon
-                  aria-label="complete"
-                  className="euiStepNumber__icon"
-                  type="check"
+                <div
+                  aria-label="Step 1"
+                  className="euiStepNumber euiStepNumber--complete euiStep__circle"
                 >
-                  <EuiIconCheck
-                    aria-label="complete"
-                    className="euiIcon euiIcon--medium euiIcon-isLoaded euiStepNumber__icon"
-                    focusable="false"
-                    style={null}
+                  <EuiI18n
+                    default="complete"
+                    token="euiStepNumber.isComplete"
                   >
-                    <svg
+                    <EuiIcon
                       aria-label="complete"
-                      className="euiIcon euiIcon--medium euiIcon-isLoaded euiStepNumber__icon"
-                      focusable="false"
-                      height={16}
-                      style={null}
-                      viewBox="0 0 16 16"
-                      width={16}
-                      xmlns="http://www.w3.org/2000/svg"
+                      className="euiStepNumber__icon"
+                      type="check"
                     >
-                      <path
-                        d="M6.5 12a.502.502 0 0 1-.354-.146l-4-4a.502.502 0 0 1 .708-.708L6.5 10.793l6.646-6.647a.502.502 0 0 1 .708.708l-7 7A.502.502 0 0 1 6.5 12"
-                        fillRule="evenodd"
-                      />
-                    </svg>
-                  </EuiIconCheck>
-                </EuiIcon>
-              </EuiI18n>
-            </div>
-          </EuiStepNumber>
-          <EuiTitle
-            className="euiStep__title"
-            size="s"
-          >
-            <p
-              className="euiTitle euiTitle--small euiStep__title"
+                      <EuiIconCheck
+                        aria-label="complete"
+                        className="euiIcon euiIcon--medium euiIcon-isLoaded euiStepNumber__icon"
+                        focusable="false"
+                        style={null}
+                      >
+                        <svg
+                          aria-label="complete"
+                          className="euiIcon euiIcon--medium euiIcon-isLoaded euiStepNumber__icon"
+                          focusable="false"
+                          height={16}
+                          style={null}
+                          viewBox="0 0 16 16"
+                          width={16}
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M6.5 12a.502.502 0 0 1-.354-.146l-4-4a.502.502 0 0 1 .708-.708L6.5 10.793l6.646-6.647a.502.502 0 0 1 .708.708l-7 7A.502.502 0 0 1 6.5 12"
+                            fillRule="evenodd"
+                          />
+                        </svg>
+                      </EuiIconCheck>
+                    </EuiIcon>
+                  </EuiI18n>
+                </div>
+              </EuiStepNumber>
+            </EuiI18n>
+            <EuiTitle
+              className="euiStep__title"
+              size="s"
             >
-              Load Kibana objects
-            </p>
-          </EuiTitle>
+              <p
+                className="euiTitle euiTitle--small euiStep__title"
+              >
+                Load Kibana objects
+              </p>
+            </EuiTitle>
+          </div>
           <div
             className="euiStep__content"
           >
@@ -658,8 +660,6 @@ exports[`bulkCreate should display success message when bulkCreate is successful
 
 exports[`renders 1`] = `
 <EuiSteps
-  firstStepNumber={1}
-  headingElement="p"
   steps={
     Array [
       Object {
diff --git a/test/interpreter_functional/plugins/kbn_tp_run_pipeline/package.json b/test/interpreter_functional/plugins/kbn_tp_run_pipeline/package.json
index f120e4051d7056..4bd1eece12f87e 100644
--- a/test/interpreter_functional/plugins/kbn_tp_run_pipeline/package.json
+++ b/test/interpreter_functional/plugins/kbn_tp_run_pipeline/package.json
@@ -7,7 +7,7 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@elastic/eui": "13.1.1",
+    "@elastic/eui": "13.3.0",
     "react": "^16.8.0",
     "react-dom": "^16.8.0"
   }
diff --git a/test/plugin_functional/plugins/kbn_tp_custom_visualizations/package.json b/test/plugin_functional/plugins/kbn_tp_custom_visualizations/package.json
index c624057bdd8e97..dfa3dacb4fb8b7 100644
--- a/test/plugin_functional/plugins/kbn_tp_custom_visualizations/package.json
+++ b/test/plugin_functional/plugins/kbn_tp_custom_visualizations/package.json
@@ -7,7 +7,7 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@elastic/eui": "13.1.1",
+    "@elastic/eui": "13.3.0",
     "react": "^16.8.0"
   }
 }
diff --git a/test/plugin_functional/plugins/kbn_tp_embeddable_explorer/package.json b/test/plugin_functional/plugins/kbn_tp_embeddable_explorer/package.json
index bc031dc374a40f..69f4cdaa895e23 100644
--- a/test/plugin_functional/plugins/kbn_tp_embeddable_explorer/package.json
+++ b/test/plugin_functional/plugins/kbn_tp_embeddable_explorer/package.json
@@ -8,7 +8,7 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@elastic/eui": "13.1.1",
+    "@elastic/eui": "13.3.0",
     "react": "^16.8.0"
   },
   "scripts": {
diff --git a/test/plugin_functional/plugins/kbn_tp_sample_panel_action/package.json b/test/plugin_functional/plugins/kbn_tp_sample_panel_action/package.json
index 07854b083e509b..1d5f5f42020158 100644
--- a/test/plugin_functional/plugins/kbn_tp_sample_panel_action/package.json
+++ b/test/plugin_functional/plugins/kbn_tp_sample_panel_action/package.json
@@ -8,7 +8,7 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@elastic/eui": "13.1.1",
+    "@elastic/eui": "13.3.0",
     "react": "^16.8.0"
   },
   "scripts": {
diff --git a/test/plugin_functional/plugins/kbn_tp_visualize_embedding/package.json b/test/plugin_functional/plugins/kbn_tp_visualize_embedding/package.json
index d71ed95166f9b8..fc80e03cc1f4ad 100644
--- a/test/plugin_functional/plugins/kbn_tp_visualize_embedding/package.json
+++ b/test/plugin_functional/plugins/kbn_tp_visualize_embedding/package.json
@@ -7,7 +7,7 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@elastic/eui": "13.1.1",
+    "@elastic/eui": "13.3.0",
     "react": "^16.8.0",
     "react-dom": "^16.8.0"
   }
diff --git a/test/plugin_functional/test_suites/custom_visualizations/self_changing_vis.js b/test/plugin_functional/test_suites/custom_visualizations/self_changing_vis.js
index cca6ba4339747e..73f3ffef63135c 100644
--- a/test/plugin_functional/test_suites/custom_visualizations/self_changing_vis.js
+++ b/test/plugin_functional/test_suites/custom_visualizations/self_changing_vis.js
@@ -32,7 +32,7 @@ export default function ({ getService, getPageObjects }) {
     return await testSubjects.getAttribute('counterEditor', 'value');
   }
 
-  describe('self changing vis', function describeIndexTests() {
+  describe.skip('self changing vis', function describeIndexTests() {
 
     before(async () => {
       await PageObjects.visualize.navigateToNewVisualization();
diff --git a/x-pack/legacy/plugins/apm/public/components/app/ServiceOverview/__test__/__snapshots__/ServiceOverview.test.tsx.snap b/x-pack/legacy/plugins/apm/public/components/app/ServiceOverview/__test__/__snapshots__/ServiceOverview.test.tsx.snap
index fca6e13c0862e2..573278c407389a 100644
--- a/x-pack/legacy/plugins/apm/public/components/app/ServiceOverview/__test__/__snapshots__/ServiceOverview.test.tsx.snap
+++ b/x-pack/legacy/plugins/apm/public/components/app/ServiceOverview/__test__/__snapshots__/ServiceOverview.test.tsx.snap
@@ -278,6 +278,7 @@ NodeList [
       >
         <span
           class="euiBadge euiBadge--iconLeft euiBadge--hollow"
+          title="test"
         >
           <span
             class="euiBadge__content"
@@ -291,6 +292,7 @@ NodeList [
         </span>
         <span
           class="euiBadge euiBadge--iconLeft euiBadge--hollow"
+          title="dev"
         >
           <span
             class="euiBadge__content"
diff --git a/x-pack/package.json b/x-pack/package.json
index dabd767494304a..b7480495e31a56 100644
--- a/x-pack/package.json
+++ b/x-pack/package.json
@@ -184,7 +184,7 @@
     "@babel/runtime": "7.4.5",
     "@elastic/ctags-langserver": "^0.1.5",
     "@elastic/datemath": "5.0.2",
-    "@elastic/eui": "13.1.1",
+    "@elastic/eui": "13.3.0",
     "@elastic/javascript-typescript-langserver": "^0.2.2",
     "@elastic/lsp-extension": "^0.1.2",
     "@elastic/maki": "6.1.0",
diff --git a/yarn.lock b/yarn.lock
index e8c344730a0950..8960c2c7f0f3b1 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1664,10 +1664,10 @@
     tabbable "^1.1.0"
     uuid "^3.1.0"
 
-"@elastic/eui@13.1.1":
-  version "13.1.1"
-  resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-13.1.1.tgz#35ff2bdb4f38b12a2a82108d9b10ba5949eef3a9"
-  integrity sha512-yPqxQYWSIEO4nhgWDHY48Ty9eUD1xLYogKUPXzla3OESOj8vqYLD/fCYX4M3s32NZgLzjvy8AaFiCNsZ3SF6yw==
+"@elastic/eui@13.3.0":
+  version "13.3.0"
+  resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-13.3.0.tgz#05c78ffcb2041ebafd807e23dd3d32553e8c1812"
+  integrity sha512-Z/1KGaqKY2PCJXdJ3XTSTcnZZxjFysafvIWNRs+O0C+IQsyy0cz5Sj8BaM9pUgYVjL2SaO04Hs9Yb09MDJwFGQ==
   dependencies:
     "@types/lodash" "^4.14.116"
     "@types/numeral" "^0.0.25"