// ** React Imports import { useState, forwardRef, ForwardedRef } from 'react' // ** MUI Imports import Drawer from '@mui/material/Drawer' import Button from '@mui/material/Button' import Select from '@mui/material/Select' import MenuItem from '@mui/material/MenuItem' import { styled } from '@mui/material/styles' import TextField from '@mui/material/TextField' import IconButton from '@mui/material/IconButton' import InputLabel from '@mui/material/InputLabel' import Typography from '@mui/material/Typography' import Box, { BoxProps } from '@mui/material/Box' import FormControl from '@mui/material/FormControl' import InputAdornment from '@mui/material/InputAdornment' // ** Third Party Imports import DatePicker from 'react-datepicker' // ** Icon Imports import Icon from 'src/@core/components/icon' // ** Styled Component import DatePickerWrapper from 'src/@core/styles/libs/react-datepicker' // ** Types import { DateType } from 'src/types/forms/reactDatepickerTypes' interface Props { open: boolean toggle: () => void } const CustomInput = forwardRef(({ ...props }, ref: ForwardedRef) => { return }) CustomInput.displayName = 'CustomInput'; const Header = styled(Box)(({ theme }) => ({ display: 'flex', alignItems: 'center', padding: theme.spacing(3, 4), justifyContent: 'space-between', backgroundColor: theme.palette.background.default })) const EditInvoiceDrawer = ({ open, toggle }: Props) => { // ** State const [date, setDate] = useState(new Date()) return (
Add Payment
$ }} /> } onChange={(date: Date) => setDate(date)} /> Payment Method
) } export default EditInvoiceDrawer