react-date-picker - npm Package Compare versions

Comparing version 8.3.5 to 8.3.6

dist/DateInput.js

@@ -560,3 +560,5 @@ "use strict";
         placeholder = placeholder.replace(formattedDatePiece, datePieceReplacement);
-      });
+      }); // See: https://github.com/wojtekmaj/react-date-picker/issues/396
+
+      placeholder = placeholder.replace('17', 'y');
       return placeholder;
@@ -563,0 +565,0 @@ }

dist/DatePicker.js

@@ -143,2 +143,8 @@ "use strict";
 
+    _defineProperty(_assertThisInitialized(_this), "onKeyDown", function (event) {
+      if (event.key === 'Escape') {
+        _this.closeCalendar();
+      }
+    });
+
     _defineProperty(_assertThisInitialized(_this), "openCalendar", function () {
@@ -221,2 +227,3 @@ _this.setState({
       });
+      document[fnName]('keydown', this.onKeyDown);
     }
@@ -223,0 +230,0 @@ }, {

package.json

 {
   "name": "react-date-picker",
-  "version": "8.3.5",
+  "version": "8.3.6",
   "description": "A date picker for your React app.",
@@ -5,0 +5,0 @@ "main": "dist/entry.js",

src/DateInput.jsx

@@ -290,2 +290,4 @@ import React, { createRef, PureComponent } from 'react';
     });
+    // See: https://github.com/wojtekmaj/react-date-picker/issues/396
+    placeholder = placeholder.replace('17', 'y');
 
@@ -292,0 +294,0 @@ return placeholder;

src/DatePicker.jsx

@@ -95,2 +95,8 @@ import React, { PureComponent } from 'react';
 
+  onKeyDown = (event) => {
+    if (event.key === 'Escape') {
+      this.closeCalendar();
+    }
+  }
+
   openCalendar = () => {
@@ -124,2 +130,3 @@ this.setState({ isOpen: true });
     outsideActionEvents.forEach((eventName) => document[fnName](eventName, this.onOutsideAction));
+    document[fnName]('keydown', this.onKeyDown);
   }
@@ -126,0 +133,0 @@

No alert changes

Improved metrics

Total package byte prevSize

216426

increased by0.28%

Lines of code

5413

increased by0.28%

No dependency changes