fix: use date component for report snapshot start/end dates

src/ReportSnapshots.tsx

@@ -132,9 +132,9 @@ export default function ReportSnapshots() {
           )}
 
           <Box sx={{ display: "flex", gap: 2 }}>
-            {startDateField && components?.datetime && (
+            {startDateField && components?.date && (
               <Box sx={{ flex: 1 }}>
-                <components.datetime
+                <components.date
                   name="start_date"
                   field={startDateField}
                   value={startDate}
@@ -142,9 +142,9 @@ export default function ReportSnapshots() {
                 />
               </Box>
             )}
-            {endDateField && components?.datetime && (
+            {endDateField && components?.date && (
               <Box sx={{ flex: 1 }}>
-                <components.datetime
+                <components.date
                   name="end_date"
                   field={endDateField}
                   value={endDate}