import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
import { ProFormDateTimePicker } from '@ant-design/pro-components';
import { Form } from 'antd';
import moment from 'moment';
export function ProjectTime({ reportCollection, status }) {
    const form = Form.useFormInstance();
    const serviceCompleteAt = Form.useWatch('serviceStartAt', form);
    function disabledDate(current) {
        var _a;
        return (current &&
            current < ((_a = moment(serviceCompleteAt)) === null || _a === void 0 ? void 0 : _a.endOf('day').subtract(1, 'days')));
    }
    function onChange() {
        form.setFieldValue('serviceCompleteAt', undefined);
    }
    if (reportCollection && status == '1') {
        return (_jsxs(_Fragment, { children: [_jsx(ProFormDateTimePicker, { label: "\u9879\u76EE\u5F00\u59CB\u65F6\u95F4", name: "serviceStartAt", placeholder: "\u8BF7\u9009\u62E9\u9879\u76EE\u5F00\u59CB\u65F6\u95F4", rules: [{ required: true }], fieldProps: {
                        format: 'YYYY-MM-DD HH:mm',
                        style: {
                            width: '100%',
                        },
                    } }), _jsx(ProFormDateTimePicker, { label: "\u9879\u76EE\u7ED3\u675F\u65F6\u95F4", placeholder: "\u8BF7\u9009\u62E9\u9879\u76EE\u7ED3\u675F\u65F6\u95F4", name: "serviceCompleteAt", rules: [{ required: true }], fieldProps: {
                        format: 'YYYY-MM-DD HH:mm',
                        style: {
                            width: '100%',
                        },
                        disabledDate: disabledDate,
                    } })] }));
    }
    return null;
}