diff --git a/client/src/components/report-center-modal/report-center-modal.component.jsx b/client/src/components/report-center-modal/report-center-modal.component.jsx
index e0db4f516..451e71438 100644
--- a/client/src/components/report-center-modal/report-center-modal.component.jsx
+++ b/client/src/components/report-center-modal/report-center-modal.component.jsx
@@ -247,7 +247,7 @@ export function ReportCenterModalComponent({ reportCenterModal }) {
         >
           <DatePicker.RangePicker
             format="MM/DD/YYYY"
-            ranges={DatePIckerRanges}
+            presets={DatePIckerRanges}
           />
         </Form.Item>
         <Form.Item
diff --git a/client/src/components/tech-job-print-tickets/tech-job-print-tickets.component.jsx b/client/src/components/tech-job-print-tickets/tech-job-print-tickets.component.jsx
index 2dbd728c4..450d16a91 100644
--- a/client/src/components/tech-job-print-tickets/tech-job-print-tickets.component.jsx
+++ b/client/src/components/tech-job-print-tickets/tech-job-print-tickets.component.jsx
@@ -88,7 +88,7 @@ export function TechJobPrintTickets({ technician, event }) {
             ]}
           >
             <DatePicker.RangePicker
-              ranges={DatePIckerRanges}
+              presets={DatePIckerRanges}
               format={"MM/DD/YYYY"}
             />
           </Form.Item>