@transferwise/components 0.0.0-experimental-7089f72 → 0.0.0-experimental-26e03bf

package/build/types/calendarInput/CalendarInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarInput.d.ts","sourceRoot":"","sources":["../../../src/calendarInput/CalendarInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAOxC,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,WAAW,CAAC,EAAE,GAAG,WAAW,EAAE,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CACjC;AAED,QAAA,MAAM,aAAa,GAAI,sFAQpB,kBAAkB,gCAuIpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/build/types/calendarInput/CalendarInput.messages.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarInput.messages.d.ts","sourceRoot":"","sources":["../../../src/calendarInput/CalendarInput.messages.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,wBAyCG"}

package/build/types/calendarInput/dateHeader/DateHeader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateHeader.d.ts","sourceRoot":"","sources":["../../../../src/calendarInput/dateHeader/DateHeader.tsx"],"names":[],"mappings":"AAWA,UAAU,eAAe;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmDzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/build/types/calendarInput/dateHeader/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/calendarInput/dateHeader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/build/types/calendarInput/dayCalendar/DayCalendar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DayCalendar.d.ts","sourceRoot":"","sources":["../../../../src/calendarInput/dayCalendar/DayCalendar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAE/D,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAM3C,UAAU,gBAAiB,SAAQ,qBAAqB;IACtD,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,GAAG,WAAW,EAAE,CAAC;IAC9B,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,gBAAgB,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACnE;;;;AAiDD,wBAAuC"}

package/build/types/calendarInput/dayCalendar/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/calendarInput/dayCalendar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}

package/build/types/calendarInput/dayCalendar/table/DayCalendarTable.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DayCalendarTable.d.ts","sourceRoot":"","sources":["../../../../../src/calendarInput/dayCalendar/table/DayCalendarTable.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,qBAAqB,EAAE,MAAM,YAAY,CAAC;AASpE,UAAU,qBAAsB,SAAQ,qBAAqB;IAC3D,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CAChC;;;;AA0ID,wBAA4C"}

package/build/types/calendarInput/dayCalendar/table/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/calendarInput/dayCalendar/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC"}

package/build/types/calendarInput/getFocusableTime/getFocusableTime.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getFocusableTime.d.ts","sourceRoot":"","sources":["../../../../src/calendarInput/getFocusableTime/getFocusableTime.tsx"],"names":[],"mappings":"AAAA,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IACpC,KAAK,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IACjC,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IACtC,QAAQ,EAAE,SAAS,MAAM,EAAE,CAAC;CAC7B;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,kBAAkB,GAAG,MAAM,GAAG,SAAS,CAM9E"}

package/build/types/calendarInput/getStartOfDay/getStartOfDay.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getStartOfDay.d.ts","sourceRoot":"","sources":["../../../../src/calendarInput/getStartOfDay/getStartOfDay.tsx"],"names":[],"mappings":"AAIA,wBAAgB,aAAa,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,eAK9C"}

package/build/types/calendarInput/getStartOfDay/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/calendarInput/getStartOfDay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/build/types/calendarInput/index.d.ts

@@ -1,3 +0,0 @@
-export { default } from './CalendarInput';
-export type { CalendarInputProps } from './CalendarInput';
-//# sourceMappingURL=index.d.ts.map

package/build/types/calendarInput/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/calendarInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}

package/build/types/calendarInput/monthCalendar/MonthCalendar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MonthCalendar.d.ts","sourceRoot":"","sources":["../../../../src/calendarInput/monthCalendar/MonthCalendar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAO/D,UAAU,kBAAmB,SAAQ,qBAAqB;IACxD,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,gBAAgB,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACrE;;;;AAgDD,wBAAyC"}

package/build/types/calendarInput/monthCalendar/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/calendarInput/monthCalendar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC"}

package/build/types/calendarInput/monthCalendar/table/MonthCalendarTable.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MonthCalendarTable.d.ts","sourceRoot":"","sources":["../../../../../src/calendarInput/monthCalendar/table/MonthCalendarTable.tsx"],"names":[],"mappings":"AAMA,UAAU,uBAAuB;IAC/B,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAMD,QAAA,MAAM,kBAAkB,GAAI,8DAOzB,uBAAuB,gCAyDzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/build/types/calendarInput/monthCalendar/table/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/calendarInput/monthCalendar/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC"}

package/build/types/calendarInput/tableLink/TableLink.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableLink.d.ts","sourceRoot":"","sources":["../../../../src/calendarInput/tableLink/TableLink.tsx"],"names":[],"mappings":"AAMA,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAED,QAAA,MAAM,SAAS,GAAI,gFAUhB,cAAc,gCA8ChB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/build/types/calendarInput/tableLink/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/calendarInput/tableLink/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}

package/build/types/calendarInput/yearCalendar/YearCalendar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"YearCalendar.d.ts","sourceRoot":"","sources":["../../../../src/calendarInput/yearCalendar/YearCalendar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAO/D,UAAU,iBAAkB,SAAQ,qBAAqB;IACvD,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,gBAAgB,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACpD;;;;AA6CD,wBAAwC"}

package/build/types/calendarInput/yearCalendar/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/calendarInput/yearCalendar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC"}

package/build/types/calendarInput/yearCalendar/table/YearCalendarTable.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"YearCalendarTable.d.ts","sourceRoot":"","sources":["../../../../../src/calendarInput/yearCalendar/table/YearCalendarTable.tsx"],"names":[],"mappings":"AAMA,UAAU,sBAAsB;IAC9B,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAMD,QAAA,MAAM,iBAAiB,GAAI,8DAOxB,sBAAsB,gCAqDxB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/build/types/calendarInput/yearCalendar/table/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/calendarInput/yearCalendar/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC"}

package/src/calendarInput/CalendarInput.css

@@ -1,83 +0,0 @@
-.tw-date-lookup-calendar {
-  min-width: 300px;
-  text-align: center;
-  table-layout: fixed;
-  border: none;
-  background-color: inherit;
-}
-.tw-date-lookup-calendar thead {
-  background-color: transparent;
-  background-color: initial;
-}
-.tw-date-lookup-calendar > tbody > tr > td.weekend button {
-  color: #5d7079;
-  color: var(--color-content-secondary);
-}
-.tw-date-lookup-calendar > tbody > tr > td {
-  border: none;
-  padding: 4px;
-  padding: var(--size-4);
-}
-@media (max-width: 320px) {
-  .tw-date-lookup-calendar > tbody > tr > td {
-    padding: 0;
-  }
-}
-.tw-date-lookup-calendar > tbody > tr > td:has(.tw-date-lookup-day-option) {
-  padding: 1px;
-}
-.tw-date-lookup-calendar > tbody > tr > td button {
-  width: 100%;
-  padding: 4px 0;
-  padding: var(--size-4) 0;
-  color: #0097c7;
-  color: var(--color-content-accent);
-  border: transparent;
-  border-radius: 10px;
-  border-radius: var(--radius-small);
-  background-color: transparent;
-  font-weight: 600;
-  font-weight: var(--font-weight-semi-bold);
-  color: #37517e;
-  color: var(--color-content-primary);
-}
-@media (max-width: 320px) {
-  .tw-date-lookup-calendar > tbody > tr > td button {
-    padding: 0;
-  }
-}
-.tw-date-lookup-calendar > tbody > tr > td button.tw-date-lookup-day-option {
-  height: 40px;
-  height: var(--size-40);
-  border-radius: 9999px;
-  border-radius: var(--radius-full);
-  line-height: 40px;
-  line-height: var(--size-40);
-  width: 40px;
-  width: var(--size-40);
-  padding: 0;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-.tw-date-lookup-calendar > tbody > tr > td button.tw-date-lookup-day-option.today {
-  -webkit-text-decoration: underline;
-  text-decoration: underline;
-  text-decoration-thickness: 2px;
-  text-underline-offset: 4px;
-}
-.tw-date-lookup-calendar > tbody > tr > td:not(.disabled):not(:disabled) button.show-focus,
-.tw-date-lookup-calendar > tbody > tr > td:hover button:not(.disabled):not(:disabled) {
-  background-color: var(--color-background-screen-hover);
-}
-.tw-date-lookup-calendar > tbody > tr > td:not(.disabled):not(:disabled) button.active {
-  background-color: var(--color-interactive-primary);
-  color: var(--color-interactive-contrast);
-}
-.tw-date-lookup-calendar abbr {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-.tw-date-lookup-header-current-container {
-  display: inline;
-}

package/src/calendarInput/CalendarInput.less

@@ -1,79 +0,0 @@
-@import (reference) "./../styles/variables/neptune-tokens.less";
-
-.tw-date-lookup-calendar {
-  min-width: 300px;
-  text-align: center;
-  table-layout: fixed;
-  border: none;
-
-  thead {
-    background-color: unset;
-  }
-
-  > tbody > tr > td.weekend button {
-    color: var(--color-content-secondary);
-  }
-
-  > tbody > tr > td {
-    border: none;
-    padding: var(--size-4);
-    @media (--screen-400-zoom) {
-      padding: 0;
-    }
-
-    &:has(.tw-date-lookup-day-option) {
-      padding: 1px;
-    }
-
-    button {
-      width: 100%;
-      padding: var(--size-4) 0;
-      @media (--screen-400-zoom) {
-        padding: 0;
-      }
-      color: var(--color-content-accent);
-      border: transparent;
-      border-radius: var(--radius-small);
-      background-color: transparent;
-      font-weight: var(--font-weight-semi-bold);
-      color: var(--color-content-primary);
-
-      &.tw-date-lookup-day-option {
-        height: var(--size-40);
-        border-radius: var(--radius-full);
-        line-height: var(--size-40);
-        width: var(--size-40);
-        padding: 0;
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-
-        &.today {
-          text-decoration: underline;
-          text-decoration-thickness: 2px;
-          text-underline-offset: 4px;
-        }
-      }
-    }
-
-    &:not(.disabled, :disabled) button.show-focus,
-    &:hover button:not(.disabled, :disabled) {
-      background-color: var(--color-background-screen-hover);
-    }
-
-    &:not(.disabled, :disabled) button.active {
-      background-color: var(--color-interactive-primary);
-      color: var(--color-interactive-contrast);
-    }
-  }
-
-  abbr {
-    text-decoration: none;
-  }
-
-  background-color: inherit;
-}
-
-.tw-date-lookup-header-current-container {
-  display: inline;
-}

package/src/calendarInput/CalendarInput.story.tsx

@@ -1,64 +0,0 @@
-import { useState } from 'react';
-import { StoryObj } from '@storybook/react-webpack5';
-import CalendarInput, { type CalendarInputProps } from './CalendarInput';
-
-export default {
-  component: CalendarInput,
-  title: 'Forms/CalendarInput',
-  decorators: [
-    (Story: React.ComponentType) => (
-      <div style={{ maxWidth: 500, margin: '0 auto' }}>
-        <Story />
-      </div>
-    ),
-  ],
-  argTypes: {
-    monthFormat: { control: 'select', options: ['long', 'short'] },
-    min: { control: 'date' },
-    max: { control: 'date' },
-  },
-};
-
-type Story = StoryObj<typeof CalendarInput>;
-
-const epoch = new Date('2011-01-01');
-const theFuture = new Date(epoch);
-theFuture.setUTCDate(epoch.getUTCDate() + 10);
-const thePast = new Date(epoch);
-thePast.setUTCDate(epoch.getUTCDate() - 10);
-
-export const Basic: Story = {
-  render: (args: CalendarInputProps) => {
-    const [value, setValue] = useState<Date | null>(epoch);
-    return (
-      <CalendarInput
-        {...args}
-        min={args.min ? new Date(args.min) : thePast}
-        max={args.max ? new Date(args.max) : theFuture}
-        value={value}
-        onChange={(v) => setValue(v)}
-      />
-    );
-  },
-  args: {
-    monthFormat: 'long',
-    min: thePast,
-    max: theFuture,
-  },
-};
-
-export const WithoutConstraints: Story = {
-  render: () => {
-    const [value, setValue] = useState<Date | null>(epoch);
-    return <CalendarInput value={value} onChange={(v) => setValue(v)} />;
-  },
-};
-
-export const NullValue: Story = {
-  render: () => {
-    const [value, setValue] = useState<Date | null>(null);
-    return (
-      <CalendarInput value={value} min={thePast} max={theFuture} onChange={(v) => setValue(v)} />
-    );
-  },
-};

package/src/calendarInput/CalendarInput.test.tsx

@@ -1,140 +0,0 @@
-import { mockMatchMedia, render, screen, userEvent } from '../test-utils';
-import CalendarInput from './CalendarInput';
-
-mockMatchMedia();
-
-const user = userEvent.setup();
-
-const initialValue = new Date(2000, 0, 1);
-
-describe('CalendarInput', () => {
-  describe('in day view', () => {
-    it.each([
-      ['{ArrowLeft}', -1],
-      ['{ArrowRight}', +1],
-      ['{ArrowUp}', -7],
-      ['{ArrowDown}', +7],
-    ])("handles '%s' to step %d day(s)", async (text: string, step: number) => {
-      const handleChange = jest.fn();
-      render(<CalendarInput value={initialValue} onChange={handleChange} />);
-
-      await user.click(screen.getByRole('button', { name: /selected day/iu }));
-      await user.keyboard(text);
-
-      const expected = new Date(initialValue);
-      expected.setDate(initialValue.getDate() + step);
-      expect(handleChange).toHaveBeenCalledWith(expected);
-    });
-
-    it('selects a day on click', async () => {
-      const handleChange = jest.fn();
-      render(<CalendarInput value={initialValue} onChange={handleChange} />);
-
-      await user.click(screen.getByText('15'));
-
-      expect(handleChange).toHaveBeenCalledWith(new Date(2000, 0, 15));
-    });
-
-    it('calls onSelect instead of onChange when clicking a day', async () => {
-      const handleChange = jest.fn();
-      const handleSelect = jest.fn();
-      render(
-        <CalendarInput value={initialValue} onChange={handleChange} onSelect={handleSelect} />,
-      );
-
-      await user.click(screen.getByText('15'));
-
-      expect(handleSelect).toHaveBeenCalledWith(new Date(2000, 0, 15));
-      expect(handleChange).not.toHaveBeenCalled();
-    });
-  });
-
-  describe('in year view', () => {
-    it.each([
-      ['{ArrowLeft}', -1],
-      ['{ArrowRight}', +1],
-      ['{ArrowUp}', -4],
-      ['{ArrowDown}', +4],
-    ])("handles '%s' to step %d year(s)", async (text: string, step: number) => {
-      const handleChange = jest.fn();
-      render(<CalendarInput value={initialValue} onChange={handleChange} />);
-
-      await user.click(screen.getByRole('button', { name: /year view/iu }));
-      await user.keyboard(text);
-
-      const expected = new Date(initialValue);
-      expected.setFullYear(initialValue.getFullYear() + step);
-      expect(handleChange).toHaveBeenCalledWith(expected);
-    });
-  });
-
-  describe('in month view', () => {
-    it.each([
-      ['{ArrowLeft}', -1],
-      ['{ArrowRight}', +1],
-      ['{ArrowUp}', -4],
-      ['{ArrowDown}', +4],
-    ])("handles '%s' to step %d month(s)", async (text: string, step: number) => {
-      const handleChange = jest.fn();
-      render(<CalendarInput value={initialValue} onChange={handleChange} />);
-
-      await user.click(screen.getByRole('button', { name: /year view/iu }));
-      await user.keyboard(' ');
-      await user.keyboard(text);
-
-      const expected = new Date(initialValue);
-      expected.setMonth(initialValue.getMonth() + step);
-      expect(handleChange).toHaveBeenCalledWith(expected);
-    });
-  });
-
-  describe('min/max clamping', () => {
-    it('limits navigation to min value', async () => {
-      const min = new Date(initialValue);
-      min.setDate(min.getDate() - 1);
-      const handleChange = jest.fn();
-      render(<CalendarInput value={initialValue} min={min} onChange={handleChange} />);
-
-      await user.click(screen.getByRole('button', { name: /selected day/iu }));
-      await user.keyboard('{ArrowLeft}{ArrowLeft}');
-
-      expect(handleChange).toHaveBeenLastCalledWith(min);
-    });
-
-    it('limits navigation to max value', async () => {
-      const max = new Date(initialValue);
-      max.setDate(max.getDate() + 1);
-      const handleChange = jest.fn();
-      render(<CalendarInput value={initialValue} max={max} onChange={handleChange} />);
-
-      await user.click(screen.getByRole('button', { name: /selected day/iu }));
-      await user.keyboard('{ArrowRight}{ArrowRight}');
-
-      expect(handleChange).toHaveBeenLastCalledWith(max);
-    });
-
-    it('clamps value to range when value is outside min/max', () => {
-      const min = new Date(2000, 0, 5);
-      const max = new Date(2000, 0, 20);
-      const handleChange = jest.fn();
-      render(<CalendarInput value={initialValue} min={min} max={max} onChange={handleChange} />);
-
-      expect(handleChange).toHaveBeenCalledWith(min);
-    });
-  });
-
-  describe('view switching', () => {
-    it('switches to year view and back to day view', async () => {
-      render(<CalendarInput value={initialValue} onChange={jest.fn()} />);
-
-      await user.click(screen.getByRole('button', { name: /year view/iu }));
-      expect(screen.getByRole('button', { name: /selected year/iu })).toBeInTheDocument();
-
-      await user.click(screen.getByRole('button', { name: /selected year/iu }));
-      expect(screen.getByRole('button', { name: /selected month/iu })).toBeInTheDocument();
-
-      await user.click(screen.getByRole('button', { name: /selected month/iu }));
-      expect(screen.getByRole('button', { name: /next month/iu })).toBeInTheDocument();
-    });
-  });
-});

package/src/calendarInput/CalendarInput.tsx

@@ -1,165 +0,0 @@
-import { useState, useCallback, useEffect, KeyboardEvent } from 'react';
-
-import { MonthFormat } from '../common';
-import { isWithinRange, moveToWithinRange, returnDateView } from '../common/dateUtils';
-import DayCalendar from './dayCalendar';
-import { getStartOfDay } from './getStartOfDay';
-import MonthCalendar from './monthCalendar';
-import YearCalendar from './yearCalendar';
-
-export interface CalendarInputProps {
-  value: Date | null;
-  min?: Date | null;
-  max?: Date | null;
-  monthFormat?: `${MonthFormat}`;
-  placeholder?: string;
-  onChange: (date: Date | null) => void;
-  onSelect?: (date: Date) => void;
-}
-
-const CalendarInput = ({
-  value,
-  min: minProp = null,
-  max: maxProp = null,
-  monthFormat = MonthFormat.LONG,
-  placeholder,
-  onChange,
-  onSelect,
-}: CalendarInputProps) => {
-  const selectedDate = getStartOfDay(value);
-  const min = getStartOfDay(minProp);
-  const max = getStartOfDay(maxProp);
-
-  useEffect(() => {
-    if (selectedDate && !isWithinRange(selectedDate, min, max)) {
-      onChange(moveToWithinRange(selectedDate, min, max));
-    }
-  }, [selectedDate?.getTime(), min?.getTime(), max?.getTime(), onChange]); // eslint-disable-line react-hooks/exhaustive-deps
-
-  const dateView = returnDateView(selectedDate, min, max);
-  const [viewMonth, setViewMonth] = useState(dateView.getMonth());
-  const [viewYear, setViewYear] = useState(dateView.getFullYear());
-  const [mode, setMode] = useState<'day' | 'month' | 'year'>('day');
-
-  useEffect(() => {
-    const view = returnDateView(selectedDate, min, max);
-    // eslint-disable-next-line react-hooks/set-state-in-effect
-    setViewMonth(view.getMonth());
-
-    setViewYear(view.getFullYear());
-  }, [selectedDate?.getTime(), min?.getTime(), max?.getTime()]); // eslint-disable-line react-hooks/exhaustive-deps
-
-  const handleViewDateUpdate = useCallback(
-    // eslint-disable-next-line react-hooks/preserve-manual-memoization
-    ({ month, year }: { month?: number; year?: number }) => {
-      if (month !== undefined) setViewMonth(month);
-      if (year !== undefined) setViewYear(year);
-    },
-    [],
-  );
-
-  const switchToDays = useCallback(() => setMode('day'), []);
-  const switchToMonths = useCallback(() => setMode('month'), []);
-  const switchToYears = useCallback(() => setMode('year'), []);
-
-  const handleSelectedDateUpdate = useCallback(
-    (date: Date) => {
-      if (onSelect) {
-        onSelect(date);
-      } else {
-        onChange(date);
-      }
-    },
-    [onChange, onSelect],
-  );
-
-  const adjustDate = useCallback(
-    (daysToAdd: number, monthsToAdd: number, yearsToAdd: number) => {
-      let date: Date | null;
-      if (selectedDate) {
-        date = new Date(
-          mode === 'year' ? selectedDate.getFullYear() + yearsToAdd : selectedDate.getFullYear(),
-          mode === 'month' ? selectedDate.getMonth() + monthsToAdd : selectedDate.getMonth(),
-          mode === 'day' ? selectedDate.getDate() + daysToAdd : selectedDate.getDate(),
-        );
-      } else {
-        date = getStartOfDay(new Date());
-      }
-      date &&= moveToWithinRange(date, min, max);
-      if (date?.getTime() !== selectedDate?.getTime()) {
-        onChange(date);
-      }
-    },
-    [selectedDate, min, max, mode, onChange],
-  );
-
-  const handleKeyDown = useCallback(
-    (event: KeyboardEvent<HTMLDivElement>) => {
-      switch (event.key) {
-        case 'ArrowLeft':
-          adjustDate(-1, -1, -1);
-          event.preventDefault();
-          break;
-        case 'ArrowUp':
-          adjustDate(-7, -4, -4);
-          event.preventDefault();
-          break;
-        case 'ArrowRight':
-          adjustDate(1, 1, 1);
-          event.preventDefault();
-          break;
-        case 'ArrowDown':
-          adjustDate(7, 4, 4);
-          event.preventDefault();
-          break;
-        default:
-          break;
-      }
-    },
-    [adjustDate],
-  );
-
-  return (
-    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-    <div onKeyDown={handleKeyDown}>
-      {mode === 'day' && (
-        <DayCalendar
-          selectedDate={selectedDate}
-          min={min}
-          max={max}
-          viewMonth={viewMonth}
-          viewYear={viewYear}
-          monthFormat={monthFormat}
-          onSelect={handleSelectedDateUpdate}
-          onLabelClick={switchToYears}
-          onViewDateUpdate={handleViewDateUpdate}
-        />
-      )}
-      {mode === 'month' && (
-        <MonthCalendar
-          selectedDate={selectedDate}
-          min={min}
-          max={max}
-          viewYear={viewYear}
-          {...(placeholder != null && { placeholder })}
-          onSelect={switchToDays}
-          onLabelClick={switchToYears}
-          onViewDateUpdate={handleViewDateUpdate}
-        />
-      )}
-      {mode === 'year' && (
-        <YearCalendar
-          selectedDate={selectedDate}
-          min={min}
-          max={max}
-          viewYear={viewYear}
-          {...(placeholder != null && { placeholder })}
-          onSelect={switchToMonths}
-          onViewDateUpdate={handleViewDateUpdate}
-        />
-      )}
-    </div>
-  );
-};
-
-export default CalendarInput;

package/src/calendarInput/index.ts

@@ -1,2 +0,0 @@
-export { default } from './CalendarInput';
-export type { CalendarInputProps } from './CalendarInput';