diff --git a/src/plugins/vis_type_timeseries/public/application/components/markdown_editor.js b/src/plugins/vis_type_timeseries/public/application/components/markdown_editor.js
index 904a27dcb23c2a..4b5038b82f4800 100644
--- a/src/plugins/vis_type_timeseries/public/application/components/markdown_editor.js
+++ b/src/plugins/vis_type_timeseries/public/application/components/markdown_editor.js
@@ -49,12 +49,12 @@ export class MarkdownEditor extends Component {
   }
 
   render() {
-    const { visData, model, dateFormat } = this.props;
+    const { visData, model, getConfig } = this.props;
 
     if (!visData) {
       return null;
     }
-
+    const dateFormat = getConfig('dateFormat');
     const series = _.get(visData, `${model.id}.series`, []);
     const variables = convertSeriesToVars(series, model, dateFormat, this.props.getConfig);
     const rows = [];
@@ -214,6 +214,6 @@ export class MarkdownEditor extends Component {
 MarkdownEditor.propTypes = {
   onChange: PropTypes.func,
   model: PropTypes.object,
-  dateFormat: PropTypes.string,
+  getConfig: PropTypes.func,
   visData: PropTypes.object,
 };
diff --git a/src/plugins/vis_type_timeseries/public/application/components/panel_config.js b/src/plugins/vis_type_timeseries/public/application/components/panel_config.js
index 3b081d8eb7db9e..999127a9eb5562 100644
--- a/src/plugins/vis_type_timeseries/public/application/components/panel_config.js
+++ b/src/plugins/vis_type_timeseries/public/application/components/panel_config.js
@@ -90,6 +90,6 @@ PanelConfig.propTypes = {
   fields: PropTypes.object,
   model: PropTypes.object,
   onChange: PropTypes.func,
-  dateFormat: PropTypes.string,
   visData$: PropTypes.object,
+  getConfig: PropTypes.func,
 };
diff --git a/src/plugins/vis_type_timeseries/public/application/components/panel_config/markdown.js b/src/plugins/vis_type_timeseries/public/application/components/panel_config/markdown.js
index 36d0e3a80e227d..ef7aec61a2f0d3 100644
--- a/src/plugins/vis_type_timeseries/public/application/components/panel_config/markdown.js
+++ b/src/plugins/vis_type_timeseries/public/application/components/panel_config/markdown.js
@@ -334,7 +334,6 @@ MarkdownPanelConfigUi.propTypes = {
   fields: PropTypes.object,
   model: PropTypes.object,
   onChange: PropTypes.func,
-  dateFormat: PropTypes.string,
 };
 
 export const MarkdownPanelConfig = injectI18n(MarkdownPanelConfigUi);
diff --git a/src/plugins/vis_type_timeseries/public/application/components/timeseries_visualization.tsx b/src/plugins/vis_type_timeseries/public/application/components/timeseries_visualization.tsx
index 5b5c99b9708542..454f6ff855b383 100644
--- a/src/plugins/vis_type_timeseries/public/application/components/timeseries_visualization.tsx
+++ b/src/plugins/vis_type_timeseries/public/application/components/timeseries_visualization.tsx
@@ -96,7 +96,6 @@ function TimeseriesVisualization({
   if (VisComponent) {
     return (
       <VisComponent
-        dateFormat={getConfig('dateFormat')}
         getConfig={getConfig}
         model={model}
         visData={visData}
diff --git a/src/plugins/vis_type_timeseries/public/application/components/vis_editor.js b/src/plugins/vis_type_timeseries/public/application/components/vis_editor.js
index 2cc50bd7efaebc..520ad281576cd3 100644
--- a/src/plugins/vis_type_timeseries/public/application/components/vis_editor.js
+++ b/src/plugins/vis_type_timeseries/public/application/components/vis_editor.js
@@ -181,7 +181,6 @@ export class VisEditor extends Component {
                   fields={this.state.visFields}
                   model={model}
                   visData$={this.visData$}
-                  dateFormat={this.props.config.get('dateFormat')}
                   onChange={this.handleChange}
                   getConfig={this.getConfig}
                 />
diff --git a/src/plugins/vis_type_timeseries/public/application/components/vis_types/index.ts b/src/plugins/vis_type_timeseries/public/application/components/vis_types/index.ts
index 56e58b4da34580..e6104ad08fe9ee 100644
--- a/src/plugins/vis_type_timeseries/public/application/components/vis_types/index.ts
+++ b/src/plugins/vis_type_timeseries/public/application/components/vis_types/index.ts
@@ -64,6 +64,5 @@ export interface TimeseriesVisProps {
   ) => void;
   uiState: PersistedState;
   visData: TimeseriesVisData;
-  dateFormat: string;
   getConfig: IUiSettingsClient['get'];
 }
diff --git a/src/plugins/vis_type_timeseries/public/application/components/vis_types/markdown/vis.js b/src/plugins/vis_type_timeseries/public/application/components/vis_types/markdown/vis.js
index e68b9e5ed8467e..ffc6bf0dda2d4c 100644
--- a/src/plugins/vis_type_timeseries/public/application/components/vis_types/markdown/vis.js
+++ b/src/plugins/vis_type_timeseries/public/application/components/vis_types/markdown/vis.js
@@ -31,9 +31,9 @@ import { isBackgroundInverted } from '../../../lib/set_is_reversed';
 const getMarkdownId = (id) => `markdown-${id}`;
 
 function MarkdownVisualization(props) {
-  const { backgroundColor, model, visData, dateFormat } = props;
+  const { backgroundColor, model, visData, getConfig } = props;
   const series = get(visData, `${model.id}.series`, []);
-  const variables = convertSeriesToVars(series, model, dateFormat, props.getConfig);
+  const variables = convertSeriesToVars(series, model, getConfig('dateFormat'), props.getConfig);
   const markdownElementId = getMarkdownId(uuid.v1());
 
   const panelBackgroundColor = model.background_color || backgroundColor;
@@ -103,7 +103,6 @@ MarkdownVisualization.propTypes = {
   onBrush: PropTypes.func,
   onChange: PropTypes.func,
   visData: PropTypes.object,
-  dateFormat: PropTypes.string,
   getConfig: PropTypes.func,
 };
 
diff --git a/src/plugins/vis_type_timeseries/public/application/components/vis_types/timeseries/vis.js b/src/plugins/vis_type_timeseries/public/application/components/vis_types/timeseries/vis.js
index b752699fa1548f..41837fbfb1d212 100644
--- a/src/plugins/vis_type_timeseries/public/application/components/vis_types/timeseries/vis.js
+++ b/src/plugins/vis_type_timeseries/public/application/components/vis_types/timeseries/vis.js
@@ -39,20 +39,18 @@ class TimeseriesVisualization extends Component {
     model: PropTypes.object,
     onBrush: PropTypes.func,
     visData: PropTypes.object,
-    dateFormat: PropTypes.string,
     getConfig: PropTypes.func,
   };
 
-  xAxisFormatter = (interval) => (val) => {
-    const scaledDataFormat = this.props.getConfig('dateFormat:scaled');
-    const { dateFormat } = this.props;
+  scaledDataFormat = this.props.getConfig('dateFormat:scaled');
+  dateFormat = this.props.getConfig('dateFormat');
 
-    if (!scaledDataFormat || !dateFormat) {
+  xAxisFormatter = (interval) => (val) => {
+    if (!this.scaledDataFormat || !this.dateFormat) {
       return val;
     }
 
-    const formatter = createXaxisFormatter(interval, scaledDataFormat, dateFormat);
-
+    const formatter = createXaxisFormatter(interval, this.scaledDataFormat, this.dateFormat);
     return formatter(val);
   };