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

package/esm/defaultPhrases.js

@@ -0,0 +1,225 @@
+var calendarLabel = 'Calendar';
+var roleDescription = 'datepicker';
+var closeDatePicker = 'Close';
+var focusStartDate = 'Interact with the calendar and add the check-in date for your trip.';
+var clearDate = 'Clear Date';
+var clearDates = 'Clear Dates';
+var jumpToPrevMonth = 'Move backward to switch to the previous month.';
+var jumpToNextMonth = 'Move forward to switch to the next month.';
+var keyboardShortcuts = 'Keyboard Shortcuts';
+var showKeyboardShortcutsPanel = 'Open the keyboard shortcuts panel.';
+var hideKeyboardShortcutsPanel = 'Close the shortcuts panel.';
+var openThisPanel = 'Open this panel.';
+var enterKey = 'Enter key';
+var leftArrowRightArrow = 'Right and left arrow keys';
+var upArrowDownArrow = 'up and down arrow keys';
+var pageUpPageDown = 'page up and page down keys';
+var homeEnd = 'Home and end keys';
+var escape = 'Escape key';
+var questionMark = 'Question mark';
+var selectFocusedDate = 'Select the date in focus.';
+var moveFocusByOneDay = 'Move backward (left) and forward (right) by one day.';
+var moveFocusByOneWeek = 'Move backward (up) and forward (down) by one week.';
+var moveFocusByOneMonth = 'Switch months.';
+var moveFocustoStartAndEndOfWeek = 'Go to the first or last day of a week.';
+var returnFocusToInput = 'Return to the date input field.';
+var keyboardForwardNavigationInstructions = 'Navigate forward to interact with the calendar and select a date. Press the question mark key to get the keyboard shortcuts for changing dates.';
+var keyboardBackwardNavigationInstructions = 'Navigate backward to interact with the calendar and select a date. Press the question mark key to get the keyboard shortcuts for changing dates.';
+var chooseAvailableStartDate = function chooseAvailableStartDate(_ref) {
+  var date = _ref.date;
+  return "Choose ".concat(date, " as your check-in date. It\u2019s available.");
+};
+var chooseAvailableEndDate = function chooseAvailableEndDate(_ref2) {
+  var date = _ref2.date;
+  return "Choose ".concat(date, " as your check-out date. It\u2019s available.");
+};
+var chooseAvailableDate = function chooseAvailableDate(_ref3) {
+  var date = _ref3.date;
+  return date;
+};
+var dateIsUnavailable = function dateIsUnavailable(_ref4) {
+  var date = _ref4.date;
+  return "Not available. ".concat(date);
+};
+var dateIsSelected = function dateIsSelected(_ref5) {
+  var date = _ref5.date;
+  return "Selected. ".concat(date);
+};
+var dateIsSelectedAsStartDate = function dateIsSelectedAsStartDate(_ref6) {
+  var date = _ref6.date;
+  return "Selected as start date. ".concat(date);
+};
+var dateIsSelectedAsEndDate = function dateIsSelectedAsEndDate(_ref7) {
+  var date = _ref7.date;
+  return "Selected as end date. ".concat(date);
+};
+export default {
+  calendarLabel: calendarLabel,
+  roleDescription: roleDescription,
+  closeDatePicker: closeDatePicker,
+  focusStartDate: focusStartDate,
+  clearDate: clearDate,
+  clearDates: clearDates,
+  jumpToPrevMonth: jumpToPrevMonth,
+  jumpToNextMonth: jumpToNextMonth,
+  keyboardShortcuts: keyboardShortcuts,
+  showKeyboardShortcutsPanel: showKeyboardShortcutsPanel,
+  hideKeyboardShortcutsPanel: hideKeyboardShortcutsPanel,
+  openThisPanel: openThisPanel,
+  enterKey: enterKey,
+  leftArrowRightArrow: leftArrowRightArrow,
+  upArrowDownArrow: upArrowDownArrow,
+  pageUpPageDown: pageUpPageDown,
+  homeEnd: homeEnd,
+  escape: escape,
+  questionMark: questionMark,
+  selectFocusedDate: selectFocusedDate,
+  moveFocusByOneDay: moveFocusByOneDay,
+  moveFocusByOneWeek: moveFocusByOneWeek,
+  moveFocusByOneMonth: moveFocusByOneMonth,
+  moveFocustoStartAndEndOfWeek: moveFocustoStartAndEndOfWeek,
+  returnFocusToInput: returnFocusToInput,
+  keyboardForwardNavigationInstructions: keyboardForwardNavigationInstructions,
+  keyboardBackwardNavigationInstructions: keyboardBackwardNavigationInstructions,
+  chooseAvailableStartDate: chooseAvailableStartDate,
+  chooseAvailableEndDate: chooseAvailableEndDate,
+  dateIsUnavailable: dateIsUnavailable,
+  dateIsSelected: dateIsSelected,
+  dateIsSelectedAsStartDate: dateIsSelectedAsStartDate,
+  dateIsSelectedAsEndDate: dateIsSelectedAsEndDate
+};
+export var DateRangePickerPhrases = {
+  calendarLabel: calendarLabel,
+  roleDescription: roleDescription,
+  closeDatePicker: closeDatePicker,
+  clearDates: clearDates,
+  focusStartDate: focusStartDate,
+  jumpToPrevMonth: jumpToPrevMonth,
+  jumpToNextMonth: jumpToNextMonth,
+  keyboardShortcuts: keyboardShortcuts,
+  showKeyboardShortcutsPanel: showKeyboardShortcutsPanel,
+  hideKeyboardShortcutsPanel: hideKeyboardShortcutsPanel,
+  openThisPanel: openThisPanel,
+  enterKey: enterKey,
+  leftArrowRightArrow: leftArrowRightArrow,
+  upArrowDownArrow: upArrowDownArrow,
+  pageUpPageDown: pageUpPageDown,
+  homeEnd: homeEnd,
+  escape: escape,
+  questionMark: questionMark,
+  selectFocusedDate: selectFocusedDate,
+  moveFocusByOneDay: moveFocusByOneDay,
+  moveFocusByOneWeek: moveFocusByOneWeek,
+  moveFocusByOneMonth: moveFocusByOneMonth,
+  moveFocustoStartAndEndOfWeek: moveFocustoStartAndEndOfWeek,
+  returnFocusToInput: returnFocusToInput,
+  keyboardForwardNavigationInstructions: keyboardForwardNavigationInstructions,
+  keyboardBackwardNavigationInstructions: keyboardBackwardNavigationInstructions,
+  chooseAvailableStartDate: chooseAvailableStartDate,
+  chooseAvailableEndDate: chooseAvailableEndDate,
+  dateIsUnavailable: dateIsUnavailable,
+  dateIsSelected: dateIsSelected,
+  dateIsSelectedAsStartDate: dateIsSelectedAsStartDate,
+  dateIsSelectedAsEndDate: dateIsSelectedAsEndDate
+};
+export var DateRangePickerInputPhrases = {
+  focusStartDate: focusStartDate,
+  clearDates: clearDates,
+  keyboardForwardNavigationInstructions: keyboardForwardNavigationInstructions,
+  keyboardBackwardNavigationInstructions: keyboardBackwardNavigationInstructions
+};
+export var SingleDatePickerPhrases = {
+  calendarLabel: calendarLabel,
+  roleDescription: roleDescription,
+  closeDatePicker: closeDatePicker,
+  clearDate: clearDate,
+  jumpToPrevMonth: jumpToPrevMonth,
+  jumpToNextMonth: jumpToNextMonth,
+  keyboardShortcuts: keyboardShortcuts,
+  showKeyboardShortcutsPanel: showKeyboardShortcutsPanel,
+  hideKeyboardShortcutsPanel: hideKeyboardShortcutsPanel,
+  openThisPanel: openThisPanel,
+  enterKey: enterKey,
+  leftArrowRightArrow: leftArrowRightArrow,
+  upArrowDownArrow: upArrowDownArrow,
+  pageUpPageDown: pageUpPageDown,
+  homeEnd: homeEnd,
+  escape: escape,
+  questionMark: questionMark,
+  selectFocusedDate: selectFocusedDate,
+  moveFocusByOneDay: moveFocusByOneDay,
+  moveFocusByOneWeek: moveFocusByOneWeek,
+  moveFocusByOneMonth: moveFocusByOneMonth,
+  moveFocustoStartAndEndOfWeek: moveFocustoStartAndEndOfWeek,
+  returnFocusToInput: returnFocusToInput,
+  keyboardForwardNavigationInstructions: keyboardForwardNavigationInstructions,
+  keyboardBackwardNavigationInstructions: keyboardBackwardNavigationInstructions,
+  chooseAvailableDate: chooseAvailableDate,
+  dateIsUnavailable: dateIsUnavailable,
+  dateIsSelected: dateIsSelected
+};
+export var SingleDatePickerInputPhrases = {
+  clearDate: clearDate,
+  keyboardForwardNavigationInstructions: keyboardForwardNavigationInstructions,
+  keyboardBackwardNavigationInstructions: keyboardBackwardNavigationInstructions
+};
+export var DayPickerPhrases = {
+  calendarLabel: calendarLabel,
+  roleDescription: roleDescription,
+  jumpToPrevMonth: jumpToPrevMonth,
+  jumpToNextMonth: jumpToNextMonth,
+  keyboardShortcuts: keyboardShortcuts,
+  showKeyboardShortcutsPanel: showKeyboardShortcutsPanel,
+  hideKeyboardShortcutsPanel: hideKeyboardShortcutsPanel,
+  openThisPanel: openThisPanel,
+  enterKey: enterKey,
+  leftArrowRightArrow: leftArrowRightArrow,
+  upArrowDownArrow: upArrowDownArrow,
+  pageUpPageDown: pageUpPageDown,
+  homeEnd: homeEnd,
+  escape: escape,
+  questionMark: questionMark,
+  selectFocusedDate: selectFocusedDate,
+  moveFocusByOneDay: moveFocusByOneDay,
+  moveFocusByOneWeek: moveFocusByOneWeek,
+  moveFocusByOneMonth: moveFocusByOneMonth,
+  moveFocustoStartAndEndOfWeek: moveFocustoStartAndEndOfWeek,
+  returnFocusToInput: returnFocusToInput,
+  chooseAvailableStartDate: chooseAvailableStartDate,
+  chooseAvailableEndDate: chooseAvailableEndDate,
+  chooseAvailableDate: chooseAvailableDate,
+  dateIsUnavailable: dateIsUnavailable,
+  dateIsSelected: dateIsSelected,
+  dateIsSelectedAsStartDate: dateIsSelectedAsStartDate,
+  dateIsSelectedAsEndDate: dateIsSelectedAsEndDate
+};
+export var DayPickerKeyboardShortcutsPhrases = {
+  keyboardShortcuts: keyboardShortcuts,
+  showKeyboardShortcutsPanel: showKeyboardShortcutsPanel,
+  hideKeyboardShortcutsPanel: hideKeyboardShortcutsPanel,
+  openThisPanel: openThisPanel,
+  enterKey: enterKey,
+  leftArrowRightArrow: leftArrowRightArrow,
+  upArrowDownArrow: upArrowDownArrow,
+  pageUpPageDown: pageUpPageDown,
+  homeEnd: homeEnd,
+  escape: escape,
+  questionMark: questionMark,
+  selectFocusedDate: selectFocusedDate,
+  moveFocusByOneDay: moveFocusByOneDay,
+  moveFocusByOneWeek: moveFocusByOneWeek,
+  moveFocusByOneMonth: moveFocusByOneMonth,
+  moveFocustoStartAndEndOfWeek: moveFocustoStartAndEndOfWeek,
+  returnFocusToInput: returnFocusToInput
+};
+export var DayPickerNavigationPhrases = {
+  jumpToPrevMonth: jumpToPrevMonth,
+  jumpToNextMonth: jumpToNextMonth
+};
+export var CalendarDayPhrases = {
+  chooseAvailableDate: chooseAvailableDate,
+  dateIsUnavailable: dateIsUnavailable,
+  dateIsSelected: dateIsSelected,
+  dateIsSelectedAsStartDate: dateIsSelectedAsStartDate,
+  dateIsSelectedAsEndDate: dateIsSelectedAsEndDate
+};

package/esm/index.js

@@ -0,0 +1,20 @@
+export { default as CalendarDay } from './components/CalendarDay';
+export { default as CalendarMonth } from './components/CalendarMonth';
+export { default as CalendarMonthGrid } from './components/CalendarMonthGrid';
+export { default as DateRangePicker } from './components/DateRangePicker';
+export { default as DateRangePickerInput } from './components/DateRangePickerInput';
+export { default as DateRangePickerInputController } from './components/DateRangePickerInputController';
+export { default as DateRangePickerShape } from './shapes/DateRangePickerShape';
+export { default as DayPicker } from './components/DayPicker';
+export { default as DayPickerRangeController } from './components/DayPickerRangeController';
+export { default as DayPickerSingleDateController } from './components/DayPickerSingleDateController';
+export { default as SingleDatePicker } from './components/SingleDatePicker';
+export { default as SingleDatePickerInput } from './components/SingleDatePickerInput';
+export { default as SingleDatePickerShape } from './shapes/SingleDatePickerShape';
+export { default as isInclusivelyAfterDay } from './utils/isInclusivelyAfterDay';
+export { default as isInclusivelyBeforeDay } from './utils/isInclusivelyBeforeDay';
+export { default as isNextDay } from './utils/isNextDay';
+export { default as isSameDay } from './utils/isSameDay';
+export { default as toISODateString } from './utils/toISODateString';
+export { default as toLocalizedDateString } from './utils/toLocalizedDateString';
+export { default as toMomentObject } from './utils/toMomentObject';

package/esm/initialize.js

@@ -0,0 +1,2 @@
+import registerCSSInterfaceWithDefaultTheme from './utils/registerCSSInterfaceWithDefaultTheme';
+registerCSSInterfaceWithDefaultTheme();

package/esm/shapes/AnchorDirectionShape.js

@@ -0,0 +1,3 @@
+import PropTypes from 'prop-types';
+import { ANCHOR_LEFT, ANCHOR_RIGHT } from '../constants';
+export default PropTypes.oneOf([ANCHOR_LEFT, ANCHOR_RIGHT]);

package/esm/shapes/CalendarInfoPositionShape.js

@@ -0,0 +1,3 @@
+import PropTypes from 'prop-types';
+import { INFO_POSITION_TOP, INFO_POSITION_BOTTOM, INFO_POSITION_BEFORE, INFO_POSITION_AFTER } from '../constants';
+export default PropTypes.oneOf([INFO_POSITION_TOP, INFO_POSITION_BOTTOM, INFO_POSITION_BEFORE, INFO_POSITION_AFTER]);

package/esm/shapes/DateRangePickerShape.js

@@ -0,0 +1,101 @@
+import PropTypes from 'prop-types';
+import momentPropTypes from 'react-moment-proptypes';
+import { mutuallyExclusiveProps, nonNegativeInteger } from 'airbnb-prop-types';
+import { DateRangePickerPhrases } from '../defaultPhrases';
+import getPhrasePropTypes from '../utils/getPhrasePropTypes';
+import FocusedInputShape from './FocusedInputShape';
+import IconPositionShape from './IconPositionShape';
+import OrientationShape from './OrientationShape';
+import DisabledShape from './DisabledShape';
+import anchorDirectionShape from './AnchorDirectionShape';
+import openDirectionShape from './OpenDirectionShape';
+import DayOfWeekShape from './DayOfWeekShape';
+import CalendarInfoPositionShape from './CalendarInfoPositionShape';
+import NavPositionShape from './NavPositionShape';
+export default {
+  // required props for a functional interactive DateRangePicker
+  startDate: momentPropTypes.momentObj,
+  endDate: momentPropTypes.momentObj,
+  onDatesChange: PropTypes.func.isRequired,
+  focusedInput: FocusedInputShape,
+  onFocusChange: PropTypes.func.isRequired,
+  onClose: PropTypes.func,
+  // input related props
+  startDateId: PropTypes.string.isRequired,
+  startDatePlaceholderText: PropTypes.string,
+  startDateOffset: PropTypes.func,
+  endDateOffset: PropTypes.func,
+  endDateId: PropTypes.string.isRequired,
+  endDatePlaceholderText: PropTypes.string,
+  startDateAriaLabel: PropTypes.string,
+  endDateAriaLabel: PropTypes.string,
+  startDateTitleText: PropTypes.string,
+  endDateTitleText: PropTypes.string,
+  disabled: DisabledShape,
+  required: PropTypes.bool,
+  readOnly: PropTypes.bool,
+  screenReaderInputMessage: PropTypes.string,
+  showClearDates: PropTypes.bool,
+  showDefaultInputIcon: PropTypes.bool,
+  inputIconPosition: IconPositionShape,
+  customInputIcon: PropTypes.node,
+  customArrowIcon: PropTypes.node,
+  customCloseIcon: PropTypes.node,
+  noBorder: PropTypes.bool,
+  block: PropTypes.bool,
+  small: PropTypes.bool,
+  regular: PropTypes.bool,
+  keepFocusOnInput: PropTypes.bool,
+  autoComplete: PropTypes.string,
+  // calendar presentation and interaction related props
+  renderMonthText: mutuallyExclusiveProps(PropTypes.func, 'renderMonthText', 'renderMonthElement'),
+  renderMonthElement: mutuallyExclusiveProps(PropTypes.func, 'renderMonthText', 'renderMonthElement'),
+  renderWeekHeaderElement: PropTypes.func,
+  orientation: OrientationShape,
+  anchorDirection: anchorDirectionShape,
+  openDirection: openDirectionShape,
+  horizontalMargin: PropTypes.number,
+  withPortal: PropTypes.bool,
+  withFullScreenPortal: PropTypes.bool,
+  appendToBody: PropTypes.bool,
+  disableScroll: PropTypes.bool,
+  daySize: nonNegativeInteger,
+  isRTL: PropTypes.bool,
+  firstDayOfWeek: DayOfWeekShape,
+  initialVisibleMonth: PropTypes.func,
+  numberOfMonths: PropTypes.number,
+  keepOpenOnDateSelect: PropTypes.bool,
+  reopenPickerOnClearDates: PropTypes.bool,
+  renderCalendarInfo: PropTypes.func,
+  calendarInfoPosition: CalendarInfoPositionShape,
+  hideKeyboardShortcutsPanel: PropTypes.bool,
+  verticalHeight: nonNegativeInteger,
+  transitionDuration: nonNegativeInteger,
+  verticalSpacing: nonNegativeInteger,
+  horizontalMonthPadding: nonNegativeInteger,
+  // navigation related props
+  dayPickerNavigationInlineStyles: PropTypes.object,
+  navPosition: NavPositionShape,
+  navPrev: PropTypes.node,
+  navNext: PropTypes.node,
+  renderNavPrevButton: PropTypes.func,
+  renderNavNextButton: PropTypes.func,
+  onPrevMonthClick: PropTypes.func,
+  onNextMonthClick: PropTypes.func,
+  // day presentation and interaction related props
+  renderCalendarDay: PropTypes.func,
+  renderDayContents: PropTypes.func,
+  minimumNights: PropTypes.number,
+  minDate: momentPropTypes.momentObj,
+  maxDate: momentPropTypes.momentObj,
+  enableOutsideDays: PropTypes.bool,
+  isDayBlocked: PropTypes.func,
+  isOutsideRange: PropTypes.func,
+  isDayHighlighted: PropTypes.func,
+  // internationalization props
+  displayFormat: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),
+  monthFormat: PropTypes.string,
+  weekDayFormat: PropTypes.string,
+  phrases: PropTypes.shape(getPhrasePropTypes(DateRangePickerPhrases)),
+  dayAriaLabelFormat: PropTypes.string
+};

package/esm/shapes/DayOfWeekShape.js

@@ -0,0 +1,3 @@
+import PropTypes from 'prop-types';
+import { WEEKDAYS } from '../constants';
+export default PropTypes.oneOf(WEEKDAYS);

package/esm/shapes/DisabledShape.js

@@ -0,0 +1,3 @@
+import PropTypes from 'prop-types';
+import { START_DATE, END_DATE } from '../constants';
+export default PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf([START_DATE, END_DATE])]);

package/esm/shapes/FocusedInputShape.js

@@ -0,0 +1,3 @@
+import PropTypes from 'prop-types';
+import { START_DATE, END_DATE } from '../constants';
+export default PropTypes.oneOf([START_DATE, END_DATE]);

package/esm/shapes/IconPositionShape.js

@@ -0,0 +1,3 @@
+import PropTypes from 'prop-types';
+import { ICON_BEFORE_POSITION, ICON_AFTER_POSITION } from '../constants';
+export default PropTypes.oneOf([ICON_BEFORE_POSITION, ICON_AFTER_POSITION]);

package/esm/shapes/ModifiersShape.js

@@ -0,0 +1,18 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import PropTypes from 'prop-types';
+import { and } from 'airbnb-prop-types';
+export default and([PropTypes.instanceOf(Set), function modifiers(props, propName) {
+  for (var _len = arguments.length, rest = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+    rest[_key - 2] = arguments[_key];
+  }
+  var propValue = props[propName];
+  var firstError;
+  _toConsumableArray(propValue).some(function (v, i) {
+    var _PropTypes$string;
+    var fakePropName = "".concat(propName, ": index ").concat(i);
+    firstError = (_PropTypes$string = PropTypes.string).isRequired.apply(_PropTypes$string, [_defineProperty({}, fakePropName, v), fakePropName].concat(rest));
+    return firstError != null;
+  });
+  return firstError == null ? null : firstError;
+}], 'Modifiers (Set of Strings)');

package/esm/shapes/NavPositionShape.js

@@ -0,0 +1,3 @@
+import PropTypes from 'prop-types';
+import { NAV_POSITION_BOTTOM, NAV_POSITION_TOP } from '../constants';
+export default PropTypes.oneOf([NAV_POSITION_BOTTOM, NAV_POSITION_TOP]);

package/esm/shapes/OpenDirectionShape.js

@@ -0,0 +1,3 @@
+import PropTypes from 'prop-types';
+import { OPEN_DOWN, OPEN_UP } from '../constants';
+export default PropTypes.oneOf([OPEN_DOWN, OPEN_UP]);

package/esm/shapes/OrientationShape.js

@@ -0,0 +1,3 @@
+import PropTypes from 'prop-types';
+import { HORIZONTAL_ORIENTATION, VERTICAL_ORIENTATION } from '../constants';
+export default PropTypes.oneOf([HORIZONTAL_ORIENTATION, VERTICAL_ORIENTATION]);

package/esm/shapes/ScrollableOrientationShape.js

@@ -0,0 +1,3 @@
+import PropTypes from 'prop-types';
+import { HORIZONTAL_ORIENTATION, VERTICAL_ORIENTATION, VERTICAL_SCROLLABLE } from '../constants';
+export default PropTypes.oneOf([HORIZONTAL_ORIENTATION, VERTICAL_ORIENTATION, VERTICAL_SCROLLABLE]);

package/esm/shapes/SingleDatePickerShape.js

@@ -0,0 +1,90 @@
+import PropTypes from 'prop-types';
+import momentPropTypes from 'react-moment-proptypes';
+import { mutuallyExclusiveProps, nonNegativeInteger } from 'airbnb-prop-types';
+import { SingleDatePickerPhrases } from '../defaultPhrases';
+import getPhrasePropTypes from '../utils/getPhrasePropTypes';
+import IconPositionShape from './IconPositionShape';
+import OrientationShape from './OrientationShape';
+import anchorDirectionShape from './AnchorDirectionShape';
+import openDirectionShape from './OpenDirectionShape';
+import DayOfWeekShape from './DayOfWeekShape';
+import CalendarInfoPositionShape from './CalendarInfoPositionShape';
+import NavPositionShape from './NavPositionShape';
+export default {
+  // required props for a functional interactive SingleDatePicker
+  date: momentPropTypes.momentObj,
+  onDateChange: PropTypes.func.isRequired,
+  focused: PropTypes.bool,
+  onFocusChange: PropTypes.func.isRequired,
+  // input related props
+  id: PropTypes.string.isRequired,
+  placeholder: PropTypes.string,
+  ariaLabel: PropTypes.string,
+  titleText: PropTypes.string,
+  disabled: PropTypes.bool,
+  required: PropTypes.bool,
+  readOnly: PropTypes.bool,
+  screenReaderInputMessage: PropTypes.string,
+  showClearDate: PropTypes.bool,
+  customCloseIcon: PropTypes.node,
+  showDefaultInputIcon: PropTypes.bool,
+  inputIconPosition: IconPositionShape,
+  customInputIcon: PropTypes.node,
+  noBorder: PropTypes.bool,
+  block: PropTypes.bool,
+  small: PropTypes.bool,
+  regular: PropTypes.bool,
+  verticalSpacing: nonNegativeInteger,
+  keepFocusOnInput: PropTypes.bool,
+  autoComplete: PropTypes.string,
+  // calendar presentation and interaction related props
+  renderMonthText: mutuallyExclusiveProps(PropTypes.func, 'renderMonthText', 'renderMonthElement'),
+  renderMonthElement: mutuallyExclusiveProps(PropTypes.func, 'renderMonthText', 'renderMonthElement'),
+  renderWeekHeaderElement: PropTypes.func,
+  orientation: OrientationShape,
+  anchorDirection: anchorDirectionShape,
+  openDirection: openDirectionShape,
+  horizontalMargin: PropTypes.number,
+  withPortal: PropTypes.bool,
+  withFullScreenPortal: PropTypes.bool,
+  appendToBody: PropTypes.bool,
+  disableScroll: PropTypes.bool,
+  initialVisibleMonth: PropTypes.func,
+  firstDayOfWeek: DayOfWeekShape,
+  numberOfMonths: PropTypes.number,
+  keepOpenOnDateSelect: PropTypes.bool,
+  reopenPickerOnClearDate: PropTypes.bool,
+  renderCalendarInfo: PropTypes.func,
+  calendarInfoPosition: CalendarInfoPositionShape,
+  hideKeyboardShortcutsPanel: PropTypes.bool,
+  daySize: nonNegativeInteger,
+  isRTL: PropTypes.bool,
+  verticalHeight: nonNegativeInteger,
+  transitionDuration: nonNegativeInteger,
+  horizontalMonthPadding: nonNegativeInteger,
+  // navigation related props
+  dayPickerNavigationInlineStyles: PropTypes.object,
+  navPosition: NavPositionShape,
+  navPrev: PropTypes.node,
+  navNext: PropTypes.node,
+  renderNavPrevButton: PropTypes.func,
+  renderNavNextButton: PropTypes.func,
+  onPrevMonthClick: PropTypes.func,
+  onNextMonthClick: PropTypes.func,
+  onClose: PropTypes.func,
+  // day presentation and interaction related props
+  renderCalendarDay: PropTypes.func,
+  renderDayContents: PropTypes.func,
+  enableOutsideDays: PropTypes.bool,
+  isDayBlocked: PropTypes.func,
+  isOutsideRange: PropTypes.func,
+  isDayHighlighted: PropTypes.func,
+  minDate: momentPropTypes.momentObj,
+  maxDate: momentPropTypes.momentObj,
+  // internationalization props
+  displayFormat: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),
+  monthFormat: PropTypes.string,
+  weekDayFormat: PropTypes.string,
+  phrases: PropTypes.shape(getPhrasePropTypes(SingleDatePickerPhrases)),
+  dayAriaLabelFormat: PropTypes.string
+};