From c05e33e230520a21151f28de66604259a5aef4a3 Mon Sep 17 00:00:00 2001
From: Eric Gullickson <16152721+ericgullickson@users.noreply.github.com>
Date: Mon, 23 Mar 2026 19:53:49 -0500
Subject: [PATCH] fix: Date picker bug

---
 .../maintenance/components/MaintenanceRecordEditDialog.tsx  | 2 +-
 .../maintenance/components/MaintenanceRecordForm.tsx        | 6 +++---
 .../components/MaintenanceScheduleEditDialog.tsx            | 2 +-
 .../maintenance/components/MaintenanceScheduleForm.tsx      | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/features/maintenance/components/MaintenanceRecordEditDialog.tsx b/frontend/src/features/maintenance/components/MaintenanceRecordEditDialog.tsx
index 7c59cf0..2fc82aa 100644
--- a/frontend/src/features/maintenance/components/MaintenanceRecordEditDialog.tsx
+++ b/frontend/src/features/maintenance/components/MaintenanceRecordEditDialog.tsx
@@ -337,7 +337,7 @@ export const MaintenanceRecordEditDialog: React.FC<MaintenanceRecordEditDialogPr
                   label="Service Date *"
                   value={formData.date ? dayjs(formData.date) : null}
                   onChange={(newValue) =>
-                    handleInputChange('date', newValue?.toISOString().split('T')[0] || '')
+                    handleInputChange('date', newValue?.format('YYYY-MM-DD') || '')
                   }
                   format="MM/DD/YYYY"
                   slotProps={{
diff --git a/frontend/src/features/maintenance/components/MaintenanceRecordForm.tsx b/frontend/src/features/maintenance/components/MaintenanceRecordForm.tsx
index 2f1cb18..637ce29 100644
--- a/frontend/src/features/maintenance/components/MaintenanceRecordForm.tsx
+++ b/frontend/src/features/maintenance/components/MaintenanceRecordForm.tsx
@@ -113,7 +113,7 @@ export const MaintenanceRecordForm: React.FC<MaintenanceRecordFormProps> = ({ ve
       vehicle_id: vehicleId || '',
       category: '' as any,
       subtypes: [],
-      date: new Date().toISOString().split('T')[0],
+      date: dayjs().format('YYYY-MM-DD'),
       odometer_reading: '' as any,
       cost: '' as any,
       shop_name: '',
@@ -221,7 +221,7 @@ export const MaintenanceRecordForm: React.FC<MaintenanceRecordFormProps> = ({ ve
         vehicle_id: '',
         category: '' as any,
         subtypes: [],
-        date: new Date().toISOString().split('T')[0],
+        date: dayjs().format('YYYY-MM-DD'),
         odometer_reading: '' as any,
         cost: '' as any,
         shop_name: '',
@@ -387,7 +387,7 @@ export const MaintenanceRecordForm: React.FC<MaintenanceRecordFormProps> = ({ ve
                       label="Date *"
                       value={field.value ? dayjs(field.value) : null}
                       onChange={(newValue) =>
-                        field.onChange(newValue?.toISOString().split('T')[0] || '')
+                        field.onChange(newValue?.format('YYYY-MM-DD') || '')
                       }
                       format="MM/DD/YYYY"
                       slotProps={{
diff --git a/frontend/src/features/maintenance/components/MaintenanceScheduleEditDialog.tsx b/frontend/src/features/maintenance/components/MaintenanceScheduleEditDialog.tsx
index 3af3644..3075754 100644
--- a/frontend/src/features/maintenance/components/MaintenanceScheduleEditDialog.tsx
+++ b/frontend/src/features/maintenance/components/MaintenanceScheduleEditDialog.tsx
@@ -337,7 +337,7 @@ export const MaintenanceScheduleEditDialog: React.FC<MaintenanceScheduleEditDial
                     label="Due Date"
                     value={formData.fixedDueDate ? dayjs(formData.fixedDueDate) : null}
                     onChange={(newValue) =>
-                      handleInputChange('fixedDueDate', newValue?.toISOString().split('T')[0] || undefined)
+                      handleInputChange('fixedDueDate', newValue?.format('YYYY-MM-DD') || undefined)
                     }
                     format="MM/DD/YYYY"
                     slotProps={{
diff --git a/frontend/src/features/maintenance/components/MaintenanceScheduleForm.tsx b/frontend/src/features/maintenance/components/MaintenanceScheduleForm.tsx
index 268483e..0f6a65a 100644
--- a/frontend/src/features/maintenance/components/MaintenanceScheduleForm.tsx
+++ b/frontend/src/features/maintenance/components/MaintenanceScheduleForm.tsx
@@ -412,7 +412,7 @@ export const MaintenanceScheduleForm: React.FC<MaintenanceScheduleFormProps> = (
                         label="Fixed Due Date *"
                         value={field.value ? dayjs(field.value) : null}
                         onChange={(newValue) =>
-                          field.onChange(newValue?.toISOString().split('T')[0] || '')
+                          field.onChange(newValue?.format('YYYY-MM-DD') || '')
                         }
                         format="MM/DD/YYYY"
                         slotProps={{