a5ac6bb92e
* Add onBeforeUnload handler to prevent accidental refresh * Update button messages * Fix exit form not working after submit * Make onBeforeUnload disable if env is development * Fix onClose * Remove internal date time field state * Update messages and dialog * Prevent navigation on 400 error * Add submit disabled ref in exit form * Update exit form dialog for disabled save * Update confirmLeave forms to set ref if save is disabled * Remove unused error handling * Remove explicit ref type * Remove unused import * Fix disabled type * Add disable check function to generic forms * Add custom isDisabled method to sale and voucher forms * Add default isDisabled functions to confirmLeave forms * Update tests * Remove unused code * Rebase fixes + update tests * Refactor form and useform * Refactor disabling forms * Change "saveDisabled" name to "isSaveDisabled" for improved readability * Change "isDisabled" function to "checkIfSaveIsDisabled" * Update exit form disabling conditions for zone rates forms
66 lines
1.8 KiB
TypeScript
66 lines
1.8 KiB
TypeScript
import { TextField } from "@material-ui/core";
|
|
import { TextFieldProps } from "@material-ui/core/TextField";
|
|
import { getErrorMessage } from "@saleor/components/Attributes/utils";
|
|
import {
|
|
PageErrorWithAttributesFragment,
|
|
ProductErrorWithAttributesFragment
|
|
} from "@saleor/graphql";
|
|
import { commonMessages } from "@saleor/intl";
|
|
import { joinDateTime, splitDateTime } from "@saleor/misc";
|
|
import React from "react";
|
|
import { useIntl } from "react-intl";
|
|
|
|
type DateTimeFieldProps = Omit<TextFieldProps, "label" | "error"> & {
|
|
onChange: (value: string) => void;
|
|
error: ProductErrorWithAttributesFragment | PageErrorWithAttributesFragment;
|
|
value: string;
|
|
};
|
|
|
|
export const DateTimeField: React.FC<DateTimeFieldProps> = ({
|
|
disabled,
|
|
error,
|
|
name,
|
|
onChange,
|
|
value
|
|
}) => {
|
|
const intl = useIntl();
|
|
|
|
const parsedValue = value ? splitDateTime(value) : { date: "", time: "" };
|
|
|
|
return (
|
|
<>
|
|
<TextField
|
|
fullWidth
|
|
disabled={disabled}
|
|
error={!!error}
|
|
helperText={getErrorMessage(error, intl)}
|
|
label={intl.formatMessage(commonMessages.date)}
|
|
name={`${name}:date`}
|
|
onChange={event => {
|
|
const date = event.target.value;
|
|
|
|
onChange(joinDateTime(date, parsedValue.time));
|
|
}}
|
|
type="date"
|
|
value={parsedValue.date}
|
|
InputLabelProps={{ shrink: true }}
|
|
/>
|
|
<TextField
|
|
fullWidth
|
|
disabled={disabled}
|
|
error={!!error}
|
|
helperText={getErrorMessage(error, intl)}
|
|
label={intl.formatMessage(commonMessages.time)}
|
|
name={`${name}:time`}
|
|
onChange={event => {
|
|
const time = event.target.value;
|
|
|
|
onChange(joinDateTime(parsedValue.date, time));
|
|
}}
|
|
type="time"
|
|
value={parsedValue.time}
|
|
InputLabelProps={{ shrink: true }}
|
|
/>
|
|
</>
|
|
);
|
|
};
|