Make date parsing conform strictly to the date format. (Hacker0x01#1656)

* Make date parsing conform strictly to the date format.

* Set awareOfUnicodeTokens to true.

* Add strictParsing prop to enforce strict parsing.

* undo indenting

* undo indenting

* Validate parsed date.

* Validate parsed date.

* Fix strict parsing when year is more than 4 digits.

Author: benbcai

docs-site/src/example_components.jsx

@@ -52,6 +52,7 @@ import IncludeTimes from "./examples/include_times";
 import InjectTimes from "./examples/inject_times";
 import DontCloseOnSelect from "./examples/dont_close_onSelect";
 import RenderCustomHeader from "./examples/render_custom_header";
+import StrictParsing from "./examples/strict_parsing";
 
 import "react-datepicker/dist/react-datepicker.css";
 import "./style.scss";
@@ -261,6 +262,10 @@ export default class exampleComponents extends React.Component {
     {
       title: "Custom header",
       component: <RenderCustomHeader />
+    },
+    {
+      title: "Strict parsing",
+      component: <StrictParsing />
     }
   ];
 

docs-site/src/examples/strict_parsing.jsx

@@ -0,0 +1,42 @@
+import React from "react";
+import DatePicker from "react-datepicker";
+
+export default class StrictParsing extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      startDate: new Date()
+    };
+  }
+
+  handleChange = date => {
+    this.setState({
+      startDate: date
+    });
+  };
+
+  render() {
+    return (
+      <div className="row">
+        <pre className="column example__code">
+          <code className="jsx">
+            {`
+<DatePicker
+    selected={this.state.startDate}
+    onChange={this.handleChange}
+    strictParsing
+/>
+`}
+          </code>
+        </pre>
+        <div className="column">
+          <DatePicker
+            selected={this.state.startDate}
+            onChange={this.handleChange}
+            strictParsing
+          />
+        </div>
+      </div>
+    );
+  }
+}