@asd20/ui 3.2.813 → 3.2.814

package/package.json

@@ -5,7 +5,7 @@
     "*.scss",
     "*.vue"
   ],
-  "version": "3.2.813",
+  "version": "3.2.814",
   "private": false,
   "license": "MIT",
   "repository": {

package/src/components/atoms/Asd20CalendarEventButton/index.vue

@@ -7,7 +7,7 @@
     :style="{ '--accent-color': event.calendarColor }"
   >
     <span class="title"
-      ><span>{{ event.summary }}</span></span
+      ><span>{{ sanitizedSummary }}</span></span
     >
     <span class="time">{{ start }}{{ end }}</span>
     <span class="start-time">{{ startTime }}</span>
@@ -36,20 +36,43 @@ export default {
           this.event.allday || this.event.multiDay,
       }
     },
-
     startTime() {
-      return format(parse(this.event.start), 'h:mm aa')
+      return format(
+        parse(this.event.start, "yyyy-MM-dd'T'HH:mm:ssX", new Date()),
+        'h:mm aa'
+      )
     },
     start() {
-      return format(parse(this.event.start), 'h:mm aa, MMMM DD YYYY')
+      return format(
+        parse(this.event.start, "yyyy-MM-dd'T'HH:mm:ssX", new Date()),
+        'h:mm aa, MMMM DD YYYY'
+      )
     },
     end() {
-      return ' to ' + format(parse(this.event.end), 'h:mm aa, MMMM DD YYYY')
+      return (
+        ' to ' +
+        format(
+          parse(this.event.end, "yyyy-MM-dd'T'HH:mm:ssX", new Date()),
+          'h:mm aa, MMMM DD YYYY'
+        )
+      )
+    },
+    sanitizedSummary() {
+      return this.sanitizeSummary(this.event.summary)
+    },
+  },
+  methods: {
+    // specifically for rSchool events that have extraneous school names in the summary
+    sanitizeSummary(summary) {
+      if (!summary) return summary
+      const pattern = /vs\.[^>]*>Multiple Schools/
+      return summary.replace(pattern, 'vs. Multiple Schools')
     },
   },
 }
 </script>
 
+
 <style lang="scss" scoped>
 @import '../../../design/_mixins.scss';
 @import '../../../design/_variables.scss';