even more updates.

Signed-off-by: Dave Richer <dave@imexsystems.ca>

client/src/components/shop-info/shop-info.general.component.jsx

@@ -1,5 +1,5 @@
 import { DeleteFilled } from "@ant-design/icons";
-import { useTreatments } from "@splitsoftware/splitio-react";
+import { useSplitTreatments } from "@splitsoftware/splitio-react";
 import {
   Button,
   DatePicker,
@@ -35,13 +35,14 @@ const mapDispatchToProps = (dispatch) => ({
 export default connect(mapStateToProps, mapDispatchToProps)(ShopInfoGeneral);
 
 export function ShopInfoGeneral({ form, bodyshop }) {
-  const { t } = useTranslation();
-  const { ClosingPeriod } = useTreatments(
-    ["ClosingPeriod"],
-    {},
-    bodyshop && bodyshop.imexshopid
-  );
 
+  const { t } = useTranslation();
+
+  const { treatments: {ClosingPeriod} } = useSplitTreatments({
+    attributes: {},
+    names: ["ClosingPeriod"],
+    splitKey: bodyshop && bodyshop.imexshopid,
+  });
 
   return (
     <div>
@@ -413,13 +414,12 @@ export function ShopInfoGeneral({ form, bodyshop }) {
         {ClosingPeriod.treatment === "on" && (
           <>
             <Form.Item
-              allowClear
               name={["accountingconfig", "ClosingPeriod"]}
               label={t("bodyshop.fields.closingperiod")} //{t("reportcenter.labels.dates")}
             >
               <DatePicker.RangePicker
                 format="MM/DD/YYYY"
-                ranges={DatePickerRanges}
+                presets={DatePickerRanges}
               />
             </Form.Item>
           </>