Create div group and put publication date in them

config/sync/core.entity_view_display.node.gleaning.card.yml

@@ -12,9 +12,31 @@ dependencies:
     - node.type.gleaning
     - responsive_image.styles.narrow
   module:
+    - datetime
     - ds
+    - field_group
     - responsive_image
     - user
+third_party_settings:
+  field_group:
+    group_card_content:
+      children:
+        - field_publication_date
+      parent_name: ''
+      weight: 1
+      format_type: html_element
+      format_settings:
+        id: ''
+        classes: ''
+        element: div
+        show_label: false
+        label_element: h3
+        label_element_classes: ''
+        attributes: ''
+        effect: none
+        speed: fast
+      label: 'Card content'
+      region: content
 id: node.gleaning.card
 targetEntityType: node
 bundle: gleaning
@@ -31,14 +53,18 @@ content:
     third_party_settings:
       ds:
         ds_limit: '1'
-  links:
+  field_publication_date:
-    weight: 1
+    type: datetime_default
+    weight: 5
     region: content
-    settings: {  }
+    label: above
+    settings:
+      format_type: medium
+      timezone_override: ''
     third_party_settings: {  }
 hidden:
   body: true
   comment: true
-  field_publication_date: true
   field_upload: true
+  links: true
   search_api_excerpt: true