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} />

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

@@ -1,5 +1,14 @@
 import { DeleteFilled } from "@ant-design/icons";
-import { Button, Col, Form, Input, InputNumber, Row, Select } from "antd";
+import {
+  Button,
+  Col,
+  Form,
+  Input,
+  InputNumber,
+  Row,
+  Select,
+  TimePicker,
+} from "antd";
 import React from "react";
 import { useTranslation } from "react-i18next";
 import ColorpickerFormItemComponent from "../form-items-formatted/colorpicker-form-item.component";
@@ -11,6 +20,30 @@ export default function ShopInfoSchedulingComponent({ form }) {
 
   return (
     <div>
+      <Form.Item
+        label={t("bodyshop.fields.schedule_start_time")}
+        name={"schedule_start_time"}
+        rules={[
+          {
+            required: true,
+            message: t("general.validation.required"),
+          },
+        ]}
+      >
+        <TimePicker showSecond={false} />
+      </Form.Item>
+      <Form.Item
+        label={t("bodyshop.fields.schedule_end_time")}
+        name={"schedule_end_time"}
+        rules={[
+          {
+            required: true,
+            message: t("general.validation.required"),
+          },
+        ]}
+      >
+        <TimePicker showSecond={false} />
+      </Form.Item>
       <strong>{t("bodyshop.labels.orderstatuses")}</strong>
       <Row>
         <Col span={24}>