// ** React Imports import { useState, forwardRef, ForwardedRef, ChangeEvent } from "react"; // ** Next Import import Link from "next/link"; // ** MUI Imports import Card from "@mui/material/Card"; import Grid from "@mui/material/Grid"; import Button from "@mui/material/Button"; import TextField from "@mui/material/TextField"; import CardHeader from "@mui/material/CardHeader"; import CardContent from "@mui/material/CardContent"; // ** Icon Imports import Icon from "src/@core/components/icon"; import RadioGroup from "@mui/material/RadioGroup"; import Radio from "@mui/material/Radio"; import FormControlLabel from "@mui/material/FormControlLabel"; import Typography from "@mui/material/Typography"; import DatePicker from 'react-datepicker' import DatePickerWrapper from 'src/@core/styles/libs/react-datepicker' import InputAdornment from '@mui/material/InputAdornment' import Select, { SelectChangeEvent } from "@mui/material/Select"; import { FormControl } from "@mui/material"; import InputLabel from "@mui/material/InputLabel"; import MenuItem from "@mui/material/MenuItem"; import OutlinedInput from '@mui/material/OutlinedInput' import { Autocomplete } from "@mui/material"; import { DateType } from 'src/types/forms/reactDatepickerTypes' interface Data { language: string } const CustomInput = forwardRef(({ ...props }, ref: ForwardedRef) => { return ) }} {...props} /> }) CustomInput.displayName = 'CustomInput'; const initialData: Data = { language: 'arabic', } const userList = [ "山田かずお", "伊藤ゆう", ]; const vehicleList = [ "クリーン1号", "クリーン2号", ]; const ScheduleCreate = () => { const [date, setDate] = useState(new Date()) const [scheduleName, setScheduleName] = useState('') const [value, setValue] = useState('checked') const [statusValue, setStatusValue] = useState(""); const [statusValue2, setStatusValue2] = useState(""); const [formData, setFormData] = useState(initialData) const [language, setLanguage] = useState([]) const handleChange = (event: ChangeEvent) => { setValue((event.target as HTMLInputElement).value) } const handleStatusValue = (e: SelectChangeEvent) => { setStatusValue(e.target.value); }; const handleStatusValue2 = (e: SelectChangeEvent) => { setStatusValue2(e.target.value); }; const handleSelectChange = (event: SelectChangeEvent) => { setLanguage(event.target.value as string[]) } return (
e.preventDefault()}> 顧客種別 } label='行政系顧客' /> } label='事業系顧客' /> } onChange={(date: Date) => setDate(date)} /> 顧客 ルート option} disableCloseOnSelect renderInput={(params) => ( )} sx={{ '& .MuiAutocomplete-tag': { color: "primary.main", backgroundColor: "#666cff29", } }} /> option} disableCloseOnSelect renderInput={(params) => ( )} sx={{ '& .MuiAutocomplete-tag': { color: "primary.main", backgroundColor: "#666cff29", } }} />
); }; ScheduleCreate.acl = { action: "manage", subject: "admin", }; export default ScheduleCreate;