Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 | 120x 120x | import { ButtonProps } from "@common/Button/Button";
import { DialogActions } from "@mui/material";
import { PickersActionBarProps } from "@mui/x-date-pickers/PickersActionBar";
import GiveButton from "@shared/Button/GiveButton";
import { styled } from "@theme/v2/Provider";
import { format } from "date-fns";
type TCustomActionsProps = PickersActionBarProps & {
setValue: (value: any) => void;
value: any;
submitButtonProps?: ButtonProps;
useUTCMoment?: boolean;
};
const CustomActions = (props: TCustomActionsProps) => {
const {
onAccept,
onCancel,
className,
setValue,
value,
submitButtonProps,
useUTCMoment,
} = props;
const handleOnAccept = () => {
const formattedDate = useUTCMoment
? value
: format(new Date(value), "MM/dd/yyyy");
setValue(formattedDate);
onAccept();
};
return (
<StyledActions className={className}>
<GiveButton
variant="ghost"
size="large"
label="Cancel"
onClick={onCancel}
/>
<GiveButton
variant="filled"
size="small"
label="Apply"
color="primary"
onClick={handleOnAccept}
{...submitButtonProps}
/>
</StyledActions>
);
};
const StyledActions = styled(DialogActions)(({ theme }) => ({
[theme.breakpoints.down("new_sm")]: {
display: "flex",
flexDirection: "row !important",
justifyContent: "flex-end !important",
"& .MuiButton-root": {
width: "fit-content !important",
},
},
}));
export default CustomActions;
|