@elliemae/ds-date-picker 3.0.0-next.2 → 3.0.0-next.6

package/cjs/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js

@@ -1,59 +0,0 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var dsForm = require('@elliemae/ds-form');
-var dsClassnames = require('@elliemae/ds-classnames');
-var DatePickerRangeHeader = require('../DatePickerRangeHeader/DatePickerRangeHeader.js');
-var DatePickerHeader = require('../DatePickerHeader/DatePickerHeader.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-const blockname = 'date-switcher';
-const Header = dsClassnames.aggregatedClasses('div')(blockname, 'header');
-
-const SingleRangeDateSwitcher = _ref => {
-  let {
-    onStartInputChange,
-    onEndInputChange,
-    onSingleInputChange,
-    onFocusChange,
-    selectedStartDate,
-    selectedEndDate,
-    selectedSingleDate,
-    isDateRange,
-    setIsDateRange,
-    handleDatesChange,
-    updateKeyDate,
-    focusedInput
-  } = _ref;
-
-  const SingleDateInput = /*#__PURE__*/_jsx__default["default"](DatePickerHeader, {
-    onInputChange: onSingleInputChange,
-    selectedDate: selectedSingleDate,
-    updateKeyDate: updateKeyDate
-  });
-
-  const DateRangeInput = /*#__PURE__*/_jsx__default["default"](DatePickerRangeHeader, {
-    focusedInput: focusedInput,
-    onFocusChange: onFocusChange,
-    onEndInputChange: onEndInputChange,
-    onStartInputChange: onStartInputChange,
-    selectedEndDate: selectedEndDate,
-    selectedStartDate: selectedStartDate,
-    handleDatesChange: handleDatesChange
-  });
-
-  return /*#__PURE__*/_jsx__default["default"](Header, {
-    "data-testid": "date-switch-header"
-  }, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSCheckbox, {
-    checked: isDateRange,
-    className: "switch-header__checkbox",
-    labelText: "Range",
-    onChange: setIsDateRange
-  }), isDateRange ? DateRangeInput : SingleDateInput);
-};
-
-module.exports = SingleRangeDateSwitcher;

package/cjs/components/index.js

@@ -1,27 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var DatePickerNavigation = require('./DatePickerNavigation/DatePickerNavigation.js');
-var DatePickerDay = require('./DatePickerDay/DatePickerDay.js');
-var DatePickerPicker = require('./DatePickerPicker/DatePickerPicker.js');
-var DatePickerDropdown = require('./DatePickerDropdown.js');
-var DatePickerSingleDate = require('./DatePickerSingleDate/DatePickerSingleDate.js');
-var DatePickerHeader = require('./DatePickerHeader/DatePickerHeader.js');
-var DatePickerRange = require('./DatePickerRange/DatePickerRange.js');
-var DatePickerRangeHeader = require('./DatePickerRangeHeader/DatePickerRangeHeader.js');
-var SingleRangeDateSwitcher = require('./SingleRangeDateSwitcher/SingleRangeDateSwitcher.js');
-var DatePickerRenderMonth = require('./DatePickerRenderMonth/DatePickerRenderMonth.js');
-
-
-
-exports.DatePickerNavigation = DatePickerNavigation;
-exports.DatePickerDay = DatePickerDay;
-exports.DatePickerPicker = DatePickerPicker.Picker;
-exports.DatePickerDropdown = DatePickerDropdown;
-exports.DatePickerSingleDate = DatePickerSingleDate;
-exports.DatePickerHeader = DatePickerHeader;
-exports.DatePickerRange = DatePickerRange;
-exports.DatePickerRangeHeader = DatePickerRangeHeader;
-exports.SingleRangeDateSwitcher = SingleRangeDateSwitcher;
-exports.renderMonthElement = DatePickerRenderMonth.renderMonthElement;

package/cjs/defaultPhrases.js

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

package/cjs/index.js

@@ -1,35 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var DSDatePicker = require('./DSDatePicker.js');
-var defaultPhrases = require('./defaultPhrases.js');
-var DatePickerNavigation = require('./components/DatePickerNavigation/DatePickerNavigation.js');
-var DatePickerDay = require('./components/DatePickerDay/DatePickerDay.js');
-var DatePickerPicker = require('./components/DatePickerPicker/DatePickerPicker.js');
-var DatePickerController = require('./components/DatePickerController/DatePickerController.js');
-var DatePickerDropdown = require('./components/DatePickerDropdown.js');
-var DatePickerSingleDate = require('./components/DatePickerSingleDate/DatePickerSingleDate.js');
-var DatePickerHeader = require('./components/DatePickerHeader/DatePickerHeader.js');
-var DatePickerRange = require('./components/DatePickerRange/DatePickerRange.js');
-var DatePickerRangeHeader = require('./components/DatePickerRangeHeader/DatePickerRangeHeader.js');
-var SingleRangeDateSwitcher = require('./components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js');
-var DatePickerRenderMonth = require('./components/DatePickerRenderMonth/DatePickerRenderMonth.js');
-
-
-
-exports.DatePickerWithSchema = DSDatePicker.DatePickerWithSchema;
-exports["default"] = DSDatePicker["default"];
-exports.SingleDatePickerPhrases = defaultPhrases.SingleDatePickerPhrases;
-exports.DatePickerNavigation = DatePickerNavigation;
-exports.DatePickerDay = DatePickerDay;
-exports.DatePickerPicker = DatePickerPicker.Picker;
-exports.Picker = DatePickerPicker.Picker;
-exports.DSDatePickerController = DatePickerController;
-exports.DatePickerDropdown = DatePickerDropdown;
-exports.DatePickerSingleDate = DatePickerSingleDate;
-exports.DatePickerHeader = DatePickerHeader;
-exports.DatePickerRange = DatePickerRange;
-exports.DatePickerRangeHeader = DatePickerRangeHeader;
-exports.SingleRangeDateSwitcher = SingleRangeDateSwitcher;
-exports.renderMonthElement = DatePickerRenderMonth.renderMonthElement;

package/esm/DSDatePicker.js

@@ -1,211 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'react';
-import { PropTypes, describe } from 'react-desc';
-import 'react-dates/initialize';
-import { convertPropToCssClassName } from '@elliemae/ds-classnames';
-import moment from 'moment';
-import { SingleDatePickerPhrases } from './defaultPhrases.js';
-export { default as DatePickerNavigation } from './components/DatePickerNavigation/DatePickerNavigation.js';
-export { default as DatePickerDay } from './components/DatePickerDay/DatePickerDay.js';
-import { PickerPropsTypes } from './components/DatePickerPicker/DatePickerPicker.js';
-export { Picker as DatePickerPicker, Picker } from './components/DatePickerPicker/DatePickerPicker.js';
-export { default as DatePickerDropdown } from './components/DatePickerDropdown.js';
-export { default as DatePickerSingleDate } from './components/DatePickerSingleDate/DatePickerSingleDate.js';
-export { default as DatePickerHeader } from './components/DatePickerHeader/DatePickerHeader.js';
-export { default as DatePickerRange } from './components/DatePickerRange/DatePickerRange.js';
-export { default as DatePickerRangeHeader } from './components/DatePickerRangeHeader/DatePickerRangeHeader.js';
-export { default as SingleRangeDateSwitcher } from './components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js';
-export { renderMonthElement } from './components/DatePickerRenderMonth/DatePickerRenderMonth.js';
-import DSdatePickerImpl from './components/DSDatePickerImpl.js';
-export { default as DSDatePickerController } from './components/DatePickerController/DatePickerController.js';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const DSDatePicker = _ref => {
-  let {
-    containerProps = {},
-    id = '',
-    appendToBody = true,
-    className = '',
-    date,
-    value,
-    placeholder = '',
-    disabled = false,
-    required = false,
-    readOnly = false,
-    hasError = false,
-    screenReaderInputMessage = 'Select date',
-    enableOutsideDays = true,
-    initialVisibleMonth = moment(),
-    firstDayOfWeek = 0,
-    keepOpenOnDateSelect = false,
-    hideKeyboardShortcutsPanel = true,
-    onChange = () => null,
-    onDateChange = undefined,
-    onPrevMonthClick = () => null,
-    onNextMonthClick = () => null,
-    onClose = () => null,
-    onFocus = () => null,
-    onBlur = () => null,
-    phrases = SingleDatePickerPhrases,
-    displayFormat = 'L',
-    displayFormatDay = 'D',
-    transitionDuration = 0,
-    verticalSpacing = 0,
-    isDayBlocked = () => false,
-    isOutsideRange = () => false,
-    isDayHighlighted = () => false,
-    numberOfMonths = 1,
-    openDirection = 'down',
-    tabIndex = '',
-    zIndex = 1,
-    pickerProps = {},
-    calendarProps = {},
-    autoClear = false,
-    focusCurrentDate = false
-  } = _ref;
-  const {
-    cssClassName
-  } = convertPropToCssClassName('datepicker', className, {
-    hasError,
-    readOnly,
-    disabled,
-    id
-  });
-  const safeDate = date || value;
-  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({
-    className: cssClassName
-  }, containerProps), {}, {
-    style: {
-      minWidth: '140px'
-    },
-    children: /*#__PURE__*/_jsx(DSdatePickerImpl, {
-      appendToBody: appendToBody,
-      autoClear: autoClear,
-      date: safeDate,
-      disabled: disabled,
-      displayFormat: displayFormat,
-      displayFormatDay: displayFormatDay,
-      enableOutsideDays: enableOutsideDays,
-      firstDayOfWeek: firstDayOfWeek,
-      hideKeyboardShortcutsPanel: hideKeyboardShortcutsPanel,
-      initialVisibleMonth: () => initialVisibleMonth ? moment(initialVisibleMonth) : moment(safeDate),
-      isDayBlocked: isDayBlocked,
-      isDayHighlighted: isDayHighlighted,
-      isOutsideRange: isOutsideRange === true || isOutsideRange === false ? () => isOutsideRange : isOutsideRange,
-      keepOpenOnDateSelect: keepOpenOnDateSelect,
-      numberOfMonths: numberOfMonths,
-      onBlur: onBlur,
-      onClose: onClose,
-      onChange: onChange,
-      onDateChange: function () {
-        if (onDateChange) onDateChange(...arguments);
-      },
-      onFocus: onFocus,
-      onNextMonthClick: onNextMonthClick,
-      onPrevMonthClick: onPrevMonthClick,
-      openDirection: openDirection,
-      phrases: phrases,
-      placeholder: placeholder,
-      readOnly: readOnly,
-      required: required,
-      screenReaderInputMessage: screenReaderInputMessage,
-      transitionDuration: transitionDuration,
-      value: safeDate,
-      verticalSpacing: verticalSpacing,
-      tabIndex: tabIndex,
-      zIndex: zIndex,
-      pickerProps: pickerProps,
-      calendarProps: calendarProps,
-      focusCurrentDate: focusCurrentDate
-    })
-  }));
-};
-
-const datePickerProps = {
-  containerProps: PropTypes.shape({}).description('Set of Properties attached to the main container'),
-  id: PropTypes.string.description('components id'),
-  appendToBody: PropTypes.bool.description('append component to body or not').defaultValue(true),
-  className: PropTypes.string.description('html class attribute'),
-  date: PropTypes.instanceOf(Date, moment).description('selected date').defaultValue(undefined),
-  value: PropTypes.instanceOf(Date, moment).description('value'),
-  placeholder: PropTypes.string.description('input placeholder value'),
-  autoClear: PropTypes.bool.description('autoclears the input onblur if the date is not completely set').defaultValue(false),
-  disabled: PropTypes.bool.description('disable component or not').defaultValue(false),
-  required: PropTypes.bool.description('value is required or not').defaultValue(false),
-  readOnly: PropTypes.bool.description('is read only or not').defaultValue(false),
-  hasError: PropTypes.bool.description('set error state').defaultValue(false),
-  screenReaderInputMessage: PropTypes.string.description('message to anounce by screen reader').defaultValue('select date'),
-  enableOutsideDays: PropTypes.bool.description('enable days oustide month or not').defaultValue(true),
-  initialVisibleMonth: PropTypes.instanceOf(Date, moment).description('initial month to display'),
-  firstDayOfWeek: PropTypes.number.description('first day of week').defaultValue(0),
-  keepOpenOnDateSelect: PropTypes.bool.description('keep picker open when a date is selected').defaultValue(false),
-  hideKeyboardShortcutsPanel: PropTypes.bool.description('hide keyabord shortcut panel or not').defaultValue(true),
-  onChange: PropTypes.func.description("\n      function executed when input changes. This could trigger with invalid dates. It returns a string and a moment\n      if the date is valid.\n    "),
-  onDateChange: PropTypes.func.description('function executed when date changes. This doesnt trigger with invalid dates. It returns a moment object'),
-  onPrevMonthClick: PropTypes.func.description('function executed when clicking on prev month button'),
-  onNextMonthClick: PropTypes.func.description('function executed when clicking on next month button'),
-  onBlur: PropTypes.func.description('function executed when component loses focus'),
-  onClose: PropTypes.func.description('function executed when component closes'),
-  onFocus: PropTypes.func.description('function executed when component gains focus'),
-  phrases: PropTypes.shape({
-    calendarLabel: PropTypes.string,
-    closeDatePicker: PropTypes.string,
-    clearDates: PropTypes.string,
-    focusStartDate: PropTypes.string,
-    jumpToPrevMonth: PropTypes.string,
-    jumpToNextMonth: PropTypes.string,
-    keyboardShortcuts: PropTypes.string,
-    showKeyboardShortcutsPanel: PropTypes.string,
-    hideKeyboardShortcutsPanel: PropTypes.string,
-    openThisPanel: PropTypes.string,
-    enterKey: PropTypes.string,
-    leftArrowRightArrow: PropTypes.string,
-    upArrowDownArrow: PropTypes.string,
-    pageUpPageDown: PropTypes.string,
-    homeEnd: PropTypes.string,
-    escape: PropTypes.string,
-    questionMark: PropTypes.string,
-    selectFocusedDate: PropTypes.string,
-    moveFocusByOneDay: PropTypes.string,
-    moveFocusByOneWeek: PropTypes.string,
-    moveFocusByOneMonth: PropTypes.string,
-    moveFocustoStartAndEndOfWeek: PropTypes.string,
-    returnFocusToInput: PropTypes.string,
-    keyboardNavigationInstructions: PropTypes.string,
-    chooseAvailableStartDate: PropTypes.func,
-    chooseAvailableEndDate: PropTypes.func,
-    dateIsUnavailable: PropTypes.func,
-    dateIsSelected: PropTypes.func
-  }).description('react-dates phrases').defaultValue(SingleDatePickerPhrases),
-  displayFormat: PropTypes.string.description('display format').defaultValue('L'),
-  displayFormatDay: PropTypes.string.description('display format day').defaultValue('D'),
-  transitionDuration: PropTypes.number.description('transition duration').defaultValue(0),
-  verticalSpacing: PropTypes.number.description('vertical spacing'),
-  isDayBlocked: PropTypes.func.description('function that returns each day and disables desired dates'),
-  isOutsideRange: PropTypes.func.description('function that returns each day and disables outisde range dates'),
-  isDayHighlighted: PropTypes.func.description('function that returns each day and higlights desired dates'),
-  numberOfMonths: PropTypes.number.description('amount of months'),
-  openDirection: PropTypes.string.description('open direction of the popup').defaultValue('down'),
-  tabIndex: PropTypes.number.description('overrides tab index of the element'),
-  zIndex: PropTypes.string.description('overrides z-index of the element'),
-  pickerProps: PropTypes.shape(PickerPropsTypes).description('props to be passed to the picker container'),
-  calendarProps: PropTypes.shape({
-    tabIndex: PropTypes.number
-  }).description('props to be passes to the calendar container'),
-  focusCurrentDate: PropTypes.bool.description('Wheter to focus current date on calendar').defaultValue(false)
-};
-const DatePickerWithSchema = describe(DSDatePicker);
-DatePickerWithSchema.propTypes = datePickerProps;
-
-export { DatePickerWithSchema, DSDatePicker as default };