@asd20/ui-next 2.3.4 → 2.3.5

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [2.3.5](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.3.4...ui-next-v2.3.5) (2026-04-28)
+
+
+### Bug Fixes
+
+* restore published and modified dates in the page header for announcements and stories ([9b9e9be](https://github.com/academydistrict20/asd20-ui-next/commit/9b9e9be565ddf787a4eb8455bb0c285747903539))
+
 ## [2.3.4](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.3.3...ui-next-v2.3.4) (2026-04-21)
 
 ## [2.3.3](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.3.2...ui-next-v2.3.3) (2026-04-17)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asd20/ui-next",
-  "version": "2.3.4",
+  "version": "2.3.5",
   "private": false,
   "description": "ASD20 UI component library for Vue 3.",
   "license": "MIT",

package/src/components/organisms/Asd20PageHeader/index.vue

@@ -70,19 +70,27 @@
             v-html="heading"
           />
           <div
-            v-if="publishDateTime || categories.length || $slots.meta"
+            v-if="hasMeta"
             class="asd20-page-header__meta"
           >
-            <span class="date-prefix">Published:</span>
+            <span
+              v-if="publishDateTime"
+              class="date-prefix"
+            >
+              Published:
+            </span>
             <asd20-formatted-date
               v-if="publishDateTime"
               :date-time="publishDateTime"
             />
             <div
-              v-if="modifiedDateTime && showModifiedDateTime"
+              v-if="showModifiedDateTime"
               class="modified-meta"
+              :class="{ 'modified-meta--after-published': publishDateTime }"
             >
-              <span class="date-prefix"> | Updated:</span>
+              <span class="date-prefix">
+                {{ publishDateTime ? '| ' : '' }}Updated:
+              </span>
               <asd20-formatted-date :date-time="modifiedDateTime" />
             </div>
             <asd20-tag-group
@@ -243,16 +251,32 @@ export default {
         this.detailLink.replace(/\/$/, '').split('/').pop()
       )
     },
+    hasMeta() {
+      return (
+        this.publishDateTime ||
+        this.showModifiedDateTime ||
+        this.categories.length ||
+        this.$slots.meta
+      )
+    },
     showModifiedDateTime() {
+      if (!this.modifiedDateTime) return false
+      if (!this.publishDateTime) return true
+
       const publishDateTimeString = new Date(this.publishDateTime)
       const modifiedDateTimeString = new Date(this.modifiedDateTime)
-      // console.log(publishDateTimeString, modifiedDateTimeString)
 
-      let publishDateTimePlusOne = new Date(
+      if (
+        Number.isNaN(publishDateTimeString.getTime()) ||
+        Number.isNaN(modifiedDateTimeString.getTime())
+      ) {
+        return false
+      }
+
+      const publishDateTimePlusOne = new Date(
         publishDateTimeString.setDate(publishDateTimeString.getDate() + 1)
       )
-      // console.log(publishDateTimePlusOne, modifiedDateTimeString)
-      return modifiedDateTimeString > publishDateTimePlusOne ? true : false
+      return modifiedDateTimeString > publishDateTimePlusOne
     },
     styles() {
       return {
@@ -486,6 +510,9 @@ export default {
     .modified-meta {
       display: inline-block;
     }
+    .modified-meta--after-published {
+      margin-left: 0.25em;
+    }
     .asd20-formatted-date {
       @include asd20-font(
         0.6,

package/src/components/templates/Asd20ArticleTemplate/index.vue

@@ -33,9 +33,9 @@
       :organization-options="organizationOptions"
       :language-code="languageCode"
       :breadcrumb-links="breadcrumbLinks"
-      :publish-date-time="parentPage ? '' : publishDateTime"
-      :modified-date-time="parentPage ? '' : modifiedDateTime"
-      :categories="parentPage ? [] : messageCategories"
+      :publish-date-time="publishDateTime"
+      :modified-date-time="modifiedDateTime"
+      :categories="messageCategories"
       @update:languageCode="$emit('update:languageCode', $event)"
     >
       <!-- Floating Notifications -->