Commit 9cfd0a0e authored by Ermolaev Timur's avatar Ermolaev Timur

#30 Добавил инпуты и селект в модальное окно

parent 53b62eba
import { FormControlLabel, Switch } from "@mui/material"; import { FormControl, FormControlLabel, InputLabel, MenuItem, Select, Switch, TextField } from "@mui/material";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import CalendarRow from "./CalendarRow/CalendarRow"; import CalendarRow from "./CalendarRow/CalendarRow";
import CalendarSmallCell from "./CalendarSmallCell/CalendarSmallCell"; import CalendarSmallCell from "./CalendarSmallCell/CalendarSmallCell";
import CalendarStandartCell from "./CalendarStandartCell.js/CalendarStandartCell"; import CalendarStandartCell from "./CalendarStandartCell.js/CalendarStandartCell";
import CalendarTask from "./CalendarTask/CalendarTask"; import CalendarTask from "./CalendarTask/CalendarTask";
import ModalTask from "../UI/ModalTask/ModalTask"; import ModalTask from "../UI/ModalTask/ModalTask";
import { TextFieldsRounded } from "@mui/icons-material";
function MonthCalendarBody({month, year, tasks, createTaskInCellHandler, onChangeCellTaskTitle, setCurrentTask, hourFormat, setHourFormat}) { function MonthCalendarBody({month, year, tasks, createTaskInCellHandler, onChangeCellTaskTitle, setCurrentTask, hourFormat, setHourFormat}) {
...@@ -133,7 +134,24 @@ function MonthCalendarBody({month, year, tasks, createTaskInCellHandler, onChang ...@@ -133,7 +134,24 @@ function MonthCalendarBody({month, year, tasks, createTaskInCellHandler, onChang
<ModalTask <ModalTask
modal={modal} modal={modal}
handleClose={()=>{handleClose()}} handleClose={()=>{handleClose()}}
/> >
<TextField id="outlined-basic" label="title" variant="standard" sx={{marginBottom: '30px'}}/>
<TextField id="outlined-basic" label="desctiption" variant="standard" sx={{marginBottom: '30px'}} />
<FormControl variant="standard" sx={{width: '120px'}}>
<InputLabel id="calendar-type-label">Приоритет</InputLabel>
<Select
variant="standard"
labelId="calendar-type-label"
id="calendar-type"
onChange={()=>{}}
label="Type"
>
<MenuItem value={"C"}>C</MenuItem>
<MenuItem value={"B"}>B</MenuItem>
<MenuItem value={"A"}>A</MenuItem>
</Select>
</FormControl>
</ModalTask>
</> </>
); );
} }
......
...@@ -3,6 +3,7 @@ import Modal from '@mui/material/Modal'; ...@@ -3,6 +3,7 @@ import Modal from '@mui/material/Modal';
export default function ModalTask({modal, handleClose, children}) { export default function ModalTask({modal, handleClose, children}) {
const style = { const style = {
position: 'absolute', position: 'absolute',
top: modal.yPage - modal.yDiv - modal.yDivClick, top: modal.yPage - modal.yDiv - modal.yDivClick,
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment