@arbor-education/design-system.components 0.4.2 → 0.5.1

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # Changelog
 
+## 0.5.1
+
+### Patch Changes
+
+- [#134](https://github.com/arbor-education/design-system.components/pull/134) [`b8b0d2e`](https://github.com/arbor-education/design-system.components/commit/b8b0d2eb5fb39878cbe62fdd30604bf5ca070920) Thanks [@AmeeMorris](https://github.com/AmeeMorris)! - MIS-69496 make sure Button stories reference the variant prop, not the old type prop
+
+## 0.5.0
+
+### Minor Changes
+
+- [#127](https://github.com/arbor-education/design-system.components/pull/127) [`b384c39`](https://github.com/arbor-education/design-system.components/commit/b384c39ccdcd5ac3b4a1f97e8228d11a0acd1f67) Thanks [@angusmglfraser](https://github.com/angusmglfraser)! - MIS-66717 date picker component'
+
+### Patch Changes
+
+- [#130](https://github.com/arbor-education/design-system.components/pull/130) [`1669d41`](https://github.com/arbor-education/design-system.components/commit/1669d415ba89dd6683a22438e721b8ed8efe3833) Thanks [@angusmglfraser](https://github.com/angusmglfraser)! - MIS-66561 animate slideovers
+
 ## 0.4.2
 
 ### Patch Changes

package/dist/components/button/Button.stories.d.ts

@@ -0,0 +1,50 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Omit<import("react").PropsWithChildren<import("./Button").ButtonProps>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        size: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        disabled: {
+            control: "boolean";
+            description: string;
+        };
+        children: {
+            control: "text";
+            description: string;
+        };
+        onClick: {
+            action: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const PrimaryIconOnly: Story;
+export declare const Secondary: Story;
+export declare const SecondaryIconOnly: Story;
+export declare const Tertiary: Story;
+export declare const TertiaryIconOnly: Story;
+export declare const Dropdown: Story;
+export declare const PrimaryDestructive: Story;
+export declare const PrimaryDestructiveIconOnly: Story;
+export declare const SecondaryDestructive: Story;
+export declare const SecondaryDestructiveIconOnly: Story;
+export declare const TextLink: Story;
+export declare const SmallPrimary: Story;
+export declare const SmallSecondary: Story;
+export declare const Disabled: Story;
+//# sourceMappingURL=Button.stories.d.ts.map

package/dist/components/button/Button.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAO/B,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAO9B,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,KAKhC,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,KAOxC,CAAC;AAGF,eAAO,MAAM,oBAAoB,EAAE,KAKlC,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,KAO1C,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC"}

package/dist/components/button/Button.stories.js

@@ -0,0 +1,151 @@
+import { Button } from './Button';
+const meta = {
+    title: 'Components/Button',
+    component: Button,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+    argTypes: {
+        variant: {
+            control: 'select',
+            options: [
+                'primary',
+                'secondary',
+                'tertiary',
+                'primary-destructive',
+                'secondary-destructive',
+                'text-link',
+                'dropdown',
+            ],
+            description: 'Button variant',
+        },
+        size: {
+            control: 'select',
+            options: ['M', 'S'],
+            description: 'Button size',
+        },
+        disabled: {
+            control: 'boolean',
+            description: 'Disable the button',
+        },
+        children: {
+            control: 'text',
+            description: 'Button text',
+        },
+        onClick: {
+            action: 'clicked',
+        },
+    },
+};
+export default meta;
+// Primary button
+export const Primary = {
+    args: {
+        variant: 'primary',
+        children: 'Button Text',
+        size: 'M',
+    },
+};
+export const PrimaryIconOnly = {
+    args: {
+        ...Primary.args,
+        children: null,
+        iconRightName: 'info',
+    },
+};
+// Secondary button
+export const Secondary = {
+    args: {
+        ...Primary.args,
+        variant: 'secondary',
+    },
+};
+export const SecondaryIconOnly = {
+    args: {
+        ...Primary.args,
+        variant: 'secondary',
+        children: null,
+        iconRightName: 'info',
+    },
+};
+// Tertiary button
+export const Tertiary = {
+    args: {
+        ...Primary.args,
+        variant: 'tertiary',
+    },
+};
+export const TertiaryIconOnly = {
+    args: {
+        ...Primary.args,
+        children: null,
+        iconRightName: 'info',
+        variant: 'tertiary',
+    },
+};
+// Dropdown button
+export const Dropdown = {
+    args: {
+        ...Primary.args,
+        variant: 'dropdown',
+    },
+};
+// Primary destructive button
+export const PrimaryDestructive = {
+    args: {
+        ...Primary.args,
+        variant: 'primary-destructive',
+    },
+};
+export const PrimaryDestructiveIconOnly = {
+    args: {
+        ...Primary.args,
+        children: null,
+        iconRightName: 'info',
+        variant: 'primary-destructive',
+    },
+};
+// Secondary destructive button
+export const SecondaryDestructive = {
+    args: {
+        ...Primary.args,
+        variant: 'secondary-destructive',
+    },
+};
+export const SecondaryDestructiveIconOnly = {
+    args: {
+        ...Primary.args,
+        children: null,
+        iconRightName: 'info',
+        variant: 'secondary-destructive',
+    },
+};
+// Text link button
+export const TextLink = {
+    args: {
+        ...Primary.args,
+        variant: 'text-link',
+    },
+};
+// Small buttons
+export const SmallPrimary = {
+    args: {
+        ...Primary.args,
+        size: 'S',
+    },
+};
+export const SmallSecondary = {
+    args: {
+        ...Secondary.args,
+        size: 'S',
+    },
+};
+// Disabled button
+export const Disabled = {
+    args: {
+        ...Primary.args,
+        disabled: true,
+    },
+};
+//# sourceMappingURL=Button.stories.js.map

package/dist/components/button/Button.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../src/components/button/Button.stories.tsx"],"names":[],"mappings":"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"}

package/dist/components/datePicker/DatePicker.d.ts

@@ -0,0 +1,12 @@
+export type DatePickerProps = {
+    'className'?: string;
+    'dateFormat'?: string;
+    'onChange'?: (newDate?: Date) => void;
+    'id'?: string;
+    'hasError'?: boolean;
+    'aria-describedby'?: string;
+    'aria-invalid'?: boolean;
+    'value'?: Date;
+};
+export declare const DatePicker: (props: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DatePicker.d.ts.map

package/dist/components/datePicker/DatePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/datePicker/DatePicker.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,eAAe,GAAG;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,IAAI,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,4CA0HhD,CAAC"}

package/dist/components/datePicker/DatePicker.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { Button } from '../button/Button';
+import { TextInput } from '../formField/inputs/text/TextInput';
+import { format, isValid, parse } from 'date-fns';
+import { Popover } from 'radix-ui';
+import { useContext, useRef, useState } from 'react';
+import { DayPicker } from 'react-day-picker';
+import { useComponentDidUpdate } from '../../utils/hooks/useComponentDidUpdate';
+import { PopupParentContext } from '../../utils/PopupParentContext';
+export const DatePicker = (props) => {
+    const { className, dateFormat = 'dd/MM/yyyy', onChange, id, hasError, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, value, } = props;
+    const [month, setMonth] = useState(value ?? new Date());
+    const [selectedDate, setSelectedDate] = useState(value);
+    const [inputValue, setInputValue] = useState(value ? format(value, dateFormat) : '');
+    const isExternalSyncRef = useRef(false);
+    useComponentDidUpdate(() => {
+        if (value && value.getTime() !== selectedDate?.getTime()) {
+            isExternalSyncRef.current = true;
+            setSelectedDate(value);
+            setMonth(value);
+        }
+    }, [value]);
+    const [isPickerOpen, setIsPickerOpen] = useState(false);
+    const onInputChange = (e) => {
+        setInputValue(e.target.value);
+        const parsedDate = parse(e.target.value, dateFormat, new Date());
+        if (isValid(parsedDate)) {
+            setSelectedDate(parsedDate);
+            setMonth(parsedDate);
+        }
+        else {
+            setSelectedDate(undefined);
+        }
+    };
+    const onDayPickerSelect = (date) => {
+        setSelectedDate(date);
+        setIsPickerOpen(false);
+    };
+    useComponentDidUpdate(() => {
+        if (selectedDate) {
+            setInputValue(format(selectedDate, dateFormat));
+        }
+        else {
+            setInputValue('');
+        }
+        if (!isExternalSyncRef.current && onChange) {
+            onChange(selectedDate);
+        }
+        isExternalSyncRef.current = false;
+    }, [selectedDate, dateFormat, onChange]);
+    const popupParentRef = useContext(PopupParentContext);
+    return (_jsxs("div", { className: classNames('ds-date-picker', className), children: [_jsx(TextInput, { value: inputValue, onChange: onInputChange, id: id, hasError: hasError, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid }), _jsxs(Popover.Root, { open: isPickerOpen, onOpenChange: open => setIsPickerOpen(open), children: [_jsx(Popover.Trigger, { asChild: true, children: _jsx(Button, { onClick: () => {
+                                setIsPickerOpen(!isPickerOpen);
+                            }, className: "ds-date-picker__button", variant: "text-link", iconLeftName: "date", iconLeftScreenReaderText: "Open date picker" }) }), _jsx(Popover.Portal, { container: popupParentRef.current, children: _jsx(Popover.Content, { align: "end", sideOffset: 5, children: _jsx(DayPicker, { className: "ds-date-picker__popup", month: month, onMonthChange: setMonth, autoFocus: true, role: "application", mode: "single", selected: selectedDate, onSelect: onDayPickerSelect, captionLayout: "dropdown", footer: (_jsx(Button, { variant: "text-link", onClick: () => {
+                                        setSelectedDate(new Date());
+                                        setIsPickerOpen(false);
+                                    }, className: "ds-date-picker__today-button", children: "Today" })) }) }) })] })] }));
+};
+//# sourceMappingURL=DatePicker.js.map

package/dist/components/datePicker/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/datePicker/DatePicker.tsx"],"names":[],"mappings":"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"}

package/dist/components/datePicker/DatePicker.stories.d.ts

@@ -0,0 +1,31 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: (props: import("./DatePicker").DatePickerProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    args: {
+        onChange: import("@vitest/spy").Mock<(...args: any[]) => any>;
+    };
+    argTypes: {
+        dateFormat: {
+            control: "text";
+            description: string;
+        };
+        className: {
+            control: "text";
+            description: string;
+        };
+        onChange: {
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const USDateFormat: Story;
+export declare const ISOFormat: Story;
+//# sourceMappingURL=DatePicker.stories.d.ts.map

package/dist/components/datePicker/DatePicker.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../../src/components/datePicker/DatePicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;CAuByB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC"}

package/dist/components/datePicker/DatePicker.stories.js

@@ -0,0 +1,41 @@
+import { fn } from 'storybook/test';
+import { DatePicker } from './DatePicker';
+const meta = {
+    title: 'Components/DatePicker',
+    component: DatePicker,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+    args: {
+        onChange: fn(),
+    },
+    argTypes: {
+        dateFormat: {
+            control: 'text',
+            description: 'Date format string using date-fns tokens (e.g. "dd/MM/yyyy", "MM/dd/yyyy", "yyyy-MM-dd")',
+        },
+        className: {
+            control: 'text',
+            description: 'Additional CSS class names',
+        },
+        onChange: {
+            description: 'Callback fired when the selected date changes. Receives the selected Date, or undefined when cleared.',
+        },
+    },
+};
+export default meta;
+export const Default = {};
+export const USDateFormat = {
+    name: 'US Date Format (MM/dd/yyyy)',
+    args: {
+        dateFormat: 'MM/dd/yyyy',
+    },
+};
+export const ISOFormat = {
+    name: 'ISO Format (yyyy-MM-dd)',
+    args: {
+        dateFormat: 'yyyy-MM-dd',
+    },
+};
+//# sourceMappingURL=DatePicker.stories.js.map

package/dist/components/datePicker/DatePicker.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.stories.js","sourceRoot":"","sources":["../../../src/components/datePicker/DatePicker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,UAAU;IACrB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,IAAI,EAAE;QACJ,QAAQ,EAAE,EAAE,EAAE;KACf;IACD,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,0FAA0F;SACxG;QACD,SAAS,EAAE;YACT,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,4BAA4B;SAC1C;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,uGAAuG;SACrH;KACF;CACgC,CAAC;AAEpC,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AAEjC,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,IAAI,EAAE,6BAA6B;IACnC,IAAI,EAAE;QACJ,UAAU,EAAE,YAAY;KACzB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE,yBAAyB;IAC/B,IAAI,EAAE;QACJ,UAAU,EAAE,YAAY;KACzB;CACF,CAAC"}

package/dist/components/datePicker/DatePicker.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom/vitest';
+//# sourceMappingURL=DatePicker.test.d.ts.map

package/dist/components/datePicker/DatePicker.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.test.d.ts","sourceRoot":"","sources":["../../../src/components/datePicker/DatePicker.test.tsx"],"names":[],"mappings":"AAGA,OAAO,kCAAkC,CAAC"}

package/dist/components/datePicker/DatePicker.test.js

@@ -0,0 +1,158 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { describe, expect, test, vi } from 'vitest';
+import { render, screen, within, fireEvent } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import '@testing-library/jest-dom/vitest';
+import { format } from 'date-fns';
+import { DatePicker } from './DatePicker';
+describe('DatePicker', () => {
+    test('renders a text input', () => {
+        render(_jsx(DatePicker, {}));
+        expect(screen.getByRole('textbox')).toBeInTheDocument();
+    });
+    test('renders a calendar toggle button', () => {
+        render(_jsx(DatePicker, {}));
+        // Button has an icon with screenReaderText="date" (from iconLeftName fallback in Button/Icon)
+        expect(screen.getByRole('button', { name: 'Open date picker' })).toBeInTheDocument();
+    });
+    test('day picker is hidden by default', () => {
+        render(_jsx(DatePicker, {}));
+        expect(screen.queryByRole('application')).not.toBeInTheDocument();
+    });
+    describe('calendar toggle', () => {
+        test('clicking the button opens the day picker', async () => {
+            render(_jsx(DatePicker, {}));
+            await userEvent.click(screen.getByRole('button', { name: 'Open date picker' }));
+            expect(screen.getByRole('application')).toBeInTheDocument();
+        });
+        test('clicking the button again closes the day picker', async () => {
+            render(_jsx(DatePicker, {}));
+            await userEvent.click(screen.getByRole('button', { name: 'Open date picker' }));
+            await userEvent.click(screen.getByRole('button', { name: 'Open date picker' }));
+            expect(screen.queryByRole('application')).not.toBeInTheDocument();
+        });
+    });
+    describe('text input', () => {
+        // Use fireEvent.change rather than userEvent.type — the component's useEffect overwrites
+        // inputValue state between individual keystrokes, which conflicts with userEvent's tracking.
+        test('entering a valid date updates the input value', () => {
+            render(_jsx(DatePicker, {}));
+            fireEvent.change(screen.getByRole('textbox'), { target: { value: '15/06/2024' } });
+            expect(screen.getByRole('textbox')).toHaveValue('15/06/2024');
+        });
+        test('entering a valid date calls onChange with the parsed Date', () => {
+            const onChange = vi.fn();
+            render(_jsx(DatePicker, { onChange: onChange }));
+            onChange.mockClear(); // ignore the initial mount call with undefined
+            fireEvent.change(screen.getByRole('textbox'), { target: { value: '15/06/2024' } });
+            expect(onChange).toHaveBeenLastCalledWith(expect.any(Date));
+            const lastDate = onChange.mock.lastCall[0];
+            expect(lastDate.getFullYear()).toBe(2024);
+            expect(lastDate.getMonth()).toBe(5); // June is month index 5
+            expect(lastDate.getDate()).toBe(15);
+        });
+        test('entering an invalid string after a valid date calls onChange with undefined', () => {
+            // onChange is only fired by the useEffect when selectedDate actually changes.
+            // So we first need a valid date to put selectedDate into a non-undefined state.
+            const onChange = vi.fn();
+            render(_jsx(DatePicker, { onChange: onChange }));
+            fireEvent.change(screen.getByRole('textbox'), { target: { value: '15/06/2024' } });
+            onChange.mockClear();
+            fireEvent.change(screen.getByRole('textbox'), { target: { value: 'not-a-date' } });
+            expect(onChange).toHaveBeenLastCalledWith(undefined);
+        });
+    });
+    describe('day picker selection', () => {
+        // Avoid fake timers (incompatible with userEvent) by navigating the picker to a
+        // known month via the text input before opening the calendar.
+        test('selecting a date from the picker updates the input', async () => {
+            render(_jsx(DatePicker, {}));
+            // Navigate to June 2024 by entering a different day in that month
+            fireEvent.change(screen.getByRole('textbox'), { target: { value: '01/06/2024' } });
+            await userEvent.click(screen.getByRole('button', { name: 'Open date picker' }));
+            // Day aria-labels use date-fns PPPP format e.g. "Thursday, June 20, 2024"
+            await userEvent.click(within(screen.getByRole('application')).getByRole('button', { name: /June 20/ }));
+            expect(screen.getByRole('textbox')).toHaveValue('20/06/2024');
+        });
+        test('selecting a date from the picker closes the picker', async () => {
+            render(_jsx(DatePicker, {}));
+            fireEvent.change(screen.getByRole('textbox'), { target: { value: '01/06/2024' } });
+            await userEvent.click(screen.getByRole('button', { name: 'Open date picker' }));
+            await userEvent.click(within(screen.getByRole('application')).getByRole('button', { name: /June 20/ }));
+            expect(screen.queryByRole('application')).not.toBeInTheDocument();
+        });
+        test('selecting a date from the picker calls onChange with the selected date', async () => {
+            const onChange = vi.fn();
+            render(_jsx(DatePicker, { onChange: onChange }));
+            fireEvent.change(screen.getByRole('textbox'), { target: { value: '01/06/2024' } });
+            onChange.mockClear();
+            await userEvent.click(screen.getByRole('button', { name: 'Open date picker' }));
+            await userEvent.click(within(screen.getByRole('application')).getByRole('button', { name: /June 20/ }));
+            expect(onChange).toHaveBeenCalledWith(expect.any(Date));
+            const lastDate = onChange.mock.lastCall[0];
+            expect(lastDate.getFullYear()).toBe(2024);
+            expect(lastDate.getMonth()).toBe(5); // June is month index 5
+            expect(lastDate.getDate()).toBe(20);
+        });
+        test('clicking the Today button selects today\'s date', async () => {
+            render(_jsx(DatePicker, {}));
+            await userEvent.click(screen.getByRole('button', { name: 'Open date picker' }));
+            await userEvent.click(screen.getByRole('button', { name: 'Today' }));
+            expect(screen.getByRole('textbox')).toHaveValue(format(new Date(), 'dd/MM/yyyy'));
+        });
+        test('clicking the Today button closes the picker', async () => {
+            render(_jsx(DatePicker, {}));
+            await userEvent.click(screen.getByRole('button', { name: 'Open date picker' }));
+            await userEvent.click(screen.getByRole('button', { name: 'Today' }));
+            expect(screen.queryByRole('application')).not.toBeInTheDocument();
+        });
+    });
+    describe('controlled value prop', () => {
+        test('renders with the initial value', () => {
+            render(_jsx(DatePicker, { value: new Date(2024, 5, 15) }));
+            expect(screen.getByRole('textbox')).toHaveValue('15/06/2024');
+        });
+        test('updates the input when value prop changes', () => {
+            const { rerender } = render(_jsx(DatePicker, { value: new Date(2024, 5, 15) }));
+            rerender(_jsx(DatePicker, { value: new Date(2024, 11, 25) }));
+            expect(screen.getByRole('textbox')).toHaveValue('25/12/2024');
+        });
+        test('does not call onChange when value prop changes externally', () => {
+            const onChange = vi.fn();
+            const { rerender } = render(_jsx(DatePicker, { value: new Date(2024, 5, 15), onChange: onChange }));
+            onChange.mockClear();
+            rerender(_jsx(DatePicker, { value: new Date(2024, 11, 25), onChange: onChange }));
+            expect(onChange).not.toHaveBeenCalled();
+        });
+        test('still calls onChange when user interacts after a controlled value is set', async () => {
+            const onChange = vi.fn();
+            render(_jsx(DatePicker, { value: new Date(2024, 5, 15), onChange: onChange }));
+            onChange.mockClear();
+            // Navigate to June 2024 (already set via value) and pick a different day
+            await userEvent.click(screen.getByRole('button', { name: 'Open date picker' }));
+            await userEvent.click(within(screen.getByRole('application')).getByRole('button', { name: /June 20/ }));
+            expect(onChange).toHaveBeenCalledWith(expect.any(Date));
+            const lastDate = onChange.mock.lastCall[0];
+            expect(lastDate.getDate()).toBe(20);
+        });
+    });
+    describe('custom dateFormat prop', () => {
+        test('formats the value according to the custom format', () => {
+            render(_jsx(DatePicker, { dateFormat: "yyyy-MM-dd" }));
+            fireEvent.change(screen.getByRole('textbox'), { target: { value: '2024-06-15' } });
+            expect(screen.getByRole('textbox')).toHaveValue('2024-06-15');
+        });
+        test('calls onChange with the correctly parsed date for a custom format', () => {
+            const onChange = vi.fn();
+            render(_jsx(DatePicker, { dateFormat: "MM/dd/yyyy", onChange: onChange }));
+            onChange.mockClear();
+            fireEvent.change(screen.getByRole('textbox'), { target: { value: '06/15/2024' } });
+            expect(onChange).toHaveBeenLastCalledWith(expect.any(Date));
+            const lastDate = onChange.mock.lastCall[0];
+            expect(lastDate.getFullYear()).toBe(2024);
+            expect(lastDate.getMonth()).toBe(5); // June
+            expect(lastDate.getDate()).toBe(15);
+        });
+    });
+});
+//# sourceMappingURL=DatePicker.test.js.map

package/dist/components/datePicker/DatePicker.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.test.js","sourceRoot":"","sources":["../../../src/components/datePicker/DatePicker.test.tsx"],"names":[],"mappings":"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"}

package/dist/components/formField/FormField.d.ts

@@ -3,6 +3,7 @@ import { type TextAreaProps } from './inputs/textArea/TextArea';
 import { type NumberInputProps } from './inputs/number/NumberInput';
 import { type ColourPickerDropdownProps } from './inputs/colourPickerDropdown/ColourPickerDropdown';
 import { type SelectDropdownInputProps } from './inputs/selectDropdown/SelectDropdown';
+import { type DatePickerProps } from '../datePicker/DatePicker';
 type FormFieldProps = {
     className?: string;
     label?: string;
@@ -26,6 +27,9 @@ type FormFieldProps = {
 } | {
     inputType?: 'selectDropdown';
     inputProps?: SelectDropdownInputProps;
+} | {
+    inputType?: 'datePicker';
+    inputProps?: DatePickerProps;
 });
 export declare const FormField: (props: FormFieldProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/formField/FormField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/components/formField/FormField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AACjF,OAAO,EAAwB,KAAK,yBAAyB,EAAE,MAAM,oDAAoD,CAAC;AAC1H,OAAO,EAAkB,KAAK,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AAEvG,KAAK,cAAc,GAAG;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,CACA;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,cAAc,CAAA;CAAE,GACnD;IAAE,SAAS,CAAC,EAAE,UAAU,CAAC;IAAC,UAAU,CAAC,EAAE,aAAa,CAAA;CAAE,GACtD;IAAE,SAAS,CAAC,EAAE,QAAQ,CAAC;IAAC,UAAU,CAAC,EAAE,gBAAgB,CAAA;CAAE,GACvD;IAAE,SAAS,CAAC,EAAE,cAAc,CAAC;IAAC,UAAU,CAAC,EAAE,yBAAyB,CAAA;CAAE,GACtE;IAAE,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAAC,UAAU,CAAC,EAAE,wBAAwB,CAAA;CAAE,CAC1E,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,4CA8D9C,CAAC"}
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/components/formField/FormField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AACjF,OAAO,EAAwB,KAAK,yBAAyB,EAAE,MAAM,oDAAoD,CAAC;AAC1H,OAAO,EAAkB,KAAK,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AACvG,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAEpF,KAAK,cAAc,GAAG;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,CACA;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,cAAc,CAAA;CAAE,GACnD;IAAE,SAAS,CAAC,EAAE,UAAU,CAAC;IAAC,UAAU,CAAC,EAAE,aAAa,CAAA;CAAE,GACtD;IAAE,SAAS,CAAC,EAAE,QAAQ,CAAC;IAAC,UAAU,CAAC,EAAE,gBAAgB,CAAA;CAAE,GACvD;IAAE,SAAS,CAAC,EAAE,cAAc,CAAC;IAAC,UAAU,CAAC,EAAE,yBAAyB,CAAA;CAAE,GACtE;IAAE,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAAC,UAAU,CAAC,EAAE,wBAAwB,CAAA;CAAE,GACvE;IAAE,SAAS,CAAC,EAAE,YAAY,CAAC;IAAC,UAAU,CAAC,EAAE,eAAe,CAAA;CAAE,CAC7D,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,4CAiE9C,CAAC"}

package/dist/components/formField/FormField.js

@@ -7,6 +7,7 @@ import { TextArea } from './inputs/textArea/TextArea';
 import { NumberInput } from './inputs/number/NumberInput';
 import { ColourPickerDropdown } from './inputs/colourPickerDropdown/ColourPickerDropdown';
 import { SelectDropdown } from './inputs/selectDropdown/SelectDropdown';
+import { DatePicker } from '../datePicker/DatePicker';
 export const FormField = (props) => {
     const { className, label, id, inputType = 'text', helperLinkText, helperLinkUrl, errorText, inputProps, fieldDescription } = props;
     const classes = classNames('ds-form-field', className);
@@ -23,6 +24,6 @@ export const FormField = (props) => {
         'hasError': !!errorText,
         'aria-invalid': !!errorText,
     };
-    return (_jsxs("div", { className: classes, children: [label && (_jsx(Label, { htmlFor: id, children: label })), fieldDescription && (_jsx("span", { id: `${id}-description`, className: "ds-form-field__description", children: fieldDescription })), inputType === 'text' && (_jsx(TextInput, { ...sharedProps, ...inputProps })), inputType === 'textarea' && (_jsx(TextArea, { ...sharedProps, ...inputProps })), inputType === 'number' && (_jsx(NumberInput, { ...sharedProps, ...inputProps })), inputType === 'colourPicker' && (_jsx(ColourPickerDropdown, { ...sharedProps, ...inputProps })), inputType === 'selectDropdown' && (_jsx(SelectDropdown, { ...sharedProps, ...inputProps })), ((helperLinkText && helperLinkUrl) || errorText) && (_jsxs("div", { className: "ds-form-field__message", children: [errorText && (_jsxs("span", { className: "ds-form-field__message--error", id: `${id}-error`, children: [_jsx(Icon, { size: 12, name: "triangle-alert" }), errorText] })), helperLinkText && helperLinkUrl && (_jsxs("a", { href: helperLinkUrl, "aria-label": `${label} helper link`, className: "ds-form-field__message--helper", children: [helperLinkText, ' ', _jsx(Icon, { size: 12, name: "arrow-up-right" })] }))] }))] }));
+    return (_jsxs("div", { className: classes, children: [label && (_jsx(Label, { htmlFor: id, children: label })), fieldDescription && (_jsx("span", { id: `${id}-description`, className: "ds-form-field__description", children: fieldDescription })), inputType === 'text' && (_jsx(TextInput, { ...sharedProps, ...inputProps })), inputType === 'textarea' && (_jsx(TextArea, { ...sharedProps, ...inputProps })), inputType === 'number' && (_jsx(NumberInput, { ...sharedProps, ...inputProps })), inputType === 'colourPicker' && (_jsx(ColourPickerDropdown, { ...sharedProps, ...inputProps })), inputType === 'selectDropdown' && (_jsx(SelectDropdown, { ...sharedProps, ...inputProps })), inputType === 'datePicker' && (_jsx(DatePicker, { ...sharedProps, ...inputProps })), ((helperLinkText && helperLinkUrl) || errorText) && (_jsxs("div", { className: "ds-form-field__message", children: [errorText && (_jsxs("span", { className: "ds-form-field__message--error", id: `${id}-error`, children: [_jsx(Icon, { size: 12, name: "triangle-alert" }), errorText] })), helperLinkText && helperLinkUrl && (_jsxs("a", { href: helperLinkUrl, "aria-label": `${label} helper link`, className: "ds-form-field__message--helper", children: [helperLinkText, ' ', _jsx(Icon, { size: 12, name: "arrow-up-right" })] }))] }))] }));
 };
 //# sourceMappingURL=FormField.js.map