Add superuser vehicle creation flow

src/components/displays/buttons/DatePeriodSelector.vue

@@ -5,7 +5,6 @@ import { useWindowSize } from "@vueuse/core";
 import { BMessage } from "buefy";
 
 import { SessionUser } from "@/components/session/token/SessionUser.vue";
-import { formatLocalDateOnly, parseLocalDateOnly } from "@/services/dateOnly.js";
 
 type DateRange = {
   startDate: Date,
@@ -116,11 +115,23 @@ const availableYears = computed(() => (
 ));
 
 const formatDateInputValue = (date: Date) => {
-  return formatLocalDateOnly(date);
+  if (!(date instanceof Date) || Number.isNaN(date.getTime())) {
+    return "";
+  }
+
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const day = String(date.getDate()).padStart(2, "0");
+  return `${year}-${month}-${day}`;
 };
 
 const parseDateInputValue = (value: string) => {
-  return parseLocalDateOnly(value);
+  const match = /^(\d{4})-(\d{2})-(\d{2})$/.exec(value);
+  if (!match) {
+    return new Date(value);
+  }
+
+  return new Date(Number(match[1]), Number(match[2]) - 1, Number(match[3]));
 };
 
 const isSameDateInputValue = (left: Date, right: Date) => (

src/components/displays/department/pos/steps/PosDepartmentStep1.vue

@@ -30,7 +30,6 @@ import PosLastScannedLicensePlatesV2 from "@/components/displays/department/pos/
 import PosDesktopOrderBookingSelectorModal from "@/components/displays/department/pos/steps/elements/PosDesktopOrderBookingSelectorModal.vue";
 import PosDesktopCustomerConflictModal from "@/components/displays/department/pos/steps/elements/PosDesktopCustomerConflictModal.vue";
 import PosDesktopDuplicateWarning from "@/components/displays/department/pos/steps/elements/PosDesktopDuplicateWarning.vue";
-import { todayLocalDateOnly } from "@/services/dateOnly.js";
 import { SessionUser } from "@/components/session/token/SessionUser.vue";
 import { parsePosRouteSearch } from "@/views/dashboards/departmentDashboard/modules/Pos/posRouteState.js";
 import {
@@ -378,8 +377,8 @@ const fetchDuplicateOrdersForContext = async (context) => {
   try {
     const response = await SessionUser.request(SessionUser.objects.orders.meta.endpoint, "GET", {
       filters: `reg_1:${normalizedContext.reg1},department_id:${department_id.value},created_at-date_from:${
-        todayLocalDateOnly()
-      },created_at-date_to:${todayLocalDateOnly()}`,
+        new Date().toISOString().split("T")[0]
+      },created_at-date_to:${new Date().toISOString().split("T")[0]}`,
       limit: 5,
     });
 

src/components/displays/department/pos/steps/mobile/elements/PosDepartmentStepMobile2AdditionalItems.vue

@@ -22,7 +22,7 @@ import PosDepartmentStep2MobileVehicleSelection
 import GenericButton from "@/components/viewport/page/templates/generic/graphics/GenericButton.vue";
 import PosDepartmentStepMobile2FloatingCart
   from "@/components/displays/department/pos/steps/mobile/elements/PosDepartmentStepMobile2FloatingCart.vue";
-import { isAddonRestricted, canBuyAdditionalServices, isProductRestricted } from "@/components/shop/POSDepartmentProcess.vue";
+import { isAddonRestricted, canBuyAdditionalServices } from "@/components/shop/POSDepartmentProcess.vue";
 
 const props = defineProps({
   label: {
@@ -46,7 +46,6 @@ const props = defineProps({
   },
 });
 
-const canSelectAdditionalItems = computed(() => canBuyAdditionalServices());
 const checked = ref(props.defaultChecked);
 // Function to generate a summary from the last order
 function generateSummary(order: PosOrder): string {
@@ -73,12 +72,6 @@ const displaySubtitle = computed(() => {
 });
 // Emit event on toggle
 function onToggle(isOpen: boolean) {
-  if (isOpen && !canSelectAdditionalItems.value) {
-    checked.value = false;
-    pos.views.additionalItemSelection.value = false;
-    return;
-  }
-
   checked.value = isOpen;
   // Open the additional item selection view if toggled open
   if (isOpen) {
@@ -125,45 +118,17 @@ const getAvailableAdditionalItems = () => {
   }));
 }
 const availableAdditionalItems = ref<Addon[]>(getAvailableAdditionalItems());
-const isAdditionalItemRestricted = (product: PosProduct) => {
-  if (!canSelectAdditionalItems.value) {
-    return true;
-  }
-  if (isProductRestricted(product)) {
-    return true;
-  }
-  return isAddonRestricted(convertProductToAddon(product));
-}
-
-watch(canSelectAdditionalItems, (canSelect) => {
-  if (!canSelect) {
-    checked.value = false;
-    pos.views.additionalItemSelection.value = false;
-  }
-});
 
 // Computed property to filter out restricted additional items based on customer attributes
 const filteredAdditionalItems = computed(() => {
   // If additional services are restricted, return empty array
-  if (!canSelectAdditionalItems.value) {
+  if (!canBuyAdditionalServices()) {
     return [];
   }
   // Filter out individually restricted addons
-  return availableAdditionalItems.value.filter((addon: Addon) => {
-    if (isAddonRestricted(addon)) {
-      return false;
-    }
-    if (addon.product && isProductRestricted(addon.product)) {
-      return false;
-    }
-    return true;
-  });
+  return availableAdditionalItems.value.filter((addon: Addon) => !isAddonRestricted(addon));
 });
 const onClickAddOtherProduct = () => {
-  if (!canSelectAdditionalItems.value) {
-    pos.views.additionalItemSelection.value = false;
-    return;
-  }
   pos.views.additionalItemSelection.value = !pos.views.additionalItemSelection.value;
 }
 
@@ -194,9 +159,7 @@ watch(() => pos.transactionItems.additionalItems.value, (newVal) => {
 }, { deep: true });
 
 const onClickAddProduct = async (product: PosProduct) => {
-  if (isAdditionalItemRestricted(product)) {
-    return;
-  }
+  // If the product requires note, open note input.
   pos.transactionItems.addAdditionalItem(product);
   // If the view is fullscreen, close it after adding
   //if (pos.views.additionalItemSelection.value) {
@@ -208,7 +171,7 @@ const onClickAddProduct = async (product: PosProduct) => {
 <template>
   <div data-testid="pos-mobile-additional-items">
   <!-- Minimal view, when not set as fullscreen view -->
-    <WhiteBoxCard :toggleable="canSelectAdditionalItems && pos.transactionItems.additionalItems.value && pos.transactionItems.additionalItems.value.length == 0"
+    <WhiteBoxCard :toggleable="pos.transactionItems.additionalItems.value && pos.transactionItems.additionalItems.value.length == 0"
                   :defaultOpen="pos.transactionItems.additionalItems.value && pos.transactionItems.additionalItems.value.length > 0"
                   @toggle="onToggle"
                   :forceState="(pos.transactionItems.additionalItems.value && pos.transactionItems.additionalItems.value.length > 0) ? true : (pos.views.additionalItemSelection.value)"
@@ -238,7 +201,7 @@ const onClickAddProduct = async (product: PosProduct) => {
         </div>
       </template>
       <!-- Footer -->
-      <template #footer v-if="canSelectAdditionalItems">
+      <template #footer>
         <!-- Select other product button -->
         <a class="card-footer-item" data-testid="pos-mobile-additional-items-open" @click="onClickAddOtherProduct">
           <span class="icon">
@@ -249,7 +212,7 @@ const onClickAddProduct = async (product: PosProduct) => {
       </template>
     </WhiteBoxCard>
     <!-- Fullscreen view, when selecting other products -->
-    <template v-else-if="canSelectAdditionalItems">
+    <template v-else>
       <div data-testid="pos-mobile-additional-items-selection">
       <!-- Categories of products -->
       <PosDepartmentStep2MobileVehicleSelection :onAddProduct="onClickAddProduct" :onSearchClick="() => console.warn('AdditionalItem Search Clicked')"/><!-- :asAddons="true" :addons="availableAdditionalItems" @update:addons="availableAdditionalItems = $event"/>-->

src/components/displays/department/pos/steps/mobile/views/PosDepartmentStep1MobileTransactionHistory.vue

@@ -12,7 +12,6 @@ import PosDepartmentStepMobileButtonNextStep from "@/components/displays/departm
 import SessionUser from "@/components/session/token/SessionUser.vue";
 import { PosOrder } from "@/components/displays/department/pos/steps/mobile/objects/PosOrder.vue";
 import WhiteBoxCard from "@/components/displays/boxes/WhiteBoxCard.vue";
-import { todayLocalDateOnly } from "@/services/dateOnly.js";
 // Define the close event to emit when the component is closed
 const emit = defineEmits(["close"]);
 /** Display variables */
@@ -127,7 +126,7 @@ const liveTransactions = ref(null);
 const isLoading = ref(true);
 
 const syncListTransactionHistory = async () => {
-  let dateToday = todayLocalDateOnly(); // Get today's date in YYYY-MM-DD format
+  let dateToday = new Date().toISOString().split("T")[0]; // Get today's date in YYYY-MM-DD format
   isLoading.value = true;
   // Fetch the list of orders created today for the current department
   SessionUser.objects.orders.get

src/components/displays/pagination/PaginationDisplayDates.vue

@@ -1,7 +1,6 @@
 <script lang="ts">
 import { defineComponent } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { formatLocalDateOnly } from '@/services/dateOnly.js';
 type startEndDate = {
   start: Date; // The start date of the range
   end: Date; // The end date of the range
@@ -28,7 +27,7 @@ const datePresetFunctions = {
   month: {
     // Get the first day of the month based on the provided date first day at 00:00:01
     firstDayOfMonth: (date: Date): Date => {
-      return new Date(date.getFullYear(), date.getMonth(), 1, 0, 0, 0, 0); // Set to the first day of the month at 00:00:00
+      return new Date(date.getFullYear(), date.getMonth(), 2, 0, 0, 1, 0); // Set to the first day of the month at 00:00:01
     },
     // Get the last day of the month based on the provided date last day at 23:59:59
     lastDayOfMonth: (date: Date): Date => {
@@ -117,7 +116,7 @@ export const datePresets = <datePreset[]>[
  */
 
 const convertToISO = (date: Date): string => {
-  return formatLocalDateOnly(date); // Convert to YYYY-MM-DD format
+  return date.toISOString().split('T')[0]; // Convert to YYYY-MM-DD format
 };
 
 export const dateFunctions = {
@@ -151,4 +150,4 @@ export default defineComponent({
   },
 });
 </script>
-<template></template>
+<template></template>

src/components/displays/pagination/models/DepartmentPos/XLVaskUsagePagination.vue

@@ -50,7 +50,6 @@ import ShowErrorField from "@/components/global/ShowErrorField.vue";
 import { useI18n } from 'vue-i18n'
 import { BSwitch } from "buefy";
 import { isUsageOrderAttachedToOrder } from "@/components/displays/department/pos/sync/xlvaskUsageFilters.js";
-import { formatLocalDateOnly, parseLocalDateOnly } from "@/services/dateOnly.js";
 
 const { t } = useI18n()
 const router = useRouter();
@@ -64,7 +63,7 @@ const parseInitialDate = (value) => {
     return new Date();
   }
 
-  const parsed = parseLocalDateOnly(value);
+  const parsed = new Date(`${value}T00:00:00`);
   return Number.isNaN(parsed.getTime()) ? new Date() : parsed;
 };
 
@@ -130,7 +129,7 @@ const dateFrom = ref(parseInitialDate(props.initialDateFrom));
 const dateTo = ref(parseInitialDate(props.initialDateTo));
 
 const parsedDate = (date) => {
-  return parseLocalDateOnly(date);
+  return new Date(date);
 };
 
 const reloadScheduled = ref(false);
@@ -149,14 +148,14 @@ const actions = {
     from: {
       select: (date) => {
         dateFrom.value = parsedDate(date);
-        setFilter("StartTime-date_from", formatLocalDateOnly(date), false);
+        setFilter("StartTime-date_from", date.toISOString().split("T")[0], false);
         scheduleReload();
       }
     },
     to: {
       select: (date) => {
         dateTo.value = parsedDate(date);
-        setFilter("StartTime-date_to", formatLocalDateOnly(date), false);
+        setFilter("StartTime-date_to", date.toISOString().split("T")[0], false);
         scheduleReload();
       }
     },

src/components/displays/pagination/models/SuperUserDashboard/InvoiceOrdersPagination.vue

@@ -109,8 +109,8 @@ import OrdersTable from "@/components/displays/department/pos/orders/ordersTable
 import {SessionUser} from "@/components/session/token/SessionUser.vue";
 import PaginationDisplayFilters from "@/components/displays/pagination/PaginationDisplayFilters.vue";
 import DatePeriodSelector from "@/components/displays/buttons/DatePeriodSelector.vue";
+import {now} from "@vueuse/core";
 import { useI18n } from 'vue-i18n'
-import { formatLocalDateOnly, parseLocalDateOnly, todayLocalDateOnly } from "@/services/dateOnly.js";
 
 const { t } = useI18n()
 const router = useRouter();
@@ -176,8 +176,8 @@ if (props.autoLoad) {
 const date_from = ref(null);
 const date_to = ref(null);
 const onDateRangeSelected = (newSelectionStartDate, newSelectionToDate) => {
-  const formattedStartDate = formatLocalDateOnly(newSelectionStartDate);
-  const formattedEndDate = formatLocalDateOnly(newSelectionToDate);
+  const formattedStartDate = newSelectionStartDate.toISOString().split("T")[0];
+  const formattedEndDate = newSelectionToDate.toISOString().split("T")[0];
   date_from.value = formattedStartDate;
   date_to.value = formattedEndDate;
   setFilter("created_at-date_from", formattedStartDate, true);
@@ -361,7 +361,7 @@ const doesEndpointMatch = (matcher) => {
         <!-- Shortcuts for date filters -->
         <DatePeriodSelector :on-selection-change="onDateRangeSelected"
                             :visibility="{ showDailySelector: false, showWeeklySelector: false, showMultipleMonthWarning: false, showUpdateButton: false, showMonthSelector: false, showStartDate: false, showEndDate: false, showSelectionValidity: false, showYearSelector: false, showToLabel: false }"
-                            v-bind:selection="{ startDate: parseLocalDateOnly(date_from || todayLocalDateOnly()), endDate: parseLocalDateOnly(date_to || todayLocalDateOnly()) }"/>
+                            v-bind:selection="{ startDate: date_from ? new Date(date_from) : new Date(now()), endDate: date_to ? new Date(date_to) : new Date(now()) }"/>
         </div>
       </template>
       <template #default>

src/components/displays/pagination/models/UserDashboard/BookingsPagination.vue

@@ -28,7 +28,6 @@ import {ref, watch} from "vue";
 import { Colors } from "@/ThemeConfig.vue";
 import { SessionUser } from "@/components/session/token/SessionUser.vue";
 import { useI18n } from 'vue-i18n'
-import { todayLocalDateOnly } from "@/services/dateOnly.js";
 
 const { t } = useI18n()
 const router = useRouter();
@@ -53,7 +52,7 @@ watch(() => getFilter("status"), (value) => {
 // If the route starts with /user, set the endpoint to /user/bookings
 if (router.currentRoute.value.path.startsWith("/user")) {
   setEndpoint("/user/bookings", false);
-  setFilter("date", todayLocalDateOnly(), false);
+  setFilter("date", new Date().toISOString().split("T")[0], false);
   setOrder("created_at", "desc");
 }
 // If the route starts with /superuser, set the endpoint to /bookings
@@ -82,7 +81,7 @@ loadList();
 const showingToday = ref(true);
 
 watch(() => getFilter("date"), (value) => {
-  showingToday.value = value === todayLocalDateOnly();
+  showingToday.value = value === new Date().toISOString().split("T")[0];
 });
 
 // If the screen is mobile, set the is small variable to true
@@ -152,7 +151,7 @@ const showNewOrderBookingsPortal = () => {
         <label class="label">{{ isSmall ? t('common.today') : t('pagination.show_only_today') }}</label>
         <div class="control">
           <div class="field">
-            <input id="today" type="checkbox" class="switch is-rounded" @change="(event) => { setFilter('date', event.target.checked ? todayLocalDateOnly() : '*') }" checked="checked" :class="{ 'is-link': showingToday }" />
+            <input id="today" type="checkbox" class="switch is-rounded" @change="(event) => { setFilter('date', event.target.checked ? new Date().toISOString().split('T')[0] : '*') }" checked="checked" :class="{ 'is-link': showingToday }" />
             <label for="today"></label>
           </div>
         </div>
@@ -189,4 +188,4 @@ const showNewOrderBookingsPortal = () => {
 
 <style scoped>
 
-</style>
+</style>

src/components/displays/pagination/models/UserDashboard/OrderBookingsPagination.vue

@@ -8,7 +8,6 @@ import OrderBookingsTable from "@/views/dashboards/userDashboard/bookings/displa
 import { departments, getDepartments } from "@/components/pagination/departmentTabs.vue";
 import { Colors } from "@/ThemeConfig.vue";
 import { useI18n } from "vue-i18n";
-import { endOfLocalDate, startOfLocalDate, todayLocalDateOnly } from "@/services/dateOnly.js";
 
 const { t } = useI18n();
 /**
@@ -53,9 +52,11 @@ const onOnlyTodayFilterChange = (event, autoLoadList = true) => {
     setFilter("datetime-date_from", null, false);
     setFilter("datetime-date_to", null, false);
   } else {
+    const startOfDay = new Date().setHours(0, 0, 0, 0);
+    const endOfDay = new Date().setHours(23, 59, 59, 999);
     //setFilter('datetime', null, false);
-    setFilter("datetime-date_from", startOfLocalDate(val).toISOString(), false);
-    setFilter("datetime-date_to", endOfLocalDate(val).toISOString(), false);
+    setFilter("datetime-date_from", new Date(startOfDay).toISOString(), false);
+    setFilter("datetime-date_to", new Date(endOfDay).toISOString(), false);
   }
   if (autoLoadList) {
     loadList();
@@ -94,7 +95,7 @@ onMounted(() => {
       departmentFilter.value = value;
     } else if (key === "only_today" && value === true) {
       setFilterKey = false; // Since the only_today filter is handled separately
-      onOnlyTodayFilterChange({ target: { value: todayLocalDateOnly() } }, false);
+      onOnlyTodayFilterChange({ target: { value: new Date().toISOString().split("T")[0] } }, false);
     }
     if (setFilterKey) {
       setFilter(key, value, false);
@@ -169,7 +170,7 @@ onMounted(() => {
               <div class="select">
                 <select :value="onlyTodayFilter" @change="onOnlyTodayFilterChange">
                   <option value="*">{{ t("common.all") }}</option>
-                  <option :value="todayLocalDateOnly()">{{ t("common.yes") }}</option>
+                  <option :value="new Date().toISOString().split('T')[0]">{{ t("common.yes") }}</option>
                 </select>
               </div>
             </div>
@@ -192,7 +193,7 @@ onMounted(() => {
                   @change="
                     (event) => {
                       onOnlyTodayFilterChange({
-                        target: { value: event.target.checked ? todayLocalDateOnly() : '*' },
+                        target: { value: event.target.checked ? new Date().toISOString().split('T')[0] : '*' },
                       });
                     }
                   "
@@ -225,7 +226,7 @@ onMounted(() => {
               @change="
                 (event) => {
                   onOnlyTodayFilterChange(
-                    { target: { value: event.target.checked ? todayLocalDateOnly() : '*' } },
+                    { target: { value: event.target.checked ? new Date().toISOString().split('T')[0] : '*' } },
                     false
                   );
                   onOrderIdFilterChange({ target: { value: event.target.checked ? 'is null' : '*' } });

src/components/displays/pagination/templates/PaginationDisplayTemplateDate.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import PaginationDisplayItemColumn from "@/components/displays/pagination/PaginationDisplayItemColumn.vue";
-import { computed } from "vue";
-import { formatLocalDateOnly, parseLocalDateOnly } from "@/services/dateOnly.js";
+import { ref, computed } from "vue";
 const props = defineProps({
   label: {
     type: String,
@@ -20,7 +19,7 @@ defineExpose({
 });
 
 const formattedDate = computed(() => {
-  return formatLocalDateOnly(date.value);
+  return date.value.toISOString().split('T')[0];
 });
 
 // This component is used to display a date input in a pagination display item column.
@@ -37,7 +36,8 @@ const formattedDate = computed(() => {
         class="input"
         :value="formattedDate"
         @input="(e) => {
-          const newDate = parseLocalDateOnly(e.target.value);
+          const newDate = new Date(e.target.value);
+          console.log('Selected date:', newDate);
           emit('update:date', newDate);
         }"
       />
@@ -47,4 +47,4 @@ const formattedDate = computed(() => {
 
 <style scoped>
 
-</style>
+</style>

src/components/displays/pagination/templates/PaginationDisplayTemplateDates.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { computed, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { SessionUser } from '@/components/session/token/SessionUser.vue';
 
@@ -9,7 +10,7 @@ import PaginationDisplayTemplateButton
   from "@/components/displays/pagination/templates/PaginationDisplayTemplateButton.vue";
 import { datePresets , dateFunctions} from '@/components/displays/pagination/PaginationDisplayDates.vue';
 
-defineProps({
+const props = defineProps({
   startDate: {
     type: Date,
     required: true,
@@ -45,7 +46,6 @@ function updateStartDate(date: Date) {
 // Update the end date model when the date is changed
 function updateEndDate(date: Date) {
   endDateModel.value = date;
-  emits('update:endDate', date);
 }
 </script>
 
@@ -79,4 +79,4 @@ function updateEndDate(date: Date) {
 
 <style scoped>
 
-</style>
+</style>

src/components/displays/user/bookings/bookingsTable.vue

@@ -13,7 +13,6 @@ import { showDownloadWashCertificate } from "@/components/shop/DownloadWashCerti
 import { authenticatedRequest } from "@/components/session/authenticatedRequest.vue";
 import Swal from 'sweetalert2';
 import EditableTableColumn from "@/components/displays/buttons/EditableTableColumn.vue";
-import { todayLocalDateOnly, yesterdayLocalDateOnly } from "@/services/dateOnly.js";
 const redirectBookingObjectPage = (objectId) => {
   // Send the user to the object page
   window.location.href = `/user/bookings/${objectId}`;
@@ -238,8 +237,7 @@ window.addEventListener('resize', () => {
  * To organize the bookings, we want to show the bookings that are created today first, then yesterday, then all other days
  * @type {string}
  */
-const currentDate = todayLocalDateOnly();
-const previousDate = yesterdayLocalDateOnly();
+const currentDate = new Date().toISOString().split("T")[0];
 
 /**
  * Sort the bookings by date
@@ -364,7 +362,7 @@ const canUserEditObject = (object) => {
           </span>
           <span class="has-text-grey">
             <!-- Human readable date (Today, Yesterday, etc.) -->
-            {{ object.date === currentDate ? $t('tables.bookings.today') : object.date === previousDate ? $t('tables.bookings.yesterday') : object.date }}
+            {{ object.date === currentDate ? $t('tables.bookings.today') : object.date === new Date(new Date().setDate(new Date().getDate() - 1)).toISOString().split("T")[0] ? $t('tables.bookings.yesterday') : object.date }}
             <!-- Number of bookings on the date -->
             ({{ $t('tables.bookings.bookings_count', { count: objects.filter((booking) => booking.date === object.date).length }) }})
           </span>

src/components/global/ErrorReportLauncher.vue

@@ -19,17 +19,17 @@ const SENSITIVE_QUERY_KEYS = /authorization|password|passwd|secret|token|api[_-]
 const FALLBACK_LABELS = {
   "error_report.button": "Report error",
   "error_report.title": "Report error",
-  "error_report.subtitle": "Send recent error details to support. A screenshot is attached when available.",
+  "error_report.subtitle": "Send the current screen and recent error details to support.",
   "error_report.before_error": "What were you doing before the error occurred?",
   "error_report.expected": "What did you expect would happen?",
   "error_report.actual": "What actually happened?",
   "error_report.before_error_placeholder": "Describe the action you were taking, for example opening orders or selecting a customer.",
   "error_report.expected_placeholder": "Describe the result you expected to see.",
   "error_report.actual_placeholder": "Describe what you saw instead, including any error text.",
-  "error_report.consent": "I accept that recent request errors, Vue errors, browser details, my answers, and an app screenshot when available are collected for troubleshooting.",
+  "error_report.consent": "I accept that the current app screen, recent request errors, Vue errors, browser details, and my answers are collected for troubleshooting.",
   "error_report.submit": "Submit report",
   "error_report.submitted": "Error report submitted.",
-  "error_report.capture_failed": "The screen capture failed. The report will be sent without a screenshot.",
+  "error_report.capture_failed": "The screen capture failed. Please try again.",
   "error_report.submit_failed": "The error report could not be submitted.",
   "error_report.required": "All fields and data collection acceptance are required.",
 };
@@ -277,18 +277,15 @@ const submit = async () => {
 
   isSubmitting.value = true;
   try {
-    let screenshot = null;
+    let screenshot = "";
     try {
       screenshot = await captureScreenshot();
     } catch {
       captureError.value = tr("error_report.capture_failed");
+      return;
     }
 
     const context = buildContext();
-    context.screenshot_attachment = {
-      status: screenshot ? "stored" : "capture_failed",
-      attached: Boolean(screenshot),
-    };
     await submitErrorReport({
       before_error: form.before_error.trim(),
       expected: form.expected.trim(),
@@ -343,7 +340,7 @@ const submit = async () => {
         <div v-if="submitted" class="notification is-success is-light" data-testid="error-report-submitted">
           {{ tr("error_report.submitted") }}
         </div>
-        <div v-if="captureError" class="notification is-warning is-light" data-testid="error-report-capture-warning">
+        <div v-if="captureError" class="notification is-danger is-light">
           {{ captureError }}
         </div>
         <div v-if="submitError" class="notification is-danger is-light">

src/components/menus/admin/AdminLeftMenu.vue

@@ -4,7 +4,6 @@ import { ref, watch, onMounted } from "vue";
 import { SessionUser } from "@/components/session/token/SessionUser.vue";
 import { useRoute } from "vue-router";
 import { isAccessibleVisibleNamedDepartment, sortByDepartmentPriorityOrder } from "@/services/departmentVisibility.js";
-import { todayLocalDateOnly } from "@/services/dateOnly.js";
 // Get the department ID from the URL
 const route = useRoute();
 const department_id = route.params.departmentId || SessionUser.functions.getDepartmentIdFromUrl() || null;
@@ -74,9 +73,9 @@ const emphasis = ref({
           "department:" +
           department_id +
           ",status:pending,date-date_from:" +
-          todayLocalDateOnly() +
+          new Date().toISOString().split("T")[0] +
           ",date-date_to:" +
-          todayLocalDateOnly(),
+          new Date().toISOString().split("T")[0],
         limit: 1, // Limit to 1 booking, we only need to know if there are any bookings or not
         page: 1,
       })
@@ -98,7 +97,7 @@ const emphasis = ref({
        * Check if the department has a daily report for today
        */
       SessionUser.request(SessionUser.objects.department_daily_reports.meta.endpoint + "/get", "GET", {
-        date: todayLocalDateOnly(),
+        date: new Date().toISOString().split("T")[0],
         id: department_id, // This refers to the department ID
       })
         .then((response) => {

src/components/session/token/SessionUser/Objects/Bookings.vue

@@ -5,7 +5,6 @@ import { ObjectsGlobal } from "@/components/session/token/SessionUser/Objects/Ob
 import { SessionUser } from "@/components/session/token/SessionUser.vue";
 import {ref} from "vue";
 import i18n from '@/i18n';
-import { todayLocalDateOnly } from "@/services/dateOnly.js";
 
 const t = (key) => i18n.global.t(key);
 
@@ -242,7 +241,7 @@ export const Bookings = {
           '/bookings',
           'GET',
           {
-            filters: `department:${department},status:pending,date-date_from:${todayLocalDateOnly()},date-date_to:${todayLocalDateOnly()}`,
+            filters: `department:${department},status:pending,date-date_from:${new Date().toISOString().split('T')[0]},date-date_to:${new Date().toISOString().split('T')[0]}`,
             limit: 100,
             page: 1
           }
@@ -290,4 +289,4 @@ export const Bookings = {
     );
   }
 };
-</script>
+</script>

src/components/session/token/SessionUser/Objects/DepartmentDailyReports.vue

@@ -5,7 +5,6 @@ import { ObjectsGlobal } from "@/components/session/token/SessionUser/Objects/Ob
 import { SessionUser } from "@/components/session/token/SessionUser.vue";
 import {ref} from "vue";
 import i18n from '@/i18n';
-import { todayLocalDateOnly } from "@/services/dateOnly.js";
 
 const t = (key) => i18n.global.t(key);
 
@@ -81,7 +80,7 @@ const t = (key) => i18n.global.t(key);
               water_usage_morning: parseInt(water_usage_morning),
               water_usage: parseInt(water_usage),
               notes: notes ? notes : 'Daily report',
-              date: date ? date : todayLocalDateOnly()
+              date: date ? date : new Date().toISOString().split('T')[0]
             }
         );
       },

src/components/session/token/SessionUser/Objects/DepartmentTimeBookingsEntries.vue

@@ -1,7 +1,6 @@
 <script>
 import { ObjectsGlobal } from "@/components/session/token/SessionUser/Objects/ObjectsGlobal.vue";
 import { SessionUser } from "@/components/session/token/SessionUser.vue";
-import { formatLocalDateOnly, todayLocalDateOnly } from "@/services/dateOnly.js";
 
 /**
  * The DepartmentTimeBookingsEntries object
@@ -231,10 +230,10 @@ export const DepartmentTimeBookingsEntries = {
       if (!dateFrom) {
         const lastWeek = new Date();
         lastWeek.setDate(lastWeek.getDate() - 7);
-        dateFrom = formatLocalDateOnly(lastWeek); // Format as YYYY-MM-DD
+        dateFrom = lastWeek.toISOString().split('T')[0]; // Format as YYYY-MM-DD
       }
       if (!dateTo) {
-        dateTo = todayLocalDateOnly(); // Format as YYYY-MM-DD
+        dateTo = new Date().toISOString().split('T')[0]; // Format as YYYY-MM-DD
       }
       console.log("Fetching public available times for department:", departmentId, "from", dateFrom, "to", dateTo);
       // Make the request to fetch public available times for the department
@@ -280,4 +279,4 @@ export const DepartmentTimeBookingsEntries = {
     );
   }
 };
-</script>
+</script>

src/i18n/generated/da-v2.json

@@ -3478,17 +3478,17 @@
         "error_report": {
           "button": "Rapporter fejl",
           "title": "Rapporter fejl",
-          "subtitle": "Send de seneste fejldetaljer til support. Et skærmbillede vedhæftes, når det er muligt.",
+          "subtitle": "Send det aktuelle skærmbillede og de seneste fejldetaljer til support.",
           "before_error": "Hvad lavede du, før fejlen opstod?",
           "expected": "Hvad forventede du, der ville ske?",
           "actual": "Hvad skete der faktisk?",
           "before_error_placeholder": "Beskriv handlingen, du var i gang med, for eksempel at åbne ordrer eller vælge en kunde.",
           "expected_placeholder": "Beskriv det resultat, du forventede at se.",
           "actual_placeholder": "Beskriv, hvad du så i stedet, inklusive eventuel fejltekst.",
-          "consent": "Jeg accepterer, at de seneste request-fejl, Vue-fejl, browseroplysninger, mine svar og et app-skærmbillede, når det er muligt, indsamles til fejlfinding.",
+          "consent": "Jeg accepterer, at det aktuelle app-skærmbillede, de seneste request-fejl, Vue-fejl, browseroplysninger og mine svar indsamles til fejlfinding.",
           "submit": "Send rapport",
           "submitted": "Fejlrapporten er sendt.",
-          "capture_failed": "Skærmbilledet kunne ikke oprettes. Rapporten sendes uden skærmbillede.",
+          "capture_failed": "Skærmbilledet kunne ikke oprettes. Prøv igen.",
           "submit_failed": "Fejlrapporten kunne ikke sendes.",
           "required": "Alle felter og accept af dataindsamling er påkrævet.",
           "page_subtitle": "Rapporterede skærme, request-fejl og Vue-fejl",

src/i18n/generated/de-v2.json

@@ -3589,17 +3589,17 @@
         "error_report": {
           "button": "Fehler melden",
           "title": "Fehler melden",
-          "subtitle": "Sende die letzten Fehlerdetails an den Support. Ein Screenshot wird angehängt, wenn möglich.",
+          "subtitle": "Sende den aktuellen Bildschirm und die letzten Fehlerdetails an den Support.",
           "before_error": "Was haben Sie getan, bevor der Fehler auftrat?",
           "expected": "Was hatten Sie erwartet?",
           "actual": "Was ist tatsächlich passiert?",
           "before_error_placeholder": "Beschreiben Sie die Aktion, zum Beispiel Bestellungen öffnen oder einen Kunden auswählen.",
           "expected_placeholder": "Beschreiben Sie das erwartete Ergebnis.",
           "actual_placeholder": "Beschreiben Sie, was stattdessen zu sehen war, inklusive Fehlermeldung.",
-          "consent": "Ich akzeptiere, dass letzte Request-Fehler, Vue-Fehler, Browserdetails, meine Antworten und ein App-Screenshot, wenn möglich, zur Fehlersuche erfasst werden.",
+          "consent": "Ich akzeptiere, dass der aktuelle App-Bildschirm, letzte Request-Fehler, Vue-Fehler, Browserdetails und meine Antworten zur Fehlersuche erfasst werden.",
           "submit": "Bericht senden",
           "submitted": "Fehlerbericht gesendet.",
-          "capture_failed": "Der Screenshot konnte nicht erstellt werden. Der Bericht wird ohne Screenshot gesendet.",
+          "capture_failed": "Der Screenshot konnte nicht erstellt werden. Bitte versuchen Sie es erneut.",
           "submit_failed": "Der Fehlerbericht konnte nicht gesendet werden.",
           "required": "Alle Felder und die Zustimmung zur Datenerfassung sind erforderlich.",
           "page_subtitle": "Gemeldete Bildschirme, Request-Fehler und Vue-Fehler",

src/i18n/generated/en-v2.json

@@ -3310,17 +3310,17 @@
         "error_report": {
           "button": "Report error",
           "title": "Report error",
-          "subtitle": "Send recent error details to support. A screenshot is attached when available.",
+          "subtitle": "Send the current screen and recent error details to support.",
           "before_error": "What were you doing before the error occurred?",
           "expected": "What did you expect would happen?",
           "actual": "What actually happened?",
           "before_error_placeholder": "Describe the action you were taking, for example opening orders or selecting a customer.",
           "expected_placeholder": "Describe the result you expected to see.",
           "actual_placeholder": "Describe what you saw instead, including any error text.",
-          "consent": "I accept that recent request errors, Vue errors, browser details, my answers, and an app screenshot when available are collected for troubleshooting.",
+          "consent": "I accept that the current app screen, recent request errors, Vue errors, browser details, and my answers are collected for troubleshooting.",
           "submit": "Submit report",
           "submitted": "Error report submitted.",
-          "capture_failed": "The screen capture failed. The report will be sent without a screenshot.",
+          "capture_failed": "The screen capture failed. Please try again.",
           "submit_failed": "The error report could not be submitted.",
           "required": "All fields and data collection acceptance are required.",
           "page_subtitle": "Reported screens, request failures, and Vue errors",

src/i18n/generated/no-v2.json

@@ -3592,17 +3592,17 @@
         "error_report": {
           "button": "Rapporter feil",
           "title": "Rapporter feil",
-          "subtitle": "Send de siste feildetaljene til support. Et skjermbilde legges ved når det er mulig.",
+          "subtitle": "Send gjeldende skjermbilde og de siste feildetaljene til support.",
           "before_error": "Hva gjorde du før feilen oppstod?",
           "expected": "Hva forventet du at skulle skje?",
           "actual": "Hva skjedde faktisk?",
           "before_error_placeholder": "Beskriv handlingen du utførte, for eksempel å åpne ordre eller velge en kunde.",
           "expected_placeholder": "Beskriv resultatet du forventet å se.",
           "actual_placeholder": "Beskriv hva du så i stedet, inkludert eventuell feiltekst.",
-          "consent": "Jeg godtar at siste request-feil, Vue-feil, nettleserdetaljer, svarene mine og et app-skjermbilde når det er mulig, samles inn for feilsøking.",
+          "consent": "Jeg godtar at gjeldende app-skjermbilde, siste request-feil, Vue-feil, nettleserdetaljer og svarene mine samles inn for feilsøking.",
           "submit": "Send rapport",
           "submitted": "Feilrapport sendt.",
-          "capture_failed": "Skjermbildet kunne ikke tas. Rapporten sendes uten skjermbilde.",
+          "capture_failed": "Skjermbildet kunne ikke tas. Prøv igjen.",
           "submit_failed": "Feilrapporten kunne ikke sendes.",
           "required": "Alle felter og godkjenning av datainnsamling er påkrevd.",
           "page_subtitle": "Rapporterte skjermer, request-feil og Vue-feil",

src/i18n/generated/sv-v2.json

@@ -3642,17 +3642,17 @@
         "error_report": {
           "button": "Rapportera fel",
           "title": "Rapportera fel",
-          "subtitle": "Skicka de senaste feldetaljerna till support. En skärmbild bifogas när det är möjligt.",
+          "subtitle": "Skicka aktuell skärm och de senaste feldetaljerna till support.",
           "before_error": "Vad gjorde du innan felet uppstod?",
           "expected": "Vad förväntade du dig skulle hända?",
           "actual": "Vad hände faktiskt?",
           "before_error_placeholder": "Beskriv åtgärden du gjorde, till exempel att öppna ordrar eller välja en kund.",
           "expected_placeholder": "Beskriv resultatet du förväntade dig att se.",
           "actual_placeholder": "Beskriv vad du såg i stället, inklusive eventuell feltext.",
-          "consent": "Jag accepterar att senaste request-fel, Vue-fel, webbläsardetaljer, mina svar och en app-skärmbild när det är möjligt samlas in för felsökning.",
+          "consent": "Jag accepterar att aktuell app-skärm, senaste request-fel, Vue-fel, webbläsardetaljer och mina svar samlas in för felsökning.",
           "submit": "Skicka rapport",
           "submitted": "Felrapport skickad.",
-          "capture_failed": "Skärmbilden kunde inte tas. Rapporten skickas utan skärmbild.",
+          "capture_failed": "Skärmbilden kunde inte tas. Försök igen.",
           "submit_failed": "Felrapporten kunde inte skickas.",
           "required": "Alla fält och godkännande av datainsamling krävs.",
           "page_subtitle": "Rapporterade skärmar, request-fel och Vue-fel",

src/i18n/source/da/phrases/compat/error_report/index.json

@@ -3,17 +3,17 @@
     "error_report": {
       "button": "Rapporter fejl",
       "title": "Rapporter fejl",
-      "subtitle": "Send de seneste fejldetaljer til support. Et skærmbillede vedhæftes, når det er muligt.",
+      "subtitle": "Send det aktuelle skærmbillede og de seneste fejldetaljer til support.",
       "before_error": "Hvad lavede du, før fejlen opstod?",
       "expected": "Hvad forventede du, der ville ske?",
       "actual": "Hvad skete der faktisk?",
       "before_error_placeholder": "Beskriv handlingen, du var i gang med, for eksempel at åbne ordrer eller vælge en kunde.",
       "expected_placeholder": "Beskriv det resultat, du forventede at se.",
       "actual_placeholder": "Beskriv, hvad du så i stedet, inklusive eventuel fejltekst.",
-      "consent": "Jeg accepterer, at de seneste request-fejl, Vue-fejl, browseroplysninger, mine svar og et app-skærmbillede, når det er muligt, indsamles til fejlfinding.",
+      "consent": "Jeg accepterer, at det aktuelle app-skærmbillede, de seneste request-fejl, Vue-fejl, browseroplysninger og mine svar indsamles til fejlfinding.",
       "submit": "Send rapport",
       "submitted": "Fejlrapporten er sendt.",
-      "capture_failed": "Skærmbilledet kunne ikke oprettes. Rapporten sendes uden skærmbillede.",
+      "capture_failed": "Skærmbilledet kunne ikke oprettes. Prøv igen.",
       "submit_failed": "Fejlrapporten kunne ikke sendes.",
       "required": "Alle felter og accept af dataindsamling er påkrævet.",
       "page_subtitle": "Rapporterede skærme, request-fejl og Vue-fejl",

src/i18n/source/de/phrases/compat/error_report/index.json

@@ -3,17 +3,17 @@
     "error_report": {
       "button": "Fehler melden",
       "title": "Fehler melden",
-      "subtitle": "Sende die letzten Fehlerdetails an den Support. Ein Screenshot wird angehängt, wenn möglich.",
+      "subtitle": "Sende den aktuellen Bildschirm und die letzten Fehlerdetails an den Support.",
       "before_error": "Was haben Sie getan, bevor der Fehler auftrat?",
       "expected": "Was hatten Sie erwartet?",
       "actual": "Was ist tatsächlich passiert?",
       "before_error_placeholder": "Beschreiben Sie die Aktion, zum Beispiel Bestellungen öffnen oder einen Kunden auswählen.",
       "expected_placeholder": "Beschreiben Sie das erwartete Ergebnis.",
       "actual_placeholder": "Beschreiben Sie, was stattdessen zu sehen war, inklusive Fehlermeldung.",
-      "consent": "Ich akzeptiere, dass letzte Request-Fehler, Vue-Fehler, Browserdetails, meine Antworten und ein App-Screenshot, wenn möglich, zur Fehlersuche erfasst werden.",
+      "consent": "Ich akzeptiere, dass der aktuelle App-Bildschirm, letzte Request-Fehler, Vue-Fehler, Browserdetails und meine Antworten zur Fehlersuche erfasst werden.",
       "submit": "Bericht senden",
       "submitted": "Fehlerbericht gesendet.",
-      "capture_failed": "Der Screenshot konnte nicht erstellt werden. Der Bericht wird ohne Screenshot gesendet.",
+      "capture_failed": "Der Screenshot konnte nicht erstellt werden. Bitte versuchen Sie es erneut.",
       "submit_failed": "Der Fehlerbericht konnte nicht gesendet werden.",
       "required": "Alle Felder und die Zustimmung zur Datenerfassung sind erforderlich.",
       "page_subtitle": "Gemeldete Bildschirme, Request-Fehler und Vue-Fehler",

src/i18n/source/en/phrases/compat/error_report/index.json

@@ -3,17 +3,17 @@
     "error_report": {
       "button": "Report error",
       "title": "Report error",
-      "subtitle": "Send recent error details to support. A screenshot is attached when available.",
+      "subtitle": "Send the current screen and recent error details to support.",
       "before_error": "What were you doing before the error occurred?",
       "expected": "What did you expect would happen?",
       "actual": "What actually happened?",
       "before_error_placeholder": "Describe the action you were taking, for example opening orders or selecting a customer.",
       "expected_placeholder": "Describe the result you expected to see.",
       "actual_placeholder": "Describe what you saw instead, including any error text.",
-      "consent": "I accept that recent request errors, Vue errors, browser details, my answers, and an app screenshot when available are collected for troubleshooting.",
+      "consent": "I accept that the current app screen, recent request errors, Vue errors, browser details, and my answers are collected for troubleshooting.",
       "submit": "Submit report",
       "submitted": "Error report submitted.",
-      "capture_failed": "The screen capture failed. The report will be sent without a screenshot.",
+      "capture_failed": "The screen capture failed. Please try again.",
       "submit_failed": "The error report could not be submitted.",
       "required": "All fields and data collection acceptance are required.",
       "page_subtitle": "Reported screens, request failures, and Vue errors",

src/i18n/source/no/phrases/compat/error_report/index.json

@@ -3,17 +3,17 @@
     "error_report": {
       "button": "Rapporter feil",
       "title": "Rapporter feil",
-      "subtitle": "Send de siste feildetaljene til support. Et skjermbilde legges ved når det er mulig.",
+      "subtitle": "Send gjeldende skjermbilde og de siste feildetaljene til support.",
       "before_error": "Hva gjorde du før feilen oppstod?",
       "expected": "Hva forventet du at skulle skje?",
       "actual": "Hva skjedde faktisk?",
       "before_error_placeholder": "Beskriv handlingen du utførte, for eksempel å åpne ordre eller velge en kunde.",
       "expected_placeholder": "Beskriv resultatet du forventet å se.",
       "actual_placeholder": "Beskriv hva du så i stedet, inkludert eventuell feiltekst.",
-      "consent": "Jeg godtar at siste request-feil, Vue-feil, nettleserdetaljer, svarene mine og et app-skjermbilde når det er mulig, samles inn for feilsøking.",
+      "consent": "Jeg godtar at gjeldende app-skjermbilde, siste request-feil, Vue-feil, nettleserdetaljer og svarene mine samles inn for feilsøking.",
       "submit": "Send rapport",
       "submitted": "Feilrapport sendt.",
-      "capture_failed": "Skjermbildet kunne ikke tas. Rapporten sendes uten skjermbilde.",
+      "capture_failed": "Skjermbildet kunne ikke tas. Prøv igjen.",
       "submit_failed": "Feilrapporten kunne ikke sendes.",
       "required": "Alle felter og godkjenning av datainnsamling er påkrevd.",
       "page_subtitle": "Rapporterte skjermer, request-feil og Vue-feil",

src/i18n/source/sv/phrases/compat/error_report/index.json

@@ -3,17 +3,17 @@
     "error_report": {
       "button": "Rapportera fel",
       "title": "Rapportera fel",
-      "subtitle": "Skicka de senaste feldetaljerna till support. En skärmbild bifogas när det är möjligt.",
+      "subtitle": "Skicka aktuell skärm och de senaste feldetaljerna till support.",
       "before_error": "Vad gjorde du innan felet uppstod?",
       "expected": "Vad förväntade du dig skulle hända?",
       "actual": "Vad hände faktiskt?",
       "before_error_placeholder": "Beskriv åtgärden du gjorde, till exempel att öppna ordrar eller välja en kund.",
       "expected_placeholder": "Beskriv resultatet du förväntade dig att se.",
       "actual_placeholder": "Beskriv vad du såg i stället, inklusive eventuell feltext.",
-      "consent": "Jag accepterar att senaste request-fel, Vue-fel, webbläsardetaljer, mina svar och en app-skärmbild när det är möjligt samlas in för felsökning.",
+      "consent": "Jag accepterar att aktuell app-skärm, senaste request-fel, Vue-fel, webbläsardetaljer och mina svar samlas in för felsökning.",
       "submit": "Skicka rapport",
       "submitted": "Felrapport skickad.",
-      "capture_failed": "Skärmbilden kunde inte tas. Rapporten skickas utan skärmbild.",
+      "capture_failed": "Skärmbilden kunde inte tas. Försök igen.",
       "submit_failed": "Felrapporten kunde inte skickas.",
       "required": "Alla fält och godkännande av datainsamling krävs.",
       "page_subtitle": "Rapporterade skärmar, request-fel och Vue-fel",

src/services/dateOnly.js

@@ -1,84 +0,0 @@
-const DATE_ONLY_PATTERN = /^(\d{4})-(\d{2})-(\d{2})$/;
-const DATE_ONLY_PREFIX_PATTERN = /^(\d{4}-\d{2}-\d{2})/;
-
-const padDatePart = (value) => String(value).padStart(2, "0");
-
-export const isValidDate = (value) => value instanceof Date && !Number.isNaN(value.getTime());
-
-export const formatLocalDateOnly = (value = new Date()) => {
-  if (typeof value === "string") {
-    const directMatch = value.trim().match(DATE_ONLY_PREFIX_PATTERN);
-    if (directMatch) {
-      return directMatch[1];
-    }
-  }
-
-  const date = value instanceof Date ? value : new Date(value);
-  if (!isValidDate(date)) {
-    return "";
-  }
-
-  return [
-    date.getFullYear(),
-    padDatePart(date.getMonth() + 1),
-    padDatePart(date.getDate()),
-  ].join("-");
-};
-
-export const parseLocalDateOnly = (value) => {
-  if (value instanceof Date) {
-    return isValidDate(value)
-      ? new Date(value.getFullYear(), value.getMonth(), value.getDate())
-      : new Date(Number.NaN);
-  }
-
-  const stringValue = String(value ?? "").trim();
-  const match = DATE_ONLY_PATTERN.exec(stringValue);
-  if (match) {
-    const year = Number(match[1]);
-    const month = Number(match[2]);
-    const day = Number(match[3]);
-    const parsed = new Date(year, month - 1, day);
-
-    if (
-      parsed.getFullYear() === year
-      && parsed.getMonth() === month - 1
-      && parsed.getDate() === day
-    ) {
-      return parsed;
-    }
-
-    return new Date(Number.NaN);
-  }
-
-  const parsed = new Date(stringValue);
-  return isValidDate(parsed)
-    ? new Date(parsed.getFullYear(), parsed.getMonth(), parsed.getDate())
-    : parsed;
-};
-
-export const todayLocalDateOnly = () => formatLocalDateOnly(new Date());
-
-export const yesterdayLocalDateOnly = () => {
-  const yesterday = new Date();
-  yesterday.setDate(yesterday.getDate() - 1);
-  return formatLocalDateOnly(yesterday);
-};
-
-export const startOfLocalDate = (value) => {
-  const date = parseLocalDateOnly(value);
-  if (!isValidDate(date)) {
-    return date;
-  }
-  date.setHours(0, 0, 0, 0);
-  return date;
-};
-
-export const endOfLocalDate = (value) => {
-  const date = parseLocalDateOnly(value);
-  if (!isValidDate(date)) {
-    return date;
-  }
-  date.setHours(23, 59, 59, 999);
-  return date;
-};

src/views/dashboards/departmentDashboard/modules/daily-report/DepartmentDailyReport.vue

@@ -19,7 +19,6 @@ import DepartmentDashboardDailyReportNavigation from "@/views/dashboards/departm
 import DepartmentDashboardDailyReportProductSales from "@/views/dashboards/departmentDashboard/modules/daily-report/displays/DepartmentDashboardDailyReportProductSales.vue";
 import DepartmentDashboardDailyReportTodayForm from "@/views/dashboards/departmentDashboard/modules/daily-report/displays/DepartmentDashboardDailyReportTodayForm.vue";
 import DepartmentWeather from "@/views/dashboards/departmentDashboard/modules/daily-report/DepartmentWeather.vue";
-import { parseLocalDateOnly, todayLocalDateOnly } from "@/services/dateOnly.js";
 import {
   complaints_metric_state,
   count_bookings,
@@ -132,7 +131,7 @@ onMounted(() => {
     return [...accessibleDepartmentIds.value];
   })();
 
-  const initialDateFrom = typeof query.dateFrom === "string" ? query.dateFrom : todayLocalDateOnly();
+  const initialDateFrom = typeof query.dateFrom === "string" ? query.dateFrom : new Date().toISOString().split("T")[0];
   const initialDateTo = typeof query.dateTo === "string" ? query.dateTo : initialDateFrom;
 
   initializeDailyReportFilters({
@@ -171,7 +170,7 @@ watch(
 );
 
 const formatDateShort = (dateString) => {
-  const date = parseLocalDateOnly(dateString);
+  const date = new Date(dateString);
   const dayName = date.toLocaleDateString("da-DK", { weekday: "long" });
   const dateValue = date.toLocaleDateString("da-DK", { day: "2-digit", month: "2-digit", year: "2-digit" });
   return `${dayName} d. ${dateValue}`;
@@ -179,7 +178,7 @@ const formatDateShort = (dateString) => {
 
 const formatDateRangeSubtitle = (startDateString, endDateString) => {
   const dateOptions = { day: "2-digit", month: "2-digit", year: "2-digit" };
-  return `${parseLocalDateOnly(startDateString).toLocaleDateString("da-DK", dateOptions)} - ${parseLocalDateOnly(endDateString).toLocaleDateString("da-DK", dateOptions)}`;
+  return `${new Date(startDateString).toLocaleDateString("da-DK", dateOptions)} - ${new Date(endDateString).toLocaleDateString("da-DK", dateOptions)}`;
 };
 
 const formatSubtitle = (subtitle) => {

src/views/dashboards/departmentDashboard/modules/daily-report/DepartmentDailyReportObject.vue

@@ -2,16 +2,18 @@
 import { computed, ref, watch } from "vue";
 import { SessionUser } from "@/components/session/token/SessionUser.vue";
 import { createEmptyOutsideHours, normalizeOutsideHours } from "@/views/dashboards/departmentDashboard/modules/daily-report/outsideHours.js";
-import { todayLocalDateOnly, yesterdayLocalDateOnly } from "@/services/dateOnly.js";
 
 const GENERATE_UNIQUE_ID = () => Math.random().toString(36).slice(2, 11);
 
 const DATE_TODAY = () => {
-  return todayLocalDateOnly();
+  const date = new Date();
+  return date.toISOString().split("T")[0];
 };
 
 const DATE_YESTERDAY = () => {
-  return yesterdayLocalDateOnly();
+  const date = new Date();
+  date.setDate(date.getDate() - 1);
+  return date.toISOString().split("T")[0];
 };
 
 const date_shortcuts = ref({

src/views/dashboards/departmentDashboard/modules/daily-report/displays/DepartmentDashboardDailyReportNavigation.vue

@@ -17,7 +17,6 @@ import {
   isLoading as departmentsStoreLoading,
 } from "@/components/pagination/departmentTabs.vue";
 import { isAccessibleVisibleDepartment, sortByDepartmentPriorityOrder } from "@/services/departmentVisibility.js";
-import { formatLocalDateOnly, parseLocalDateOnly } from "@/services/dateOnly.js";
 
 /**
  * Props:
@@ -142,7 +141,14 @@ const toggleAllDepartments = () => {
 };
 
 const formatDateSelectionValue = (date) => {
-  return formatLocalDateOnly(date);
+  if (!(date instanceof Date) || Number.isNaN(date.getTime())) {
+    return "";
+  }
+
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const day = String(date.getDate()).padStart(2, "0");
+  return `${year}-${month}-${day}`;
 };
 
 const onDateSelectionChange = (startDate, endDate) => {
@@ -155,7 +161,7 @@ const onDateSelectionChange = (startDate, endDate) => {
     <div class="column is-12" data-testid="daily-report-date-controls">
       <DatePeriodSelector
         :on-selection-change="onDateSelectionChange"
-        :selection="{ startDate: parseLocalDateOnly(selected_date), endDate: parseLocalDateOnly(selected_date_to) }"
+        :selection="{ startDate: new Date(selected_date), endDate: new Date(selected_date_to) }"
         :visibility="{
           showDailySelector: true,
           showWeeklySelector: true,

src/views/dashboards/departmentDashboard/modules/daily-report/displays/DepartmentDashboardDailyReportTodayForm.vue

@@ -5,7 +5,6 @@ import { parseError, getError, clearErrors} from "@/components/request/HandleGlo
 import ShowErrorField from "@/components/global/ShowErrorField.vue";
 import { selected_date, onChangeCall, selected_department_id} from "@/views/dashboards/departmentDashboard/modules/daily-report/DepartmentDailyReportObject.vue";
 import Swal from "sweetalert2";
-import { parseLocalDateOnly, yesterdayLocalDateOnly } from "@/services/dateOnly.js";
 
 const props = defineProps({
     department_id: Number,
@@ -24,7 +23,7 @@ const created_at = ref(null);
 const id = ref(null);
 const message = ref('');
 const yesterday = ref({
-    date: yesterdayLocalDateOnly(),
+    date: new Date(new Date().setDate(new Date().getDate() - 1)).toISOString().split('T')[0],
     water_usage: 0,
     water_usage_morning: 0,
     notes: null,
@@ -105,7 +104,7 @@ const getDailyReport = async () => {
         // Check if the date is today
         const created_at_val = new Date(response.data.data.created_at);
         const today = new Date();
-        if (created_at_val.toDateString() === (selected_date.value ? parseLocalDateOnly(selected_date.value) : today).toDateString()) {
+        if (created_at_val.toDateString() === (selected_date.value ? new Date(selected_date.value) : today).toDateString()) {
           // The daily report is today
           // So we can set the values
           water_usage.value = parseInt(response.data.data.water_usage);
@@ -213,4 +212,4 @@ onChangeCall(() => {
 
 <style scoped>
 
-</style>
+</style>

src/views/dashboards/departmentDashboard/modules/time-bookings/book/displays/grid/TimeBookingsNewGridControls.vue

@@ -1,11 +1,10 @@
 <script setup lang="ts">
 import { ref, watch } from 'vue';
 import { timeBookingsNewScheduler } from '@/views/dashboards/departmentDashboard/modules/time-bookings/book/TimeBookingsNewScheduler.vue';
-import { formatLocalDateOnly, parseLocalDateOnly } from "@/services/dateOnly.js";
 const date = ref();
 // Set the initial date to the current date YYYY-MM-DD format
 const formatDate = (date_input) => {
-  return formatLocalDateOnly(date_input);
+  return date_input.toISOString().split('T')[0];
 };
 date.value = formatDate(new Date());
 
@@ -16,7 +15,7 @@ watch(timeBookingsNewScheduler.date.selected, (newDate) => {
 
 watch(date, (newDate) => {
   // Update the selected date in the scheduler when the date input changes
-  timeBookingsNewScheduler.date.selected.value = parseLocalDateOnly(newDate);
+  timeBookingsNewScheduler.date.selected.value = new Date(newDate);
 });
 </script>
 
@@ -64,4 +63,4 @@ watch(date, (newDate) => {
 
 <style scoped>
 
-</style>
+</style>

src/views/dashboards/departmentDashboard/other/displays/DepartmentDailyBookingReportSmall.vue

@@ -1,7 +1,6 @@
 <script setup>
 import { ref, watch } from 'vue';
 import { SessionUser } from '@/components/session/token/SessionUser.vue';
-import { todayLocalDateOnly } from "@/services/dateOnly.js";
 
 const props = defineProps({
   department_id: {
@@ -69,7 +68,8 @@ const getBookings = async () => {
 };
 
 const getDate = () => {
-  return todayLocalDateOnly();
+  const date = new Date();
+  return date.toISOString().split('T')[0];
 };
 
 // Get the department

src/views/dashboards/departmentDashboard/other/displays/DepartmentDashboardOverviewNavigation.vue

@@ -2,7 +2,6 @@
 
 import { selected_date, selected_date_to, selectDate as selectDailyReportDate } from "@/views/dashboards/departmentDashboard/modules/daily-report/DepartmentDailyReportObject.vue";
 import DatePeriodSelector from "@/components/displays/buttons/DatePeriodSelector.vue";
-import { formatLocalDateOnly, parseLocalDateOnly } from "@/services/dateOnly.js";
 
 // Emits for parents that want to react to date changes (non-breaking if unused)
 const emit = defineEmits(['date-change']);
@@ -17,12 +16,12 @@ const selectDate = (startIso, endIso) => {
 
 <template>
   <DatePeriodSelector
-      :on-selection-change="(startDate, endDate) => selectDate(formatLocalDateOnly(startDate), formatLocalDateOnly(endDate))"
-      :selection="{ startDate: parseLocalDateOnly(selected_date), endDate: parseLocalDateOnly(selected_date_to) }"
+      :on-selection-change="(startDate, endDate) => selectDate(startDate.toISOString().split('T')[0], endDate.toISOString().split('T')[0])"
+      :selection="{ startDate: new Date(selected_date), endDate: new Date(selected_date_to) }"
       :visibility="{ showDailySelector: true, showWeeklySelector: true, showMultipleMonthWarning: false, showUpdateButton: false }"
       :reverse-level-order="true"
       @update:selection="(newSelection) => {
-        selectDate(formatLocalDateOnly(newSelection.startDate), formatLocalDateOnly(newSelection.endDate));
+        selectDate(newSelection.startDate.toISOString().split('T')[0], newSelection.endDate.toISOString().split('T')[0]);
       }"
   />
 </template>

src/views/dashboards/departmentDashboard/other/displays/DepartmentsOverviewObject.vue

@@ -1,6 +1,5 @@
 <script lang="ts">
 import {defineComponent, ref, watch} from 'vue';
-import { todayLocalDateOnly } from "@/services/dateOnly.js";
 
 
 type fetch = {
@@ -12,8 +11,8 @@ type fetch = {
 };
 /** Define the variables */
 export const show_this_week = ref(false);
-export const selected_date = ref(todayLocalDateOnly());
-export const selected_date_to = ref(todayLocalDateOnly());
+export const selected_date = ref(new Date().toISOString().split('T')[0]);
+export const selected_date_to = ref(new Date().toISOString().split('T')[0]);
 export const last_fetch_id = ref(0);
 export const fetches = ref<fetch[]>([]);
 /** Define the functions */
@@ -54,4 +53,4 @@ watch([selected_date, selected_date_to], () => {
 export default defineComponent({
   name: 'DepartmentsOverviewObject'
 });
-</script>
+</script>

src/views/dashboards/superUserDashboard/statistics/StatisticsOverview.vue

@@ -13,7 +13,6 @@ import StatisticsDepartmentGoal
   from "@/views/dashboards/superUserDashboard/statistics/displays/overview/StatisticsDepartmentGoal.vue";
 import {departments, getDepartments} from "@/components/pagination/departmentTabs.vue";
 import { useI18n } from 'vue-i18n';
-import { todayLocalDateOnly } from "@/services/dateOnly.js";
 
 const { t } = useI18n();
 
@@ -71,8 +70,7 @@ getDepartments()
 // Get the statistics
 const getStatistics = async () => {
   // Get the statistics
-  const today = todayLocalDateOnly();
-  const response = await authenticatedRequest('/statistics/income/departments?start_date=' + today + '&end_date=' + today)
+  const response = await authenticatedRequest('/statistics/income/departments?start_date=' + (new Date()).toISOString().split('T')[0] + '&end_date=' + (new Date()).toISOString().split('T')[0])
   // Get the sent data
   statistics_department_today.value = response.data.data
   // Log the data
@@ -133,4 +131,4 @@ getStatistics()
 
 <style scoped>
 
-</style>
+</style>

src/views/dashboards/superUserDashboard/statistics/displays/StatisticsBookings.vue

@@ -4,7 +4,6 @@ import {ref} from 'vue';
 import { Bar } from 'vue-chartjs';
 import { Chart as ChartJS, Title, Tooltip, Legend, BarElement, CategoryScale, LinearScale } from 'chart.js'
 import { SessionUser } from "@/components/session/token/SessionUser.vue";
-import { todayLocalDateOnly } from "@/services/dateOnly.js";
 
 
 ChartJS.register(Title, Tooltip, Legend, BarElement, CategoryScale, LinearScale)
@@ -17,7 +16,7 @@ const chartOptions = {
 // Shortcut to statistics
 
 // Set the time for the statistics to today
-SessionUser.adminUser.statistics.set_time(todayLocalDateOnly(), todayLocalDateOnly())
+SessionUser.adminUser.statistics.set_time((new Date()).toISOString().split('T')[0], (new Date()).toISOString().split('T')[0])
 
 
 
@@ -34,4 +33,4 @@ SessionUser.adminUser.statistics.set_time(todayLocalDateOnly(), todayLocalDateOn
         }"
     />
   </div>
-</template>
+</template>

tests/e2e/errorReports.spec.ts

@@ -15,20 +15,16 @@ function isApiUrl(url: string) {
   );
 }
 
-const html2CanvasModulePattern = /\/(?:node_modules\/.*)?html2canvas(?:\.[\w-]+)?\.js(?:\?.*)?$/i;
-
-async function mockHtml2Canvas(page, { alwaysFail = false } = {}) {
-  await page.unroute(html2CanvasModulePattern).catch(() => {});
-  await page.route(html2CanvasModulePattern, async (route) => {
+async function mockHtml2Canvas(page) {
+  await page.route(/\/node_modules\/html2canvas\/dist\/html2canvas\.esm\.js(?:\?.*)?$/i, async (route) => {
     await route.fulfill({
       contentType: "text/javascript",
       body: `
-        const alwaysFail = ${alwaysFail ? "true" : "false"};
         let html2canvasAttempts = 0;
         export default async function html2canvas() {
           html2canvasAttempts += 1;
-          if (alwaysFail || html2canvasAttempts === 1) {
-            throw new Error(alwaysFail ? "Simulated permanent capture failure" : "Simulated first capture failure");
+          if (html2canvasAttempts === 1) {
+            throw new Error("Simulated first capture failure");
           }
           const canvas = document.createElement("canvas");
           canvas.width = 8;
@@ -167,68 +163,10 @@ test.describe("Authenticated error reports", () => {
     expect(Array.isArray(body.vue_errors)).toBe(true);
     expect(body.context).toMatchObject({
       data_collection_policy_version: "error-report-v1",
-      screenshot_attachment: {
-        status: "stored",
-        attached: true,
-      },
     });
     await expect(page.getByTestId("error-report-submitted")).toBeVisible();
   });
 
-  test("submits without a screenshot when capture never succeeds", async ({ page }) => {
-    await mockHtml2Canvas(page, { alwaysFail: true });
-    const submittedBodies: Array<Record<string, unknown>> = [];
-
-    await page.route(/\/error-reports(?:\?.*)?$/i, async (route) => {
-      if (!isApiUrl(route.request().url())) {
-        await route.fallback();
-        return;
-      }
-      if (route.request().method().toUpperCase() !== "POST") {
-        await route.fallback();
-        return;
-      }
-      const body = route.request().postDataJSON() as Record<string, unknown>;
-      submittedBodies.push(body);
-      await route.fulfill(
-        json(
-          {
-            success: true,
-            data: {
-              id: 100,
-              status: "open",
-              screenshot: null,
-            },
-          },
-          201
-        )
-      );
-    });
-
-    await primeMockSession(page, { token: "error-report-user-token", bootPath: "/admin" });
-    await openErrorReportLauncher(page);
-
-    await page.getByLabel("What were you doing before the error occurred?").fill("Opening the orders page");
-    await page.getByLabel("What did you expect would happen?").fill("The orders should load");
-    await page.getByLabel("What actually happened?").fill("The page showed an error");
-    await page.getByTestId("error-report-consent").check();
-    await page.getByTestId("error-report-submit").click();
-
-    await expect.poll(() => submittedBodies.length).toBe(1);
-    const body = submittedBodies[0];
-    expect(body.screenshot).toBeNull();
-    expect(body.context).toMatchObject({
-      screenshot_attachment: {
-        status: "capture_failed",
-        attached: false,
-      },
-    });
-    await expect(page.getByTestId("error-report-capture-warning")).toContainText(
-      "The screen capture failed. The report will be sent without a screenshot."
-    );
-    await expect(page.getByTestId("error-report-submitted")).toBeVisible();
-  });
-
   test("lets superusers inspect and resolve submitted reports", async ({ page }) => {
     const report: Record<string, any> = {
       id: 12,
@@ -339,90 +277,4 @@ test.describe("Authenticated error reports", () => {
       ]);
     await expect(page.getByTestId("error-report-detail")).toContainText("resolved");
   });
-
-  test("lets superusers inspect submitted reports without screenshots", async ({ page }) => {
-    const report: Record<string, any> = {
-      id: 13,
-      status: "open",
-      reporter: {
-        type: "user",
-        user_id: 7,
-        customer_number: 12345,
-        name: "Error Reporter",
-        email: "reporter@example.test",
-      },
-      route_path: "/user/orders",
-      page_url: "https://app.example.test/user/orders",
-      release_trace_id: "trace-no-screenshot",
-      frontend_version: "front-1",
-      api_version: "api-1",
-      screenshot: null,
-      answers: {
-        before_error: "Opening the orders page",
-        expected: "Orders should load",
-        actual: "The table stayed empty",
-      },
-      request_error_count: 0,
-      vue_error_count: 0,
-      request_errors: [],
-      vue_errors: [],
-      runtime_context: {
-        screenshot_attachment: {
-          status: "capture_failed",
-          attached: false,
-          mime_type: null,
-          size_bytes: 0,
-        },
-      },
-      created_at: "2026-05-19 08:00:00",
-      updated_at: "2026-05-19 08:00:00",
-      resolved_at: null,
-      resolved_by_user_id: null,
-      resolution_note: null,
-    };
-
-    await page.route(/\/superuser\/error-reports(?:\?.*)?$/i, async (route) => {
-      if (!isApiUrl(route.request().url())) {
-        await route.fallback();
-        return;
-      }
-      if (route.request().method().toUpperCase() !== "GET") {
-        await route.fallback();
-        return;
-      }
-      await route.fulfill(
-        json({
-          success: true,
-          data: {
-            items: [report],
-            counts: {
-              open: 1,
-              resolved: 0,
-              all: 1,
-            },
-            limit: 100,
-            offset: 0,
-          },
-        })
-      );
-    });
-
-    await page.route(/\/superuser\/error-reports\/13$/i, async (route) => {
-      if (!isApiUrl(route.request().url())) {
-        await route.fallback();
-        return;
-      }
-      await route.fulfill(json({ success: true, data: report }));
-    });
-
-    await primeMockSession(page, { token: "error-report-superuser-token", bootPath: "/superuser/error-reports" });
-    await expect(page.getByTestId("error-reports-page")).toBeVisible();
-    await expect(page.getByTestId("error-report-list")).toContainText("/user/orders");
-
-    await page.getByTestId("error-report-view").click();
-    const detail = page.getByTestId("error-report-detail");
-    await expect(detail).toContainText("Opening the orders page");
-    await expect(detail).toContainText("trace-no-screenshot");
-    await expect(detail.locator("img")).toHaveCount(0);
-  });
 });

tests/e2e/pos-mobile-order-flow.spec.js

@@ -3272,66 +3272,6 @@ test.describe("POS mobile order flow", () => {
     expect(createdProductIds).toEqual([53, 71, 91]);
   });
 
-  test("manual step 2 blocks additional items when customer restricts additional services", async ({ page }) => {
-    const orderId = 9414;
-    const fixture = createMobilePosFixture({
-      customerAttributesByNumber: {
-        [REGULAR_CUSTOMER_ID]: [
-          {
-            id: 941401,
-            customer_number: REGULAR_CUSTOMER_ID,
-            attribute: "restrictAdditionalServices",
-          },
-        ],
-      },
-      ordersById: {
-        [orderId]: buildRegularOrder(orderId, {
-          reference: "STEP2-RESTRICT-ADDITIONAL",
-          reg_1: "ZZ00000",
-        }),
-      },
-      orderItemsByOrderId: {
-        [orderId]: [],
-      },
-    });
-
-    await setupMobilePosPage(page, fixture, {
-      token: "mobile-step2-restrict-additional-token",
-      seedState: {
-        customerId: REGULAR_CUSTOMER_ID,
-        reg: "ZZ00000",
-        reference: "STEP2-RESTRICT-ADDITIONAL",
-        includePrimaryItem: false,
-        vehicleType: null,
-        lastOrderId: null,
-      },
-      route: {
-        step: 2,
-        orderId,
-        customerId: REGULAR_CUSTOMER_ID,
-      },
-    });
-
-    await expect.poll(() => fixture.requestCounters.customerAttributesGet, { timeout: 10_000 }).toBeGreaterThan(0);
-    await selectPrimaryProduct(page, 53);
-    await expect(page.getByTestId("pos-mobile-additional-items-open")).toHaveCount(1);
-
-    await page.getByTestId("pos-mobile-additional-items-open").click();
-    await expect(page.getByTestId("pos-mobile-additional-items-selection")).toHaveCount(0);
-
-    await longPressAdditionalItems(page);
-    await expect(page.getByTestId("pos-mobile-additional-items-selection")).toHaveCount(0);
-    await expect
-      .poll(
-        async () => {
-          const snapshot = await getStoredPosSnapshot(page);
-          return snapshot?.transactionItems?.additionalItems || [];
-        },
-        { timeout: 10_000 }
-      )
-      .toEqual([]);
-  });
-
   test("clear all deletes the order and returns to the scanner", async ({ page }) => {
     const orderId = 9403;
     const fixture = createMobilePosFixture({

tests/unit/date-only.spec.js

@@ -1,34 +0,0 @@
-import { describe, expect, it } from "vitest";
-
-import { endOfLocalDate, formatLocalDateOnly, parseLocalDateOnly, startOfLocalDate } from "@/services/dateOnly.js";
-
-describe("date-only helpers", () => {
-  it("formats Date objects from their local calendar date", () => {
-    expect(formatLocalDateOnly(new Date(2026, 2, 31, 0, 0, 0, 0))).toBe("2026-03-31");
-  });
-
-  it("parses date input values as local calendar dates", () => {
-    const parsed = parseLocalDateOnly("2026-03-31");
-
-    expect(parsed.getFullYear()).toBe(2026);
-    expect(parsed.getMonth()).toBe(2);
-    expect(parsed.getDate()).toBe(31);
-    expect(formatLocalDateOnly(parsed)).toBe("2026-03-31");
-  });
-
-  it("keeps date-only prefixes from API timestamps without timezone reinterpretation", () => {
-    expect(formatLocalDateOnly("2026-03-31T23:30:00.000Z")).toBe("2026-03-31");
-  });
-
-  it("rejects impossible date input values", () => {
-    expect(Number.isNaN(parseLocalDateOnly("2026-02-31").getTime())).toBe(true);
-  });
-
-  it("builds local day boundaries from the selected date", () => {
-    expect(startOfLocalDate("2026-03-31").getHours()).toBe(0);
-    expect(startOfLocalDate("2026-03-31").getMinutes()).toBe(0);
-    expect(endOfLocalDate("2026-03-31").getHours()).toBe(23);
-    expect(endOfLocalDate("2026-03-31").getMinutes()).toBe(59);
-    expect(formatLocalDateOnly(endOfLocalDate("2026-03-31"))).toBe("2026-03-31");
-  });
-});

tests/unit/date-period-selector.spec.js

@@ -122,32 +122,6 @@ describe("DatePeriodSelector mobile layout", () => {
     expect(formatLocalDate(onSelectionChange.mock.calls[0][0])).toBe("2026-03-01");
     expect(formatLocalDate(onSelectionChange.mock.calls[0][1])).toBe("2026-03-05");
   });
-
-  it("emits the exact clicked date for start and end inputs", async () => {
-    sharedState.width.value = 1024;
-    const onSelectionChange = vi.fn();
-    const wrapper = mount(DatePeriodSelector, {
-      props: {
-        selection: {
-          startDate: new Date(2026, 2, 1, 0, 0, 0, 0),
-          endDate: new Date(2026, 2, 3, 23, 59, 59, 999),
-        },
-        onSelectionChange,
-        visibility: {
-          showUpdateButton: false,
-        },
-      },
-    });
-
-    await wrapper.get("[data-testid='date-period-start']").setValue("2026-03-31");
-    await wrapper.get("[data-testid='date-period-end']").setValue("2026-04-02");
-
-    const emittedSelection = wrapper.emitted("update:selection")?.at(-1)?.[0];
-    expect(formatLocalDate(emittedSelection.startDate)).toBe("2026-03-31");
-    expect(formatLocalDate(emittedSelection.endDate)).toBe("2026-04-02");
-    expect(formatLocalDate(onSelectionChange.mock.calls.at(-1)[0])).toBe("2026-03-31");
-    expect(formatLocalDate(onSelectionChange.mock.calls.at(-1)[1])).toBe("2026-04-02");
-  });
 });
 
 describe("DatePeriodSelector month warning", () => {

tests/unit/department-overview-navigation.behavior.spec.js

@@ -2,7 +2,6 @@
 import { defineComponent, nextTick } from "vue";
 import { mount } from "@vue/test-utils";
 import { beforeEach, describe, expect, it, vi } from "vitest";
-import { formatLocalDateOnly } from "@/services/dateOnly.js";
 
 const selectDateMock = vi.hoisted(() => vi.fn());
 const sharedDateState = vi.hoisted(() => ({
@@ -40,10 +39,10 @@ const DatePeriodSelectorStub = defineComponent({
   emits: ["update:selection"],
   template: `
     <div>
-      <button class="trigger-on-selection-change" @click="onSelectionChange(new Date(2026, 2, 24), new Date(2026, 2, 29))">
+      <button class="trigger-on-selection-change" @click="onSelectionChange(new Date('2026-03-24T00:00:00.000Z'), new Date('2026-03-29T00:00:00.000Z'))">
         onSelectionChange
       </button>
-      <button class="trigger-update-selection" @click="$emit('update:selection', { startDate: new Date(2026, 3, 1), endDate: new Date(2026, 3, 30) })">
+      <button class="trigger-update-selection" @click="$emit('update:selection', { startDate: new Date('2026-04-01T00:00:00.000Z'), endDate: new Date('2026-04-30T00:00:00.000Z') })">
         update:selection
       </button>
     </div>
@@ -106,7 +105,7 @@ describe("DepartmentDashboardOverviewNavigation", () => {
     });
 
     const selector = wrapper.findComponent(DatePeriodSelectorStub);
-    expect(formatLocalDateOnly(selector.props("selection").startDate)).toBe("2026-05-05");
-    expect(formatLocalDateOnly(selector.props("selection").endDate)).toBe("2026-05-11");
+    expect(selector.props("selection").startDate.toISOString().split("T")[0]).toBe("2026-05-05");
+    expect(selector.props("selection").endDate.toISOString().split("T")[0]).toBe("2026-05-11");
   });
 });

tests/unit/pagination-date-selection.spec.js

@@ -1,110 +0,0 @@
-// @vitest-environment jsdom
-import { defineComponent } from "vue";
-import { mount } from "@vue/test-utils";
-import { describe, expect, it, vi } from "vitest";
-
-vi.mock("vue-i18n", async (importOriginal) => {
-  const actual = await importOriginal();
-
-  return {
-    ...actual,
-    useI18n: () => ({
-      t: (value) => value,
-    }),
-  };
-});
-
-vi.mock("@/components/session/token/SessionUser.vue", () => ({
-  SessionUser: {
-    objects: {
-      global: {
-        language: {
-          date_from: "From",
-          date_to: "To",
-        },
-      },
-    },
-  },
-}));
-
-import { formatLocalDateOnly } from "@/services/dateOnly.js";
-import PaginationDisplayTemplateDate from "@/components/displays/pagination/templates/PaginationDisplayTemplateDate.vue";
-import PaginationDisplayTemplateDates from "@/components/displays/pagination/templates/PaginationDisplayTemplateDates.vue";
-import { dateFunctions } from "@/components/displays/pagination/PaginationDisplayDates.vue";
-
-const PaginationDisplayItemColumnStub = defineComponent({
-  name: "PaginationDisplayItemColumn",
-  props: {
-    label: {
-      type: String,
-      required: true,
-    },
-  },
-  template: "<div><slot name='control' /></div>",
-});
-
-describe("pagination date selection", () => {
-  it("renders Date model values as the same local date", () => {
-    const wrapper = mount(PaginationDisplayTemplateDate, {
-      props: {
-        label: "Date",
-        modelValue: new Date(2026, 2, 31, 0, 0, 0, 0),
-      },
-      global: {
-        stubs: {
-          PaginationDisplayItemColumn: PaginationDisplayItemColumnStub,
-        },
-      },
-    });
-
-    expect(wrapper.get("input[type='date']").element.value).toBe("2026-03-31");
-  });
-
-  it("emits the clicked input date as the same local date", async () => {
-    const wrapper = mount(PaginationDisplayTemplateDate, {
-      props: {
-        label: "Date",
-        modelValue: new Date(2026, 2, 1, 0, 0, 0, 0),
-      },
-      global: {
-        stubs: {
-          PaginationDisplayItemColumn: PaginationDisplayItemColumnStub,
-        },
-      },
-    });
-
-    await wrapper.get("input[type='date']").setValue("2026-03-31");
-
-    const emittedDate = wrapper.emitted("update:date")?.at(-1)?.[0];
-    expect(formatLocalDateOnly(emittedDate)).toBe("2026-03-31");
-  });
-
-  it("uses the real first day of the month for month presets", () => {
-    const firstDay = dateFunctions.datePresetFunctions.month.firstDayOfMonth(new Date(2026, 4, 15, 12, 0, 0, 0));
-
-    expect(formatLocalDateOnly(firstDay)).toBe("2026-05-01");
-    expect(firstDay.getHours()).toBe(0);
-    expect(firstDay.getMinutes()).toBe(0);
-  });
-
-  it("emits both start and end updates from the paired date selector", async () => {
-    const wrapper = mount(PaginationDisplayTemplateDates, {
-      props: {
-        startDate: new Date(2026, 2, 1, 0, 0, 0, 0),
-        endDate: new Date(2026, 2, 31, 0, 0, 0, 0),
-      },
-      global: {
-        stubs: {
-          PaginationDisplayItemColumn: PaginationDisplayItemColumnStub,
-        },
-      },
-    });
-
-    const inputs = wrapper.findAll("input[type='date']");
-    await inputs[0].setValue("2026-04-01");
-    await inputs[1].setValue("2026-04-30");
-
-    expect(formatLocalDateOnly(wrapper.emitted("update:startDate")?.at(-1)?.[0])).toBe("2026-04-01");
-    expect(formatLocalDateOnly(wrapper.emitted("update:endDate")?.at(-1)?.[0])).toBe("2026-04-30");
-  });
-});

tests/unit/superuser-invoices-view.spec.js

@@ -367,8 +367,6 @@ describe("Invoice orders pagination contract", () => {
     expect(invoiceOrdersPaginationSource).toContain(
       "const onDateRangeSelected = (newSelectionStartDate, newSelectionToDate) => {"
     );
-    expect(invoiceOrdersPaginationSource).toContain("formatLocalDateOnly(newSelectionStartDate)");
-    expect(invoiceOrdersPaginationSource).toContain("formatLocalDateOnly(newSelectionToDate)");
     expect(invoiceOrdersPaginationSource).toContain("date_from.value = formattedStartDate;");
     expect(invoiceOrdersPaginationSource).toContain("date_to.value = formattedEndDate;");
     expect(invoiceOrdersPaginationSource).toContain('setFilter("created_at-date_from", formattedStartDate, true);');