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 1dcf81481..1a451f134 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
@@ -245,6 +245,9 @@ export function ReportCenterModalComponent({reportCenterModal, bodyshop}) {
             {() => {
               const key = form.getFieldValue("key");
               const datedisable = Templates[key] && Templates[key].datedisable;
+
+              // TODO: MERGE NOTE, Ranges turns to presets in DatePicker.RangePicker
+
               if (datedisable !== true) {
                 return (
                     <Form.Item
@@ -259,7 +262,7 @@ export function ReportCenterModalComponent({reportCenterModal, bodyshop}) {
                     >
                       <DatePicker.RangePicker
                           format="MM/DD/YYYY"
-                          presets={DatePickerRanges}
+                          ranges={DatePickerRanges}
                       />
                     </Form.Item>
                 );