adjustments to the yml and markup files

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'

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.

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.

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.

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,

source/_patterns/04-components/teaser/teaser--event/teaser--event.yml

 ---
 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)'

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.