pick time storing and convert time to 24 hours time base

src/pages/cart/components/timeEstimate/TimeEstimateCard.tsx

@@ -1,18 +1,19 @@
 import { Form } from "antd";
+import useFormInstance from "antd/es/form/hooks/useFormInstance";
 import ProInputCard from "components/ProInputCard/ProInputCard.tsx";
 import ProRatioGroups from "components/ProRatioGroups/ProRatioGroups.tsx";
+import dayjs from "dayjs";
+import { updatePickupDate, updatePickupTime } from "features/order/orderSlice";
 import useBreakPoint from "hooks/useBreakPoint.ts";
 import { BottomSheet } from "pages/cart/components/timeEstimate/BottomSheet.tsx";
 import { Dialog } from "pages/cart/components/timeEstimate/Dialog.tsx";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
-import useFormInstance from "antd/es/form/hooks/useFormInstance";
-import ProDateFormInput from "components/proDatePicker/ProDatePicker.tsx";
-import dayjs from "dayjs";
-import { SERVER_DATE_FORMAT } from "utils/constants.ts";
-import TimeFormInput from "components/proDatePicker/ProTimePicker.tsx";
+import { useAppDispatch } from "redux/hooks";
+import { SERVER_DATE_FORMAT, UI_TIME_FORMAT } from "utils/constants.ts";
 
 export default function TimeEstimateCard() {
+  const dispatch = useAppDispatch();
   const { t } = useTranslation();
   const form = useFormInstance();
   const { isDesktop } = useBreakPoint();
@@ -20,9 +21,9 @@ export default function TimeEstimateCard() {
   const [isEstimateTimeOpen, setIsEstimateTimeOpen] = useState(false);
 
   const handleEstimateTimeSave = (date: string, time: string) => {
-    console.log(time);
-
     form.setFieldsValue({ pickupTime: time, pickupDate: date });
+    dispatch(updatePickupTime(time));
+    dispatch(updatePickupDate(date));
   };
 
   const handleEstimateTimeClose = () => {
@@ -50,7 +51,7 @@ export default function TimeEstimateCard() {
                 setEstimateWay(value);
                 handleEstimateTimeSave(
                   dayjs().format(SERVER_DATE_FORMAT),
-                  "now",
+                  dayjs().format(UI_TIME_FORMAT),
                 );
               } else {
                 setEstimateWay(value);
@@ -59,8 +60,14 @@ export default function TimeEstimateCard() {
             }}
           />
         </Form.Item>
-        {estimateWay === "later" && (
-          <div style={{ display: "flex", gap: "15px" }}>
+        {/* {estimateWay === "later" && (
+          <div
+            style={{
+              display: "flex",
+              justifyContent: "space-between",
+              gap: "15px",
+            }}
+          >
             <ProDateFormInput
               pickerProps={{
                 size: "middle",
@@ -87,7 +94,7 @@ export default function TimeEstimateCard() {
               formItemProps={{ name: "pickupTime" }}
             />
           </div>
-        )}
+        )} */}
       </ProInputCard>
       {isDesktop ? (
         <Dialog