@transferwise/components 0.0.0-experimental-1a3a746 → 0.0.0-experimental-65c6e3a

package/build/index.js

@@ -16,10 +16,10 @@ var react = require('@floating-ui/react');
 var focus = require('@react-aria/focus');
 var overlays = require('@react-aria/overlays');
 var reactTransitionGroup = require('react-transition-group');
-var neptuneValidation = require('@transferwise/neptune-validation');
-var reactDom = require('react-dom');
 var reactPopper = require('react-popper');
 var throttle = require('lodash.throttle');
+var reactDom = require('react-dom');
+var neptuneValidation = require('@transferwise/neptune-validation');
 var commonmark = require('commonmark');
 var art = require('@wise/art');
 var clamp$2 = require('lodash.clamp');
@@ -2697,20 +2697,11 @@ function getDayNames(locale, format = 'short') {
 
 // Makes sure that date is between min and max dates, returns a cloned min or max
 function moveToWithinRange(date, min, max) {
-  if (isWithinRange(date, min, max)) {
-    return date;
-  }
-  if (min && date < min) {
-    return new Date(min);
-  }
-  if (max && date > max) {
-    return new Date(max);
-  }
-  return null;
+  return isWithinRange(date, min, max) ? date : new Date(min && date < min ? +min : +max);
 }
 
 function isWithinRange(date, min, max) {
-  return (!min || date >= min) && (!max || date <= max);
+  return !date || (!min || date >= min) && (!max || date <= max);
 }
 
 const getMonthNames = (locale, format = 'long') => {
@@ -3234,7 +3225,7 @@ var dateTriggerMessages = reactIntl.defineMessages({
 
 const DateTrigger = ({
   selectedDate,
-  size = exports.Size.MEDIUM,
+  size,
   placeholder,
   label,
   monthFormat,
@@ -3246,6 +3237,19 @@ const DateTrigger = ({
     locale,
     formatMessage
   } = reactIntl.useIntl();
+  const handleKeyDown = event => {
+    if (neptuneValidation.isKey({
+      keyType: 'Space',
+      event: event
+    }) || neptuneValidation.isKey({
+      keyType: 'Enter',
+      event: event
+    })) {
+      event.stopPropagation();
+      event.preventDefault();
+      onClear();
+    }
+  };
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsxs("button", {
       className: `btn btn-${size} btn-input np-date-trigger`,
@@ -3282,12 +3286,29 @@ const DateTrigger = ({
             event.stopPropagation();
             event.preventDefault();
             onClear();
-          }
+          },
+          onKeyPress: handleKeyDown
         })
       })]
     }) : null]
   });
 };
+DateTrigger.propTypes = {
+  selectedDate: PropTypes__default.default.instanceOf(Date),
+  size: PropTypes__default.default.oneOf(['sm', 'md', 'lg']),
+  placeholder: PropTypes__default.default.string.isRequired,
+  label: PropTypes__default.default.string.isRequired,
+  monthFormat: PropTypes__default.default.oneOf(['short', 'long']).isRequired,
+  disabled: PropTypes__default.default.bool.isRequired,
+  onClick: PropTypes__default.default.func,
+  onClear: PropTypes__default.default.func
+};
+DateTrigger.defaultProps = {
+  selectedDate: null,
+  size: exports.Size.MEDIUM,
+  onClear: undefined
+};
+var DateTrigger$1 = DateTrigger;
 
 var messages$8 = reactIntl.defineMessages({
   next: {
@@ -3369,6 +3390,18 @@ const DateHeader = ({
     })]
   });
 };
+DateHeader.propTypes = {
+  label: PropTypes__default.default.string,
+  onLabelClick: PropTypes__default.default.func,
+  onPreviousClick: PropTypes__default.default.func.isRequired,
+  onNextClick: PropTypes__default.default.func.isRequired,
+  dateMode: PropTypes__default.default.string
+};
+DateHeader.defaultProps = {
+  label: null,
+  onLabelClick: () => {}
+};
+var DateHeader$1 = DateHeader;
 
 function getFocusableTime(props) {
   return props.timeSpan.find(time => props.isActive(time)) || props.timeSpan.find(time => props.isNow(time) && !props.isDisabled(time)) || props.timeSpan.find(time => !props.isDisabled(time));
@@ -3454,9 +3487,10 @@ class DayCalendarTable extends React.PureComponent {
     let week = [];
     const weeks = [];
     let i;
+
     // Pad first week
     for (i = 1; i < firstDayOfMonth; i += 1) {
-      week.push(-1);
+      week.push(false);
     }
     // Fill in days
     for (i = 1; i <= daysInMonth; i += 1) {
@@ -3469,7 +3503,7 @@ class DayCalendarTable extends React.PureComponent {
     if (week.length > 0) {
       // Pad last week
       for (i = week.length; i < 7; i += 1) {
-        week.push(-1);
+        week.push(false);
       }
       weeks.push(week);
     }
@@ -3524,10 +3558,12 @@ class DayCalendarTable extends React.PureComponent {
     const {
       viewMonth,
       viewYear,
-      intl
+      intl: {
+        locale
+      }
     } = this.props;
     const weeks = this.getTableStructure();
-    const autoFocusDay = this.getAutofocusDay(weeks);
+    let autoFocusDay = this.getAutofocusDay(weeks, viewMonth, viewYear);
     return /*#__PURE__*/jsxRuntime.jsxs("table", {
       className: "table table-condensed table-bordered tw-date-lookup-calendar m-b-0",
       children: [/*#__PURE__*/jsxRuntime.jsx("thead", {
@@ -3553,12 +3589,12 @@ class DayCalendarTable extends React.PureComponent {
         children: weeks.map((week, weekIndex) => /*#__PURE__*/jsxRuntime.jsx("tr", {
           children: week.map((day, dayIndex) => /*#__PURE__*/jsxRuntime.jsx("td", {
             className: dayIndex > 4 ? 'weekend' : '',
-            children: day !== -1 && /*#__PURE__*/jsxRuntime.jsx(TableLink, {
+            children: day && /*#__PURE__*/jsxRuntime.jsx(TableLink, {
               item: day,
               type: "day",
-              title: formatting.formatDate(new Date(viewYear, viewMonth, day), intl.locale, SHORT_DAY_FORMAT),
+              title: formatting.formatDate(new Date(viewYear, viewMonth, day), locale, SHORT_DAY_FORMAT),
               autofocus: day === autoFocusDay,
-              longTitle: formatting.formatDate(new Date(viewYear, viewMonth, day), intl.locale),
+              longTitle: formatting.formatDate(new Date(viewYear, viewMonth, day), locale),
               active: this.isActive(day),
               disabled: this.isDisabled(day),
               today: this.isToday(day),
@@ -3570,6 +3606,19 @@ class DayCalendarTable extends React.PureComponent {
     });
   }
 }
+DayCalendarTable.propTypes = {
+  selectedDate: PropTypes__default.default.instanceOf(Date),
+  min: PropTypes__default.default.instanceOf(Date),
+  max: PropTypes__default.default.instanceOf(Date),
+  viewMonth: PropTypes__default.default.number.isRequired,
+  viewYear: PropTypes__default.default.number.isRequired,
+  onSelect: PropTypes__default.default.func.isRequired
+};
+DayCalendarTable.defaultProps = {
+  selectedDate: null,
+  min: null,
+  max: null
+};
 var DayCalendarTable$1 = reactIntl.injectIntl(DayCalendarTable);
 
 class DayCalendar extends React.PureComponent {
@@ -3609,7 +3658,7 @@ class DayCalendar extends React.PureComponent {
       onSelect
     } = this.props;
     return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/jsxRuntime.jsx(DateHeader, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(DateHeader$1, {
         label: formatting.formatDate(new Date(viewYear, viewMonth), locale, {
           month: monthFormat,
           year: 'numeric'
@@ -3629,6 +3678,22 @@ class DayCalendar extends React.PureComponent {
     });
   }
 }
+DayCalendar.propTypes = {
+  selectedDate: PropTypes__default.default.instanceOf(Date),
+  min: PropTypes__default.default.instanceOf(Date),
+  max: PropTypes__default.default.instanceOf(Date),
+  viewMonth: PropTypes__default.default.number.isRequired,
+  viewYear: PropTypes__default.default.number.isRequired,
+  monthFormat: PropTypes__default.default.oneOf([exports.MonthFormat.LONG, exports.MonthFormat.SHORT]).isRequired,
+  onSelect: PropTypes__default.default.func.isRequired,
+  onLabelClick: PropTypes__default.default.func.isRequired,
+  onViewDateUpdate: PropTypes__default.default.func.isRequired
+};
+DayCalendar.defaultProps = {
+  selectedDate: null,
+  min: null,
+  max: null
+};
 var DayCalendar$1 = reactIntl.injectIntl(DayCalendar);
 
 const ROWS$1 = 3;
@@ -3660,7 +3725,7 @@ const MonthCalendarTable = ({
     });
   };
   const isActive = month => {
-    return !!(selectedDate && month === selectedDate.getMonth() && viewYear === selectedDate.getFullYear());
+    return selectedDate && month === selectedDate.getMonth() && viewYear === selectedDate.getFullYear();
   };
   const isThisMonth = month => {
     return viewYear === new Date().getFullYear() && month === new Date().getMonth();
@@ -3684,23 +3749,33 @@ const MonthCalendarTable = ({
       className: "sr-only",
       children: /*#__PURE__*/jsxRuntime.jsx("tr", {
         children: /*#__PURE__*/jsxRuntime.jsx("th", {
-          colSpan: COLS$1,
+          colSpan: "3",
           children: placeholder
         })
       })
     }), /*#__PURE__*/jsxRuntime.jsx("tbody", {
-      children: Array.from({
-        length: ROWS$1
-      }, (_, rowIndex) => /*#__PURE__*/jsxRuntime.jsx("tr", {
-        children: Array.from({
-          length: COLS$1
-        }, (_, colIndex) => /*#__PURE__*/jsxRuntime.jsx("td", {
+      children: [...new Array(ROWS$1)].map((row, rowIndex) => /*#__PURE__*/jsxRuntime.jsx("tr", {
+        children: [...new Array(COLS$1)].map((col, colIndex) => /*#__PURE__*/jsxRuntime.jsx("td", {
           children: getLink(rowIndex * COLS$1 + colIndex)
         }, colIndex))
       }, rowIndex))
     })]
   });
 };
+MonthCalendarTable.propTypes = {
+  selectedDate: PropTypes__default.default.instanceOf(Date),
+  min: PropTypes__default.default.instanceOf(Date),
+  max: PropTypes__default.default.instanceOf(Date),
+  viewYear: PropTypes__default.default.number.isRequired,
+  placeholder: PropTypes__default.default.string.isRequired,
+  onSelect: PropTypes__default.default.func.isRequired
+};
+MonthCalendarTable.defaultProps = {
+  selectedDate: null,
+  min: null,
+  max: null
+};
+var MonthCalendarTable$1 = MonthCalendarTable;
 
 class MonthCalendar extends React.PureComponent {
   onMonthSelect = month => {
@@ -3733,7 +3808,7 @@ class MonthCalendar extends React.PureComponent {
       onLabelClick
     } = this.props;
     return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/jsxRuntime.jsx(DateHeader, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(DateHeader$1, {
         dateMode: formatMessage(messages$8.year),
         label: formatting.formatDate(new Date(viewYear, 0), locale, {
           year: 'numeric'
@@ -3741,17 +3816,32 @@ class MonthCalendar extends React.PureComponent {
         onLabelClick: onLabelClick,
         onPreviousClick: this.selectPreviousYear,
         onNextClick: this.selectNextYear
-      }), /*#__PURE__*/jsxRuntime.jsx(MonthCalendarTable, {
-        selectedDate: selectedDate,
-        min: min,
-        max: max,
-        viewYear: viewYear,
-        placeholder: placeholder,
+      }), /*#__PURE__*/jsxRuntime.jsx(MonthCalendarTable$1, {
+        selectedDate,
+        min,
+        max,
+        viewYear,
+        placeholder,
         onSelect: this.onMonthSelect
       })]
     });
   }
 }
+MonthCalendar.propTypes = {
+  selectedDate: PropTypes__default.default.instanceOf(Date),
+  min: PropTypes__default.default.instanceOf(Date),
+  max: PropTypes__default.default.instanceOf(Date),
+  viewYear: PropTypes__default.default.number.isRequired,
+  placeholder: PropTypes__default.default.string.isRequired,
+  onSelect: PropTypes__default.default.func.isRequired,
+  onLabelClick: PropTypes__default.default.func.isRequired,
+  onViewDateUpdate: PropTypes__default.default.func.isRequired
+};
+MonthCalendar.defaultProps = {
+  selectedDate: null,
+  min: null,
+  max: null
+};
 var MonthCalendar$1 = reactIntl.injectIntl(MonthCalendar);
 
 const ROWS = 5;
@@ -3807,23 +3897,33 @@ const YearCalendarTable = ({
       className: "sr-only",
       children: /*#__PURE__*/jsxRuntime.jsx("tr", {
         children: /*#__PURE__*/jsxRuntime.jsx("th", {
-          colSpan: COLS,
+          colSpan: "4",
           children: placeholder
         })
       })
     }), /*#__PURE__*/jsxRuntime.jsx("tbody", {
-      children: Array.from({
-        length: ROWS
-      }, (_, rowIndex) => /*#__PURE__*/jsxRuntime.jsx("tr", {
-        children: Array.from({
-          length: COLS
-        }, (_, colIndex) => /*#__PURE__*/jsxRuntime.jsx("td", {
+      children: [...new Array(ROWS)].map((row, rowIndex) => /*#__PURE__*/jsxRuntime.jsx("tr", {
+        children: [...new Array(COLS)].map((col, colIndex) => /*#__PURE__*/jsxRuntime.jsx("td", {
           children: getLink(startYear + rowIndex * COLS + colIndex)
         }, colIndex))
       }, rowIndex))
     })]
   });
 };
+YearCalendarTable.propTypes = {
+  selectedDate: PropTypes__default.default.instanceOf(Date),
+  min: PropTypes__default.default.instanceOf(Date),
+  max: PropTypes__default.default.instanceOf(Date),
+  viewYear: PropTypes__default.default.number.isRequired,
+  placeholder: PropTypes__default.default.string.isRequired,
+  onSelect: PropTypes__default.default.func.isRequired
+};
+YearCalendarTable.defaultProps = {
+  selectedDate: null,
+  min: null,
+  max: null
+};
+var YearCalendarTable$1 = YearCalendarTable;
 
 class YearCalendar extends React.PureComponent {
   onYearSelect = year => {
@@ -3854,21 +3954,35 @@ class YearCalendar extends React.PureComponent {
       }
     } = this.props;
     return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/jsxRuntime.jsx(DateHeader, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(DateHeader$1, {
         dateMode: formatMessage(messages$8.twentyYears),
         onPreviousClick: this.selectPreviousYears,
         onNextClick: this.selectNextYears
-      }), /*#__PURE__*/jsxRuntime.jsx(YearCalendarTable, {
-        selectedDate: selectedDate,
-        min: min,
-        max: max,
-        viewYear: viewYear,
-        placeholder: placeholder || '',
+      }), /*#__PURE__*/jsxRuntime.jsx(YearCalendarTable$1, {
+        selectedDate,
+        min,
+        max,
+        viewYear,
+        placeholder,
         onSelect: this.onYearSelect
       })]
     });
   }
 }
+YearCalendar.propTypes = {
+  selectedDate: PropTypes__default.default.instanceOf(Date),
+  min: PropTypes__default.default.instanceOf(Date),
+  max: PropTypes__default.default.instanceOf(Date),
+  viewYear: PropTypes__default.default.number.isRequired,
+  placeholder: PropTypes__default.default.string.isRequired,
+  onSelect: PropTypes__default.default.func.isRequired,
+  onViewDateUpdate: PropTypes__default.default.func.isRequired
+};
+YearCalendar.defaultProps = {
+  selectedDate: null,
+  min: null,
+  max: null
+};
 var YearCalendar$1 = reactIntl.injectIntl(YearCalendar);
 
 const MODE = {
@@ -3877,17 +3991,6 @@ const MODE = {
   YEAR: 'year'
 };
 class DateLookup extends React.PureComponent {
-  static defaultProps = {
-    value: null,
-    min: null,
-    max: null,
-    size: exports.Size.MEDIUM,
-    placeholder: '',
-    label: '',
-    monthFormat: exports.MonthFormat.LONG,
-    disabled: false,
-    clearable: false
-  };
   element = /*#__PURE__*/React.createRef();
   dropdown = /*#__PURE__*/React.createRef();
   constructor(props) {
@@ -3895,8 +3998,8 @@ class DateLookup extends React.PureComponent {
     this.state = {
       selectedDate: getStartOfDay(props.value),
       originalDate: null,
-      min: getStartOfDay(props.min || null),
-      max: getStartOfDay(props.max || null),
+      min: getStartOfDay(props.min),
+      max: getStartOfDay(props.max),
       viewMonth: (props.value || new Date()).getMonth(),
       viewYear: (props.value || new Date()).getFullYear(),
       open: false,
@@ -3906,22 +4009,22 @@ class DateLookup extends React.PureComponent {
   }
   static getDerivedStateFromProps(props, state) {
     const propsSelected = getStartOfDay(props.value);
-    const propsMin = getStartOfDay(props.min || null);
-    const propsMax = getStartOfDay(props.max || null);
-    const hasSelectedChanged = state.selectedDate?.getTime() !== propsSelected?.getTime();
-    const hasMinChanged = state.min?.getTime() !== propsMin?.getTime();
-    const hasMaxChanged = state.max?.getTime() !== propsMax?.getTime();
+    const propsMin = getStartOfDay(props.min);
+    const propsMax = getStartOfDay(props.max);
+    const hasSelectedChanged = +state.selectedDate !== +propsSelected;
+    const hasMinChanged = +state.min !== +propsMin;
+    const hasMaxChanged = +state.max !== +propsMax;
     if (hasSelectedChanged || hasMinChanged || hasMaxChanged) {
       const selectedDate = hasSelectedChanged ? propsSelected : state.selectedDate;
       const min = hasMinChanged ? propsMin : state.min;
       const max = hasMaxChanged ? propsMax : state.max;
-      if (selectedDate && !isWithinRange(selectedDate, min, max)) {
+      // make sure that selected date is within allowed range
+      if (!isWithinRange(selectedDate, min, max)) {
         props.onChange(moveToWithinRange(selectedDate, min, max));
         return null;
       }
-      const viewDateThatIsWithinRange = selectedDate || (min || max) && moveToWithinRange(new Date(), min, max) || new Date();
-      const viewMonth = viewDateThatIsWithinRange.getMonth();
-      const viewYear = viewDateThatIsWithinRange.getFullYear();
+      const viewMonth = (selectedDate || new Date()).getMonth();
+      const viewYear = (selectedDate || new Date()).getFullYear();
       return {
         selectedDate,
         min,
@@ -3933,12 +4036,12 @@ class DateLookup extends React.PureComponent {
     return null;
   }
   componentDidUpdate(previousProps) {
-    if (this.props.value && previousProps.value && this.props.value.getTime() !== previousProps.value.getTime() && this.state.open) {
+    if (+this.props.value !== +previousProps.value && this.state.open) {
       this.focusOn('.active');
     }
-    const mediaQuery = window.matchMedia(`(max-width: ${exports.Breakpoint.SMALL}px)`);
+    this.mediaQuery = window.matchMedia(`(max-width: ${exports.Breakpoint.SMALL}px)`);
     this.setState({
-      isMobile: mediaQuery.matches
+      isMobile: this.mediaQuery.matches
     });
   }
   componentWillUnmount() {
@@ -4044,15 +4147,13 @@ class DateLookup extends React.PureComponent {
     } else {
       date = getStartOfDay(new Date());
     }
-    if (date) {
-      date = moveToWithinRange(date, min, max);
-    }
-    if (date?.getTime() !== selectedDate?.getTime()) {
+    date = moveToWithinRange(date, min, max);
+    if (+date !== +selectedDate) {
       this.props.onChange(date);
     }
   };
   focusOn = (preferredElement, fallbackElement) => {
-    const element = this.element.current?.querySelector(preferredElement);
+    const element = this.element.current.querySelector(preferredElement);
     if (element) {
       element.focus();
     } else if (fallbackElement) {
@@ -4106,30 +4207,30 @@ class DateLookup extends React.PureComponent {
         'p-a-1': !isMobile
       }),
       children: [mode === MODE.DAY && /*#__PURE__*/jsxRuntime.jsx(DayCalendar$1, {
-        selectedDate: selectedDate,
-        min: min,
-        max: max,
-        viewMonth: viewMonth,
-        viewYear: viewYear,
-        monthFormat: monthFormat,
+        selectedDate,
+        min,
+        max,
+        viewMonth,
+        viewYear,
+        monthFormat,
         onSelect: this.handleSelectedDateUpdate,
         onLabelClick: this.switchToYears,
         onViewDateUpdate: this.handleViewDateUpdate
       }), mode === MODE.MONTH && /*#__PURE__*/jsxRuntime.jsx(MonthCalendar$1, {
-        selectedDate: selectedDate,
-        min: min,
-        max: max,
-        viewYear: viewYear,
-        placeholder: placeholder || '',
+        selectedDate,
+        min,
+        max,
+        viewYear,
+        placeholder,
         onSelect: this.switchToDays,
         onLabelClick: this.switchToYears,
         onViewDateUpdate: this.handleViewDateUpdate
       }), mode === MODE.YEAR && /*#__PURE__*/jsxRuntime.jsx(YearCalendar$1, {
-        selectedDate: selectedDate,
-        min: min,
-        max: max,
-        viewYear: viewYear,
-        placeholder: placeholder || '',
+        selectedDate,
+        min,
+        max,
+        viewYear,
+        placeholder,
         onSelect: this.switchToMonths,
         onViewDateUpdate: this.handleViewDateUpdate
       })]
@@ -4155,20 +4256,21 @@ class DateLookup extends React.PureComponent {
       value
     } = this.props;
     return /*#__PURE__*/jsxRuntime.jsxs("div", {
+      // eslint-disable-line jsx-a11y/no-static-element-interactions
       ref: this.element,
       id: this.props.id,
       "aria-labelledby": ariaLabelledBy,
       className: "input-group",
       onKeyDown: this.handleKeyDown,
-      children: [/*#__PURE__*/jsxRuntime.jsx(DateTrigger, {
-        selectedDate: selectedDate,
-        size: size,
-        placeholder: placeholder || '',
-        label: label || '',
-        monthFormat: monthFormat,
-        disabled: disabled || false,
+      children: [/*#__PURE__*/jsxRuntime.jsx(DateTrigger$1, {
+        selectedDate,
+        size,
+        placeholder,
+        label,
+        monthFormat,
+        disabled,
         onClick: this.open,
-        onClear: !disabled && clearable && value ? this.handleClear : undefined
+        onClear: !disabled && clearable && value ? this.handleClear : null
       }), /*#__PURE__*/jsxRuntime.jsx(ResponsivePanel$1, {
         anchorRef: this.element,
         open: open,
@@ -4180,6 +4282,36 @@ class DateLookup extends React.PureComponent {
     });
   }
 }
+DateLookup.propTypes = {
+  id: PropTypes__default.default.string,
+  value: PropTypes__default.default.instanceOf(Date),
+  min: PropTypes__default.default.instanceOf(Date),
+  max: PropTypes__default.default.instanceOf(Date),
+  size: PropTypes__default.default.oneOf(['sm', 'md', 'lg']),
+  placeholder: PropTypes__default.default.string,
+  label: PropTypes__default.default.string,
+  'aria-labelledby': PropTypes__default.default.string,
+  monthFormat: PropTypes__default.default.oneOf(['long', 'short']),
+  disabled: PropTypes__default.default.bool,
+  onChange: PropTypes__default.default.func.isRequired,
+  onFocus: PropTypes__default.default.func,
+  onBlur: PropTypes__default.default.func,
+  clearable: PropTypes__default.default.bool
+};
+DateLookup.defaultProps = {
+  value: null,
+  min: null,
+  max: null,
+  size: exports.Size.MEDIUM,
+  placeholder: '',
+  label: '',
+  monthFormat: exports.MonthFormat.LONG,
+  disabled: false,
+  onFocus: null,
+  onBlur: null,
+  clearable: false
+};
+var DateLookup$1 = DateLookup;
 
 const NavigationOption = /*#__PURE__*/React.forwardRef(({
   as: component = 'button',
@@ -15062,7 +15194,7 @@ exports.CriticalCommsBanner = CriticalCommsBanner;
 exports.DEFAULT_LANG = DEFAULT_LANG;
 exports.DEFAULT_LOCALE = DEFAULT_LOCALE;
 exports.DateInput = DateInput;
-exports.DateLookup = DateLookup;
+exports.DateLookup = DateLookup$1;
 exports.Decision = Decision;
 exports.DefinitionList = DefinitionList$1;
 exports.Dimmer = Dimmer$1;