diff --git a/app/components/expense-list/template.hbs b/app/components/expense-list/template.hbs
index dcfc5ee..64b033c 100644
--- a/app/components/expense-list/template.hbs
+++ b/app/components/expense-list/template.hbs
@@ -2,7 +2,7 @@
   {{#each @expenses as |expense|}}
     <li class="expense-item">
       <h4>
-        <span class="date">{{expense.date}}:</span>
+        <span class="date">{{fmt-date-localized expense.date}}:</span>
         <span class="title">{{expense.title}}</span>
       </h4>
       <div class="amount">
diff --git a/app/helpers/fmt-date-localized.js b/app/helpers/fmt-date-localized.js
new file mode 100644
index 0000000..a27bb28
--- /dev/null
+++ b/app/helpers/fmt-date-localized.js
@@ -0,0 +1,8 @@
+import { helper } from '@ember/component/helper';
+import getLocale from 'kredits-web/utils/get-locale';
+
+export default helper(function(dateStr) {
+  const date = new Date(dateStr);
+  const locale = getLocale();
+  return new Intl.DateTimeFormat(locale).format(date);
+});
diff --git a/app/utils/get-locale.js b/app/utils/get-locale.js
new file mode 100644
index 0000000..f80eb77
--- /dev/null
+++ b/app/utils/get-locale.js
@@ -0,0 +1,5 @@
+export default function() {
+  return (navigator.languages && navigator.languages.length) ?
+    navigator.languages[0] :
+    navigator.language;
+}