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

package/lib/shapes/SingleDatePickerShape.js

@@ -0,0 +1,97 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactMomentProptypes = _interopRequireDefault(require("react-moment-proptypes"));
+var _airbnbPropTypes = require("airbnb-prop-types");
+var _defaultPhrases = require("../defaultPhrases");
+var _getPhrasePropTypes = _interopRequireDefault(require("../utils/getPhrasePropTypes"));
+var _IconPositionShape = _interopRequireDefault(require("./IconPositionShape"));
+var _OrientationShape = _interopRequireDefault(require("./OrientationShape"));
+var _AnchorDirectionShape = _interopRequireDefault(require("./AnchorDirectionShape"));
+var _OpenDirectionShape = _interopRequireDefault(require("./OpenDirectionShape"));
+var _DayOfWeekShape = _interopRequireDefault(require("./DayOfWeekShape"));
+var _CalendarInfoPositionShape = _interopRequireDefault(require("./CalendarInfoPositionShape"));
+var _NavPositionShape = _interopRequireDefault(require("./NavPositionShape"));
+var _default = exports["default"] = {
+  // required props for a functional interactive SingleDatePicker
+  date: _reactMomentProptypes["default"].momentObj,
+  onDateChange: _propTypes["default"].func.isRequired,
+  focused: _propTypes["default"].bool,
+  onFocusChange: _propTypes["default"].func.isRequired,
+  // input related props
+  id: _propTypes["default"].string.isRequired,
+  placeholder: _propTypes["default"].string,
+  ariaLabel: _propTypes["default"].string,
+  titleText: _propTypes["default"].string,
+  disabled: _propTypes["default"].bool,
+  required: _propTypes["default"].bool,
+  readOnly: _propTypes["default"].bool,
+  screenReaderInputMessage: _propTypes["default"].string,
+  showClearDate: _propTypes["default"].bool,
+  customCloseIcon: _propTypes["default"].node,
+  showDefaultInputIcon: _propTypes["default"].bool,
+  inputIconPosition: _IconPositionShape["default"],
+  customInputIcon: _propTypes["default"].node,
+  noBorder: _propTypes["default"].bool,
+  block: _propTypes["default"].bool,
+  small: _propTypes["default"].bool,
+  regular: _propTypes["default"].bool,
+  verticalSpacing: _airbnbPropTypes.nonNegativeInteger,
+  keepFocusOnInput: _propTypes["default"].bool,
+  autoComplete: _propTypes["default"].string,
+  // calendar presentation and interaction related props
+  renderMonthText: (0, _airbnbPropTypes.mutuallyExclusiveProps)(_propTypes["default"].func, 'renderMonthText', 'renderMonthElement'),
+  renderMonthElement: (0, _airbnbPropTypes.mutuallyExclusiveProps)(_propTypes["default"].func, 'renderMonthText', 'renderMonthElement'),
+  renderWeekHeaderElement: _propTypes["default"].func,
+  orientation: _OrientationShape["default"],
+  anchorDirection: _AnchorDirectionShape["default"],
+  openDirection: _OpenDirectionShape["default"],
+  horizontalMargin: _propTypes["default"].number,
+  withPortal: _propTypes["default"].bool,
+  withFullScreenPortal: _propTypes["default"].bool,
+  appendToBody: _propTypes["default"].bool,
+  disableScroll: _propTypes["default"].bool,
+  initialVisibleMonth: _propTypes["default"].func,
+  firstDayOfWeek: _DayOfWeekShape["default"],
+  numberOfMonths: _propTypes["default"].number,
+  keepOpenOnDateSelect: _propTypes["default"].bool,
+  reopenPickerOnClearDate: _propTypes["default"].bool,
+  renderCalendarInfo: _propTypes["default"].func,
+  calendarInfoPosition: _CalendarInfoPositionShape["default"],
+  hideKeyboardShortcutsPanel: _propTypes["default"].bool,
+  daySize: _airbnbPropTypes.nonNegativeInteger,
+  isRTL: _propTypes["default"].bool,
+  verticalHeight: _airbnbPropTypes.nonNegativeInteger,
+  transitionDuration: _airbnbPropTypes.nonNegativeInteger,
+  horizontalMonthPadding: _airbnbPropTypes.nonNegativeInteger,
+  // navigation related props
+  dayPickerNavigationInlineStyles: _propTypes["default"].object,
+  navPosition: _NavPositionShape["default"],
+  navPrev: _propTypes["default"].node,
+  navNext: _propTypes["default"].node,
+  renderNavPrevButton: _propTypes["default"].func,
+  renderNavNextButton: _propTypes["default"].func,
+  onPrevMonthClick: _propTypes["default"].func,
+  onNextMonthClick: _propTypes["default"].func,
+  onClose: _propTypes["default"].func,
+  // day presentation and interaction related props
+  renderCalendarDay: _propTypes["default"].func,
+  renderDayContents: _propTypes["default"].func,
+  enableOutsideDays: _propTypes["default"].bool,
+  isDayBlocked: _propTypes["default"].func,
+  isOutsideRange: _propTypes["default"].func,
+  isDayHighlighted: _propTypes["default"].func,
+  minDate: _reactMomentProptypes["default"].momentObj,
+  maxDate: _reactMomentProptypes["default"].momentObj,
+  // internationalization props
+  displayFormat: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].func]),
+  monthFormat: _propTypes["default"].string,
+  weekDayFormat: _propTypes["default"].string,
+  phrases: _propTypes["default"].shape((0, _getPhrasePropTypes["default"])(_defaultPhrases.SingleDatePickerPhrases)),
+  dayAriaLabelFormat: _propTypes["default"].string
+};

package/lib/theme/DefaultTheme.js

@@ -0,0 +1,182 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var core = {
+  white: '#fff',
+  gray: '#484848',
+  grayLight: '#82888a',
+  grayLighter: '#cacccd',
+  grayLightest: '#f2f2f2',
+  borderMedium: '#c4c4c4',
+  border: '#dbdbdb',
+  borderLight: '#e4e7e7',
+  borderLighter: '#eceeee',
+  borderBright: '#f4f5f5',
+  primary: '#00a699',
+  primaryShade_1: '#33dacd',
+  primaryShade_2: '#66e2da',
+  primaryShade_3: '#80e8e0',
+  primaryShade_4: '#b2f1ec',
+  primary_dark: '#008489',
+  secondary: '#007a87',
+  yellow: '#ffe8bc',
+  yellow_dark: '#ffce71'
+};
+var _default = exports["default"] = {
+  reactDates: {
+    zIndex: 0,
+    border: {
+      input: {
+        border: 0,
+        borderTop: 0,
+        borderRight: 0,
+        borderBottom: '2px solid transparent',
+        borderLeft: 0,
+        outlineFocused: 0,
+        borderFocused: 0,
+        borderTopFocused: 0,
+        borderLeftFocused: 0,
+        borderBottomFocused: "2px solid ".concat(core.primary_dark),
+        borderRightFocused: 0,
+        borderRadius: 0
+      },
+      pickerInput: {
+        borderWidth: 1,
+        borderStyle: 'solid',
+        borderRadius: 2
+      }
+    },
+    color: {
+      core: core,
+      disabled: core.grayLightest,
+      background: core.white,
+      backgroundDark: '#f2f2f2',
+      backgroundFocused: core.white,
+      border: 'rgb(219, 219, 219)',
+      text: core.gray,
+      textDisabled: core.border,
+      textFocused: '#007a87',
+      placeholderText: '#757575',
+      outside: {
+        backgroundColor: core.white,
+        backgroundColor_active: core.white,
+        backgroundColor_hover: core.white,
+        color: core.gray,
+        color_active: core.gray,
+        color_hover: core.gray
+      },
+      highlighted: {
+        backgroundColor: core.yellow,
+        backgroundColor_active: core.yellow_dark,
+        backgroundColor_hover: core.yellow_dark,
+        color: core.gray,
+        color_active: core.gray,
+        color_hover: core.gray
+      },
+      minimumNights: {
+        backgroundColor: core.white,
+        backgroundColor_active: core.white,
+        backgroundColor_hover: core.white,
+        borderColor: core.borderLighter,
+        color: core.grayLighter,
+        color_active: core.grayLighter,
+        color_hover: core.grayLighter
+      },
+      hoveredSpan: {
+        backgroundColor: core.primaryShade_4,
+        backgroundColor_active: core.primaryShade_3,
+        backgroundColor_hover: core.primaryShade_4,
+        borderColor: core.primaryShade_3,
+        borderColor_active: core.primaryShade_3,
+        borderColor_hover: core.primaryShade_3,
+        color: core.secondary,
+        color_active: core.secondary,
+        color_hover: core.secondary
+      },
+      selectedSpan: {
+        backgroundColor: core.primaryShade_2,
+        backgroundColor_active: core.primaryShade_1,
+        backgroundColor_hover: core.primaryShade_1,
+        borderColor: core.primaryShade_1,
+        borderColor_active: core.primary,
+        borderColor_hover: core.primary,
+        color: core.white,
+        color_active: core.white,
+        color_hover: core.white
+      },
+      selected: {
+        backgroundColor: core.primary,
+        backgroundColor_active: core.primary,
+        backgroundColor_hover: core.primary,
+        borderColor: core.primary,
+        borderColor_active: core.primary,
+        borderColor_hover: core.primary,
+        color: core.white,
+        color_active: core.white,
+        color_hover: core.white
+      },
+      blocked_calendar: {
+        backgroundColor: core.grayLighter,
+        backgroundColor_active: core.grayLighter,
+        backgroundColor_hover: core.grayLighter,
+        borderColor: core.grayLighter,
+        borderColor_active: core.grayLighter,
+        borderColor_hover: core.grayLighter,
+        color: core.grayLight,
+        color_active: core.grayLight,
+        color_hover: core.grayLight
+      },
+      blocked_out_of_range: {
+        backgroundColor: core.white,
+        backgroundColor_active: core.white,
+        backgroundColor_hover: core.white,
+        borderColor: core.borderLight,
+        borderColor_active: core.borderLight,
+        borderColor_hover: core.borderLight,
+        color: core.grayLighter,
+        color_active: core.grayLighter,
+        color_hover: core.grayLighter
+      }
+    },
+    spacing: {
+      dayPickerHorizontalPadding: 9,
+      captionPaddingTop: 22,
+      captionPaddingBottom: 37,
+      inputPadding: 0,
+      displayTextPaddingVertical: undefined,
+      displayTextPaddingTop: 11,
+      displayTextPaddingBottom: 9,
+      displayTextPaddingHorizontal: undefined,
+      displayTextPaddingLeft: 11,
+      displayTextPaddingRight: 11,
+      displayTextPaddingVertical_small: undefined,
+      displayTextPaddingTop_small: 7,
+      displayTextPaddingBottom_small: 5,
+      displayTextPaddingHorizontal_small: undefined,
+      displayTextPaddingLeft_small: 7,
+      displayTextPaddingRight_small: 7
+    },
+    sizing: {
+      inputWidth: 130,
+      inputWidth_small: 97,
+      arrowWidth: 24
+    },
+    noScrollBarOnVerticalScrollable: false,
+    font: {
+      size: 14,
+      captionSize: 18,
+      input: {
+        size: 19,
+        weight: 200,
+        lineHeight: '24px',
+        size_small: 15,
+        lineHeight_small: '18px',
+        letterSpacing_small: '0.2px',
+        styleDisabled: 'italic'
+      }
+    }
+  }
+};

package/lib/utils/calculateDimension.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = calculateDimension;
+function calculateDimension(el, axis) {
+  var borderBox = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var withMargin = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  if (!el) {
+    return 0;
+  }
+  var axisStart = axis === 'width' ? 'Left' : 'Top';
+  var axisEnd = axis === 'width' ? 'Right' : 'Bottom';
+
+  // Only read styles if we need to
+  var style = !borderBox || withMargin ? window.getComputedStyle(el) : null;
+
+  // Offset includes border and padding
+  var offsetWidth = el.offsetWidth,
+    offsetHeight = el.offsetHeight;
+  var size = axis === 'width' ? offsetWidth : offsetHeight;
+
+  // Get the inner size
+  if (!borderBox) {
+    size -= parseFloat(style["padding".concat(axisStart)]) + parseFloat(style["padding".concat(axisEnd)]) + parseFloat(style["border".concat(axisStart, "Width")]) + parseFloat(style["border".concat(axisEnd, "Width")]);
+  }
+
+  // Apply margin
+  if (withMargin) {
+    size += parseFloat(style["margin".concat(axisStart)]) + parseFloat(style["margin".concat(axisEnd)]);
+  }
+  return size;
+}

package/lib/utils/disableScroll.js

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = disableScroll;
+exports.getScrollAncestorsOverflowY = getScrollAncestorsOverflowY;
+exports.getScrollParent = getScrollParent;
+var getScrollingRoot = function getScrollingRoot() {
+  return document.scrollingElement || document.documentElement;
+};
+
+/**
+ * Recursively finds the scroll parent of a node. The scroll parrent of a node
+ * is the closest node that is scrollable. A node is scrollable if:
+ *  - it is allowed to scroll via CSS ('overflow-y' not visible or hidden);
+ *  - and its children/content are "bigger" than the node's box height.
+ *
+ * The root of the document always scrolls by default.
+ *
+ * @param {HTMLElement} node Any DOM element.
+ * @return {HTMLElement} The scroll parent element.
+ */
+function getScrollParent(node) {
+  var parent = node.parentElement;
+  if (parent == null) return getScrollingRoot();
+  var _window$getComputedSt = window.getComputedStyle(parent),
+    overflowY = _window$getComputedSt.overflowY;
+  var canScroll = overflowY !== 'visible' && overflowY !== 'hidden';
+  if (canScroll && parent.scrollHeight > parent.clientHeight) {
+    return parent;
+  }
+  return getScrollParent(parent);
+}
+
+/**
+ * Recursively traverses the tree upwards from the given node, capturing all
+ * ancestor nodes that scroll along with their current 'overflow-y' CSS
+ * property.
+ *
+ * @param {HTMLElement} node Any DOM element.
+ * @param {Map<HTMLElement,string>} [acc] Accumulator map.
+ * @return {Map<HTMLElement,string>} Map of ancestors with their 'overflow-y' value.
+ */
+function getScrollAncestorsOverflowY(node) {
+  var acc = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : new Map();
+  var scrollingRoot = getScrollingRoot();
+  var scrollParent = getScrollParent(node);
+  acc.set(scrollParent, scrollParent.style.overflowY);
+  if (scrollParent === scrollingRoot) return acc;
+  return getScrollAncestorsOverflowY(scrollParent, acc);
+}
+
+/**
+ * Disabling the scroll on a node involves finding all the scrollable ancestors
+ * and set their 'overflow-y' CSS property to 'hidden'. When all ancestors have
+ * 'overflow-y: hidden' (up to the document element) there is no scroll
+ * container, thus all the scroll outside of the node is disabled. In order to
+ * enable scroll again, we store the previous value of the 'overflow-y' for
+ * every ancestor in a closure and reset it back.
+ *
+ * @param {HTMLElement} node Any DOM element.
+ */
+function disableScroll(node) {
+  var scrollAncestorsOverflowY = getScrollAncestorsOverflowY(node);
+  var toggle = function toggle(on) {
+    return scrollAncestorsOverflowY.forEach(function (overflowY, ancestor) {
+      ancestor.style.setProperty('overflow-y', on ? 'hidden' : overflowY);
+    });
+  };
+  toggle(true);
+  return function () {
+    return toggle(false);
+  };
+}

package/lib/utils/getActiveElement.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = getActiveElement;
+function getActiveElement() {
+  return typeof document !== 'undefined' && document.activeElement;
+}

package/lib/utils/getCalendarDaySettings.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = getCalendarDaySettings;
+var _getPhrase = _interopRequireDefault(require("./getPhrase"));
+var _constants = require("../constants");
+function isSelected(modifiers) {
+  return modifiers.has('selected') || modifiers.has('selected-span') || modifiers.has('selected-start') || modifiers.has('selected-end');
+}
+function shouldUseDefaultCursor(modifiers) {
+  return modifiers.has('blocked-minimum-nights') || modifiers.has('blocked-calendar') || modifiers.has('blocked-out-of-range');
+}
+function isHoveredSpan(modifiers) {
+  if (isSelected(modifiers)) return false;
+  return modifiers.has('hovered-span') || modifiers.has('after-hovered-start') || modifiers.has('before-hovered-end');
+}
+function getAriaLabel(phrases, modifiers, day, ariaLabelFormat) {
+  var chooseAvailableDate = phrases.chooseAvailableDate,
+    dateIsUnavailable = phrases.dateIsUnavailable,
+    dateIsSelected = phrases.dateIsSelected,
+    dateIsSelectedAsStartDate = phrases.dateIsSelectedAsStartDate,
+    dateIsSelectedAsEndDate = phrases.dateIsSelectedAsEndDate;
+  var formattedDate = {
+    date: day.format(ariaLabelFormat)
+  };
+  if (modifiers.has('selected-start') && dateIsSelectedAsStartDate) {
+    return (0, _getPhrase["default"])(dateIsSelectedAsStartDate, formattedDate);
+  }
+  if (modifiers.has('selected-end') && dateIsSelectedAsEndDate) {
+    return (0, _getPhrase["default"])(dateIsSelectedAsEndDate, formattedDate);
+  }
+  if (isSelected(modifiers) && dateIsSelected) {
+    return (0, _getPhrase["default"])(dateIsSelected, formattedDate);
+  }
+  if (modifiers.has(_constants.BLOCKED_MODIFIER)) {
+    return (0, _getPhrase["default"])(dateIsUnavailable, formattedDate);
+  }
+  return (0, _getPhrase["default"])(chooseAvailableDate, formattedDate);
+}
+function getCalendarDaySettings(day, ariaLabelFormat, daySize, modifiers, phrases) {
+  return {
+    ariaLabel: getAriaLabel(phrases, modifiers, day, ariaLabelFormat),
+    hoveredSpan: isHoveredSpan(modifiers),
+    isOutsideRange: modifiers.has('blocked-out-of-range'),
+    selected: isSelected(modifiers),
+    useDefaultCursor: shouldUseDefaultCursor(modifiers),
+    daySizeStyles: {
+      width: daySize,
+      height: daySize - 1
+    }
+  };
+}

package/lib/utils/getCalendarMonthWeeks.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = getCalendarMonthWeeks;
+var _moment = _interopRequireDefault(require("moment"));
+var _constants = require("../constants");
+function getCalendarMonthWeeks(month, enableOutsideDays) {
+  var firstDayOfWeek = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _moment["default"].localeData().firstDayOfWeek();
+  if (!_moment["default"].isMoment(month) || !month.isValid()) {
+    throw new TypeError('`month` must be a valid moment object');
+  }
+  if (_constants.WEEKDAYS.indexOf(firstDayOfWeek) === -1) {
+    throw new TypeError('`firstDayOfWeek` must be an integer between 0 and 6');
+  }
+
+  // set utc offset to get correct dates in future (when timezone changes)
+  var firstOfMonth = month.clone().startOf('month').hour(12);
+  var lastOfMonth = month.clone().endOf('month').hour(12);
+
+  // calculate the exact first and last days to fill the entire matrix
+  // (considering days outside month)
+  var prevDays = (firstOfMonth.day() + 7 - firstDayOfWeek) % 7;
+  var nextDays = (firstDayOfWeek + 6 - lastOfMonth.day()) % 7;
+  var firstDay = firstOfMonth.clone().subtract(prevDays, 'day');
+  var lastDay = lastOfMonth.clone().add(nextDays, 'day');
+  var totalDays = lastDay.diff(firstDay, 'days') + 1;
+  var currentDay = firstDay.clone();
+  var weeksInMonth = [];
+  for (var i = 0; i < totalDays; i += 1) {
+    if (i % 7 === 0) {
+      weeksInMonth.push([]);
+    }
+    var day = null;
+    if (i >= prevDays && i < totalDays - nextDays || enableOutsideDays) {
+      day = currentDay.clone();
+    }
+    weeksInMonth[weeksInMonth.length - 1].push(day);
+    currentDay.add(1, 'day');
+  }
+  return weeksInMonth;
+}

package/lib/utils/getCalendarMonthWidth.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = getCalendarMonthWidth;
+function getCalendarMonthWidth(daySize) {
+  var calendarMonthPadding = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  return 7 * daySize + 2 * calendarMonthPadding + 1;
+}

package/lib/utils/getDetachedContainerStyles.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = getDetachedContainerStyles;
+var _constants = require("../constants");
+/**
+ * Calculate and return a CSS transform style to position a detached element
+ * next to a reference element. The open and anchor direction indicate wether
+ * it should be positioned above/below and/or to the left/right of the
+ * reference element.
+ *
+ * Assuming r(0,0), r(1,1), d(0,0), d(1,1) for the bottom-left and top-right
+ * corners of the reference and detached elements, respectively:
+ *  - openDirection = DOWN, anchorDirection = LEFT => d(0,1) == r(0,1)
+ *  - openDirection = UP, anchorDirection = LEFT => d(0,0) == r(0,0)
+ *  - openDirection = DOWN, anchorDirection = RIGHT => d(1,1) == r(1,1)
+ *  - openDirection = UP, anchorDirection = RIGHT => d(1,0) == r(1,0)
+ *
+ * By using a CSS transform, we allow to further position it using
+ * top/bottom CSS properties for the anchor gutter.
+ *
+ * @param {string} openDirection The vertical positioning of the popup
+ * @param {string} anchorDirection The horizontal position of the popup
+ * @param {HTMLElement} referenceEl The reference element
+ */
+function getDetachedContainerStyles(openDirection, anchorDirection, referenceEl) {
+  var referenceRect = referenceEl.getBoundingClientRect();
+  var offsetX = referenceRect.left;
+  var offsetY = referenceRect.top;
+  if (openDirection === _constants.OPEN_UP) {
+    offsetY = -(window.innerHeight - referenceRect.bottom);
+  }
+  if (anchorDirection === _constants.ANCHOR_RIGHT) {
+    offsetX = -(window.innerWidth - referenceRect.right);
+  }
+  return {
+    transform: "translate3d(".concat(Math.round(offsetX), "px, ").concat(Math.round(offsetY), "px, 0)")
+  };
+}

package/lib/utils/getInputHeight.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = getInputHeight;
+/* eslint-disable camelcase */
+
+function getPadding(vertical, top, bottom) {
+  var isTopDefined = typeof top === 'number';
+  var isBottomDefined = typeof bottom === 'number';
+  var isVerticalDefined = typeof vertical === 'number';
+  if (isTopDefined && isBottomDefined) {
+    return top + bottom;
+  }
+  if (isTopDefined && isVerticalDefined) {
+    return top + vertical;
+  }
+  if (isTopDefined) {
+    return top;
+  }
+  if (isBottomDefined && isVerticalDefined) {
+    return bottom + vertical;
+  }
+  if (isBottomDefined) {
+    return bottom;
+  }
+  if (isVerticalDefined) {
+    return 2 * vertical;
+  }
+  return 0;
+}
+function getInputHeight(_ref, small) {
+  var _ref$font$input = _ref.font.input,
+    lineHeight = _ref$font$input.lineHeight,
+    lineHeight_small = _ref$font$input.lineHeight_small,
+    _ref$spacing = _ref.spacing,
+    inputPadding = _ref$spacing.inputPadding,
+    displayTextPaddingVertical = _ref$spacing.displayTextPaddingVertical,
+    displayTextPaddingTop = _ref$spacing.displayTextPaddingTop,
+    displayTextPaddingBottom = _ref$spacing.displayTextPaddingBottom,
+    displayTextPaddingVertical_small = _ref$spacing.displayTextPaddingVertical_small,
+    displayTextPaddingTop_small = _ref$spacing.displayTextPaddingTop_small,
+    displayTextPaddingBottom_small = _ref$spacing.displayTextPaddingBottom_small;
+  var calcLineHeight = small ? lineHeight_small : lineHeight;
+  var padding = small ? getPadding(displayTextPaddingVertical_small, displayTextPaddingTop_small, displayTextPaddingBottom_small) : getPadding(displayTextPaddingVertical, displayTextPaddingTop, displayTextPaddingBottom);
+  return parseInt(calcLineHeight, 10) + 2 * inputPadding + padding;
+}

package/lib/utils/getNumberOfCalendarMonthWeeks.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = getNumberOfCalendarMonthWeeks;
+var _moment = _interopRequireDefault(require("moment"));
+function getBlankDaysBeforeFirstDay(firstDayOfMonth, firstDayOfWeek) {
+  var weekDayDiff = firstDayOfMonth.day() - firstDayOfWeek;
+  return (weekDayDiff + 7) % 7;
+}
+function getNumberOfCalendarMonthWeeks(month) {
+  var firstDayOfWeek = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _moment["default"].localeData().firstDayOfWeek();
+  var firstDayOfMonth = month.clone().startOf('month').hour(12);
+  var numBlankDays = getBlankDaysBeforeFirstDay(firstDayOfMonth, firstDayOfWeek);
+  return Math.ceil((numBlankDays + month.daysInMonth()) / 7);
+}

package/lib/utils/getPhrase.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = getPhrase;
+function getPhrase(phrase, args) {
+  if (typeof phrase === 'string') return phrase;
+  if (typeof phrase === 'function') {
+    return phrase(args);
+  }
+  return '';
+}

package/lib/utils/getPhrasePropTypes.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = getPhrasePropTypes;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+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; }
+function getPhrasePropTypes(defaultPhrases) {
+  return Object.keys(defaultPhrases).reduce(function (phrases, key) {
+    return _objectSpread(_objectSpread({}, phrases), {}, (0, _defineProperty2["default"])({}, key, _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].func, _propTypes["default"].node])));
+  }, {});
+}

package/lib/utils/getPooledMoment.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = getPooledMoment;
+var _moment = _interopRequireDefault(require("moment"));
+var momentPool = new Map();
+function getPooledMoment(dayString) {
+  if (!momentPool.has(dayString)) {
+    momentPool.set(dayString, (0, _moment["default"])(dayString));
+  }
+  return momentPool.get(dayString);
+}