Reconfigured smart scheduling to use buckets instead of load.

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