fix css variables not updating correctly when system theme changes

app/Http/Controllers/Api/V1/MemberController.php

@@ -16,7 +16,6 @@ use App\Exceptions\Api\OrganizationNeedsAtLeastOneOwner;
 use App\Exceptions\Api\ThisPlaceholderCanNotBeInvitedUseTheMergeToolInsteadException;
 use App\Exceptions\Api\UserIsAlreadyMemberOfOrganizationApiException;
 use App\Exceptions\Api\UserNotPlaceholderApiException;
-use App\Http\Requests\V1\Member\MemberDestroyRequest;
 use App\Http\Requests\V1\Member\MemberIndexRequest;
 use App\Http\Requests\V1\Member\MemberMergeIntoRequest;
 use App\Http\Requests\V1\Member\MemberUpdateRequest;
@@ -101,13 +100,11 @@ class MemberController extends Controller
      *
      * @operationId removeMember
      */
-    public function destroy(MemberDestroyRequest $request, Organization $organization, Member $member, MemberService $memberService): JsonResponse
+    public function destroy(Organization $organization, Member $member, MemberService $memberService): JsonResponse
     {
         $this->checkPermission($organization, 'members:delete', $member);
 
-        $deleteRelated = $request->getDeleteRelated();
-
-        $memberService->removeMember($member, $organization, $deleteRelated);
+        $memberService->removeMember($member, $organization);
 
         return response()
             ->json(null, 204);

app/Http/Requests/V1/Member/MemberDestroyRequest.php

@@ -1,35 +0,0 @@
-<?php
-
-declare(strict_types=1);
-
-namespace App\Http\Requests\V1\Member;
-
-use App\Http\Requests\V1\BaseFormRequest;
-use App\Models\Organization;
-use Illuminate\Contracts\Validation\ValidationRule;
-
-/**
- * @property Organization $organization
- */
-class MemberDestroyRequest extends BaseFormRequest
-{
-    /**
-     * Get the validation rules that apply to the request.
-     *
-     * @return array<string, array<string|ValidationRule>>
-     */
-    public function rules(): array
-    {
-        return [
-            'delete_related' => [
-                'string',
-                'in:true,false',
-            ],
-        ];
-    }
-
-    public function getDeleteRelated(): bool
-    {
-        return $this->input('delete_related', 'false') === 'true';
-    }
-}

app/Providers/JetstreamServiceProvider.php

@@ -187,7 +187,6 @@ class JetstreamServiceProvider extends ServiceProvider
             'members:invite-placeholder',
             'members:make-placeholder',
             'members:merge-into',
-            'members:delete',
             'members:update',
             'reports:view',
             'reports:create',

app/Service/MemberService.php

@@ -45,9 +45,6 @@ class MemberService
             $member->organization()->associate($organization);
             $member->role = $role->value;
             $member->save();
-
-            $user->currentOrganization()->associate($organization);
-            $user->save();
         });
 
         if (! $asSuperAdmin) {
@@ -61,24 +58,18 @@ class MemberService
      * @throws CanNotRemoveOwnerFromOrganization
      * @throws EntityStillInUseApiException
      */
-    public function removeMember(Member $member, Organization $organization, bool $withRelations = false): void
+    public function removeMember(Member $member, Organization $organization): void
     {
+        if (TimeEntry::query()->where('user_id', $member->user_id)->whereBelongsTo($organization, 'organization')->exists()) {
+            throw new EntityStillInUseApiException('member', 'time_entry');
+        }
+        if (ProjectMember::query()->whereBelongsToOrganization($organization)->where('user_id', $member->user_id)->exists()) {
+            throw new EntityStillInUseApiException('member', 'project_member');
+        }
         if ($member->role === Role::Owner->value) {
             throw new CanNotRemoveOwnerFromOrganization;
         }
 
-        if ($withRelations) {
-            TimeEntry::query()->where('user_id', $member->user_id)->whereBelongsTo($organization, 'organization')->delete();
-            ProjectMember::query()->whereBelongsToOrganization($organization)->where('user_id', $member->user_id)->delete();
-        } else {
-            if (TimeEntry::query()->where('user_id', $member->user_id)->whereBelongsTo($organization, 'organization')->exists()) {
-                throw new EntityStillInUseApiException('member', 'time_entry');
-            }
-            if (ProjectMember::query()->whereBelongsToOrganization($organization)->where('user_id', $member->user_id)->exists()) {
-                throw new EntityStillInUseApiException('member', 'project_member');
-            }
-        }
-
         $member->delete();
         MemberRemoved::dispatch($member, $organization);
     }

e2e/projects.spec.ts

@@ -102,7 +102,7 @@ test('test that updating billable rate works with existing time entries', async
 
     await page.getByRole('row').first().getByRole('button').click();
     await page.getByRole('menuitem').getByText('Edit').first().click();
-    await page.getByText('Non-Billable').click();
+        await page.getByText('Non-Billable').click();
     await page.getByText('Custom Rate').click();
     await page
         .getByPlaceholder('Billable Rate')
@@ -111,8 +111,8 @@ test('test that updating billable rate works with existing time entries', async
 
     await Promise.all([
         page
-        .locator('button').filter({ hasText: 'Yes, update existing time' })
-        .click(),    
+            .getByRole('button', { name: 'Yes, update existing time entries' })
+            .click(),
         page.waitForRequest(
             async (request) =>
                 request.url().includes('/projects/') &&

resources/js/Components/Common/Member/MemberDeleteModal.vue

@@ -1,151 +0,0 @@
-<script setup lang="ts">
-import type { Member } from '@/packages/api/src';
-import { api } from '@/packages/api/src';
-import { useForm } from '@tanstack/vue-form';
-import { useMutation } from '@tanstack/vue-query';
-import Modal from '@/packages/ui/src/Modal.vue';
-import DangerButton from '@/packages/ui/src/Buttons/DangerButton.vue';
-import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
-import Checkbox from '@/packages/ui/src/Input/Checkbox.vue';
-import { useNotificationsStore } from '@/utils/notification';
-import { getCurrentOrganizationId } from '@/utils/useUser';
-import InputLabel from '@/packages/ui/src/Input/InputLabel.vue';    
-import InputError from '@/packages/ui/src/Input/InputError.vue';
-import { useMembersStore } from '@/utils/useMembers';
-
-const props = defineProps<{
-    show: boolean;
-    member: Member;
-}>();
-
-const emit = defineEmits<{
-    'update:show': [value: boolean];
-}>();
-
-const { handleApiRequestNotifications } = useNotificationsStore();
-
-const deleteMutation = useMutation({
-    mutationFn: async () => {
-        const organizationId = getCurrentOrganizationId();
-        if (!organizationId) {
-            throw new Error('No organization ID found');
-        }
-        
-        return api.removeMember(undefined, {
-            params: {
-                member: props.member.id,
-                organization: organizationId,
-            },
-            queries: {
-                delete_related: 'true',
-            },
-        });
-    },
-    onSuccess: () => {
-        close();
-        useMembersStore().fetchMembers();
-    }
-});
-
-const form = useForm({
-    canSubmitWhenInvalid: true,
-    defaultValues: {
-        confirmDelete: false,
-    },
-    onSubmit: async () => {
-        await handleApiRequestNotifications(
-            () => deleteMutation.mutateAsync(),
-            'Member deleted successfully',
-            'Error deleting member'
-        );
-    },
-});
-
-const close = () => {
-    emit('update:show', false);
-    form.reset();
-};
-</script>
-
-<template>
-    <Modal :show="show" max-width="md" @close="close">
-        <div class="p-6">
-            <h2 class="text-lg font-medium text-text-primary">
-                Delete Member
-            </h2>
-
-            <div class="mt-4 text-sm text-text-secondary">
-                <p class="mb-4">
-                    Are you sure you want to delete {{ member.name }}? This action cannot be undone.
-                </p>
-                <p class="mb-4">
-                    This will permanently delete:
-                </p>
-
-                    <ul class="list-disc ml-6 mt-2">
-                        <li>All time entries created by this member</li>
-                        <li>Their project assignments</li>
-                        <li>Their organization membership</li>
-                    </ul>
-                <p class="pt-4">
-                    <strong>Note:</strong> Deleting time entries will affect all reports and statistics.
-                    If you want to keep the time entries but remove the member from your organization, you can convert them to a placeholder user instead. Placeholder users are not charged and their time entries remain intact for reporting purposes.
-                </p>
-            </div>
-
-            <form
-class="mt-6" @submit="
-      (e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        form.handleSubmit();
-      }
-    ">
-                <div class="flex items-start">
-                        <form.Field
-                            name="confirmDelete"
-                            :validators="{
-                                onSubmit: ({value}) => {
-                                    if (!value) {
-                                        return 'You must confirm that you understand the consequences of this action';
-                                    }
-                                    return '';
-                                }
-                            }"
-                        >
-                        <template #default="{ field }">
-                            <div class="flex flex-col">
-                            <div class="flex items-center space-x-3 text-sm">
-                                <Checkbox
-                                    :id="field.name"
-                                    :name="field.name"
-                                    :checked="field.state.value"
-                                    @update:checked="field.handleChange"
-                                    @blur="field.handleBlur"
-                                />
-                                <InputLabel :for="field.name" class="font-medium text-text-primary">
-                                I understand that this will permanently delete all data related to this member
-                                </InputLabel>
-                            </div>
-                            <InputError class="pl-7 pt-2" :message="field.state.meta.errors[0]" />
-                            </div>
-                        </template>
-                        </form.Field>
-                </div>
-                <div class="mt-6 flex justify-end space-x-3">
-                    <SecondaryButton @click="close">Cancel</SecondaryButton>
-                    <form.Subscribe>
-                        <template #default="{ canSubmit, isSubmitting }">
-                            <DangerButton
-                                type="submit"
-                                :disabled="!canSubmit"
-                            >
-                                {{ isSubmitting  ? 'Deleting...' : 'Delete Member' }}
-                            </DangerButton>
-                        </template>
-                    </form.Subscribe>
-                </div>
-            </form>
-        </div>
-    </Modal>
-</template> 

resources/js/Components/Common/Member/MemberMoreOptionsDropdown.vue

@@ -49,6 +49,15 @@ const props = defineProps<{
                 <PencilSquareIcon class="w-5 text-icon-active" />
                 <span>Edit</span>
             </DropdownMenuItem>
+            <DropdownMenuItem
+                v-if="canDeleteMembers()"
+                :aria-label="'Delete Member ' + props.member.name"
+                data-testid="member_delete"
+                class="flex items-center space-x-3 cursor-pointer text-destructive focus:text-destructive"
+                @click="emit('delete')">
+                <TrashIcon class="w-5" />
+                <span>Delete</span>
+            </DropdownMenuItem>
             <DropdownMenuItem
                 v-if="props.member.role === 'placeholder' && canMergeMembers()"
                 :aria-label="'Merge Member ' + props.member.name"
@@ -66,15 +75,6 @@ const props = defineProps<{
                 <UserCircleIcon class="w-5 text-icon-active" />
                 <span>Deactivate</span>
             </DropdownMenuItem>
-            <DropdownMenuItem
-                v-if="canDeleteMembers()"
-                :aria-label="'Delete Member ' + props.member.name"
-                data-testid="member_delete"
-                class="flex items-center space-x-3 cursor-pointer text-destructive focus:text-destructive"
-                @click="emit('delete')">
-                <TrashIcon class="w-5" />
-                <span>Delete</span>
-            </DropdownMenuItem>
         </DropdownMenuContent>
     </DropdownMenu>
 </template>

resources/js/Components/Common/Member/MemberTableRow.vue

@@ -8,30 +8,26 @@ import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
 import { getCurrentOrganizationId } from '@/utils/useUser';
 import { useNotificationsStore } from '@/utils/notification';
 import { canInvitePlaceholderMembers } from '@/utils/permissions';
+import { useMembersStore } from '@/utils/useMembers';
 import { computed, type ComputedRef, inject, ref } from 'vue';
 import MemberEditModal from '@/Components/Common/Member/MemberEditModal.vue';
 import MemberMergeModal from '@/Components/Common/Member/MemberMergeModal.vue';
 import MemberMakePlaceholderModal from '@/Components/Common/Member/MemberMakePlaceholderModal.vue';
-import MemberDeleteModal from '@/Components/Common/Member/MemberDeleteModal.vue';
 import { capitalizeFirstLetter } from '../../../utils/format';
 import { formatCents } from '../../../packages/ui/src/utils/money';
-import { useMembersStore } from '@/utils/useMembers';
 
 const props = defineProps<{
     member: Member;
 }>();
 
 const organization = inject<ComputedRef<Organization>>('organization');
-const memberStore = useMembersStore();
 
 const showEditMemberModal = ref(false);
 const showMergeMemberModal = ref(false);
 const showMakeMemberPlaceholderModal = ref(false);
-const showDeleteMemberModal = ref(false);
 
 function removeMember() {
-    showDeleteMemberModal.value = true;
-    memberStore.fetchMembers();
+    useMembersStore().removeMember(props.member.id);
 }
 
 async function invitePlaceholder(id: string) {
@@ -125,9 +121,6 @@ const userHasValidMailAddress = computed(() => {
         <MemberMakePlaceholderModal
             v-model:show="showMakeMemberPlaceholderModal"
             :member="member"></MemberMakePlaceholderModal>
-        <MemberDeleteModal
-            v-model:show="showDeleteMemberModal"
-            :member="member"></MemberDeleteModal>
     </TableRow>
 </template>
 

resources/js/Components/ui/calendar/CalendarDateInput.vue

@@ -6,8 +6,8 @@ import {
 } from '@/Components/ui/popover';
 import { Button } from '@/Components/ui/button';
 import { Calendar } from '@/Components/ui/calendar';
-import { CalendarIcon, XIcon } from 'lucide-vue-next';
-import { formatDate } from '@/packages/ui/src/utils/time';
+import { CalendarIcon } from 'lucide-vue-next';
+import { formatDateLocalized } from '@/packages/ui/src/utils/time';
 import { parseDate } from '@internationalized/date';
 import { computed, inject, type ComputedRef } from 'vue';
 import { type Organization } from '@/packages/api/src';
@@ -17,10 +17,6 @@ const emit = defineEmits<{
     blur: [];
 }>();
 
-defineProps<{
-    clearable?: boolean;
-}>();
-
 const handleChange = (date: string) => {
     model.value = date;
 };
@@ -29,11 +25,6 @@ const handleBlur = () => {
     emit('blur');
 };
 
-const handleClear = (event: Event) => {
-    event.stopPropagation();
-    model.value = null;
-};
-
 const date = computed(() => {
     return model.value ? parseDate(model.value) : undefined;
 });
@@ -53,17 +44,7 @@ const organization = inject<ComputedRef<Organization>>('organization');
                 ]"
             >
                 <CalendarIcon class="mr-2 h-4 w-4" />
-                <span class="flex-1">
-                    {{ model ? formatDate(model, organization?.date_format) : 'Pick a date' }}
-                </span>
-                <button
-                    v-if="clearable && model"
-                    class="ml-2 hover:bg-muted rounded p-1 transition-colors"
-                    type="button"
-                    @click="handleClear"
-                >
-                    <XIcon class="h-4 w-4" />
-                </button>
+                {{ model ? formatDateLocalized(model, organization?.date_format) : 'Pick a date' }}
             </Button>
         </PopoverTrigger>
         <PopoverContent class="w-auto p-0">

resources/js/Components/ui/dialog/DialogContent.vue

@@ -30,21 +30,22 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
     <div
                             class="absolute inset-0 bg-default-background opacity-30" />
 </DialogOverlay>
-    <div
+    <DialogContent
+      v-bind="forwarded"
       :class="
         cn(
-          'fixed top-0 left-0 z-50 pointer-events-none w-screen h-screen flex items-start pt-6 md:pt-20 xl:pt-32 justify-center overflow-auto',
+          'fixed top-0 left-0 z-50 w-screen h-screen flex items-start pt-6 md:pt-20 xl:pt-32 justify-center overflow-auto data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',
+          
         )"
     >
-    <DialogContent
-    v-bind="forwarded"
+    <div
 :class="cn(
-          'bg-default-background grid w-full max-w-lg border border-border-tertiary shadow-lg duration-200 sm:rounded-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',
+          'bg-default-background grid w-full max-w-lg border shadow-lg duration-200 sm:rounded-lg',
           props.class,
         )"
       >
         <slot />
-      </DialogContent>
     </div>
+    </DialogContent>
   </DialogPortal>
 </template>

resources/js/packages/api/src/openapi.json.client.ts

@@ -67,7 +67,6 @@ const InvoiceResource = z
         status: z.string(),
         date: z.string(),
         due_at: z.string(),
-        paid_date: z.string(),
         created_at: z.union([z.string(), z.null()]),
         updated_at: z.union([z.string(), z.null()]),
     })
@@ -77,7 +76,7 @@ const InvoiceDiscountType = z.enum(['percentage', 'fixed']);
 const InvoiceStoreRequest = z
     .object({
         due_at: z.union([z.string(), z.null()]).optional(),
-        paid_date: z.union([z.string(), z.null()]).optional(),
+        paid_at: z.union([z.string(), z.null()]).optional(),
         seller_name: z.string(),
         seller_vatin: z.union([z.string(), z.null()]).optional(),
         seller_address_line_1: z.union([z.string(), z.null()]).optional(),
@@ -103,13 +102,8 @@ const InvoiceStoreRequest = z
         billing_period_end: z.union([z.string(), z.null()]).optional(),
         reference: z.string(),
         currency: z.string(),
-        tax_rate: z.number().int().gte(0).lte(2147483647).optional(),
-        discount_amount: z
-            .number()
-            .int()
-            .gte(0)
-            .lte(9223372036854776000)
-            .optional(),
+        tax_rate: z.number().int().optional(),
+        discount_amount: z.number().int().optional(),
         discount_type: InvoiceDiscountType.optional(),
         footer: z.union([z.string(), z.null()]).optional(),
         notes: z.union([z.string(), z.null()]).optional(),
@@ -121,12 +115,8 @@ const InvoiceStoreRequest = z
                     .object({
                         name: z.string(),
                         description: z.union([z.string(), z.null()]).optional(),
-                        unit_price: z
-                            .number()
-                            .int()
-                            .gte(0)
-                            .lte(9223372036854776000),
-                        quantity: z.number().gte(0).lte(99999999),
+                        unit_price: z.number().int().gte(0).lte(99999999),
+                        quantity: z.number().gte(0),
                     })
                     .passthrough()
             )
@@ -171,7 +161,7 @@ const DetailedInvoiceResource = z
         buyer_address_country: z.string(),
         buyer_phone: z.string(),
         buyer_email: z.string(),
-        paid_date: z.string(),
+        paid_at: z.union([z.string(), z.null()]),
         due_at: z.string(),
         discount_type: z.string(),
         discount_amount: z.number().int(),
@@ -195,7 +185,7 @@ const InvoiceUpdateRequest = z
     .object({
         status: InvoiceStatus,
         due_at: z.union([z.string(), z.null()]),
-        paid_date: z.union([z.string(), z.null()]),
+        paid_at: z.union([z.string(), z.null()]),
         seller_name: z.string(),
         seller_vatin: z.union([z.string(), z.null()]),
         seller_address_line_1: z.union([z.string(), z.null()]),
@@ -221,8 +211,8 @@ const InvoiceUpdateRequest = z
         billing_period_end: z.union([z.string(), z.null()]),
         reference: z.string(),
         currency: z.string(),
-        tax_rate: z.number().int().gte(0).lte(2147483647),
-        discount_amount: z.number().int().gte(0).lte(9223372036854776000),
+        tax_rate: z.number().int(),
+        discount_amount: z.number().int(),
         discount_type: InvoiceDiscountType,
         footer: z.union([z.string(), z.null()]),
         notes: z.union([z.string(), z.null()]),
@@ -234,12 +224,8 @@ const InvoiceUpdateRequest = z
                     id: z.union([z.string(), z.null()]).optional(),
                     name: z.string(),
                     description: z.union([z.string(), z.null()]).optional(),
-                    unit_price: z
-                        .number()
-                        .int()
-                        .gte(0)
-                        .lte(9223372036854776000),
-                    quantity: z.number().gte(0).lte(99999999),
+                    unit_price: z.number().int().gte(0).lte(99999999),
+                    quantity: z.number().gte(0),
                 })
                 .passthrough()
         ),
@@ -2421,11 +2407,6 @@ const endpoints = makeApi([
                 type: 'Path',
                 schema: z.string(),
             },
-            {
-                name: 'delete_related',
-                type: 'Query',
-                schema: z.enum(['true', 'false']).optional(),
-            },
         ],
         response: z.void(),
         errors: [
@@ -2455,16 +2436,6 @@ const endpoints = makeApi([
                 description: `Not found`,
                 schema: z.object({ message: z.string() }).passthrough(),
             },
-            {
-                status: 422,
-                description: `Validation error`,
-                schema: z
-                    .object({
-                        message: z.string(),
-                        errors: z.record(z.array(z.string())),
-                    })
-                    .passthrough(),
-            },
         ],
     },
     {

resources/js/packages/ui/src/Input/DateRangePicker.vue

@@ -73,18 +73,18 @@ const open = ref(false);
 function setToday() {
     emit(
         'update:start',
-        getLocalizedDayJs().startOf('day').format()
+        getLocalizedDayJs().startOf('day').format('YYYY-MM-DD')
     );
-    emit('update:end', getLocalizedDayJs().endOf('day').format());
+    emit('update:end', getLocalizedDayJs().endOf('day').format('YYYY-MM-DD'));
     open.value = false;
 }
 
 function setThisWeek() {
     emit(
         'update:start',
-        getLocalizedDayJs().startOf('week').format()
+        getLocalizedDayJs().startOf('week').format('YYYY-MM-DD')
     );
-    emit('update:end', getLocalizedDayJs().endOf('week').format());
+    emit('update:end', getLocalizedDayJs().endOf('week').format('YYYY-MM-DD'));
     open.value = false;
 }
 
@@ -94,14 +94,14 @@ function setLastWeek() {
         getLocalizedDayJs()
             .subtract(1, 'week')
             .startOf('week')
-            .format()
+            .format('YYYY-MM-DD')
     );
     emit(
         'update:end',
         getLocalizedDayJs()
             .subtract(1, 'week')
             .endOf('week')
-            .format()
+            .format('YYYY-MM-DD')
     );
     open.value = false;
 }
@@ -109,18 +109,18 @@ function setLastWeek() {
 function setLast14Days() {
     emit(
         'update:start',
-        getLocalizedDayJs().subtract(14, 'days').format()
+        getLocalizedDayJs().subtract(14, 'days').format('YYYY-MM-DD')
     );
-    emit('update:end', getLocalizedDayJs().format());
+    emit('update:end', getLocalizedDayJs().format('YYYY-MM-DD'));
     open.value = false;
 }
 
 function setThisMonth() {
     emit(
         'update:start',
-        getLocalizedDayJs().startOf('month').format()
+        getLocalizedDayJs().startOf('month').format('YYYY-MM-DD')
     );
-    emit('update:end', getLocalizedDayJs().endOf('month').format());
+    emit('update:end', getLocalizedDayJs().endOf('month').format('YYYY-MM-DD'));
     open.value = false;
 }
 
@@ -130,14 +130,14 @@ function setLastMonth() {
         getLocalizedDayJs()
             .subtract(1, 'month')
             .startOf('month')
-            .format()
+            .format('YYYY-MM-DD')
     );
     emit(
         'update:end',
         getLocalizedDayJs()
             .subtract(1, 'month')
             .endOf('month')
-            .format()
+            .format('YYYY-MM-DD')
     );
     open.value = false;
 }
@@ -145,36 +145,36 @@ function setLastMonth() {
 function setLast30Days() {
     emit(
         'update:start',
-        getLocalizedDayJs().subtract(30, 'days').format()
+        getLocalizedDayJs().subtract(30, 'days').format('YYYY-MM-DD')
     );
-    emit('update:end', getLocalizedDayJs().format());
+    emit('update:end', getLocalizedDayJs().format('YYYY-MM-DD'));
     open.value = false;
 }
 
 function setLast90Days() {
     emit(
         'update:start',
-        getDayJsInstance()().subtract(90, 'days').format()
+        getDayJsInstance()().subtract(90, 'days').format('YYYY-MM-DD')
     );
-    emit('update:end', getDayJsInstance()().format());
+    emit('update:end', getDayJsInstance()().format('YYYY-MM-DD'));
     open.value = false;
 }
 
 function setLast12Months() {
     emit(
         'update:start',
-        getLocalizedDayJs().subtract(12, 'months').format()
+        getLocalizedDayJs().subtract(12, 'months').format('YYYY-MM-DD')
     );
-    emit('update:end', getLocalizedDayJs().format());
+    emit('update:end', getLocalizedDayJs().format('YYYY-MM-DD'));
     open.value = false;
 }
 
 function setThisYear() {
     emit(
         'update:start',
-        getLocalizedDayJs().startOf('year').format()
+        getLocalizedDayJs().startOf('year').format('YYYY-MM-DD')
     );
-    emit('update:end', getLocalizedDayJs().endOf('year').format());
+    emit('update:end', getLocalizedDayJs().endOf('year').format('YYYY-MM-DD'));
     open.value = false;
 }
 
@@ -184,14 +184,14 @@ function setLastYear() {
         getLocalizedDayJs()
             .subtract(1, 'year')
             .startOf('year')
-            .format()
+            .format('YYYY-MM-DD')
     );
     emit(
         'update:end',
         getLocalizedDayJs()
             .subtract(1, 'year')
             .endOf('year')
-            .format()
+            .format('YYYY-MM-DD')
     );
     open.value = false;
 }

resources/js/packages/ui/src/TimeEntry/TimeEntryAggregateRow.vue

@@ -154,13 +154,13 @@ function onSelectChange(checked: boolean) {
                         "></BillableToggleButton>
                     <div class="flex-1">
                         <button
-                            :class="twMerge('text-text-secondary w-[110px] px-1 py-1.5 bg-transparent text-center hover:bg-card-background rounded-lg border border-transparent hover:border-card-border text-sm font-medium focus-visible:outline-none focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:bg-tertiary', organization?.time_format === '12-hours' ? 'w-[160px]' : 'w-[110px]')"
+                            :class="twMerge('hidden lg:block text-text-secondary w-[110px] px-1 py-1.5 bg-transparent text-center hover:bg-card-background rounded-lg border border-transparent hover:border-card-border text-sm font-medium focus-visible:outline-none focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:bg-tertiary', organization?.time_format === '12-hours' ? 'w-[160px]' : 'w-[110px]')"
                             @click="expanded = !expanded">
                             {{ formatStartEnd(timeEntry.start, timeEntry.end, organization?.time_format) }}
                         </button>
                     </div>
                     <button
-                        class="text-text-primary min-w-[90px] px-2.5 py-1.5 bg-transparent text-right hover:bg-card-background rounded-lg border border-transparent hover:border-card-border text-sm font-medium focus-visible:outline-none focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:bg-tertiary"
+                        class="text-text-primary min-w-[90px] px-2.5 py-1.5 bg-transparent text-right hover:bg-card-background rounded-lg border border-transparent hover:border-card-border text-sm font-semibold focus-visible:outline-none focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:bg-tertiary"
                         @click="expanded = !expanded">
                         {{
                             formatHumanReadableDuration(
@@ -173,7 +173,7 @@ function onSelectChange(checked: boolean) {
 
                     <TimeTrackerStartStop
                         :active="!!(timeEntry.start && !timeEntry.end)"
-                        class="opacity-20 flex group-hover:opacity-100 focus-visible:opacity-100"
+                        class="opacity-20 hidden sm:flex group-hover:opacity-100 focus-visible:opacity-100"
                         @changed="
                             onStartStopClick(timeEntry)
                         "></TimeTrackerStartStop>

resources/js/packages/ui/src/TimeEntry/TimeEntryRow.vue

@@ -144,6 +144,7 @@ function onSelectChange(checked : boolean) {
                         "></BillableToggleButton>
                     <div class="flex-1">
                         <TimeEntryRangeSelector
+                            class="hidden lg:block"
                             :start="timeEntry.start"
                             :end="timeEntry.end"
                             :show-date
@@ -159,7 +160,7 @@ function onSelectChange(checked : boolean) {
                         "></TimeEntryRowDurationInput>
                     <TimeTrackerStartStop
                         :active="!!(timeEntry.start && !timeEntry.end)"
-                        class="opacity-20 flex focus-visible:opacity-100 group-hover:opacity-100"
+                        class="opacity-20 hidden sm:flex focus-visible:opacity-100 group-hover:opacity-100"
                         @changed="onStartStopClick"></TimeTrackerStartStop>
                     <TimeEntryMoreOptionsDropdown
                         @delete="

resources/js/packages/ui/src/TimeEntry/TimeEntryRowDurationInput.vue

@@ -82,7 +82,7 @@ function selectInput(event: Event) {
         v-model="currentTime"
         data-testid="time_entry_duration_input"
         name="Duration"
-        class="text-text-primary w-[90px] px-2.5 py-1.5 bg-transparent text-right hover:bg-card-background rounded-lg border border-transparent hover:border-card-border text-sm font-medium focus-visible:bg-tertiary focus-visible:border-transparent focus-visible:ring-2 focus-visible:ring-ring"
+        class="text-text-primary w-[90px] px-2.5 py-1.5 bg-transparent text-right hover:bg-card-background rounded-lg border border-transparent hover:border-card-border text-sm font-semibold focus-visible:bg-tertiary focus-visible:border-transparent focus-visible:ring-2 focus-visible:ring-ring"
         @focus="selectInput"
         @keydown.tab="open = false"
         @blur="updateTimerAndStartLiveTimerUpdate"

resources/js/packages/ui/src/utils/time.ts

@@ -160,29 +160,12 @@ export function formatWeek(date: string | null): string {
  * @param date - date in the format of 'YYYY-MM-DD'
  */
 export function formatHumanReadableDate(date: string) {
-    const dateObj = dayjs(date);
-    const today = dayjs();
-    
-    if (dateObj.isToday()) {
+    if (dayjs(date).isToday()) {
         return 'Today';
-    } else if (dateObj.isYesterday()) {
+    } else if (dayjs(date).isYesterday()) {
         return 'Yesterday';
     }
-    
-    // Calculate difference in days
-    const diffInDays = today.diff(dateObj, 'day');
-    
-    if (diffInDays > 0 && diffInDays <= 30) {
-        // For dates in the past (2-30 days ago)
-        return `${diffInDays} ${diffInDays === 1 ? 'day' : 'days'} ago`;
-    } else if (diffInDays < 0 && diffInDays >= -30) {
-        // For dates in the future (within 30 days)
-        const futureDays = Math.abs(diffInDays);
-        return `In ${futureDays} ${futureDays === 1 ? 'day' : 'days'}`;
-    }
-    
-    // For dates older than 30 days, show the actual date
-    return dateObj.format('MMM D, YYYY');
+    return dayjs(date).fromNow();
 }
 
 export function formatWeekday(date: string) {

tests/Unit/Endpoint/Api/V1/MemberEndpointTest.php

@@ -653,85 +653,6 @@ class MemberEndpointTest extends ApiEndpointTestAbstract
         Event::assertNotDispatched(MemberRemoved::class);
     }
 
-    public function test_destroy_endpoint_succeeds_if_member_is_still_in_use_by_a_project_member_and_delete_related_is_active(): void
-    {
-        // Arrange
-        $data = $this->createUserWithPermission([
-            'members:delete',
-        ]);
-        $otherMember = Member::factory()->forOrganization($data->organization)->role(Role::Employee)->create();
-        $project = Project::factory()->forOrganization($data->organization)->create();
-        $projectMember = ProjectMember::factory()->forProject($project)->forMember($data->member)->create();
-        $otherProjectMember = ProjectMember::factory()->forProject($project)->forMember($otherMember)->create();
-        Passport::actingAs($data->user);
-        Event::fake([
-            MemberRemoved::class,
-        ]);
-
-        // Act
-        $response = $this->deleteJson(route('api.v1.members.destroy', [
-            'organization' => $data->organization->getKey(),
-            'member' => $data->member->getKey(),
-            'delete_related' => 'true',
-        ]));
-
-        // Assert
-        $response->assertStatus(204);
-        $this->assertDatabaseMissing(Member::class, [
-            'id' => $data->member->getKey(),
-        ]);
-        $this->assertDatabaseHas(ProjectMember::class, [
-            'id' => $otherProjectMember->getKey(),
-            'member_id' => $otherMember->getKey(),
-            'user_id' => $otherMember->user_id,
-        ]);
-        $this->assertDatabaseMissing(ProjectMember::class, [
-            'id' => $projectMember->getKey(),
-        ]);
-        Event::assertDispatched(function (MemberRemoved $event) use ($data): bool {
-            return $event->organization->is($data->organization) &&
-                $event->member->is($data->member);
-        }, 1);
-    }
-
-    public function test_destroy_endpoint_succeeds_if_member_is_still_in_use_by_a_time_entry_and_delete_related_is_active(): void
-    {
-        // Arrange
-        $data = $this->createUserWithPermission([
-            'members:delete',
-        ]);
-        $otherMember = Member::factory()->forOrganization($data->organization)->role(Role::Employee)->create();
-        $timeEntry = TimeEntry::factory()->forMember($data->member)->forOrganization($data->organization)->create();
-        $otherTimeEntry = TimeEntry::factory()->forMember($otherMember)->forOrganization($data->organization)->create();
-        Passport::actingAs($data->user);
-        Event::fake([
-            MemberRemoved::class,
-        ]);
-
-        // Act
-        $response = $this->deleteJson(route('api.v1.members.destroy', [
-            'organization' => $data->organization->getKey(),
-            'member' => $data->member->getKey(),
-            'delete_related' => 'true',
-        ]));
-
-        // Assert
-        $response->assertStatus(204);
-        $this->assertDatabaseMissing(Member::class, [
-            'id' => $data->member->getKey(),
-        ]);
-        $this->assertDatabaseHas(TimeEntry::class, [
-            'id' => $otherTimeEntry->getKey(),
-        ]);
-        $this->assertDatabaseMissing(TimeEntry::class, [
-            'id' => $timeEntry->getKey(),
-        ]);
-        Event::assertDispatched(function (MemberRemoved $event) use ($data): bool {
-            return $event->organization->is($data->organization) &&
-                $event->member->is($data->member);
-        }, 1);
-    }
-
     public function test_destroy_member_succeeds_if_data_is_valid(): void
     {
         // Arrange