@autoguru/overdrive 4.49.0 → 4.50.0

package/dist/components/Popover/PopoverTrigger.js

@@ -39,19 +39,22 @@ export const PopoverTrigger = ({
   shouldFlip,
   testId,
   lang,
+  ref,
   onStateReady
 }) => {
   const state = useOverlayTriggerState({});
-  const triggerRef = useRef(null);
+  const internalRef = useRef(null);
+  const triggerRef = ref !== null && ref !== void 0 ? ref : internalRef;
 
   // Provide state access to parent component
   React.useEffect(() => {
     if (onStateReady) {
       onStateReady({
-        close: state.close
+        close: state.close,
+        isOpen: state.isOpen
       });
     }
-  }, [onStateReady, state.close]);
+  }, [onStateReady, state.close, state.isOpen]);
   const {
     triggerProps,
     overlayProps

package/dist/components/index.d.ts

@@ -12,6 +12,7 @@ export * from './ColourInput';
 export * from './Columns';
 export * from './DateInput';
 export * from './DatePicker';
+export * from './DateTimeField';
 export * from './DividerLine';
 export * from './DropDown';
 export * from './EditableText';

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,0BAA0B,CAAC;AACzC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,0BAA0B,CAAC;AACzC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC"}

package/dist/components/index.js

@@ -14,6 +14,7 @@ export * from "./ColourInput/index.js";
 export * from "./Columns/index.js";
 export * from "./DateInput/index.js";
 export * from "./DatePicker/index.js";
+export * from "./DateTimeField/index.js";
 export * from "./DividerLine/index.js";
 export * from "./DropDown/index.js";
 export * from "./EditableText/index.js";

package/dist/styles/selectors.d.ts

@@ -4,6 +4,7 @@ export declare const selectors: {
     readonly disabled: "&:disabled, &[data-disabled], &[aria-disabled=\"true\"]";
     readonly focus: "&:focus, &[data-focus], &[data-focused]";
     readonly focusVisible: "&:focus-visible, &[data-focus-visible]";
+    readonly invalid: "&:invalid, &[data-invalid]";
     readonly selected: "&[data-selected], &[aria-selected=\"true\"]";
     readonly unavailable: "&[data-unavailable]";
     readonly hover: string;

package/dist/styles/selectors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selectors.d.ts","sourceRoot":"","sources":["../../lib/styles/selectors.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS;;;;;;;;;;;;CAoBZ,CAAC"}
+{"version":3,"file":"selectors.d.ts","sourceRoot":"","sources":["../../lib/styles/selectors.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS;;;;;;;;;;;;;CAqBZ,CAAC"}

package/dist/styles/selectors.js

@@ -10,6 +10,7 @@ export const selectors = {
   disabled: '&:disabled, &[data-disabled], &[aria-disabled="true"]',
   focus: '&:focus, &[data-focus], &[data-focused]',
   focusVisible: '&:focus-visible, &[data-focus-visible]',
+  invalid: '&:invalid, &[data-invalid]',
   selected: '&[data-selected], &[aria-selected="true"]',
   unavailable: '&[data-unavailable]',
   get hover() {

package/dist/utils/dateFormat.d.ts

@@ -12,9 +12,9 @@ export declare function isToday(date: DateValue | string | null | undefined): bo
  */
 export declare function safeParseDateString(dateString: string): DateValue | null;
 /**
- * Formats a DateValue to its string representation
+ * Formats a DateValue to its ISO string representation (YYYY-MM-DD)
  * @param date - DateValue or null
- * @returns String representation of the date or empty string for null
+ * @returns ISO date string (e.g., "2025-09-21") or empty string
  */
 export declare function formatDateValue(date: DateValue | null): string;
 /**
@@ -27,9 +27,10 @@ export declare function formatDateValue(date: DateValue | null): string;
  *
  * @example
  * ```ts
- * displayFormattedDate('2025-05-01') // "May 01, 2025"
- * displayFormattedDate('2024-01-15', 'full') // "Monday, January 15, 2024"
+ * displayFormattedDate('2025-09-21') // (locale default) "21/09/2025"
  * displayFormattedDate('2025-09-21', 'short') // "21/9/25"
+ * displayFormattedDate('2025-09-21', 'medium') // "Sep 21, 2025"
+ * displayFormattedDate('2024-01-15', 'full') // "Monday, January 15, 2024"
  * ```
  */
 export declare function displayFormattedDate(date: DateValue | string | null | undefined, format?: Intl.DateTimeFormatOptions['dateStyle'], locales?: Intl.LocalesArgument): string;

package/dist/utils/dateFormat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dateFormat.d.ts","sourceRoot":"","sources":["../../lib/utils/dateFormat.ts"],"names":[],"mappings":"AAAA,OAAO,EAIN,KAAK,SAAS,EACd,MAAM,yBAAyB,CAAC;AAEjC;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,WAUlE;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAOxE;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,GAAG,MAAM,CAE9D;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,oBAAoB,CACnC,IAAI,EAAE,SAAS,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,EAC3C,MAAM,GAAE,IAAI,CAAC,qBAAqB,CAAC,WAAW,CAAY,EAC1D,OAAO,GAAE,IAAI,CAAC,eAAyB,GACrC,MAAM,CAmBR"}
+{"version":3,"file":"dateFormat.d.ts","sourceRoot":"","sources":["../../lib/utils/dateFormat.ts"],"names":[],"mappings":"AAAA,OAAO,EAIN,KAAK,SAAS,EACd,MAAM,yBAAyB,CAAC;AAEjC;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,WAUlE;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAOxE;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,GAAG,MAAM,CAE9D;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,oBAAoB,CACnC,IAAI,EAAE,SAAS,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,EAC3C,MAAM,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAC,WAAW,CAAC,EAChD,OAAO,GAAE,IAAI,CAAC,eAAyB,GACrC,MAAM,CAmBR"}

package/dist/utils/dateFormat.js

@@ -34,9 +34,9 @@ export function safeParseDateString(dateString) {
 }
 
 /**
- * Formats a DateValue to its string representation
+ * Formats a DateValue to its ISO string representation (YYYY-MM-DD)
  * @param date - DateValue or null
- * @returns String representation of the date or empty string for null
+ * @returns ISO date string (e.g., "2025-09-21") or empty string
  */
 export function formatDateValue(date) {
   var _date$toString;
@@ -53,12 +53,13 @@ export function formatDateValue(date) {
  *
  * @example
  * ```ts
- * displayFormattedDate('2025-05-01') // "May 01, 2025"
- * displayFormattedDate('2024-01-15', 'full') // "Monday, January 15, 2024"
+ * displayFormattedDate('2025-09-21') // (locale default) "21/09/2025"
  * displayFormattedDate('2025-09-21', 'short') // "21/9/25"
+ * displayFormattedDate('2025-09-21', 'medium') // "Sep 21, 2025"
+ * displayFormattedDate('2024-01-15', 'full') // "Monday, January 15, 2024"
  * ```
  */
-export function displayFormattedDate(date, format = 'medium', locales = 'en-AU') {
+export function displayFormattedDate(date, format, locales = 'en-AU') {
   if (!date) return '';
   let dateValue;
 
@@ -72,10 +73,9 @@ export function displayFormattedDate(date, format = 'medium', locales = 'en-AU')
   } else {
     dateValue = date;
   }
-
-  // Format the date using Intl.DateTimeFormat
-  const formatter = new Intl.DateTimeFormat(locales, {
+  const formatOptions = {
     dateStyle: format
-  });
+  };
+  const formatter = new Intl.DateTimeFormat(locales, formatOptions);
   return formatter.format(dateValue.toDate(getLocalTimeZone()));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@autoguru/overdrive",
-	"version": "4.49.0",
+	"version": "4.50.0",
 	"description": "Overdrive is a product component library, and design system for AutoGuru.",
 	"types": "dist/index.d.ts",
 	"main": "dist/index.js",
@@ -85,14 +85,14 @@
 		"@octokit/rest": "22.0.0",
 		"@popperjs/core": "2.11.8",
 		"@react-stately/toggle": "3.9.1",
-		"@storybook/addon-a11y": "9.1.8",
-		"@storybook/addon-docs": "9.1.8",
-		"@storybook/addon-links": "9.1.8",
-		"@storybook/addon-onboarding": "9.1.8",
-		"@storybook/addon-vitest": "9.1.8",
-		"@storybook/react-vite": "9.1.8",
+		"@storybook/addon-a11y": "9.1.10",
+		"@storybook/addon-docs": "9.1.10",
+		"@storybook/addon-links": "9.1.10",
+		"@storybook/addon-onboarding": "9.1.10",
+		"@storybook/addon-vitest": "9.1.10",
+		"@storybook/react-vite": "9.1.10",
 		"@testing-library/dom": "^10.4.1",
-		"@testing-library/jest-dom": "6.8.0",
+		"@testing-library/jest-dom": "6.9.1",
 		"@testing-library/react": "16.3.0",
 		"@testing-library/react-hooks": "8.0.1",
 		"@testing-library/user-event": "14.6.1",
@@ -124,7 +124,7 @@
 		"deepmerge": "4.3.1",
 		"es-toolkit": "1.39.10",
 		"eslint": "9.34.0",
-		"eslint-plugin-storybook": "9.1.8",
+		"eslint-plugin-storybook": "9.1.10",
 		"husky": "9.1.7",
 		"intersection-observer": "0.12.2",
 		"jsdom": "26.1.0",
@@ -148,7 +148,7 @@
 		"react-stately": "3.41.0",
 		"react-swipeable": "7.0.2",
 		"rollup-plugin-visualizer": "6.0.3",
-		"storybook": "9.1.8",
+		"storybook": "9.1.10",
 		"storybook-addon-tag-badges": "2.0.2",
 		"typescript": "5.9.2",
 		"url-loader": "4.1.1",

package/dist/components/DateTimePicker/DateTimePicker.css.d.ts

@@ -1,4 +0,0 @@
-export declare const queryContainer: string;
-export declare const queryContainerStyle: string;
-export declare const layoutStyle: string;
-//# sourceMappingURL=DateTimePicker.css.d.ts.map

package/dist/components/DateTimePicker/DateTimePicker.css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateTimePicker.css.d.ts","sourceRoot":"","sources":["../../../lib/components/DateTimePicker/DateTimePicker.css.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,cAAc,QAAoB,CAAC;AAChD,eAAO,MAAM,mBAAmB,QAO9B,CAAC;AAEH,eAAO,MAAM,WAAW,QAWtB,CAAC"}

package/dist/components/DateTimePicker/DateTimePicker.css.js

@@ -1,30 +0,0 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-__vanilla_filescope__.setFileScope("lib/components/DateTimePicker/DateTimePicker.css.ts", "@autoguru/overdrive");
-import { createContainer, style } from '@vanilla-extract/css';
-import { cssLayerComponent } from "../../styles/layers.css.js";
-import { breakpoints } from "../../themes/makeTheme.js";
-import { overdriveTokens as tokens } from "../../themes/theme.css.js"; // === Container styles
-export const queryContainer = createContainer("queryContainer");
-export const queryContainerStyle = style({
-  '@layer': {
-    [cssLayerComponent]: {
-      containerName: queryContainer,
-      containerType: 'inline-size'
-    }
-  }
-}, "queryContainerStyle");
-export const layoutStyle = style({
-  '@layer': {
-    [cssLayerComponent]: {
-      '@container': {
-        [`${queryContainer} (min-width: ${breakpoints.tablet})`]: {
-          display: 'flex',
-          gap: tokens.space[7]
-        }
-      }
-    }
-  }
-}, "layoutStyle");
-__vanilla_filescope__.endFileScope();

package/dist/components/DateTimePicker/DateTimePicker.d.ts

@@ -1,68 +0,0 @@
-import React from 'react';
-import { type AriaCalendarProps, type DateValue } from 'react-aria';
-import type { TestIdProp } from '../../types';
-import { type OptionGridProps, type OptionItem } from '../OptionGrid/OptionGrid';
-declare const defaultEnglish: {
-    readonly dateLabel: "Date";
-    readonly timeLabel: "Time";
-    readonly nextLabel: "Next month";
-    readonly prevLabel: "Previous month";
-};
-type LangContent = keyof typeof defaultEnglish;
-export type DateAndOption = {
-    date: DateValue;
-    timeOption: string;
-};
-export interface DateTimePickerProps<D extends DateValue> extends TestIdProp {
-    /**
-     * A title for the date/time selection
-     */
-    title?: string;
-    /**
-     * Calendar props passed through to the react-aria hook
-     * ([docs](https://react-spectrum.adobe.com/react-aria/useCalendar.html))
-     *
-     * *Defaults*
-     * - `defaultValue`: Today's date
-     * - `firstDayOfWeek`: Monday
-     */
-    calendarOptions?: Exclude<AriaCalendarProps<D>, 'onChange'>;
-    /**
-     * `OptionGrid` props used to generate the time picker items. Ensure to include a descriptive `label` value (for
-     * assistive technology). Currently time options are not tied to the day selection.
-     */
-    timeOptions: OptionGridProps<OptionItem>;
-    /**
-     * Allow date in the past
-     */
-    allowPastDate?: boolean;
-    /**
-     * Custom event handler return value when a date and time are both selected, return a value
-     * `{ date: DateValue, timeOption: string }` where `DateValue` comes from react-aria
-     *
-     * @returns `{ date: DateValue, timeOption: string }`
-     */
-    onChange?: (value: DateAndOption) => void;
-    /**
-     * Language content override
-     */
-    lang?: Partial<Record<LangContent, string>>;
-}
-/**
- * DateTimePicker component for selecting a date and time. The primary use case is for selecting a date and time for
- * the vehicle to be left at the place of service, not scheduling the time of the service itself. Some suppliers
- * may need the option to book a specficic time based on their availability which could require enahcement.
- *
- * For all date/time handling `@internationalized/date` is expected by react-aria. Presently only the Gregorian
- * calendar is imported for use in order to minimise bundle size. It is recommended to use the the DateTimePicker
- * uncontrolled.
- *
- * This component implements the react-aria `useCalendar` hook and supports controlled state as well
- * ([docs](https://react-spectrum.adobe.com/react-aria/useCalendar.html))
- */
-export declare const DateTimePicker: {
-    <D extends DateValue>({ allowPastDate, calendarOptions, lang, onChange, timeOptions, title, testId, }: DateTimePickerProps<D>): React.JSX.Element;
-    displayName: string;
-};
-export {};
-//# sourceMappingURL=DateTimePicker.d.ts.map

package/dist/components/DateTimePicker/DateTimePicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateTimePicker.d.ts","sourceRoot":"","sources":["../../../lib/components/DateTimePicker/DateTimePicker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiB,MAAM,OAAO,CAAC;AACtC,OAAO,EAAS,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAI3E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAI9C,OAAO,EAEN,KAAK,eAAe,EACpB,KAAK,UAAU,EACf,MAAM,0BAA0B,CAAC;AAIlC,QAAA,MAAM,cAAc;;;;;CAKV,CAAC;AAEX,KAAK,WAAW,GAAG,MAAM,OAAO,cAAc,CAAC;AAC/C,MAAM,MAAM,aAAa,GAAG;IAC3B,IAAI,EAAE,SAAS,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,SAAS,CAAE,SAAQ,UAAU;IAC3E;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;OAOG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;IAC5D;;;OAGG;IACH,WAAW,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;IACzC;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;CAC5C;AAQD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,cAAc;KAAI,CAAC,SAAS,SAAS,mFAQ/C,mBAAmB,CAAC,CAAC,CAAC;;CA+ExB,CAAC"}

package/dist/components/DateTimePicker/DateTimePicker.js

@@ -1,130 +0,0 @@
-"use strict";
-
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { getLocalTimeZone, today } from '@internationalized/date';
-import React, { useRef } from 'react';
-import { useId } from 'react-aria';
-import { sprinkles } from "../../styles/sprinkles.css.js";
-import { dataAttrs } from "../../utils/dataAttrs.js";
-import { Calendar } from "../Calendar/index.js";
-import { Heading } from "../Heading/index.js";
-import { OptionGrid } from "../OptionGrid/OptionGrid.js";
-import { layoutStyle, queryContainerStyle } from "./DateTimePicker.css.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const defaultEnglish = {
-  dateLabel: 'Date',
-  timeLabel: 'Time',
-  nextLabel: 'Next month',
-  prevLabel: 'Previous month'
-};
-// const dateTextPunctuationEN = (text: string) =>
-// 	text
-// 		.split(' ')
-// 		.map((word, idx) => (idx === 0 ? `${word},` : word))
-// 		.join(' ');
-
-/**
- * DateTimePicker component for selecting a date and time. The primary use case is for selecting a date and time for
- * the vehicle to be left at the place of service, not scheduling the time of the service itself. Some suppliers
- * may need the option to book a specficic time based on their availability which could require enahcement.
- *
- * For all date/time handling `@internationalized/date` is expected by react-aria. Presently only the Gregorian
- * calendar is imported for use in order to minimise bundle size. It is recommended to use the the DateTimePicker
- * uncontrolled.
- *
- * This component implements the react-aria `useCalendar` hook and supports controlled state as well
- * ([docs](https://react-spectrum.adobe.com/react-aria/useCalendar.html))
- */
-export const DateTimePicker = ({
-  allowPastDate = false,
-  calendarOptions,
-  lang,
-  onChange,
-  timeOptions,
-  title,
-  testId
-}) => {
-  var _lang$dateLabel, _lang$timeLabel;
-  const selectedDate = useRef(today(getLocalTimeZone()));
-  const selectedTimeOption = useRef(null);
-  const handleChange = () => {
-    var _selectedTimeOption$c;
-    if (selectedDate.current && (_selectedTimeOption$c = selectedTimeOption.current) !== null && _selectedTimeOption$c !== void 0 && _selectedTimeOption$c.length) {
-      onChange === null || onChange === void 0 ? void 0 : onChange({
-        date: selectedDate.current,
-        timeOption: selectedTimeOption.current
-      });
-    }
-  };
-  const handleDateChange = value => {
-    selectedDate.current = value;
-    handleChange();
-  };
-  const handleTimeChange = keys => {
-    if (keys === 'all') return;
-    // we expect only a single value for time picker
-    const time = keys.values().next().value;
-    selectedTimeOption.current = time;
-    handleChange();
-  };
-  const optionGridComponentProps = _objectSpread({
-    columns: '3',
-    onSelectionChange: handleTimeChange,
-    indicator: 'none',
-    selectionMode: 'single',
-    disallowEmptySelection: true
-  }, timeOptions);
-  const titleId = useId();
-
-  // Create calendar lang props from our lang props
-  const calendarLang = lang ? {
-    nextLabel: lang.nextLabel,
-    prevLabel: lang.prevLabel
-  } : undefined;
-  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
-    role: "group",
-    "aria-labelledby": titleId,
-    className: queryContainerStyle
-  }, dataAttrs({
-    testid: testId
-  })), {}, {
-    children: [title && /*#__PURE__*/_jsx(Heading, {
-      as: "h2",
-      id: titleId,
-      mb: "6",
-      size: "8",
-      children: title
-    }), /*#__PURE__*/_jsxs("div", {
-      className: layoutStyle,
-      children: [/*#__PURE__*/_jsxs("div", {
-        className: sprinkles({
-          flexShrink: '0'
-        }),
-        children: [/*#__PURE__*/_jsx(Heading, {
-          as: "h3",
-          mb: "4",
-          size: "6",
-          children: (_lang$dateLabel = lang === null || lang === void 0 ? void 0 : lang.dateLabel) !== null && _lang$dateLabel !== void 0 ? _lang$dateLabel : defaultEnglish.dateLabel
-        }), /*#__PURE__*/_jsx(Calendar, {
-          allowPastDate: allowPastDate,
-          calendarOptions: calendarOptions,
-          lang: calendarLang,
-          onChange: handleDateChange
-        })]
-      }), /*#__PURE__*/_jsxs("div", {
-        className: sprinkles({
-          flexGrow: '1'
-        }),
-        children: [/*#__PURE__*/_jsx(Heading, {
-          as: "h3",
-          mb: "4",
-          size: "6",
-          children: (_lang$timeLabel = lang === null || lang === void 0 ? void 0 : lang.timeLabel) !== null && _lang$timeLabel !== void 0 ? _lang$timeLabel : defaultEnglish.timeLabel
-        }), /*#__PURE__*/_jsx(OptionGrid, _objectSpread({}, optionGridComponentProps))]
-      })]
-    })]
-  }));
-};
-DateTimePicker.displayName = 'DateTimePicker';

package/dist/components/DateTimePicker/default.d.ts

@@ -1,2 +0,0 @@
-export { DateTimePicker as default } from './DateTimePicker';
-//# sourceMappingURL=default.d.ts.map

package/dist/components/DateTimePicker/default.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../lib/components/DateTimePicker/default.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,IAAI,OAAO,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/DateTimePicker/default.js

@@ -1,3 +0,0 @@
-"use strict";
-
-export { DateTimePicker as default } from "./DateTimePicker.js";