--

src/create.tsx

@@ -1,8 +1,9 @@
 import React from 'react';
 import moment from 'moment';
 import {
-    Input, Select, Stack, Checkbox, Box, Text, Divider, Button,  NumberInput,
+    Input, Select, Stack, Checkbox, Box, Text, Divider, Button, NumberInput,
-    NumberInputField, NumberInputStepper, NumberIncrementStepper, NumberDecrementStepper,} from '@chakra-ui/react'
+    NumberInputField, NumberInputStepper, NumberIncrementStepper, NumberDecrementStepper, useNumberInput,
+} from '@chakra-ui/react'
 import { Formik, Field, Form } from 'formik';
 import DatePicker from "react-datepicker";
 import "react-datepicker/dist/react-datepicker.css";
@@ -39,6 +40,11 @@ export default () => {
         })
     ), []);
 
+    const { getInputProps, getIncrementButtonProps, getDecrementButtonProps } =
+        useNumberInput({
+            min: 0,
+        })
+    const input = getInputProps()
     return(
         <Box
             padding="20px"
@@ -60,10 +66,10 @@ export default () => {
                     limit: 0
                 }}
                 onSubmit={(values) => {
+                    console.log(values)
                     setSend(true)
                     let inputBody:a = {
                         "status": values.status,
-                        "question_cnt": 0,
 
                     };
                     if (values.name.length !== 0) {inputBody.name = values.name}
@@ -120,15 +126,14 @@ export default () => {
                                 </Field>
                                 <Text>Количество перепрохождений</Text>
                                 <Field
-                                    as={NumberInput}
+                                    as={Input}
+                                    {...input}
                                     name="limit"
-                                >
+                                    value={values.limit}
-                                    <NumberInputField />
+                                    onChange={(e:any) => {
-                                    <NumberInputStepper>
+                                        setFieldValue("limit", Number(e.target.value))
-                                        <NumberIncrementStepper />
+                                    }}
-                                        <NumberDecrementStepper />
+                                />
-                                    </NumberInputStepper>
-                                </Field>
 
                             </Stack>
                             <Stack padding="20px">
@@ -161,7 +166,7 @@ export default () => {
                                     amPmAriaLabel={"am"}
                                     onChange={(e:any) => {
                                         if (e !== null) {
-                                            setFieldValue("time", e)
+                                            setFieldValue("time_of_passing", e)
                                         } else {
                                             //При стирании значения пользователем затирается и последнее значение
                                             setFieldValue("time_of_passing", "")