diff --git a/package-lock.json b/package-lock.json index 0a9349b3..b9dc7af5 100644 --- a/package-lock.json +++ b/package-lock.json @@ -22,6 +22,7 @@ "axios": "^0.27.2", "formik": "^2.2.9", "framer-motion": "^6.3.3", + "moment": "^2.29.3", "notistack": "^2.0.5", "react": "^18.1.0", "react-datepicker": "^4.8.0", @@ -13052,6 +13053,14 @@ "mkdirp": "bin/cmd.js" } }, + "node_modules/moment": { + "version": "2.29.3", + "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.3.tgz", + "integrity": "sha512-c6YRvhEo//6T2Jz/vVtYzqBzwvPT95JBQ+smCytzf7c50oMZRsR/a4w88aD34I+/QVSfnoAnSBFPJHItlOMJVw==", + "engines": { + "node": "*" + } + }, "node_modules/ms": { "version": "2.1.2", "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", @@ -27695,6 +27704,11 @@ "minimist": "^1.2.6" } }, + "moment": { + "version": "2.29.3", + "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.3.tgz", + "integrity": "sha512-c6YRvhEo//6T2Jz/vVtYzqBzwvPT95JBQ+smCytzf7c50oMZRsR/a4w88aD34I+/QVSfnoAnSBFPJHItlOMJVw==" + }, "ms": { "version": "2.1.2", "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", diff --git a/package.json b/package.json index 44b09019..ad7b4ac9 100644 --- a/package.json +++ b/package.json @@ -17,6 +17,7 @@ "axios": "^0.27.2", "formik": "^2.2.9", "framer-motion": "^6.3.3", + "moment": "^2.29.3", "notistack": "^2.0.5", "react": "^18.1.0", "react-datepicker": "^4.8.0", diff --git a/src/create.tsx b/src/create.tsx index 464a07d3..08936c82 100644 --- a/src/create.tsx +++ b/src/create.tsx @@ -1,16 +1,15 @@ import React from 'react'; +import moment from 'moment'; import {Input, Select, Stack, Checkbox, Box, Text, Divider, Button} from '@chakra-ui/react' import { Formik, Field, Form } from 'formik'; import DatePicker from "react-datepicker"; import "react-datepicker/dist/react-datepicker.css"; import TimePicker from 'react-time-picker'; - const statusValues: any = ['draft', 'template', 'stop', 'start'] export default () => { - const [startDate, setStartDate] = React.useState(null); - const [value, onChange] = React.useState(""); + return( { amPmAriaLabel={"am"} onChange={(e:any) => { if (e !== null) { - console.log("i used") - console.log(e) - console.log(typeof e) setFieldValue("time", e) + } else { + //При стирании значения пользователем затирается и последнее значение + setFieldValue("time", "") } }} - // onChange={(e:any) => onChange(e)} value={values.time} /> Разрешить ставить на паузу - + Дата проведения опроса { + console.log(e) + setFieldValue("date", e) + }} + minDate={new Date()} />