@birdnet/advanced-react-dates 0.0.0-stage → 1.0.0

package/lib/components/SingleDatePickerInput.js

@@ -0,0 +1,271 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _airbnbPropTypes = require("airbnb-prop-types");
+var _reactWithStyles = require("react-with-styles");
+var _defaultPhrases = require("../defaultPhrases");
+var _getPhrasePropTypes = _interopRequireDefault(require("../utils/getPhrasePropTypes"));
+var _noflip = _interopRequireDefault(require("../utils/noflip"));
+var _DateInput = _interopRequireDefault(require("./DateInput"));
+var _IconPositionShape = _interopRequireDefault(require("../shapes/IconPositionShape"));
+var _CloseButton = _interopRequireDefault(require("./CloseButton"));
+var _CalendarIcon = _interopRequireDefault(require("./CalendarIcon"));
+var _OpenDirectionShape = _interopRequireDefault(require("../shapes/OpenDirectionShape"));
+var _constants = require("../constants");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var propTypes = process.env.NODE_ENV !== "production" ? (0, _airbnbPropTypes.forbidExtraProps)(_objectSpread(_objectSpread({}, _reactWithStyles.withStylesPropTypes), {}, {
+  id: _propTypes["default"].string.isRequired,
+  children: _propTypes["default"].node,
+  placeholder: _propTypes["default"].string,
+  ariaLabel: _propTypes["default"].string,
+  autoComplete: _propTypes["default"].string,
+  titleText: _propTypes["default"].string,
+  displayValue: _propTypes["default"].string,
+  screenReaderMessage: _propTypes["default"].string,
+  focused: _propTypes["default"].bool,
+  isFocused: _propTypes["default"].bool,
+  // describes actual DOM focus
+  disabled: _propTypes["default"].bool,
+  required: _propTypes["default"].bool,
+  readOnly: _propTypes["default"].bool,
+  openDirection: _OpenDirectionShape["default"],
+  showCaret: _propTypes["default"].bool,
+  showClearDate: _propTypes["default"].bool,
+  customCloseIcon: _propTypes["default"].node,
+  showDefaultInputIcon: _propTypes["default"].bool,
+  inputIconPosition: _IconPositionShape["default"],
+  customInputIcon: _propTypes["default"].node,
+  isRTL: _propTypes["default"].bool,
+  noBorder: _propTypes["default"].bool,
+  block: _propTypes["default"].bool,
+  small: _propTypes["default"].bool,
+  regular: _propTypes["default"].bool,
+  verticalSpacing: _airbnbPropTypes.nonNegativeInteger,
+  onChange: _propTypes["default"].func,
+  onClearDate: _propTypes["default"].func,
+  onFocus: _propTypes["default"].func,
+  onKeyDownShiftTab: _propTypes["default"].func,
+  onKeyDownTab: _propTypes["default"].func,
+  onKeyDownArrowDown: _propTypes["default"].func,
+  onKeyDownQuestionMark: _propTypes["default"].func,
+  // i18n
+  phrases: _propTypes["default"].shape((0, _getPhrasePropTypes["default"])(_defaultPhrases.SingleDatePickerInputPhrases))
+})) : {};
+var defaultProps = {
+  children: null,
+  placeholder: 'Select Date',
+  ariaLabel: undefined,
+  autoComplete: 'off',
+  titleText: undefined,
+  displayValue: '',
+  screenReaderMessage: '',
+  focused: false,
+  isFocused: false,
+  disabled: false,
+  required: false,
+  readOnly: false,
+  openDirection: _constants.OPEN_DOWN,
+  showCaret: false,
+  showClearDate: false,
+  showDefaultInputIcon: false,
+  inputIconPosition: _constants.ICON_BEFORE_POSITION,
+  customCloseIcon: null,
+  customInputIcon: null,
+  isRTL: false,
+  noBorder: false,
+  block: false,
+  small: false,
+  regular: false,
+  verticalSpacing: undefined,
+  onChange: function onChange() {},
+  onClearDate: function onClearDate() {},
+  onFocus: function onFocus() {},
+  onKeyDownShiftTab: function onKeyDownShiftTab() {},
+  onKeyDownTab: function onKeyDownTab() {},
+  onKeyDownArrowDown: function onKeyDownArrowDown() {},
+  onKeyDownQuestionMark: function onKeyDownQuestionMark() {},
+  // i18n
+  phrases: _defaultPhrases.SingleDatePickerInputPhrases
+};
+function SingleDatePickerInput(_ref) {
+  var id = _ref.id,
+    children = _ref.children,
+    placeholder = _ref.placeholder,
+    ariaLabel = _ref.ariaLabel,
+    autoComplete = _ref.autoComplete,
+    titleText = _ref.titleText,
+    displayValue = _ref.displayValue,
+    focused = _ref.focused,
+    isFocused = _ref.isFocused,
+    disabled = _ref.disabled,
+    required = _ref.required,
+    readOnly = _ref.readOnly,
+    showCaret = _ref.showCaret,
+    showClearDate = _ref.showClearDate,
+    showDefaultInputIcon = _ref.showDefaultInputIcon,
+    inputIconPosition = _ref.inputIconPosition,
+    phrases = _ref.phrases,
+    onClearDate = _ref.onClearDate,
+    onChange = _ref.onChange,
+    onFocus = _ref.onFocus,
+    onKeyDownShiftTab = _ref.onKeyDownShiftTab,
+    onKeyDownTab = _ref.onKeyDownTab,
+    onKeyDownArrowDown = _ref.onKeyDownArrowDown,
+    onKeyDownQuestionMark = _ref.onKeyDownQuestionMark,
+    screenReaderMessage = _ref.screenReaderMessage,
+    customCloseIcon = _ref.customCloseIcon,
+    customInputIcon = _ref.customInputIcon,
+    openDirection = _ref.openDirection,
+    isRTL = _ref.isRTL,
+    noBorder = _ref.noBorder,
+    block = _ref.block,
+    small = _ref.small,
+    regular = _ref.regular,
+    verticalSpacing = _ref.verticalSpacing,
+    css = _ref.css,
+    styles = _ref.styles;
+  var calendarIcon = customInputIcon || /*#__PURE__*/_react["default"].createElement(_CalendarIcon["default"], css(styles.SingleDatePickerInput_calendarIcon_svg));
+  var closeIcon = customCloseIcon || /*#__PURE__*/_react["default"].createElement(_CloseButton["default"], css(styles.SingleDatePickerInput_clearDate_svg, small && styles.SingleDatePickerInput_clearDate_svg__small));
+  var screenReaderText = screenReaderMessage || phrases.keyboardForwardNavigationInstructions;
+  var inputIcon = (showDefaultInputIcon || customInputIcon !== null) && /*#__PURE__*/_react["default"].createElement("button", (0, _extends2["default"])({}, css(styles.SingleDatePickerInput_calendarIcon), {
+    type: "button",
+    disabled: disabled,
+    "aria-label": phrases.focusStartDate,
+    onClick: onFocus,
+    tabIndex: "-1"
+  }), calendarIcon);
+  return /*#__PURE__*/_react["default"].createElement("div", css(styles.SingleDatePickerInput, disabled && styles.SingleDatePickerInput__disabled, isRTL && styles.SingleDatePickerInput__rtl, !noBorder && styles.SingleDatePickerInput__withBorder, block && styles.SingleDatePickerInput__block, showClearDate && styles.SingleDatePickerInput__showClearDate), inputIconPosition === _constants.ICON_BEFORE_POSITION && inputIcon, /*#__PURE__*/_react["default"].createElement(_DateInput["default"], {
+    id: id,
+    placeholder: placeholder,
+    ariaLabel: ariaLabel,
+    autoComplete: autoComplete,
+    titleText: titleText,
+    displayValue: displayValue,
+    screenReaderMessage: screenReaderText,
+    focused: focused,
+    isFocused: isFocused,
+    disabled: disabled,
+    required: required,
+    readOnly: readOnly,
+    showCaret: showCaret,
+    onChange: onChange,
+    onFocus: onFocus,
+    onKeyDownShiftTab: onKeyDownShiftTab,
+    onKeyDownTab: onKeyDownTab,
+    onKeyDownArrowDown: onKeyDownArrowDown,
+    onKeyDownQuestionMark: onKeyDownQuestionMark,
+    openDirection: openDirection,
+    verticalSpacing: verticalSpacing,
+    small: small,
+    regular: regular,
+    block: block
+  }), children, showClearDate && /*#__PURE__*/_react["default"].createElement("button", (0, _extends2["default"])({}, css(styles.SingleDatePickerInput_clearDate, small && styles.SingleDatePickerInput_clearDate__small, !customCloseIcon && styles.SingleDatePickerInput_clearDate__default, !displayValue && styles.SingleDatePickerInput_clearDate__hide), {
+    type: "button",
+    "aria-label": phrases.clearDate,
+    disabled: disabled,
+    onClick: onClearDate
+  }), closeIcon), inputIconPosition === _constants.ICON_AFTER_POSITION && inputIcon);
+}
+SingleDatePickerInput.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
+SingleDatePickerInput.defaultProps = defaultProps;
+var _default = exports["default"] = (0, _reactWithStyles.withStyles)(function (_ref2) {
+  var _ref2$reactDates = _ref2.reactDates,
+    border = _ref2$reactDates.border,
+    color = _ref2$reactDates.color;
+  return {
+    SingleDatePickerInput: {
+      display: 'inline-block',
+      backgroundColor: color.background
+    },
+    SingleDatePickerInput__withBorder: {
+      borderColor: color.border,
+      borderWidth: border.pickerInput.borderWidth,
+      borderStyle: border.pickerInput.borderStyle,
+      borderRadius: border.pickerInput.borderRadius
+    },
+    SingleDatePickerInput__rtl: {
+      direction: (0, _noflip["default"])('rtl')
+    },
+    SingleDatePickerInput__disabled: {
+      backgroundColor: color.disabled
+    },
+    SingleDatePickerInput__block: {
+      display: 'block'
+    },
+    SingleDatePickerInput__showClearDate: {
+      paddingRight: 30 // TODO: should be noflip wrapped and handled by an isRTL prop
+    },
+    SingleDatePickerInput_clearDate: {
+      background: 'none',
+      border: 0,
+      color: 'inherit',
+      font: 'inherit',
+      lineHeight: 'normal',
+      overflow: 'visible',
+      cursor: 'pointer',
+      padding: 10,
+      margin: '0 10px 0 5px',
+      // TODO: should be noflip wrapped and handled by an isRTL prop
+      position: 'absolute',
+      right: 0,
+      // TODO: should be noflip wrapped and handled by an isRTL prop
+      top: '50%',
+      transform: 'translateY(-50%)'
+    },
+    SingleDatePickerInput_clearDate__default: {
+      ':focus': {
+        background: color.core.border,
+        borderRadius: '50%'
+      },
+      ':hover': {
+        background: color.core.border,
+        borderRadius: '50%'
+      }
+    },
+    SingleDatePickerInput_clearDate__small: {
+      padding: 6
+    },
+    SingleDatePickerInput_clearDate__hide: {
+      visibility: 'hidden'
+    },
+    SingleDatePickerInput_clearDate_svg: {
+      fill: color.core.grayLight,
+      height: 12,
+      width: 15,
+      verticalAlign: 'middle'
+    },
+    SingleDatePickerInput_clearDate_svg__small: {
+      height: 9
+    },
+    SingleDatePickerInput_calendarIcon: {
+      background: 'none',
+      border: 0,
+      color: 'inherit',
+      font: 'inherit',
+      lineHeight: 'normal',
+      overflow: 'visible',
+      cursor: 'pointer',
+      display: 'inline-block',
+      verticalAlign: 'middle',
+      padding: 10,
+      margin: '0 5px 0 10px' // TODO: should be noflip wrapped and handled by an isRTL prop
+    },
+    SingleDatePickerInput_calendarIcon_svg: {
+      fill: color.core.grayLight,
+      height: 15,
+      width: 14,
+      verticalAlign: 'middle'
+    }
+  };
+}, {
+  pureComponent: typeof _react["default"].PureComponent !== 'undefined'
+})(SingleDatePickerInput);

package/lib/components/SingleDatePickerInputController.js

@@ -0,0 +1,266 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _enzymeShallowEqual = _interopRequireDefault(require("enzyme-shallow-equal"));
+var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _moment = _interopRequireDefault(require("moment"));
+var _reactMomentProptypes = _interopRequireDefault(require("react-moment-proptypes"));
+var _airbnbPropTypes = require("airbnb-prop-types");
+var _OpenDirectionShape = _interopRequireDefault(require("../shapes/OpenDirectionShape"));
+var _defaultPhrases = require("../defaultPhrases");
+var _getPhrasePropTypes = _interopRequireDefault(require("../utils/getPhrasePropTypes"));
+var _SingleDatePickerInput = _interopRequireDefault(require("./SingleDatePickerInput"));
+var _IconPositionShape = _interopRequireDefault(require("../shapes/IconPositionShape"));
+var _DisabledShape = _interopRequireDefault(require("../shapes/DisabledShape"));
+var _toMomentObject = _interopRequireDefault(require("../utils/toMomentObject"));
+var _toLocalizedDateString = _interopRequireDefault(require("../utils/toLocalizedDateString"));
+var _isInclusivelyAfterDay = _interopRequireDefault(require("../utils/isInclusivelyAfterDay"));
+var _constants = require("../constants");
+var propTypes = process.env.NODE_ENV !== "production" ? (0, _airbnbPropTypes.forbidExtraProps)({
+  children: _propTypes["default"].node,
+  date: _reactMomentProptypes["default"].momentObj,
+  onDateChange: _propTypes["default"].func.isRequired,
+  focused: _propTypes["default"].bool,
+  onFocusChange: _propTypes["default"].func.isRequired,
+  id: _propTypes["default"].string.isRequired,
+  placeholder: _propTypes["default"].string,
+  ariaLabel: _propTypes["default"].string,
+  autoComplete: _propTypes["default"].string,
+  titleText: _propTypes["default"].string,
+  screenReaderMessage: _propTypes["default"].string,
+  showClearDate: _propTypes["default"].bool,
+  showCaret: _propTypes["default"].bool,
+  showDefaultInputIcon: _propTypes["default"].bool,
+  inputIconPosition: _IconPositionShape["default"],
+  disabled: _DisabledShape["default"],
+  required: _propTypes["default"].bool,
+  readOnly: _propTypes["default"].bool,
+  openDirection: _OpenDirectionShape["default"],
+  noBorder: _propTypes["default"].bool,
+  block: _propTypes["default"].bool,
+  small: _propTypes["default"].bool,
+  regular: _propTypes["default"].bool,
+  verticalSpacing: _airbnbPropTypes.nonNegativeInteger,
+  keepOpenOnDateSelect: _propTypes["default"].bool,
+  reopenPickerOnClearDate: _propTypes["default"].bool,
+  isOutsideRange: _propTypes["default"].func,
+  isDayBlocked: _propTypes["default"].func,
+  displayFormat: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].func]),
+  onClose: _propTypes["default"].func,
+  onKeyDownArrowDown: _propTypes["default"].func,
+  onKeyDownQuestionMark: _propTypes["default"].func,
+  customInputIcon: _propTypes["default"].node,
+  customCloseIcon: _propTypes["default"].node,
+  // accessibility
+  isFocused: _propTypes["default"].bool,
+  // i18n
+  phrases: _propTypes["default"].shape((0, _getPhrasePropTypes["default"])(_defaultPhrases.SingleDatePickerInputPhrases)),
+  isRTL: _propTypes["default"].bool
+}) : {};
+var defaultProps = {
+  children: null,
+  date: null,
+  focused: false,
+  placeholder: '',
+  ariaLabel: undefined,
+  autoComplete: 'off',
+  titleText: undefined,
+  screenReaderMessage: 'Date',
+  showClearDate: false,
+  showCaret: false,
+  showDefaultInputIcon: false,
+  inputIconPosition: _constants.ICON_BEFORE_POSITION,
+  disabled: false,
+  required: false,
+  readOnly: false,
+  openDirection: _constants.OPEN_DOWN,
+  noBorder: false,
+  block: false,
+  small: false,
+  regular: false,
+  verticalSpacing: undefined,
+  keepOpenOnDateSelect: false,
+  reopenPickerOnClearDate: false,
+  isOutsideRange: function isOutsideRange(day) {
+    return !(0, _isInclusivelyAfterDay["default"])(day, (0, _moment["default"])());
+  },
+  isDayBlocked: function isDayBlocked() {
+    return false;
+  },
+  displayFormat: function displayFormat() {
+    return _moment["default"].localeData().longDateFormat('L');
+  },
+  onClose: function onClose() {},
+  onKeyDownArrowDown: function onKeyDownArrowDown() {},
+  onKeyDownQuestionMark: function onKeyDownQuestionMark() {},
+  customInputIcon: null,
+  customCloseIcon: null,
+  // accessibility
+  isFocused: false,
+  // i18n
+  phrases: _defaultPhrases.SingleDatePickerInputPhrases,
+  isRTL: false
+};
+var SingleDatePickerInputController = exports["default"] = /*#__PURE__*/function (_ref2, _ref) {
+  function SingleDatePickerInputController(props) {
+    var _this;
+    _this = _ref2.call(this, props) || this;
+    _this.onChange = _this.onChange.bind(_this);
+    _this.onFocus = _this.onFocus.bind(_this);
+    _this.onClearFocus = _this.onClearFocus.bind(_this);
+    _this.clearDate = _this.clearDate.bind(_this);
+    return _this;
+  }
+  (0, _inheritsLoose2["default"])(SingleDatePickerInputController, _ref2);
+  var _proto = SingleDatePickerInputController.prototype;
+  _proto[_ref] = function (nextProps, nextState) {
+    return !(0, _enzymeShallowEqual["default"])(this.props, nextProps) || !(0, _enzymeShallowEqual["default"])(this.state, nextState);
+  };
+  _proto.onChange = function onChange(dateString) {
+    var _this$props = this.props,
+      isOutsideRange = _this$props.isOutsideRange,
+      isDayBlocked = _this$props.isDayBlocked,
+      keepOpenOnDateSelect = _this$props.keepOpenOnDateSelect,
+      onDateChange = _this$props.onDateChange,
+      onFocusChange = _this$props.onFocusChange,
+      onClose = _this$props.onClose;
+    var newDate = (0, _toMomentObject["default"])(dateString, this.getDisplayFormat());
+    var isValid = newDate && !isOutsideRange(newDate) && !isDayBlocked(newDate);
+    if (isValid) {
+      onDateChange(newDate);
+      if (!keepOpenOnDateSelect) {
+        onFocusChange({
+          focused: false
+        });
+        onClose({
+          date: newDate
+        });
+      }
+    } else {
+      onDateChange(null);
+    }
+  };
+  _proto.onFocus = function onFocus() {
+    var _this$props2 = this.props,
+      onFocusChange = _this$props2.onFocusChange,
+      disabled = _this$props2.disabled;
+    if (!disabled) {
+      onFocusChange({
+        focused: true
+      });
+    }
+  };
+  _proto.onClearFocus = function onClearFocus() {
+    var _this$props3 = this.props,
+      focused = _this$props3.focused,
+      onFocusChange = _this$props3.onFocusChange,
+      onClose = _this$props3.onClose,
+      date = _this$props3.date;
+    if (!focused) return;
+    onFocusChange({
+      focused: false
+    });
+    onClose({
+      date: date
+    });
+  };
+  _proto.getDisplayFormat = function getDisplayFormat() {
+    var displayFormat = this.props.displayFormat;
+    return typeof displayFormat === 'string' ? displayFormat : displayFormat();
+  };
+  _proto.getDateString = function getDateString(date) {
+    var displayFormat = this.getDisplayFormat();
+    if (date && displayFormat) {
+      return date && date.format(displayFormat);
+    }
+    return (0, _toLocalizedDateString["default"])(date);
+  };
+  _proto.clearDate = function clearDate() {
+    var _this$props4 = this.props,
+      onDateChange = _this$props4.onDateChange,
+      reopenPickerOnClearDate = _this$props4.reopenPickerOnClearDate,
+      onFocusChange = _this$props4.onFocusChange;
+    onDateChange(null);
+    if (reopenPickerOnClearDate) {
+      onFocusChange({
+        focused: true
+      });
+    }
+  };
+  _proto.render = function render() {
+    var _this$props5 = this.props,
+      children = _this$props5.children,
+      id = _this$props5.id,
+      placeholder = _this$props5.placeholder,
+      ariaLabel = _this$props5.ariaLabel,
+      autoComplete = _this$props5.autoComplete,
+      titleText = _this$props5.titleText,
+      disabled = _this$props5.disabled,
+      focused = _this$props5.focused,
+      isFocused = _this$props5.isFocused,
+      required = _this$props5.required,
+      readOnly = _this$props5.readOnly,
+      openDirection = _this$props5.openDirection,
+      showClearDate = _this$props5.showClearDate,
+      showCaret = _this$props5.showCaret,
+      showDefaultInputIcon = _this$props5.showDefaultInputIcon,
+      inputIconPosition = _this$props5.inputIconPosition,
+      customCloseIcon = _this$props5.customCloseIcon,
+      customInputIcon = _this$props5.customInputIcon,
+      date = _this$props5.date,
+      phrases = _this$props5.phrases,
+      onKeyDownArrowDown = _this$props5.onKeyDownArrowDown,
+      onKeyDownQuestionMark = _this$props5.onKeyDownQuestionMark,
+      screenReaderMessage = _this$props5.screenReaderMessage,
+      isRTL = _this$props5.isRTL,
+      noBorder = _this$props5.noBorder,
+      block = _this$props5.block,
+      small = _this$props5.small,
+      regular = _this$props5.regular,
+      verticalSpacing = _this$props5.verticalSpacing;
+    var displayValue = this.getDateString(date);
+    return /*#__PURE__*/_react["default"].createElement(_SingleDatePickerInput["default"], {
+      id: id,
+      placeholder: placeholder,
+      ariaLabel: ariaLabel,
+      autoComplete: autoComplete,
+      titleText: titleText,
+      focused: focused,
+      isFocused: isFocused,
+      disabled: disabled,
+      required: required,
+      readOnly: readOnly,
+      openDirection: openDirection,
+      showCaret: showCaret,
+      onClearDate: this.clearDate,
+      showClearDate: showClearDate,
+      showDefaultInputIcon: showDefaultInputIcon,
+      inputIconPosition: inputIconPosition,
+      customCloseIcon: customCloseIcon,
+      customInputIcon: customInputIcon,
+      displayValue: displayValue,
+      onChange: this.onChange,
+      onFocus: this.onFocus,
+      onKeyDownShiftTab: this.onClearFocus,
+      onKeyDownArrowDown: onKeyDownArrowDown,
+      onKeyDownQuestionMark: onKeyDownQuestionMark,
+      screenReaderMessage: screenReaderMessage,
+      phrases: phrases,
+      isRTL: isRTL,
+      noBorder: noBorder,
+      block: block,
+      small: small,
+      regular: regular,
+      verticalSpacing: verticalSpacing
+    }, children);
+  };
+  return SingleDatePickerInputController;
+}(_react["default"].PureComponent || _react["default"].Component, !_react["default"].PureComponent && "shouldComponentUpdate");
+SingleDatePickerInputController.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
+SingleDatePickerInputController.defaultProps = defaultProps;

package/lib/constants.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WEEKDAYS = exports.VERTICAL_SCROLLABLE = exports.VERTICAL_ORIENTATION = exports.START_DATE = exports.OPEN_UP = exports.OPEN_DOWN = exports.NAV_POSITION_TOP = exports.NAV_POSITION_BOTTOM = exports.MODIFIER_KEY_NAMES = exports.ISO_MONTH_FORMAT = exports.ISO_FORMAT = exports.INFO_POSITION_TOP = exports.INFO_POSITION_BOTTOM = exports.INFO_POSITION_BEFORE = exports.INFO_POSITION_AFTER = exports.ICON_BEFORE_POSITION = exports.ICON_AFTER_POSITION = exports.HORIZONTAL_ORIENTATION = exports.FANG_WIDTH_PX = exports.FANG_HEIGHT_PX = exports.END_DATE = exports.DISPLAY_FORMAT = exports.DEFAULT_VERTICAL_SPACING = exports.DAY_SIZE = exports.BLOCKED_MODIFIER = exports.ANCHOR_RIGHT = exports.ANCHOR_LEFT = void 0;
+var DISPLAY_FORMAT = exports.DISPLAY_FORMAT = 'L';
+var ISO_FORMAT = exports.ISO_FORMAT = 'YYYY-MM-DD';
+var ISO_MONTH_FORMAT = exports.ISO_MONTH_FORMAT = 'YYYY-MM'; // TODO delete this line of dead code on next breaking change
+
+var START_DATE = exports.START_DATE = 'startDate';
+var END_DATE = exports.END_DATE = 'endDate';
+var HORIZONTAL_ORIENTATION = exports.HORIZONTAL_ORIENTATION = 'horizontal';
+var VERTICAL_ORIENTATION = exports.VERTICAL_ORIENTATION = 'vertical';
+var VERTICAL_SCROLLABLE = exports.VERTICAL_SCROLLABLE = 'verticalScrollable';
+var NAV_POSITION_BOTTOM = exports.NAV_POSITION_BOTTOM = 'navPositionBottom';
+var NAV_POSITION_TOP = exports.NAV_POSITION_TOP = 'navPositionTop';
+var ICON_BEFORE_POSITION = exports.ICON_BEFORE_POSITION = 'before';
+var ICON_AFTER_POSITION = exports.ICON_AFTER_POSITION = 'after';
+var INFO_POSITION_TOP = exports.INFO_POSITION_TOP = 'top';
+var INFO_POSITION_BOTTOM = exports.INFO_POSITION_BOTTOM = 'bottom';
+var INFO_POSITION_BEFORE = exports.INFO_POSITION_BEFORE = 'before';
+var INFO_POSITION_AFTER = exports.INFO_POSITION_AFTER = 'after';
+var ANCHOR_LEFT = exports.ANCHOR_LEFT = 'left';
+var ANCHOR_RIGHT = exports.ANCHOR_RIGHT = 'right';
+var OPEN_DOWN = exports.OPEN_DOWN = 'down';
+var OPEN_UP = exports.OPEN_UP = 'up';
+var DAY_SIZE = exports.DAY_SIZE = 39;
+var BLOCKED_MODIFIER = exports.BLOCKED_MODIFIER = 'blocked';
+var WEEKDAYS = exports.WEEKDAYS = [0, 1, 2, 3, 4, 5, 6];
+var FANG_WIDTH_PX = exports.FANG_WIDTH_PX = 20;
+var FANG_HEIGHT_PX = exports.FANG_HEIGHT_PX = 10;
+var DEFAULT_VERTICAL_SPACING = exports.DEFAULT_VERTICAL_SPACING = 22;
+var MODIFIER_KEY_NAMES = exports.MODIFIER_KEY_NAMES = new Set(['Shift', 'Control', 'Alt', 'Meta']);