@powerhousedao/document-engineering 1.37.0 → 1.39.0

package/dist/src/ui/components/data-entry/time-picker/time-picker.stories.js

@@ -0,0 +1,228 @@
+import { getDefaultArgTypes, getValidationArgTypes, PrebuiltArgTypes, StorybookControlCategory, } from '@powerhousedao/document-engineering/scalars/lib/storybook-arg-types.js';
+import { TimePicker } from './time-picker.js';
+/**
+ * The `TimePicker` component provides an input field for selecting times.
+ * It supports multiple configuration properties like:
+ * - label
+ * - description
+ * - timeFormat
+ * - timeIntervals
+ * - timeZone
+ * - showTimezoneSelect
+ *
+ * Features include:
+ * - Customizable time format (12/24 hour)
+ * - Configurable time intervals
+ * - Timezone selection support
+ * - Custom placeholder support
+ *
+ * ## Time Picker Customization
+ * The time picker can be customized using the `className` prop which accepts a string of Tailwind classes.
+ * Each class should follow the format `[&_.time-picker\\_\\_{element}]:{tailwind-classes}`.
+ *
+ * Base classes available for customization:
+ * - .base-picker__input: Input field container
+ * - .base-picker__popover: Popover container
+ * - .time-picker__content: Main container for the time picker
+ * - .time-picker__period: AM/PM selector section
+ * - .time-picker__selector: Time selection area (hours/minutes)
+ * - .time-picker__buttons: Container for action buttons (Cancel/OK)
+ * - .time-picker__select: Individual time selection buttons
+ * - .time-picker__hour: Hour display in 24-hour format
+ * - .time-picker__minute: Minute display
+ * - .time-picker__separator: Colon separator between hours and minutes
+ * - .time-picker__am-pm: AM/PM button in 12-hour format
+ *
+ * # Example Usage
+ * When using Tailwind CSS with custom class names, use `String.raw` to properly escape class names:
+ *
+ * ```tsx
+ * <TimePicker
+ *   name="custom-time"
+ *   label="Select Time"
+ *   className={String.raw`
+ *     [&_.time-picker\\_\\_content]:bg-blue-100
+ *     [&_.time-picker\\_\\_selector]:[&>div]:bg-green-100
+ *     [&_.time-picker\\_\\_period]:[&>button]:text-red-500
+ *     [&_.time-picker\\_\\_buttons]:[&>button]:bg-gray-800
+ *   `}
+ * />
+ * ```
+ *
+ * > **Note:** This component does not have built-in validation. If you need built-in validation
+ * > you can use the [Time Picker](?path=/docs/scalars-timepickerfield--readme)
+ * > component.
+ */
+const meta = {
+    title: 'Data Entry/Time Picker',
+    component: TimePicker,
+    parameters: {
+        layout: 'centered',
+        form: {
+            resetBehavior: 'unmount',
+        },
+    },
+    tags: ['autodocs'],
+    argTypes: {
+        ...getDefaultArgTypes(),
+        timeFormat: {
+            control: {
+                type: 'select',
+            },
+            description: 'The format of the time in the time picker',
+            table: {
+                type: { summary: 'string' },
+                category: StorybookControlCategory.COMPONENT_SPECIFIC,
+            },
+            options: ['hh:mm a', 'HH:mm'],
+            defaultValue: { summary: 'hh:mm a' },
+        },
+        showTimezoneSelect: {
+            control: {
+                type: 'boolean',
+            },
+            description: 'Show timezone select',
+            table: {
+                category: StorybookControlCategory.COMPONENT_SPECIFIC,
+                type: { summary: 'boolean' },
+            },
+        },
+        timeIntervals: {
+            description: 'The interval between each time option',
+            control: {
+                type: 'number',
+            },
+            type: 'number',
+            min: 1,
+            max: 60,
+            table: {
+                category: StorybookControlCategory.COMPONENT_SPECIFIC,
+            },
+            defaultValue: { summary: 1 },
+        },
+        timeZone: {
+            description: 'The timezone to display in the time picker',
+            control: {
+                type: 'text',
+            },
+            table: {
+                category: StorybookControlCategory.COMPONENT_SPECIFIC,
+                type: { summary: 'string' },
+            },
+        },
+        includeContinent: {
+            description: 'Show continent name in the timezone select',
+            control: {
+                type: 'boolean',
+                defaultValue: false,
+            },
+            table: {
+                category: StorybookControlCategory.COMPONENT_SPECIFIC,
+                defaultValue: { summary: 'false ' },
+                type: { summary: 'boolean' },
+            },
+        },
+        placeholder: {
+            description: 'The placeholder text for the time picker',
+            table: {
+                category: StorybookControlCategory.DEFAULT,
+                type: { summary: 'string' },
+            },
+        },
+        ...getValidationArgTypes({
+            enabledArgTypes: {
+                validators: false,
+                showErrorOnBlur: false,
+                showErrorOnChange: false,
+            },
+        }),
+        ...PrebuiltArgTypes.viewMode,
+        ...PrebuiltArgTypes.baseValue,
+    },
+    args: {
+        name: 'time-picker-field',
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        name: 'time',
+        label: 'Pick a time',
+        placeholder: 'HH:mm',
+    },
+};
+export const Disabled = {
+    args: {
+        name: 'time',
+        label: 'Pick a time',
+        placeholder: 'HH:mm',
+        disabled: true,
+    },
+};
+export const Filled = {
+    args: {
+        name: 'time',
+        label: 'Pick a time',
+        value: '12:00 PM',
+        placeholder: 'HH:mm',
+    },
+};
+export const WithCustomizedCalendar = {
+    args: {
+        name: 'time',
+        label: 'Pick a time',
+        placeholder: 'HH:mm',
+        className: String.raw `
+      [&.base-picker\\_\\_input]:w-[275px]
+      [&.base-picker\\_\\_popover]:w-[275px]
+      [&_.time-picker\\_\\_content]:bg-red-300
+      [&_.time-picker\\_\\_content]:border-2
+      [&_.time-picker\\_\\_content]:border-cyan-400
+      [&_.time-picker\\_\\_content]:rounded-lg
+      [&_.time-picker\\_\\_content]:p-2
+      [&_.time-picker\\_\\_content]:transition-all
+      [&_.time-picker\\_\\_content]:duration-300
+      [&_.time-picker\\_\\_content]:font-mono
+      [&_.time-picker\\_\\_content]:text-lg
+      [&_.time-picker\\_\\_content]:border-b
+      [&_.time-picker\\_\\_content]:border-cyan-400/30
+      [&_.time-picker\\_\\_period]:[&>button]:text-blue-500
+      [&_.time-picker\\_\\_period]:[&>button[data-selected=true]]:bg-blue-100
+      [&_.time-picker\\_\\_period]:[&>button[data-selected=true]]:rounded-md
+      [&_.time-picker\\_\\_period]:[&>button[data-selected=true]]:font-bold
+      [&_.time-picker\\_\\_selector]:[&>div]:bg-green-500
+      [&_.time-picker\\_\\_buttons]:[&>button]:text-gray-900 
+      [&_.time-picker\\_\\_select]:[&>button]:text-gray-900
+      [&_.time-picker\\_\\_select]:[&>button]:bg-red-500
+      [&_.time-picker\\_\\_select]:[&>button]:rounded-lg
+      [&_.time-picker\\_\\_select]:[&>button]:p-2
+      [&_.time-picker\\_\\_select]:[&>button]:transition-all
+      [&_.time-picker\\_\\_select]:[&>button]:duration-300
+    `,
+    },
+};
+export const WithDifferencesAddition = {
+    args: {
+        label: 'Time difference addition',
+        value: '12:00 PM',
+        baseValue: '11:00 AM',
+        viewMode: 'addition',
+    },
+};
+export const WithDifferencesRemoval = {
+    args: {
+        label: 'Time difference removal',
+        value: '12:00 PM',
+        baseValue: '11:00 AM',
+        viewMode: 'removal',
+    },
+};
+export const WithDifferencesMixed = {
+    args: {
+        label: 'Time difference mixed',
+        value: '12:00 PM',
+        baseValue: '11:00 AM',
+        viewMode: 'mixed',
+    },
+};
+//# sourceMappingURL=time-picker.stories.js.map

package/dist/src/ui/components/data-entry/time-picker/time-picker.stories.js.map

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

package/dist/src/ui/components/data-entry/time-picker/time-picker.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=time-picker.test.d.ts.map

package/dist/src/ui/components/data-entry/time-picker/time-picker.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker.test.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/time-picker/time-picker.test.tsx"],"names":[],"mappings":""}

package/dist/src/ui/components/data-entry/time-picker/time-picker.test.js

@@ -0,0 +1,235 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render, screen } from '@testing-library/react';
+import { userEvent } from '@testing-library/user-event';
+import { TimePicker } from './time-picker.js';
+import { vi } from 'vitest';
+describe('TimePicker', () => {
+    beforeEach(() => {
+        // Mock the timezone to be consistent across all tests
+        vi.spyOn(Intl, 'DateTimeFormat').mockImplementation(() => ({
+            resolvedOptions: () => ({
+                timeZone: 'America/New_York',
+            }),
+        }));
+    });
+    afterEach(() => {
+        vi.restoreAllMocks();
+    });
+    it('should render with basic props', () => {
+        const { container } = render(_jsx(TimePicker, { label: "Test Label", name: "test-time", id: "test-id", required: true, disabled: false }));
+        expect(container).toMatchSnapshot();
+    });
+    it('should display the label when provided', () => {
+        const labelText = 'Test Label';
+        render(_jsx(TimePicker, { name: "test-time", label: labelText }));
+        expect(screen.getByText(labelText)).toBeInTheDocument();
+    });
+    it('should not render the label when label prop is not provided', () => {
+        render(_jsx(TimePicker, { name: "test-time" }));
+        expect(screen.queryByText('Test Label')).not.toBeInTheDocument();
+    });
+    it('should mark the label as required when required prop is true', () => {
+        render(_jsx(TimePicker, { name: "test-time", label: "Test Label", required: true }));
+        const label = screen.getByText('Test Label');
+        const asterisk = screen.getByText('*');
+        expect(label).toBeInTheDocument();
+        expect(asterisk).toBeInTheDocument();
+    });
+    it('should mark the label as disabled when disabled prop is true', () => {
+        render(_jsx(TimePicker, { name: "test-time", label: "Test Label", disabled: true }));
+        const label = screen.getByText('Test Label');
+        expect(label).toHaveClass('cursor-not-allowed');
+        expect(label).toHaveClass('text-gray-700');
+    });
+    it('should handle timeIntervals prop correctly with 15-minute intervals', async () => {
+        const user = userEvent.setup();
+        render(_jsx(TimePicker, { name: "test-time", label: "Test Label", timeIntervals: 15 }));
+        const clockButton = screen.getByRole('button');
+        await user.click(clockButton);
+        const popoverContent = await screen.findByRole('dialog');
+        expect(popoverContent).toBeVisible();
+        const minutes = ['00', '15', '30', '45'];
+        for (const minute of minutes) {
+            const minuteElements = await screen.findAllByText(minute);
+            expect(minuteElements.length).toBeGreaterThan(0);
+            expect(minuteElements[0]).toBeInTheDocument();
+        }
+        ;
+        ['13', '20', '25', '35', '40', '50', '55'].forEach((minute) => {
+            expect(screen.queryByText(minute)).not.toBeInTheDocument();
+        });
+    });
+    it('should handle timeIntervals prop correctly with 30-minute intervals', async () => {
+        const user = userEvent.setup();
+        render(_jsx(TimePicker, { name: "test-time", label: "Test Label", timeIntervals: 30 }));
+        const clockButton = screen.getByRole('button');
+        await user.click(clockButton);
+        const popoverContent = await screen.findByRole('dialog');
+        expect(popoverContent).toBeVisible();
+        const minutes = ['00', '30'];
+        for (const minute of minutes) {
+            const minuteElements = await screen.findAllByText(minute);
+            expect(minuteElements.length).toBeGreaterThan(0);
+            expect(minuteElements[0]).toBeInTheDocument();
+        }
+        ;
+        ['15', '45'].forEach((minute) => {
+            expect(screen.queryByText(minute)).not.toBeInTheDocument();
+        });
+    });
+    it('should handle timezone selection when timeZone prop is provided', async () => {
+        const user = userEvent.setup();
+        const timeZoneValue = 'America/New_York';
+        render(_jsx(TimePicker, { name: "test-time", label: "Test Label", timeZone: timeZoneValue, showTimezoneSelect: true }));
+        const clockButton = screen.getByRole('button');
+        await user.click(clockButton);
+        const popoverContent = await screen.findByRole('dialog');
+        expect(popoverContent).toBeVisible();
+        const select = await screen.findByRole('combobox');
+        expect(select).toBeDisabled();
+        const timezoneText = screen.getByText((content) => {
+            return content.includes('New York') && content.includes('(');
+        });
+        expect(timezoneText).toBeInTheDocument();
+    });
+    it('should display description when provided', () => {
+        const description = 'Test description';
+        render(_jsx(TimePicker, { name: "test-time", label: "Test Label", description: description }));
+        expect(screen.getByText(description)).toBeInTheDocument();
+    });
+    it('should display error messages when provided', () => {
+        const errors = ['Error 1', 'Error 2'];
+        render(_jsx(TimePicker, { name: "test-time", label: "Test Label", errors: errors }));
+        errors.forEach((error) => {
+            expect(screen.getByText(error)).toBeInTheDocument();
+        });
+    });
+    it('should display warning messages when provided', () => {
+        const warnings = ['Warning 1', 'Warning 2'];
+        render(_jsx(TimePicker, { name: "test-time", label: "Test Label", warnings: warnings }));
+        warnings.forEach((warning) => {
+            expect(screen.getByText(warning)).toBeInTheDocument();
+        });
+    });
+    it('should handle different time formats', async () => {
+        const user = userEvent.setup();
+        render(_jsx(TimePicker, { name: "test-time", label: "Test Label", timeFormat: "HH:mm" }));
+        const clockButton = screen.getByRole('button');
+        await user.click(clockButton);
+        const popoverContent = await screen.findByRole('dialog');
+        expect(popoverContent).toBeVisible();
+        // Verify 24-hour format is used
+        const hours = [
+            '00',
+            '01',
+            '02',
+            '03',
+            '04',
+            '05',
+            '06',
+            '07',
+            '08',
+            '09',
+            '10',
+            '11',
+            '12',
+            '13',
+            '14',
+            '15',
+            '16',
+            '17',
+            '18',
+            '19',
+            '20',
+            '21',
+            '22',
+            '23',
+        ];
+        for (const hour of hours) {
+            const hourElements = await screen.findAllByText(hour);
+            expect(hourElements.length).toBeGreaterThan(0);
+        }
+    });
+    it('should show timezone select when showTimezoneSelect is true', async () => {
+        const user = userEvent.setup();
+        render(_jsx(TimePicker, { name: "test-time", label: "Test Label", showTimezoneSelect: true }));
+        const clockButton = screen.getByRole('button');
+        await user.click(clockButton);
+        const popoverContent = await screen.findByRole('dialog');
+        expect(popoverContent).toBeVisible();
+        const select = await screen.findByRole('combobox');
+        expect(select).toBeInTheDocument();
+        expect(select).not.toBeDisabled();
+    });
+    it('should include continent in timezone display when includeContinent is true', async () => {
+        const user = userEvent.setup();
+        const timeZoneValue = 'America/New_York';
+        render(_jsx(TimePicker, { name: "test-time", label: "Test Label", timeZone: timeZoneValue, showTimezoneSelect: true, includeContinent: true }));
+        const clockButton = screen.getByRole('button');
+        await user.click(clockButton);
+        const popoverContent = await screen.findByRole('dialog');
+        expect(popoverContent).toBeVisible();
+        const timezoneText = screen.getByText((content) => {
+            return content.includes('America') && content.includes('New York');
+        });
+        expect(timezoneText).toBeInTheDocument();
+    });
+    it('should not include continent in timezone display when includeContinent is false', async () => {
+        const user = userEvent.setup();
+        const timeZoneValue = 'America/New_York';
+        render(_jsx(TimePicker, { name: "test-time", label: "Test Label", timeZone: timeZoneValue, showTimezoneSelect: true, includeContinent: false }));
+        const clockButton = screen.getByRole('button');
+        await user.click(clockButton);
+        const popoverContent = await screen.findByRole('dialog');
+        expect(popoverContent).toBeVisible();
+        const timezoneText = screen.getByText((content) => {
+            return content.includes('New York') && !content.includes('America');
+        });
+        expect(timezoneText).toBeInTheDocument();
+    });
+    it('should not show timezone select when showTimezoneSelect is false', async () => {
+        const user = userEvent.setup();
+        // Mock the timezone to be Montevideo
+        vi.spyOn(Intl, 'DateTimeFormat').mockImplementation(() => ({
+            resolvedOptions: () => ({
+                timeZone: 'America/Montevideo',
+            }),
+            formatToParts: () => [{ type: 'timeZoneName', value: 'GMT-03:00' }],
+        }));
+        render(_jsx(TimePicker, { name: "test-time", label: "Test Label", timeZone: "America/Montevideo", showTimezoneSelect: false }));
+        const clockButton = screen.getByRole('button');
+        await user.click(clockButton);
+        const popoverContent = await screen.findByRole('dialog');
+        expect(popoverContent).toBeVisible();
+        const select = screen.getByRole('combobox');
+        expect(select).toBeInTheDocument();
+        expect(select).toHaveTextContent('(UTC-03) Montevideo');
+    });
+    describe('TimePicker differences', () => {
+        it('should render differences when viewMode is addition', () => {
+            render(_jsx(TimePicker, { name: "test-time", label: "Test Label", viewMode: "addition", value: "14:30", baseValue: "13:30", timeFormat: "HH:mm" }));
+            expect(screen.getByTestId('time-picker-diff')).toBeInTheDocument();
+            expect(screen.getByText('14:30')).toBeInTheDocument();
+            expect(screen.queryByText('13:30')).not.toBeInTheDocument();
+        });
+        it('should render differences when viewMode is removal', () => {
+            render(_jsx(TimePicker, { name: "test-time", label: "Test Label", viewMode: "removal", value: "14:30", baseValue: "13:30", timeFormat: "HH:mm" }));
+            expect(screen.getByTestId('time-picker-diff')).toBeInTheDocument();
+            expect(screen.queryByText('14:30')).not.toBeInTheDocument();
+            expect(screen.getByText('13:30')).toBeInTheDocument();
+        });
+        it('should render differences when viewMode is mixed', () => {
+            render(_jsx(TimePicker, { name: "test-time", label: "Test Label", viewMode: "mixed", value: "14:30", baseValue: "13:30", timeFormat: "HH:mm" }));
+            expect(screen.getByTestId('time-picker-diff')).toBeInTheDocument();
+            expect(screen.getByText('13:30')).toBeInTheDocument();
+            expect(screen.getByText('14:30')).toBeInTheDocument();
+        });
+        it('should render input field when viewMode is edition', () => {
+            render(_jsx(TimePicker, { name: "test-time", label: "Test Label", viewMode: "edition", value: "14:30" }));
+            const input = screen.getByRole('textbox');
+            expect(input).toBeInTheDocument();
+            expect(input).toHaveValue('02:30 PM');
+        });
+    });
+});
+//# sourceMappingURL=time-picker.test.js.map

package/dist/src/ui/components/data-entry/time-picker/time-picker.test.js.map

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

package/dist/src/ui/components/data-entry/time-picker/utils.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=utils.test.d.ts.map

package/dist/src/ui/components/data-entry/time-picker/utils.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.test.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/time-picker/utils.test.ts"],"names":[],"mappings":""}

package/dist/src/ui/components/data-entry/time-picker/utils.test.js

@@ -0,0 +1,149 @@
+import { describe, expect, it } from 'vitest';
+import { transformInputTime } from './utils.js';
+describe('transformInputTime', () => {
+    describe('empty or null input', () => {
+        it('should return empty values for empty input', () => {
+            const result = transformInputTime('', true);
+            expect(result).toEqual({ hour: '', minute: '', period: undefined });
+        });
+        it('should return empty values for input with only spaces', () => {
+            const result = transformInputTime('   ', false);
+            expect(result).toEqual({ hour: '', minute: '', period: undefined });
+        });
+    });
+    describe('12-hour format', () => {
+        it('should transform time in 12h format with AM', () => {
+            const result = transformInputTime('09:30 AM', true);
+            expect(result).toEqual({ hour: '09', minute: '30', period: 'AM' });
+        });
+        it('should transform time in 12h format with PM', () => {
+            const result = transformInputTime('02:45 PM', true);
+            expect(result).toEqual({ hour: '02', minute: '45', period: 'PM' });
+        });
+        it('should automatically convert 24h time to 12h if format is 12h', () => {
+            const result = transformInputTime('14:30', true);
+            expect(result).toEqual({ hour: '02', minute: '30', period: 'PM' });
+        });
+        it('should handle noon (12:00) as 12:00 PM', () => {
+            const result = transformInputTime('12:00', true);
+            expect(result).toEqual({ hour: '12', minute: '00', period: 'PM' });
+        });
+        it('should determine AM/PM based on original hour when not specified', () => {
+            // Hour 8-11 should be AM
+            const result1 = transformInputTime('09:00', true);
+            expect(result1).toEqual({ hour: '09', minute: '00', period: 'AM' });
+            // Hour 1-7 should be PM
+            const result2 = transformInputTime('03:00', true);
+            expect(result2).toEqual({ hour: '03', minute: '00', period: 'PM' });
+        });
+        it('should use periodToCheck when provided', () => {
+            const result = transformInputTime('14:30', true, 1, 'AM');
+            expect(result).toEqual({ hour: '02', minute: '30', period: 'AM' });
+        });
+        it('should handle input without minutes', () => {
+            const result = transformInputTime('9', true);
+            expect(result).toEqual({ hour: '', minute: '', period: undefined });
+        });
+        it('should handle 4-digit input', () => {
+            const result = transformInputTime('1430', true);
+            expect(result).toEqual({ hour: '02', minute: '30', period: 'PM' });
+        });
+    });
+    describe('24-hour format', () => {
+        it('should maintain time in 24h format', () => {
+            const result = transformInputTime('14:30', false);
+            expect(result).toEqual({ hour: '14', minute: '30', period: undefined });
+        });
+        it('should convert AM/PM to 24h format', () => {
+            const result = transformInputTime('02:30 PM', false);
+            expect(result).toEqual({ hour: '14', minute: '30', period: undefined });
+        });
+        it('should convert 12:00 AM to 00:00', () => {
+            const result = transformInputTime('12:00 AM', false);
+            expect(result).toEqual({ hour: '00', minute: '00', period: undefined });
+        });
+        it('should maintain 12:00 PM as 12:00', () => {
+            const result = transformInputTime('12:00 PM', false);
+            expect(result).toEqual({ hour: '12', minute: '00', period: undefined });
+        });
+        it('should handle input without minutes in 24h format', () => {
+            const result = transformInputTime('14', false);
+            expect(result).toEqual({ hour: '', minute: '', period: undefined });
+        });
+        it('should handle 4-digit input in 24h format', () => {
+            const result = transformInputTime('1430', false);
+            expect(result).toEqual({ hour: '14', minute: '30', period: undefined });
+        });
+    });
+    describe('minute rounding', () => {
+        it('should round minutes to specified interval', () => {
+            const result = transformInputTime('09:32', true, 5);
+            expect(result).toEqual({ hour: '09', minute: '30', period: 'AM' });
+        });
+        it('should round up when close to next interval', () => {
+            const result = transformInputTime('09:33', true, 5);
+            expect(result).toEqual({ hour: '09', minute: '35', period: 'AM' });
+        });
+        it('should round down when close to previous interval', () => {
+            const result = transformInputTime('09:31', true, 5);
+            expect(result).toEqual({ hour: '09', minute: '30', period: 'AM' });
+        });
+        it('should handle rounding at 60-minute limit', () => {
+            const result = transformInputTime('09:58', true, 5);
+            expect(result).toEqual({ hour: '09', minute: '55', period: 'AM' });
+        });
+        it('should use default interval of 1 minute', () => {
+            const result = transformInputTime('09:30', true);
+            expect(result).toEqual({ hour: '09', minute: '30', period: 'AM' });
+        });
+    });
+    describe('edge cases and validation', () => {
+        it('should handle invalid numeric values', () => {
+            const result = transformInputTime('abcd', true);
+            expect(result).toEqual({ hour: '', minute: '', period: undefined });
+        });
+        it('should handle invalid numeric values', () => {
+            const result = transformInputTime('ab:cd', true);
+            expect(result).toEqual({ hour: '', minute: '', period: undefined });
+        });
+        it('should handle only invalid minutes', () => {
+            const result = transformInputTime('09:ab', true);
+            expect(result).toEqual({ hour: '', minute: '', period: undefined });
+        });
+        it('should handle only invalid hours', () => {
+            const result = transformInputTime('ab:30', true);
+            expect(result).toEqual({ hour: '', minute: '', period: undefined });
+        });
+        it('should handle input with extra spaces', () => {
+            const result = transformInputTime('  09:30  AM  ', true);
+            expect(result).toEqual({ hour: '09', minute: '30', period: 'AM' });
+        });
+        it('should handle input with multiple spaces', () => {
+            const result = transformInputTime('09:30   AM', true);
+            expect(result).toEqual({ hour: '09', minute: '30', period: 'AM' });
+        });
+        it('should convert 12h if had AM/PM', () => {
+            const result = transformInputTime('02:30 PM', false);
+            expect(result).toEqual({ hour: '14', minute: '30', period: undefined });
+        });
+    });
+    describe('complex combinations', () => {
+        it('should handle 24h to 12h conversion with rounding', () => {
+            const result = transformInputTime('14:32', true, 5);
+            expect(result).toEqual({ hour: '02', minute: '30', period: 'PM' });
+        });
+        it('should handle 12h to 24h conversion with rounding', () => {
+            const result = transformInputTime('02:32 PM', false, 5);
+            expect(result).toEqual({ hour: '14', minute: '30', period: undefined });
+        });
+        it('should handle 4-digit input with rounding', () => {
+            const result = transformInputTime('1432', true, 5);
+            expect(result).toEqual({ hour: '02', minute: '30', period: 'PM' });
+        });
+        it('should handle 4-digit input with rounding in 24h format', () => {
+            const result = transformInputTime('1432', false, 5);
+            expect(result).toEqual({ hour: '14', minute: '30', period: undefined });
+        });
+    });
+});
+//# sourceMappingURL=utils.test.js.map