react-datetime-picker | A datetime picker for your React app | Date Time Utils library

This issue seems to be caused by the event only picking up one part of the formatted date time. To resolve this I made the following changes, which resolves the issue.

When you calling axios.post - you'r sending currentDate as type Date, which uses Date.toString method to convert it to string. By default Date.toString using full date time format including timezone. You should format the date before sending as you wish to get it on backend. You may do formatting by yourself or use one of libraries like momentjs

Here is an example (without any library):

You missed the return statement. So nothing was returned from the render. You need to add the return statement when rendering a react page.

If you want a way to do this for development purposes (as some apis don't allow adding localhost or http to allow origin) you can use cors disabled mode of the browsers like for chrome google-chrome --disable-web-security does the trick OR in windows you can create a shortcut (rightclick > send to desktop ) and in its properties(right-click > properties) add the flag --disable-web-security after ***/chrome.exe (you will see a textbox).

If you want a solution for production, there is no other way than configuring the api for your website. You can follow the link provided by Dominic to learn more about cors. All the third pary API uses allow any origin header or atleast give a way to configure cors in console.

Yes, update Redux-Form to the latest version. The older versions of Redux-Form stopped only worked with React-Redux v5 and earlier.

Looks to be a problem with ReactBootstrap assuming propTypes is defined in prod.

You can update your Rails babel.config.js file to ignore the babel-plugin-transform-react-remove-prop-types which is effectively what's causing the error.

You could, for example, comment the lines out, leaving a note as to why it's commented out. E.g.