datepicker | A simple datepicker with Chakra-UI and date-fns | Frontend Framework library

I have been using github actions for quite sometime but today my deployments started failing. Below is the error from github action logs

How to change my spinner date picker to normal calendar with an option to keyboard entry as shown in the attached picture

Here is the code.

Sorry if my title is difficult to understand.

I've multiple fields named date1, date2... On Change of those fields, I want a full script to run. Today, I have simply copied the code for each dateN I have.

I would like to have a cleaner code and use the next JQuery selector:

I'm creating a custom dynamic form using Material UI https://mui.com/ library as the component for my React Js app.

Here is the initial state of the dynamic form component.

As we can see that the dynamic form component starts only with one delivery point form. We could add another delivery point form by clicking the "Add Delivery" button. Here is the example after clicking the "Add Delivery" button.

The problem is: the first form and the second form have the same values (if there are more than 1 form) after we gave input to one of the first or second forms as seen in the screenshot below. This is not the condition I want.

But the rest (third, fourth, and so on) forms are unique as seen in the screenshot below. This is the condition I want.

Here is the simple working code:

DeliveryPoint.jsx

I have a model in which we can choose the opening hours of the institution for each day of the week, from such and such to such and such, for example Monday 12:00 AM - 11:30 PM

I want to use Date picker from MUI but I get this error and I don't know what exactly is wrong. here is my code:

I created a codesandbox with a minimal working implementation of MUI's Datepicker:

https://codesandbox.io/s/proud-pond-fb4rm?file=/src/App.js

*Edited to add my index.tsx:

I'm working on a registration form made with yup, react-hook-form and MUI DatePicker/TextField. I'd like to have a date of birth field that checks if the user is above 18 years old. The error message is displayed correcly but the red color of the error state works only if the input is empty (and not when the age is below 18). I'm console logging the value of "invalid" that dictates the red color, and it is set to true when it should.

Here is a sandbox link: https://codesandbox.io/s/datepicker-yup-validation-8rod3?file=/src/App.js

I am literally desperate. I don’t know why but every time I try to run my program this error comes out. I am using Netbeans, with Java 10.0.2 in order to have already installed JavaFX. I think it’s due to some problem with the FXML file. Can you help me?