Minor parts order additions.

client/src/components/parts-order-modal/parts-order-modal.component.jsx

@@ -1,8 +1,13 @@
 import React, { useState } from "react";
-import { AutoComplete, Icon } from "antd";
+import { AutoComplete, Icon, DatePicker, Radio } from "antd";
 import { useTranslation } from "react-i18next";
-export default function PartsOrderModalComponent({ vendorList, state }) {
+export default function PartsOrderModalComponent({
+  vendorList,
+  state,
+  sendTypeState
+}) {
   const [partsOrder, setPartsOrder] = state;
+  const [sendType, setSendType] = sendTypeState;
   const [vendorComplete, setVendorComplete] = useState(vendorList);
   const { t } = useTranslation();
 
@@ -17,27 +22,42 @@ export default function PartsOrderModalComponent({ vendorList, state }) {
   };
 
   const handleSelect = (value, option) => {
+    console.log("value", value);
     console.log("option", option);
-    setPartsOrder({ ...partsOrder, vendorid: value });
+    setPartsOrder({ ...partsOrder, vendorid: option.key });
   };
 
   return (
     <div>
-    TODO Not sure why name is not populating. 
       <AutoComplete
         onSearch={handleSearch}
         onSelect={handleSelect}
-        optionLabelProp='id'
+        defaultOpen
         backfill
+        optionLabelProp='value'
         dataSource={vendorComplete}
         placeholder={t("vendors.labels.search")}>
         {vendorComplete.map(v => (
-          <AutoComplete.Option key={v.id}>
+          <AutoComplete.Option value={v.name} key={v.id}>
             <div>{v.name}</div>
             <div> {v.favorite ? <Icon type='heart' /> : null}</div>
           </AutoComplete.Option>
         ))}
       </AutoComplete>
+      {t("parts_orders.fields.deliver_by")}
+      <DatePicker
+        defaultValue={partsOrder.deliver_by}
+        onChange={e => {
+          setPartsOrder({ ...partsOrder, deliver_by: e });
+        }}
+      />
+
+      <Radio.Group
+        defaultValue={sendType}
+        onChange={e => setSendType(e.target.value)}>
+        <Radio value={"e"}>{t("parts_orders.labels.email")}</Radio>
+        <Radio value={"p"}>{t("parts_orders.labels.print")}</Radio>
+      </Radio.Group>
     </div>
   );
 }