Reconfigured smart scheduling to use buckets instead of load.

client/src/components/shop-info/shop-info.container.jsx

@@ -8,7 +8,7 @@ import AlertComponent from "../alert/alert.component";
 import { useTranslation } from "react-i18next";
 import { logImEXEvent } from "../../firebase/firebase.utils";
 import FormsFieldChanged from "../form-fields-changed-alert/form-fields-changed-alert.component";
-
+import moment from "moment";
 export default function ShopInfoContainer() {
   const [form] = Form.useForm();
   const { t } = useTranslation();
@@ -49,7 +49,17 @@ export default function ShopInfoContainer() {
       layout="vertical"
       autoComplete="new-password"
       onFinish={handleFinish}
-      initialValues={data ? data.bodyshops[0] : null}
+      initialValues={
+        data
+          ? {
+              ...data.bodyshops[0],
+              schedule_start_time: moment(
+                data.bodyshops[0].schedule_start_time
+              ),
+              schedule_end_time: moment(data.bodyshops[0].schedule_end_time),
+            }
+          : null
+      }
     >
       <FormsFieldChanged form={form} />
       <ShopInfoComponent form={form} saveLoading={saveLoading} />