diff --git a/source/_patterns/02-base/date-formats/date-formats.yml b/source/_patterns/02-base/date-formats/date-formats.yml
index 84ada72187b3cc48b3f2879ee54e9b368f146716..9fb7d41b7c5642dac8d2921cde1e77768b985c2b 100644
--- a/source/_patterns/02-base/date-formats/date-formats.yml
+++ b/source/_patterns/02-base/date-formats/date-formats.yml
@@ -6,7 +6,7 @@ date_formats:
     date: 'Friday, September 18, 2020'
   -
     date_format: 'long-datetime'
-    date: 'Friday, September 18, 2020 - 4:20pm'
+    date: 'Friday, September 18, 2020 - 4:20 PM'
   -
     date_format: 'medium-date'
     date: 'September 18, 2018'
@@ -15,10 +15,10 @@ date_formats:
     date: 'Sep. 18, 2020'
   -
     date_format: 'medium-datetime'
-    date: 'September 18, 2020 - 4:20pm'
+    date: 'September 18, 2020 - 4:20 PM'
   -
     date_format: 'short-date'
     date: '09-18-2020'
   -
     date_format: 'short-datetime'
-    date: '09-18-2020, - 4:20pm'
+    date: '09-18-2020, - 4:20 PM'
diff --git a/source/_patterns/04-components/card/card.md b/source/_patterns/04-components/card/card.md
index 13e257a69c683e9e0edce51fce2ccf73b7868a9b..a12859b2d5992e0bf080294f3bc84724040ade78 100644
--- a/source/_patterns/04-components/card/card.md
+++ b/source/_patterns/04-components/card/card.md
@@ -13,13 +13,13 @@ __Variables:__
 * show_hover: [boolean] to show outline and shadow on hover
 * date: [string] Date of the card.
 * date_format: [string] Choose the date format used for presentation.
-    * long_date
-    * long_datetime
-    * medium_date
-    * medium_datetime
-    * medium_date_short_month
-    * short_date
-    * short_datetime
+    * long-date
+    * long-datetime
+    * medium-date
+    * medium-datetime
+    * medium-date-short-month
+    * short-date
+    * short-datetime
 * read_more: [boolean] Whether to show the read more link.
 * footer: [string] Footer content of the card.
 * sources: [string] URL for the srcset of picture tag inside of responsive-image.
diff --git a/source/_patterns/04-components/teaser/teaser--blog/teaser--blog.md b/source/_patterns/04-components/teaser/teaser--blog/teaser--blog.md
index 6d0d02b6e6779655536c4ef0bf534b1e0b7589b9..619df899c1799912f86a85f0d63c83cab401ffca 100644
--- a/source/_patterns/04-components/teaser/teaser--blog/teaser--blog.md
+++ b/source/_patterns/04-components/teaser/teaser--blog/teaser--blog.md
@@ -13,13 +13,13 @@ __Variables: (same form card)__
 * show_hover: [boolean] to show outline and shadow on hover
 * date: [string] Date of the card.
 * date_format: [string] Choose the date format used for presentation.
-    * long_date
-    * long_datetime
-    * medium_date
-    * medium_datetime
-    * medium_date_short_month
-    * short_date
-    * short_datetime
+    * long-date
+    * long-datetime
+    * medium-date
+    * medium-datetime
+    * medium-date-short-month
+    * short-date
+    * short-datetime
 * sources: [string] URL for the srcset of picture tag inside of responsive-image.
 * img_element: [string] Url to source of fall back image.
 * alt: [string] Alt text to the image used in the picture tag or fallback image.
diff --git a/source/_patterns/04-components/teaser/teaser--event/teaser--event.md b/source/_patterns/04-components/teaser/teaser--event/teaser--event.md
index c43a452d7e9d96cf43cb4a447f936fe019bd7740..cfc2ae281a8cf935666a604b912ac3c717d9dea6 100644
--- a/source/_patterns/04-components/teaser/teaser--event/teaser--event.md
+++ b/source/_patterns/04-components/teaser/teaser--event/teaser--event.md
@@ -13,13 +13,13 @@ __Variables: (same form card)__
 * show_hover: [boolean] to show outline and shadow on hover
 * date: [string] Date of the card.
 * date_format: [string] Choose the date format used for presentation.
-    * long_date
-    * long_datetime
-    * medium_date
-    * medium_datetime
-    * medium_date_short_month
-    * short_date
-    * short_datetime
+    * long-date
+    * long-datetime
+    * medium-date
+    * medium-datetime
+    * medium-date-short-month
+    * short-date
+    * short-datetime
 * sources: [string] URL for the srcset of picture tag inside of responsive-image.
 * img_element: [string] Url to source of fall back image.
 * alt: [string] Alt text to the image used in the picture tag or fallback image.
diff --git a/source/_patterns/04-components/teaser/teaser--event/teaser--event.twig b/source/_patterns/04-components/teaser/teaser--event/teaser--event.twig
index 424373f10add913158a82bd03eab7f2e6e7926f3..b9afa8a292153bc12343e6db92f24fb65df1d796 100644
--- a/source/_patterns/04-components/teaser/teaser--event/teaser--event.twig
+++ b/source/_patterns/04-components/teaser/teaser--event/teaser--event.twig
@@ -7,7 +7,7 @@
   title: title,
   url: url,
   date: date,
-  date_format: 'medium-date-short-month',
+  date_format: 'long-datetime',
   sources: sources,
   img_element: img_element,
   alt: alt,
diff --git a/source/_patterns/04-components/teaser/teaser--event/teaser--event.yml b/source/_patterns/04-components/teaser/teaser--event/teaser--event.yml
index d869727212a2316985b42d216cdc47debd841e6d..c9d1e953d42f3a4dbb1ac09401f075a4870b8ae1 100644
--- a/source/_patterns/04-components/teaser/teaser--event/teaser--event.yml
+++ b/source/_patterns/04-components/teaser/teaser--event/teaser--event.yml
@@ -1,7 +1,7 @@
 ---
 title: 'Event Teaser title'
 url: '#'
-date: 'SEP 18, 2020'
+date: 'Friday, September 18, 2020 - 4:20 PM'
 sources:
   - srcset: '../../../../source/images/president/president_xlarge.jpg'
     media: 'all and (min-width: 63.19rem)'
diff --git a/source/_patterns/04-components/teaser/teaser.md b/source/_patterns/04-components/teaser/teaser.md
index 689e15c91378c73ddf5518da619d3123fba75c8b..f0a2705ec44e7e306194f00f9099fac759e5f187 100644
--- a/source/_patterns/04-components/teaser/teaser.md
+++ b/source/_patterns/04-components/teaser/teaser.md
@@ -12,13 +12,13 @@ __Variables: (same form card)__
 * author_link:  [string] URL for the author link.
 * date: [string] Date of the card.
 * date_format: [string] Choose the date format used for presentation.
-    * long_date
-    * long_datetime
-    * medium_date
-    * medium_datetime
-    * medium_date_short_month
-    * short_date
-    * short_datetime
+    * long-date
+    * long-datetime
+    * medium-date
+    * medium-datetime
+    * medium-date-short-month
+    * short-date
+    * short-datetime
 * read_more: [boolean] Whether to show the read more link.
 * footer: [string] Footer content of the card.
 * sources: [string] URL for the srcset of picture tag inside of responsive-image.