Added custom date picker BOD-246

This commit is contained in:
Patrick Fic
2020-08-04 13:10:18 -07:00
parent 0a7305ff8e
commit c1522ca5b2
3 changed files with 54 additions and 16 deletions

View File

@@ -3,6 +3,7 @@ import React from "react";
import { useTranslation } from "react-i18next";
import DateTimePicker from "../form-date-time-picker/form-date-time-picker.component";
import FormRow from "../layout-form-row/layout-form-row.component";
import FormDatePicker from "../form-date-picker/form-date-picker.component";
export default function JobsDetailDatesComponent({ job }) {
const { t } = useTranslation();
@@ -12,10 +13,11 @@ export default function JobsDetailDatesComponent({ job }) {
<FormRow header={t("jobs.forms.estdates")}>
<Form.Item
label={t("jobs.fields.date_estimated")}
name='date_estimated'>
name="date_estimated"
>
<DateTimePicker />
</Form.Item>
<Form.Item label={t("jobs.fields.date_open")} name='date_open'>
<Form.Item label={t("jobs.fields.date_open")} name="date_open">
<DateTimePicker />
</Form.Item>
</FormRow>
@@ -23,46 +25,51 @@ export default function JobsDetailDatesComponent({ job }) {
<FormRow header={t("jobs.forms.scheddates")}>
<Form.Item
label={t("jobs.fields.date_scheduled")}
name='date_scheduled'>
name="date_scheduled"
>
<FormDatePicker />
</Form.Item>
<Form.Item label={t("jobs.fields.scheduled_in")} name="scheduled_in">
<DateTimePicker />
</Form.Item>
<Form.Item label={t("jobs.fields.scheduled_in")} name='scheduled_in'>
<DateTimePicker />
</Form.Item>
<Form.Item label={t("jobs.fields.actual_in")} name='actual_in'>
<Form.Item label={t("jobs.fields.actual_in")} name="actual_in">
<DateTimePicker />
</Form.Item>
</FormRow>
<FormRow header={t("jobs.forms.repairdates")}>
<Form.Item
label={t("jobs.fields.scheduled_completion")}
name='scheduled_completion'>
name="scheduled_completion"
>
<DateTimePicker />
</Form.Item>
<Form.Item
label={t("jobs.fields.actual_completion")}
name='actual_completion'>
name="actual_completion"
>
<DateTimePicker />
</Form.Item>
<Form.Item
label={t("jobs.fields.scheduled_delivery")}
name='scheduled_delivery'>
name="scheduled_delivery"
>
<DateTimePicker />
</Form.Item>
<Form.Item
label={t("jobs.fields.actual_delivery")}
name='actual_delivery'>
name="actual_delivery"
>
<DateTimePicker />
</Form.Item>
</FormRow>
<FormRow header={t("jobs.forms.admindates")}>
<Form.Item label={t("jobs.fields.date_invoiced")} name='date_invoiced'>
<Form.Item label={t("jobs.fields.date_invoiced")} name="date_invoiced">
<DateTimePicker />
</Form.Item>
<Form.Item label={t("jobs.fields.date_closed")} name='date_closed'>
<Form.Item label={t("jobs.fields.date_closed")} name="date_closed">
<DateTimePicker />
</Form.Item>
<Form.Item label={t("jobs.fields.date_exported")} name='date_exported'>
<Form.Item label={t("jobs.fields.date_exported")} name="date_exported">
<DateTimePicker />
</Form.Item>
</FormRow>