@elliemae/ds-date-picker 2.2.0-alpha.4 → 3.0.0-next.2

package/cjs/components/DatePickerSingleDate/DatePickerSingleDate.js

@@ -1,96 +1,85 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var DatePickerSingleDate_exports = {};
-__export(DatePickerSingleDate_exports, {
-  DatePickerSingleDate: () => DatePickerSingleDate,
-  default: () => DatePickerSingleDate_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_dates = require("react-dates");
-var import_moment = __toESM(require("moment"));
-var import_ds_classnames = require("@elliemae/ds-classnames");
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_DatePickerDay = require("../DatePickerDay/DatePickerDay");
-var import_DatePickerNavigation = require("../DatePickerNavigation/DatePickerNavigation");
-var import_DatePickerHeader = require("../DatePickerHeader/DatePickerHeader");
-const blockname = "single-date";
-const Wrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockname, "wrapper");
-const { classNameElement, classNameBlock } = (0, import_ds_classnames.convertPropToCssClassName)("datepicker");
-const DatePickerSingleDate = ({
-  date,
-  displayFormatDay = "D",
-  isDayHighlighted = () => false,
-  enableOutsideDays = true,
-  showHeader = true,
-  onChange = () => null,
-  ...rest
-}) => {
-  const [selectedDate, setSelectedDate] = (0, import_react.useState)(date);
-  const [key, setKey] = (0, import_react.useState)((0, import_moment.default)());
-  const datePickerRef = (0, import_react.useRef)();
-  const updateKeyDate = (newDate) => {
+'use strict';
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('core-js/modules/web.dom-collections.iterator.js');
+var React = require('react');
+var reactDates = require('react-dates');
+var moment = require('moment');
+var dsClassnames = require('@elliemae/ds-classnames');
+var dsIcons = require('@elliemae/ds-icons');
+var DatePickerDay = require('../DatePickerDay/DatePickerDay.js');
+var DatePickerNavigation = require('../DatePickerNavigation/DatePickerNavigation.js');
+var DatePickerHeader = require('../DatePickerHeader/DatePickerHeader.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
+
+const _excluded = ["date", "displayFormatDay", "isDayHighlighted", "enableOutsideDays", "showHeader", "onChange"];
+const blockname = 'single-date';
+const Wrapper = dsClassnames.aggregatedClasses('div')(blockname, 'wrapper');
+const {
+  classNameElement,
+  classNameBlock
+} = dsClassnames.convertPropToCssClassName('datepicker');
+
+const DatePickerSingleDate = _ref => {
+  let {
+    date,
+    displayFormatDay = 'D',
+    isDayHighlighted = () => false,
+    enableOutsideDays = true,
+    showHeader = true,
+    onChange = () => null
+  } = _ref,
+      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+  const [selectedDate, setSelectedDate] = React.useState(date);
+  const [key, setKey] = React.useState(moment__default["default"]());
+  const datePickerRef = React.useRef();
+
+  const updateKeyDate = newDate => {
     setKey(newDate);
   };
-  const handleDateChange = (newDate) => {
+
+  const handleDateChange = newDate => {
     setSelectedDate(newDate);
     setTimeout(() => onChange(newDate), 500);
   };
-  return /* @__PURE__ */ import_react.default.createElement(Wrapper, null, showHeader && /* @__PURE__ */ import_react.default.createElement(import_DatePickerHeader.DatePickerHeader, {
+
+  return /*#__PURE__*/_jsx__default["default"](Wrapper, {}, void 0, showHeader && /*#__PURE__*/_jsx__default["default"](DatePickerHeader, {
     onInputChange: handleDateChange,
-    selectedDate,
-    updateKeyDate
-  }), /* @__PURE__ */ import_react.default.createElement("div", {
+    selectedDate: selectedDate,
+    updateKeyDate: updateKeyDate
+  }), /*#__PURE__*/jsxRuntime.jsx("div", {
     ref: datePickerRef,
-    className: classNameBlock("wrapper-day-picker-single-date-controller"),
-    "data-testid": rest["data-testid"] || "date-picker-single-date"
-  }, /* @__PURE__ */ import_react.default.createElement(import_react_dates.DayPickerSingleDateController, {
-    key,
-    date: selectedDate,
-    enableOutsideDays,
-    focused: true,
-    hideKeyboardShortcutsPanel: true,
-    isDayHighlighted,
-    keepOpenOnDateSelect: true,
-    navNext: /* @__PURE__ */ import_react.default.createElement(import_DatePickerNavigation.DatePickerNavigation, {
-      className: classNameElement("navigation-next")
-    }),
-    navPrev: /* @__PURE__ */ import_react.default.createElement(import_DatePickerNavigation.DatePickerNavigation, {
-      className: classNameElement("navigation-prev"),
-      icon: import_ds_icons.ChevronLeft
-    }),
-    onDateChange: handleDateChange,
-    renderDayContents: (givenDate) => /* @__PURE__ */ import_react.default.createElement(import_DatePickerDay.DatePickerDay, {
-      className: classNameElement("day-contents"),
-      date: givenDate.format(displayFormatDay)
-    })
-  })));
+    className: classNameBlock('wrapper-day-picker-single-date-controller'),
+    "data-testid": rest['data-testid'] || 'date-picker-single-date',
+    children: /*#__PURE__*/_jsx__default["default"](reactDates.DayPickerSingleDateController, {
+      date: selectedDate,
+      enableOutsideDays: enableOutsideDays,
+      focused: true,
+      hideKeyboardShortcutsPanel: true,
+      isDayHighlighted: isDayHighlighted,
+      keepOpenOnDateSelect: true,
+      navNext: /*#__PURE__*/_jsx__default["default"](DatePickerNavigation, {
+        className: classNameElement('navigation-next')
+      }),
+      navPrev: /*#__PURE__*/_jsx__default["default"](DatePickerNavigation, {
+        className: classNameElement('navigation-prev'),
+        icon: dsIcons.ChevronLeft
+      }),
+      onDateChange: handleDateChange,
+      renderDayContents: givenDate => /*#__PURE__*/_jsx__default["default"](DatePickerDay, {
+        className: classNameElement('day-contents'),
+        date: givenDate.format(displayFormatDay)
+      })
+    }, key)
+  }));
 };
-var DatePickerSingleDate_default = DatePickerSingleDate;
-module.exports = __toCommonJS(DatePickerSingleDate_exports);
-//# sourceMappingURL=DatePickerSingleDate.js.map
+
+module.exports = DatePickerSingleDate;

package/cjs/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js

@@ -1,80 +1,59 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var SingleRangeDateSwitcher_exports = {};
-__export(SingleRangeDateSwitcher_exports, {
-  SingleRangeDateSwitcher: () => SingleRangeDateSwitcher,
-  default: () => SingleRangeDateSwitcher_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_form = require("@elliemae/ds-form");
-var import_ds_classnames = require("@elliemae/ds-classnames");
-var import_DatePickerRangeHeader = require("../DatePickerRangeHeader/DatePickerRangeHeader");
-var import_DatePickerHeader = require("../DatePickerHeader/DatePickerHeader");
-const blockname = "date-switcher";
-const Header = (0, import_ds_classnames.aggregatedClasses)("div")(blockname, "header");
-const SingleRangeDateSwitcher = ({
-  onStartInputChange,
-  onEndInputChange,
-  onSingleInputChange,
-  onFocusChange,
-  selectedStartDate,
-  selectedEndDate,
-  selectedSingleDate,
-  isDateRange,
-  setIsDateRange,
-  handleDatesChange,
-  updateKeyDate,
-  focusedInput
-}) => {
-  const SingleDateInput = /* @__PURE__ */ import_react.default.createElement(import_DatePickerHeader.DatePickerHeader, {
+'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: updateKeyDate
   });
-  const DateRangeInput = /* @__PURE__ */ import_react.default.createElement(import_DatePickerRangeHeader.DatePickerRangeHeader, {
-    focusedInput,
-    onFocusChange,
-    onEndInputChange,
-    onStartInputChange,
-    selectedEndDate,
-    selectedStartDate,
-    handleDatesChange
+
+  const DateRangeInput = /*#__PURE__*/_jsx__default["default"](DatePickerRangeHeader, {
+    focusedInput: focusedInput,
+    onFocusChange: onFocusChange,
+    onEndInputChange: onEndInputChange,
+    onStartInputChange: onStartInputChange,
+    selectedEndDate: selectedEndDate,
+    selectedStartDate: selectedStartDate,
+    handleDatesChange: handleDatesChange
   });
-  return /* @__PURE__ */ import_react.default.createElement(Header, {
+
+  return /*#__PURE__*/_jsx__default["default"](Header, {
     "data-testid": "date-switch-header"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSCheckbox, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSCheckbox, {
     checked: isDateRange,
     className: "switch-header__checkbox",
     labelText: "Range",
     onChange: setIsDateRange
   }), isDateRange ? DateRangeInput : SingleDateInput);
 };
-var SingleRangeDateSwitcher_default = SingleRangeDateSwitcher;
-module.exports = __toCommonJS(SingleRangeDateSwitcher_exports);
-//# sourceMappingURL=SingleRangeDateSwitcher.js.map
+
+module.exports = SingleRangeDateSwitcher;

package/cjs/components/index.js

@@ -1,53 +1,27 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var components_exports = {};
-__export(components_exports, {
-  DatePickerDay: () => import_DatePickerDay.default,
-  DatePickerDropdown: () => import_DatePickerDropdown.default,
-  DatePickerHeader: () => import_DatePickerHeader.default,
-  DatePickerNavigation: () => import_DatePickerNavigation.default,
-  DatePickerPicker: () => import_DatePickerPicker.default,
-  DatePickerRange: () => import_DatePickerRange.default,
-  DatePickerRangeHeader: () => import_DatePickerRangeHeader.default,
-  DatePickerSingleDate: () => import_DatePickerSingleDate.default,
-  SingleRangeDateSwitcher: () => import_SingleRangeDateSwitcher.default,
-  renderMonthElement: () => import_DatePickerRenderMonth.renderMonthElement
-});
-var React = __toESM(require("react"));
-var import_DatePickerNavigation = require("./DatePickerNavigation/DatePickerNavigation");
-var import_DatePickerDay = require("./DatePickerDay/DatePickerDay");
-var import_DatePickerPicker = require("./DatePickerPicker/DatePickerPicker");
-var import_DatePickerDropdown = require("./DatePickerDropdown");
-var import_DatePickerSingleDate = require("./DatePickerSingleDate/DatePickerSingleDate");
-var import_DatePickerHeader = require("./DatePickerHeader/DatePickerHeader");
-var import_DatePickerRange = require("./DatePickerRange/DatePickerRange");
-var import_DatePickerRangeHeader = require("./DatePickerRangeHeader/DatePickerRangeHeader");
-var import_SingleRangeDateSwitcher = require("./SingleRangeDateSwitcher/SingleRangeDateSwitcher");
-var import_DatePickerRenderMonth = require("./DatePickerRenderMonth/DatePickerRenderMonth");
-module.exports = __toCommonJS(components_exports);
-//# sourceMappingURL=index.js.map
+'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,78 +1,85 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var defaultPhrases_exports = {};
-__export(defaultPhrases_exports, {
-  CalendarDayPhrases: () => CalendarDayPhrases,
-  DateRangePickerInputPhrases: () => DateRangePickerInputPhrases,
-  DateRangePickerPhrases: () => DateRangePickerPhrases,
-  DayPickerKeyboardShortcutsPhrases: () => DayPickerKeyboardShortcutsPhrases,
-  DayPickerNavigationPhrases: () => DayPickerNavigationPhrases,
-  DayPickerPhrases: () => DayPickerPhrases,
-  SingleDatePickerInputPhrases: () => SingleDatePickerInputPhrases,
-  SingleDatePickerPhrases: () => SingleDatePickerPhrases,
-  default: () => defaultPhrases_default
-});
-var React = __toESM(require("react"));
-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 = ({ date }) => `Choose ${date} as your check-in date. It\u2019s available.`;
-const chooseAvailableEndDate = ({ date }) => `Choose ${date} as your check-out date. It\u2019s available.`;
-const chooseAvailableDate = ({ date }) => date;
-const dateIsUnavailable = ({ date }) => `Not available. ${date}`;
-const dateIsSelected = ({ date }) => `Selected. ${date}`;
-const dateIsSelectedAsStartDate = ({ date }) => `Selected as start date. ${date}`;
-const dateIsSelectedAsEndDate = ({ date }) => `Selected as end date. ${date}`;
-var defaultPhrases_default = {
+'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,
@@ -242,5 +249,13 @@ const CalendarDayPhrases = {
   dateIsSelectedAsStartDate,
   dateIsSelectedAsEndDate
 };
-module.exports = __toCommonJS(defaultPhrases_exports);
-//# sourceMappingURL=defaultPhrases.js.map
+
+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;