@7365admin1/layer-common 4.2.2-staging.268 → 4.2.2-staging.269

package/components/Input/DateTimePicker.vue

@@ -108,7 +108,18 @@ function toUTCValue(value: string | null): string | null {
 // of watchers: no initial-load flag, no chance of the two models fighting each
 // other, and it behaves the same on the server as in the browser.
 const fieldValue = computed({
-  get: () => toInputValue(dateTime.value || dateTimeUTC.value),
+  get: () => {
+    // The two models only agree when the setter below wrote them together. When
+    // a PARENT writes one of them - the season pass dialog's subscription
+    // buttons write the UTC one - the other still holds this component's copy
+    // of whatever was in the field before, and reading that copy first would
+    // leave the field showing a date the form is no longer holding.
+    // Disagreement means the parent wrote, so the parent wins.
+    if (dateTimeUTC.value && toUTCValue(dateTime.value) !== dateTimeUTC.value) {
+      return toInputValue(dateTimeUTC.value);
+    }
+    return toInputValue(dateTime.value || dateTimeUTC.value);
+  },
   set: (value: string | null) => {
     dateTime.value = value || null;
     dateTimeUTC.value = toUTCValue(value);

package/components/VehicleForm.vue

@@ -268,7 +268,7 @@
                     />
                     <InputDateTimePicker
                       ref="startDateRef"
-                      v-model="vehicle.start"
+                      v-model:utc="vehicle.start"
                       :rules="[validStartDateRule]"
                     />
                   </v-col>
@@ -281,7 +281,7 @@
                     />
                     <InputDateTimePicker
                       ref="expiryDateRef"
-                      v-model="vehicle.end"
+                      v-model:utc="vehicle.end"
                       :rules="[validExpiryDateRule]"
                     />
                   </v-col>
@@ -439,7 +439,7 @@ const prop = defineProps({
   },
 });
 
-const { requiredRule, formatDateISO8601, debounce } = useUtils();
+const { requiredRule, debounce } = useUtils();
 const {
   addVehicle,
   getCustomSeasonPassTypes,
@@ -881,15 +881,20 @@ async function submit() {
 
 // }
 
+/*
+ * The subscription buttons write the same thing the picker writes: a real
+ * instant.
+ *
+ * `formatDateISO8601` returns `YYYY-MM-DDTHH:mm` with no zone - the browser's
+ * WALL CLOCK, not a moment in time. Sent to the API as-is, the server parsed it
+ * in its own zone (UTC) and a pass entered as 05/12/2026 6:45 pm came back as
+ * 06/12/2026 2:45 am. These two fields now carry UTC end to end, so the preset
+ * and the picker cannot disagree about what "now" meant.
+ */
 watch(selectedSubscriptionDuration, (duration) => {
-  const dateNowISO = formatDateISO8601(new Date());
-  const weeksLaterISO = (week: number) => {
-    const now = new Date();
-    const dateWeekLater = new Date(
-      now.getTime() + week * 7 * 24 * 60 * 60 * 1000
-    );
-    return formatDateISO8601(dateWeekLater);
-  };
+  const dateNowISO = new Date().toISOString();
+  const weeksLaterISO = (week: number) =>
+    new Date(Date.now() + week * 7 * 24 * 60 * 60 * 1000).toISOString();
 
   if (duration === "custom") {
     vehicle.start = "";

package/package.json

@@ -2,7 +2,7 @@
   "name": "@7365admin1/layer-common",
   "license": "MIT",
   "type": "module",
-  "version": "4.2.2-staging.268",
+  "version": "4.2.2-staging.269",
   "author": "7365admin1",
   "main": "./nuxt.config.ts",
   "//files": "What a consumer extending this layer actually loads. Without this npm ships the whole working tree - the changesets, the CI workflows, the render harness in tools/ and any scratch directory that happened to exist at publish time. Nuxt resolves a layer by directory, so every runtime directory below has to stay listed; adding a new top-level runtime directory means adding it here too.",