react-datepicker - npm Package Compare versions

Comparing version 0.34.0 to 0.37.0

lib/calendar.js

@@ -75,4 +75,2 @@ 'use strict';
 
-  mixins: [require('react-onclickoutside')],
-
   defaultProps: {
@@ -79,0 +77,0 @@ onDropdownFocus: function onDropdownFocus() {}

lib/datepicker.js

@@ -33,2 +33,6 @@ 'use strict';
 
+var _reactOnclickoutside = require('react-onclickoutside');
+
+var _reactOnclickoutside2 = _interopRequireDefault(_reactOnclickoutside);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -39,2 +43,3 @@
 var outsideClickIgnoreClass = 'react-datepicker-ignore-onclickoutside';
+var WrappedCalendar = (0, _reactOnclickoutside2.default)(_calendar2.default);
 
@@ -121,3 +126,4 @@ /**
     return {
-      open: false
+      open: false,
+      preventFocus: false
     };
@@ -132,4 +138,6 @@ },
   handleFocus: function handleFocus(event) {
-    this.props.onFocus(event);
-    this.setOpen(true);
+    if (!this.state.preventFocus) {
+      this.props.onFocus(event);
+      this.setOpen(true);
+    }
   },
@@ -162,2 +170,11 @@ cancelFocusInput: function cancelFocusInput() {
   handleSelect: function handleSelect(date, event) {
+    var _this2 = this;
+
+    // Preventing onFocus event to fix issue
+    // https://github.com/Hacker0x01/react-datepicker/issues/628
+    this.setState({ preventFocus: true }, function () {
+      return setTimeout(function () {
+        return _this2.setState({ preventFocus: false });
+      }, 50);
+    });
     this.setSelected(date, event);
@@ -170,3 +187,3 @@ this.setOpen(false);
     if (!(0, _date_utils.isSameDay)(this.props.selected, changedDate)) {
-      if (this.props.selected) {
+      if (this.props.selected && changedDate != null) {
         changedDate = (0, _moment2.default)(changedDate).set({
@@ -188,3 +205,3 @@ hour: this.props.selected.hour(),
   onInputKeyDown: function onInputKeyDown(event) {
-    var copy = (0, _moment2.default)(this.props.selected);
+    var copy = this.props.selected ? (0, _moment2.default)(this.props.selected) : (0, _moment2.default)();
     if (event.key === 'Enter' || event.key === 'Escape') {
@@ -229,3 +246,3 @@ event.preventDefault();
     }
-    return _react2.default.createElement(_calendar2.default, {
+    return _react2.default.createElement(WrappedCalendar, {
       ref: 'calendar',
@@ -232,0 +249,0 @@ locale: this.props.locale,

lib/day.js

@@ -25,8 +25,3 @@ 'use strict';
     endDate: _react2.default.PropTypes.object,
-    excludeDates: _react2.default.PropTypes.array,
-    filterDate: _react2.default.PropTypes.func,
     highlightDates: _react2.default.PropTypes.array,
-    includeDates: _react2.default.PropTypes.array,
-    maxDate: _react2.default.PropTypes.object,
-    minDate: _react2.default.PropTypes.object,
     month: _react2.default.PropTypes.number,
@@ -33,0 +28,0 @@ onClick: _react2.default.PropTypes.func,

lib/year_dropdown_options.js

@@ -31,4 +31,2 @@ 'use strict';
 
-  mixins: [require('react-onclickoutside')],
-
   getInitialState: function getInitialState() {
@@ -35,0 +33,0 @@ return {

lib/year_dropdown.js

@@ -11,4 +11,10 @@ 'use strict';
 
+var _reactOnclickoutside = require('react-onclickoutside');
+
+var _reactOnclickoutside2 = _interopRequireDefault(_reactOnclickoutside);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+var WrappedYearDropdownOptions = (0, _reactOnclickoutside2.default)(_year_dropdown_options2.default);
+
 var YearDropdown = _react2.default.createClass({
@@ -71,3 +77,3 @@ displayName: 'YearDropdown',
   renderDropdown: function renderDropdown() {
-    return _react2.default.createElement(_year_dropdown_options2.default, {
+    return _react2.default.createElement(WrappedYearDropdownOptions, {
       ref: 'options',
@@ -74,0 +80,0 @@ year: this.props.year,

package.json

@@ -5,3 +5,3 @@ {
   "description": "A simple and reusable datepicker component for React",
-  "version": "0.34.0",
+  "version": "0.37.0",
   "license": "MIT",
@@ -91,3 +91,3 @@ "homepage": "https://github.com/Hacker0x01/react-datepicker",
     "moment": "^2.13.0",
-    "react-onclickoutside": "^4.8.0",
+    "react-onclickoutside": "^5.7.1",
     "tether": "^1.3.2"
@@ -94,0 +94,0 @@ },

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

403405

increased by0.28%

Lines of code

8886

increased by0.2%

Dependency changes

• + Addedreact-onclickoutside@5.11.1(transitive)

• - Removedreact-onclickoutside@4.9.0(transitive)

• Updatedreact-onclickoutside@^5.7.1