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

package/src/dateLookup/dateTrigger/{DateTrigger.tsx → DateTrigger.js}

@@ -1,26 +1,17 @@
 import { formatDate } from '@transferwise/formatting';
+import { isKey } from '@transferwise/neptune-validation';
+import PropTypes from 'prop-types';
 import { useIntl } from 'react-intl';
 
 import Chevron from '../../chevron';
-import { Size, Position, SizeSmall, SizeMedium, SizeLarge } from '../../common';
+import { Size, Position } from '../../common';
 import { CloseButton } from '../../common/closeButton/CloseButton';
 
 import messages from './DateTrigger.messages';
 
-interface DateTriggerProps {
-  selectedDate: Date | null;
-  size: SizeSmall | SizeMedium | SizeLarge;
-  placeholder: string;
-  label: string;
-  monthFormat: 'short' | 'long';
-  disabled: boolean;
-  onClick: () => void;
-  onClear?: () => void;
-}
-
-const DateTrigger: React.FC<DateTriggerProps> = ({
+const DateTrigger = ({
   selectedDate,
-  size = Size.MEDIUM,
+  size,
   placeholder,
   label,
   monthFormat,
@@ -30,6 +21,14 @@ const DateTrigger: React.FC<DateTriggerProps> = ({
 }) => {
   const { locale, formatMessage } = useIntl();
 
+  const handleKeyDown = (event) => {
+    if (isKey({ keyType: 'Space', event: event }) || isKey({ keyType: 'Enter', event: event })) {
+      event.stopPropagation();
+      event.preventDefault();
+      onClear();
+    }
+  };
+
   return (
     <>
       <button
@@ -65,11 +64,12 @@ const DateTrigger: React.FC<DateTriggerProps> = ({
               className={`clear-btn clear-btn--${size}`}
               aria-label={`${formatMessage(messages.ariaLabel)} ${label}`}
               size={Size.SMALL}
-              onClick={(event: React.MouseEvent<HTMLButtonElement>) => {
+              onClick={(event) => {
                 event.stopPropagation();
                 event.preventDefault();
                 onClear();
               }}
+              onKeyPress={handleKeyDown}
             />
           </span>
         </>
@@ -78,4 +78,21 @@ const DateTrigger: React.FC<DateTriggerProps> = ({
   );
 };
 
+DateTrigger.propTypes = {
+  selectedDate: PropTypes.instanceOf(Date),
+  size: PropTypes.oneOf(['sm', 'md', 'lg']),
+  placeholder: PropTypes.string.isRequired,
+  label: PropTypes.string.isRequired,
+  monthFormat: PropTypes.oneOf(['short', 'long']).isRequired,
+  disabled: PropTypes.bool.isRequired,
+  onClick: PropTypes.func,
+  onClear: PropTypes.func,
+};
+
+DateTrigger.defaultProps = {
+  selectedDate: null,
+  size: Size.MEDIUM,
+  onClear: undefined,
+};
+
 export default DateTrigger;

package/src/dateLookup/dateTrigger/DateTrigger.spec.js

@@ -2,6 +2,7 @@ import * as formatting from '@transferwise/formatting';
 import { shallow } from 'enzyme';
 
 import Chevron from '../../chevron';
+import { fakeKeyDownEventForKey } from '../../common/fakeEvents';
 
 import DateTrigger from '.';
 
@@ -115,6 +116,27 @@ describe('DateTrigger', () => {
     expect(clearButton()).toHaveLength(1);
   });
 
+  it('calls onClear when user press Space', () => {
+    const onClear = jest.fn();
+    component.setProps({ onClear });
+    clearButton().simulate('keypress', fakeKeyDownEventForKey(' '));
+    expect(onClear).toHaveBeenCalledTimes(1);
+  });
+
+  it('calls onClear when user press Enter', () => {
+    const onClear = jest.fn();
+    component.setProps({ onClear });
+    clearButton().simulate('keypress', fakeKeyDownEventForKey('Enter'));
+    expect(onClear).toHaveBeenCalledTimes(1);
+  });
+
+  it(`doesn't call onClear when user press a random key`, () => {
+    const onClear = jest.fn();
+    component.setProps({ onClear });
+    clearButton().simulate('keypress', fakeKeyDownEventForKey('r'));
+    expect(onClear).not.toHaveBeenCalled();
+  });
+
   const button = () => component.find('.np-date-trigger');
   const clearButton = () => component.find('.clear-btn');
   const chevron = () => component.find(Chevron);

package/src/dateLookup/dayCalendar/{DayCalendar.tsx → DayCalendar.js}

@@ -1,6 +1,7 @@
 import { formatDate } from '@transferwise/formatting';
+import PropTypes from 'prop-types';
 import { PureComponent } from 'react';
-import { injectIntl, WrappedComponentProps } from 'react-intl';
+import { injectIntl } from 'react-intl';
 
 import { MonthFormat } from '../../common';
 import messages from '../DateLookup.messages';
@@ -8,19 +9,7 @@ import DateHeader from '../dateHeader';
 
 import DayCalendarTable from './table';
 
-interface DayCalendarProps extends WrappedComponentProps {
-  selectedDate: Date | null;
-  min: Date | null;
-  max: Date | null;
-  viewMonth: number;
-  viewYear: number;
-  monthFormat: `${MonthFormat}`;
-  onSelect: (date: Date) => void;
-  onLabelClick: () => void;
-  onViewDateUpdate: (date: { month: number; year: number }) => void;
-}
-
-class DayCalendar extends PureComponent<DayCalendarProps> {
+class DayCalendar extends PureComponent {
   selectPreviousMonth = () => {
     const { viewMonth, viewYear } = this.props;
     this.props.onViewDateUpdate({
@@ -67,4 +56,22 @@ class DayCalendar extends PureComponent<DayCalendarProps> {
   }
 }
 
+DayCalendar.propTypes = {
+  selectedDate: PropTypes.instanceOf(Date),
+  min: PropTypes.instanceOf(Date),
+  max: PropTypes.instanceOf(Date),
+  viewMonth: PropTypes.number.isRequired,
+  viewYear: PropTypes.number.isRequired,
+  monthFormat: PropTypes.oneOf([MonthFormat.LONG, MonthFormat.SHORT]).isRequired,
+  onSelect: PropTypes.func.isRequired,
+  onLabelClick: PropTypes.func.isRequired,
+  onViewDateUpdate: PropTypes.func.isRequired,
+};
+
+DayCalendar.defaultProps = {
+  selectedDate: null,
+  min: null,
+  max: null,
+};
+
 export default injectIntl(DayCalendar);

package/src/dateLookup/dayCalendar/table/{DayCalendarTable.tsx → DayCalendarTable.js}

@@ -1,24 +1,16 @@
 import { formatDate } from '@transferwise/formatting';
+import PropTypes from 'prop-types';
 import { PureComponent } from 'react';
-import { injectIntl, WrappedComponentProps } from 'react-intl';
+import { injectIntl } from 'react-intl';
 
 import { getDayNames, isWithinRange } from '../../../common/dateUtils';
 import { getFocusableTime } from '../../getFocusableTime/getFocusableTime';
 import { getStartOfDay } from '../../getStartOfDay';
 import TableLink from '../../tableLink';
 
-const SHORT_DAY_FORMAT: Intl.DateTimeFormatOptions = { day: 'numeric' };
+const SHORT_DAY_FORMAT = { day: 'numeric' };
 
-interface DayCalendarTableProps extends WrappedComponentProps {
-  selectedDate: Date | null;
-  min: Date | null;
-  max: Date | null;
-  viewMonth: number;
-  viewYear: number;
-  onSelect: (date: Date) => void;
-}
-
-class DayCalendarTable extends PureComponent<DayCalendarTableProps> {
+class DayCalendarTable extends PureComponent {
   getTableStructure = () => {
     const { viewMonth, viewYear } = this.props;
     let firstDayOfMonth = new Date(viewYear, viewMonth, 1).getDay();
@@ -28,13 +20,13 @@ class DayCalendarTable extends PureComponent<DayCalendarTableProps> {
     }
     const daysInMonth = new Date(viewYear, viewMonth + 1, 0).getDate();
 
-    let week: number[] = [];
-    const weeks: number[][] = [];
+    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) {
@@ -47,7 +39,7 @@ class DayCalendarTable extends PureComponent<DayCalendarTableProps> {
     if (week.length > 0) {
       // Pad last week
       for (i = week.length; i < 7; i += 1) {
-        week.push(-1);
+        week.push(false);
       }
       weeks.push(week);
     }
@@ -58,29 +50,29 @@ class DayCalendarTable extends PureComponent<DayCalendarTableProps> {
   daysShort = getDayNames(this.props.intl.locale, 'narrow');
   daysLong = getDayNames(this.props.intl.locale, 'long');
 
-  selectDay = (day: number) => {
+  selectDay = (day) => {
     const { viewMonth, viewYear, onSelect } = this.props;
     onSelect(new Date(viewYear, viewMonth, day));
   };
 
-  isDisabled = (day: number) => {
+  isDisabled = (day) => {
     const { min, max, viewMonth, viewYear } = this.props;
     const date = new Date(viewYear, viewMonth, day);
 
     return !isWithinRange(date, min, max);
   };
 
-  isActive = (day: number) => {
+  isActive = (day) => {
     const { selectedDate, viewMonth, viewYear } = this.props;
     return !!(selectedDate && +new Date(viewYear, viewMonth, day) === +selectedDate);
   };
 
-  isToday = (day: number) => {
+  isToday = (day) => {
     const { viewMonth, viewYear } = this.props;
     return Number(getStartOfDay(new Date())) === Number(new Date(viewYear, viewMonth, day));
   };
 
-  getAutofocusDay = (weeks: number[][]) => {
+  getAutofocusDay = (weeks) => {
     const days = weeks.flatMap((week) => week);
     return getFocusableTime({
       isActive: this.isActive,
@@ -91,9 +83,13 @@ class DayCalendarTable extends PureComponent<DayCalendarTableProps> {
   };
 
   render() {
-    const { viewMonth, viewYear, intl } = this.props;
+    const {
+      viewMonth,
+      viewYear,
+      intl: { locale },
+    } = this.props;
     const weeks = this.getTableStructure();
-    const autoFocusDay = this.getAutofocusDay(weeks);
+    let autoFocusDay = this.getAutofocusDay(weeks, viewMonth, viewYear);
     return (
       <table className="table table-condensed table-bordered tw-date-lookup-calendar m-b-0">
         <thead>
@@ -123,17 +119,17 @@ class DayCalendarTable extends PureComponent<DayCalendarTableProps> {
             <tr key={weekIndex}>
               {week.map((day, dayIndex) => (
                 <td key={dayIndex} className={dayIndex > 4 ? 'weekend' : ''}>
-                  {day !== -1 && (
+                  {day && (
                     <TableLink
                       item={day}
                       type="day"
                       title={formatDate(
                         new Date(viewYear, viewMonth, day),
-                        intl.locale,
+                        locale,
                         SHORT_DAY_FORMAT,
                       )}
                       autofocus={day === autoFocusDay}
-                      longTitle={formatDate(new Date(viewYear, viewMonth, day), intl.locale)}
+                      longTitle={formatDate(new Date(viewYear, viewMonth, day), locale)}
                       active={this.isActive(day)}
                       disabled={this.isDisabled(day)}
                       today={this.isToday(day)}
@@ -151,4 +147,19 @@ class DayCalendarTable extends PureComponent<DayCalendarTableProps> {
   }
 }
 
+DayCalendarTable.propTypes = {
+  selectedDate: PropTypes.instanceOf(Date),
+  min: PropTypes.instanceOf(Date),
+  max: PropTypes.instanceOf(Date),
+  viewMonth: PropTypes.number.isRequired,
+  viewYear: PropTypes.number.isRequired,
+  onSelect: PropTypes.func.isRequired,
+};
+
+DayCalendarTable.defaultProps = {
+  selectedDate: null,
+  min: null,
+  max: null,
+};
+
 export default injectIntl(DayCalendarTable);

package/src/dateLookup/getStartOfDay/{getStartOfDay.tsx → getStartOfDay.js}

@@ -2,7 +2,7 @@
 // getStartOfDay(new Date('1995-01-01')) in Los Angeles returns 31 Dec 1994, but in
 // in Singapore it is 1 Jan 1995.
 // You might want to use/implement `getUTCStartOfDay` if you want it to be 1995 in any timezone
-export function getStartOfDay(date: Date | null) {
+export function getStartOfDay(date) {
   if (!date) {
     return null;
   }

package/src/dateLookup/index.js

@@ -0,0 +1 @@
+export { default } from './DateLookup';

package/src/dateLookup/monthCalendar/{MonthCalendar.tsx → MonthCalendar.js}

@@ -1,25 +1,15 @@
 import { formatDate } from '@transferwise/formatting';
+import PropTypes from 'prop-types';
 import { PureComponent } from 'react';
-import { injectIntl, WrappedComponentProps } from 'react-intl';
+import { injectIntl } from 'react-intl';
 
 import messages from '../DateLookup.messages';
 import DateHeader from '../dateHeader';
 
 import MonthCalendarTable from './table';
 
-interface MonthCalendarProps extends WrappedComponentProps {
-  selectedDate: Date | null;
-  min: Date | null;
-  max: Date | null;
-  viewYear: number;
-  placeholder: string;
-  onSelect: () => void;
-  onLabelClick: () => void;
-  onViewDateUpdate: (date: { year?: number; month?: number }) => void;
-}
-
-class MonthCalendar extends PureComponent<MonthCalendarProps> {
-  onMonthSelect = (month: number) => {
+class MonthCalendar extends PureComponent {
+  onMonthSelect = (month) => {
     this.props.onViewDateUpdate({ month });
     this.props.onSelect();
   };
@@ -52,11 +42,7 @@ class MonthCalendar extends PureComponent<MonthCalendarProps> {
           onNextClick={this.selectNextYear}
         />
         <MonthCalendarTable
-          selectedDate={selectedDate}
-          min={min}
-          max={max}
-          viewYear={viewYear}
-          placeholder={placeholder}
+          {...{ selectedDate, min, max, viewYear, placeholder }}
           onSelect={this.onMonthSelect}
         />
       </>
@@ -64,4 +50,21 @@ class MonthCalendar extends PureComponent<MonthCalendarProps> {
   }
 }
 
+MonthCalendar.propTypes = {
+  selectedDate: PropTypes.instanceOf(Date),
+  min: PropTypes.instanceOf(Date),
+  max: PropTypes.instanceOf(Date),
+  viewYear: PropTypes.number.isRequired,
+  placeholder: PropTypes.string.isRequired,
+  onSelect: PropTypes.func.isRequired,
+  onLabelClick: PropTypes.func.isRequired,
+  onViewDateUpdate: PropTypes.func.isRequired,
+};
+
+MonthCalendar.defaultProps = {
+  selectedDate: null,
+  min: null,
+  max: null,
+};
+
 export default injectIntl(MonthCalendar);

package/src/dateLookup/monthCalendar/table/{MonthCalendarTable.tsx → MonthCalendarTable.js}

@@ -1,33 +1,17 @@
 import { formatDate } from '@transferwise/formatting';
+import PropTypes from 'prop-types';
 import { useIntl } from 'react-intl';
 
 import { getFocusableTime } from '../../getFocusableTime/getFocusableTime';
 import TableLink from '../../tableLink';
 
-interface MonthCalendarTableProps {
-  selectedDate: Date | null;
-  min: Date | null;
-  max: Date | null;
-  viewYear: number;
-  placeholder: string;
-  onSelect: (date: number) => void;
-}
-
 const ROWS = 3;
 const COLS = 4;
-const MONTH_ONLY_FORMAT: Intl.DateTimeFormatOptions = { month: 'short' };
+const MONTH_ONLY_FORMAT = { month: 'short' };
 
-const MonthCalendarTable = ({
-  selectedDate,
-  min,
-  max,
-  viewYear,
-  placeholder,
-  onSelect,
-}: MonthCalendarTableProps) => {
+const MonthCalendarTable = ({ selectedDate, min, max, viewYear, placeholder, onSelect }) => {
   const { locale } = useIntl();
-
-  const getLink = (month: number) => {
+  const getLink = (month) => {
     return (
       <TableLink
         item={month}
@@ -42,19 +26,17 @@ const MonthCalendarTable = ({
     );
   };
 
-  const isActive = (month: number) => {
-    return !!(
-      selectedDate &&
-      month === selectedDate.getMonth() &&
-      viewYear === selectedDate.getFullYear()
+  const isActive = (month) => {
+    return (
+      selectedDate && month === selectedDate.getMonth() && viewYear === selectedDate.getFullYear()
     );
   };
 
-  const isThisMonth = (month: number) => {
+  const isThisMonth = (month) => {
     return viewYear === new Date().getFullYear() && month === new Date().getMonth();
   };
 
-  const isDisabled = (month: number) => {
+  const isDisabled = (month) => {
     const date = new Date(viewYear, month);
     return !!(
       (min && date < new Date(min.getFullYear(), min.getMonth())) ||
@@ -63,7 +45,7 @@ const MonthCalendarTable = ({
   };
 
   const autofocusMonth = (() => {
-    const months: number[] = [...new Array<number>(ROWS * COLS)].map((_, index) => index);
+    const months = [...new Array(ROWS * COLS)].map((_, index) => index);
     return getFocusableTime({ isActive, isNow: isThisMonth, isDisabled, timeSpan: months });
   })();
 
@@ -71,20 +53,37 @@ const MonthCalendarTable = ({
     <table className="table table-condensed table-bordered tw-date-lookup-calendar np-text-body-default-bold m-b-0">
       <thead className="sr-only">
         <tr>
-          <th colSpan={COLS}>{placeholder}</th>
+          <th colSpan="3">{placeholder}</th>
         </tr>
       </thead>
       <tbody>
-        {Array.from({ length: ROWS }, (_, rowIndex) => (
+        {/* eslint-disable react/no-array-index-key */}
+        {[...new Array(ROWS)].map((row, rowIndex) => (
           <tr key={rowIndex}>
-            {Array.from({ length: COLS }, (_, colIndex) => (
+            {[...new Array(COLS)].map((col, colIndex) => (
               <td key={colIndex}>{getLink(rowIndex * COLS + colIndex)}</td>
             ))}
           </tr>
         ))}
+        {/* eslint-enable react/no-array-index-key */}
       </tbody>
     </table>
   );
 };
 
+MonthCalendarTable.propTypes = {
+  selectedDate: PropTypes.instanceOf(Date),
+  min: PropTypes.instanceOf(Date),
+  max: PropTypes.instanceOf(Date),
+  viewYear: PropTypes.number.isRequired,
+  placeholder: PropTypes.string.isRequired,
+  onSelect: PropTypes.func.isRequired,
+};
+
+MonthCalendarTable.defaultProps = {
+  selectedDate: null,
+  min: null,
+  max: null,
+};
+
 export default MonthCalendarTable;

package/src/dateLookup/yearCalendar/{YearCalendar.tsx → YearCalendar.js}

@@ -1,23 +1,14 @@
+import PropTypes from 'prop-types';
 import { PureComponent } from 'react';
-import { injectIntl, WrappedComponentProps } from 'react-intl';
+import { injectIntl } from 'react-intl';
 
 import messages from '../DateLookup.messages';
 import DateHeader from '../dateHeader';
 
 import YearCalendarTable from './table';
 
-interface YearCalendarProps extends WrappedComponentProps {
-  selectedDate: Date | null;
-  min: Date | null;
-  max: Date | null;
-  viewYear: number;
-  placeholder: string;
-  onSelect: () => void;
-  onViewDateUpdate: (date: { year: number }) => void;
-}
-
-class YearCalendar extends PureComponent<YearCalendarProps> {
-  onYearSelect = (year: number) => {
+class YearCalendar extends PureComponent {
+  onYearSelect = (year) => {
     this.props.onViewDateUpdate({ year });
     this.props.onSelect();
   };
@@ -47,11 +38,7 @@ class YearCalendar extends PureComponent<YearCalendarProps> {
           onNextClick={this.selectNextYears}
         />
         <YearCalendarTable
-          selectedDate={selectedDate}
-          min={min}
-          max={max}
-          viewYear={viewYear}
-          placeholder={placeholder || ''}
+          {...{ selectedDate, min, max, viewYear, placeholder }}
           onSelect={this.onYearSelect}
         />
       </>
@@ -59,4 +46,20 @@ class YearCalendar extends PureComponent<YearCalendarProps> {
   }
 }
 
+YearCalendar.propTypes = {
+  selectedDate: PropTypes.instanceOf(Date),
+  min: PropTypes.instanceOf(Date),
+  max: PropTypes.instanceOf(Date),
+  viewYear: PropTypes.number.isRequired,
+  placeholder: PropTypes.string.isRequired,
+  onSelect: PropTypes.func.isRequired,
+  onViewDateUpdate: PropTypes.func.isRequired,
+};
+
+YearCalendar.defaultProps = {
+  selectedDate: null,
+  min: null,
+  max: null,
+};
+
 export default injectIntl(YearCalendar);

package/src/dateLookup/yearCalendar/table/{YearCalendarTable.tsx → YearCalendarTable.js}

@@ -1,33 +1,18 @@
 import { formatDate } from '@transferwise/formatting';
+import PropTypes from 'prop-types';
 import { useIntl } from 'react-intl';
 
 import { getFocusableTime } from '../../getFocusableTime/getFocusableTime';
 import TableLink from '../../tableLink';
 
-interface YearCalendarTableProps {
-  selectedDate: Date | null;
-  min: Date | null;
-  max: Date | null;
-  viewYear: number;
-  placeholder: string;
-  onSelect: (year: number) => void;
-}
-
 const ROWS = 5;
 const COLS = 4;
-const YEAR_ONLY_FORMAT: Intl.DateTimeFormatOptions = { year: 'numeric' };
+const YEAR_ONLY_FORMAT = { year: 'numeric' };
 
-const YearCalendarTable = ({
-  selectedDate,
-  min,
-  max,
-  viewYear,
-  placeholder,
-  onSelect,
-}: YearCalendarTableProps) => {
+const YearCalendarTable = ({ selectedDate, min, max, viewYear, placeholder, onSelect }) => {
   const { locale } = useIntl();
   const startYear = viewYear - (viewYear % 20);
-  const getLink = (year: number) => {
+  const getLink = (year) => {
     return (
       <TableLink
         item={year}
@@ -42,20 +27,20 @@ const YearCalendarTable = ({
     );
   };
 
-  const isActive = (year: number) => {
+  const isActive = (year) => {
     return !!(selectedDate && year === selectedDate.getFullYear());
   };
 
-  const isThisYear = (year: number) => {
+  const isThisYear = (year) => {
     return year === new Date().getFullYear();
   };
 
-  const isDisabled = (year: number) => {
+  const isDisabled = (year) => {
     return !!((min && year < min.getFullYear()) || (max && year > max.getFullYear()));
   };
 
   const autofocusYear = (() => {
-    const years = [...new Array<number>(ROWS * COLS)].map((_, index) => startYear + index);
+    const years = [...new Array(ROWS * COLS)].map((_, index) => startYear + index);
     return getFocusableTime({ isActive, isNow: isThisYear, isDisabled, timeSpan: years });
   })();
 
@@ -63,20 +48,37 @@ const YearCalendarTable = ({
     <table className="table table-condensed table-bordered tw-date-lookup-calendar m-b-0">
       <thead className="sr-only">
         <tr>
-          <th colSpan={COLS}>{placeholder}</th>
+          <th colSpan="4">{placeholder}</th>
         </tr>
       </thead>
       <tbody>
-        {Array.from({ length: ROWS }, (_, rowIndex) => (
+        {/* eslint-disable react/no-array-index-key */}
+        {[...new Array(ROWS)].map((row, rowIndex) => (
           <tr key={rowIndex}>
-            {Array.from({ length: COLS }, (_, colIndex) => (
+            {[...new Array(COLS)].map((col, colIndex) => (
               <td key={colIndex}>{getLink(startYear + rowIndex * COLS + colIndex)}</td>
             ))}
           </tr>
         ))}
+        {/* eslint-enable react/no-array-index-key */}
       </tbody>
     </table>
   );
 };
 
+YearCalendarTable.propTypes = {
+  selectedDate: PropTypes.instanceOf(Date),
+  min: PropTypes.instanceOf(Date),
+  max: PropTypes.instanceOf(Date),
+  viewYear: PropTypes.number.isRequired,
+  placeholder: PropTypes.string.isRequired,
+  onSelect: PropTypes.func.isRequired,
+};
+
+YearCalendarTable.defaultProps = {
+  selectedDate: null,
+  min: null,
+  max: null,
+};
+
 export default YearCalendarTable;

package/src/index.ts

@@ -12,7 +12,6 @@ export type { InfoProps } from './info';
 export type { SummaryProps } from './summary';
 export type { InputProps } from './inputs/Input';
 export type { DateInputProps } from './dateInput';
-export type { DateLookupProps } from './dateLookup';
 export type { InputWithDisplayFormatProps } from './inputWithDisplayFormat';
 export type { InputGroupProps } from './inputs/InputGroup';
 export type { LoaderProps } from './loader';