npm - @powerhousedao/document-engineering - Versions diffs - 1.12.0 → 1.13.0 - Mend

@powerhousedao/document-engineering 1.12.0 → 1.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (136) hide show

package/dist/src/ui/components/data-entry/country-code-picker/types.d.ts ADDED Viewed

@@ -0,0 +1,16 @@
+import type React from 'react';
+import type { InputBaseProps, WithDifference } from '../../../../scalars/components/types.js';
+type CountryCodePickerWithDifference = Omit<WithDifference<string>, 'diffMode'>;
+type CountryCodePickerBaseProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof InputBaseProps<string> | 'onChange'>;
+interface CountryCodePickerProps extends CountryCodePickerWithDifference, CountryCodePickerBaseProps, InputBaseProps<string> {
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    allowedCountries?: string[];
+    excludedCountries?: string[];
+    includeDependentAreas?: boolean;
+    optionFormat?: 'CodesOnly' | 'NamesOnly' | 'NamesAndCodes';
+    showFlagIcons?: boolean;
+    enableSearch?: boolean;
+}
+export type { CountryCodePickerProps, CountryCodePickerWithDifference };
+//# sourceMappingURL=types.d.ts.map

package/dist/src/ui/components/data-entry/country-code-picker/types.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/country-code-picker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;AAE7F,KAAK,+BAA+B,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,CAAA;AAE/E,KAAK,0BAA0B,GAAG,IAAI,CACpC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,MAAM,cAAc,CAAC,MAAM,CAAC,GAAG,UAAU,CAC1C,CAAA;AAED,UAAU,sBACR,SAAQ,+BAA+B,EACrC,0BAA0B,EAC1B,cAAc,CAAC,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC5B,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,YAAY,CAAC,EAAE,WAAW,GAAG,WAAW,GAAG,eAAe,CAAA;IAC1D,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,YAAY,EAAE,sBAAsB,EAAE,+BAA+B,EAAE,CAAA"}

package/dist/src/ui/components/data-entry/country-code-picker/types.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=types.js.map

package/dist/src/ui/components/data-entry/country-code-picker/types.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/country-code-picker/types.ts"],"names":[],"mappings":""}

package/dist/src/ui/components/data-entry/currency-code-picker/currency-code-picker-diff.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import type { CurrencyCodePickerProps, CurrencyCodePickerWithDifference } from './types.js';
+interface CurrencyCodePickerDiffProps extends CurrencyCodePickerWithDifference {
+    value: string;
+    label: CurrencyCodePickerProps['label'];
+    required: CurrencyCodePickerProps['required'];
+}
+declare const CurrencyCodePickerDiff: ({ value, label, required, viewMode, baseValue, }: CurrencyCodePickerDiffProps) => import("react/jsx-runtime").JSX.Element;
+export { CurrencyCodePickerDiff };
+//# sourceMappingURL=currency-code-picker-diff.d.ts.map

package/dist/src/ui/components/data-entry/currency-code-picker/currency-code-picker-diff.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"currency-code-picker-diff.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/currency-code-picker/currency-code-picker-diff.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,uBAAuB,EAAE,gCAAgC,EAAE,MAAM,YAAY,CAAA;AAE3F,UAAU,2BAA4B,SAAQ,gCAAgC;IAC5E,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,uBAAuB,CAAC,OAAO,CAAC,CAAA;IACvC,QAAQ,EAAE,uBAAuB,CAAC,UAAU,CAAC,CAAA;CAC9C;AAED,QAAA,MAAM,sBAAsB,GAAI,kDAM7B,2BAA2B,4CAW7B,CAAA;AAED,OAAO,EAAE,sBAAsB,EAAE,CAAA"}

package/dist/src/ui/components/data-entry/currency-code-picker/currency-code-picker-diff.js ADDED Viewed

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FormGroup, FormLabel } from '../../../../scalars/components/fragments/index.js';
+import { SplittedInputDiff } from '../input/splitted-input-diff.js';
+const CurrencyCodePickerDiff = ({ value = '', label, required, viewMode, baseValue = '', }) => {
+    return (_jsxs(FormGroup, { children: [label && (_jsx(FormLabel, { disabled: true, required: required, children: label })), _jsx(SplittedInputDiff, { baseValue: baseValue, value: value, viewMode: viewMode, diffMode: "sentences" })] }));
+};
+export { CurrencyCodePickerDiff };
+//# sourceMappingURL=currency-code-picker-diff.js.map

package/dist/src/ui/components/data-entry/currency-code-picker/currency-code-picker-diff.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"currency-code-picker-diff.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/currency-code-picker/currency-code-picker-diff.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,mDAAmD,CAAA;AACxF,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AASnE,MAAM,sBAAsB,GAAG,CAAC,EAC9B,KAAK,GAAG,EAAE,EACV,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,GAAG,EAAE,GACc,EAAE,EAAE;IAChC,OAAO,CACL,MAAC,SAAS,eACP,KAAK,IAAI,CACR,KAAC,SAAS,IAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,YAC1C,KAAK,GACI,CACb,EACD,KAAC,iBAAiB,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAC,WAAW,GAAG,IACxF,CACb,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,sBAAsB,EAAE,CAAA"}

package/dist/src/ui/components/data-entry/currency-code-picker/currency-code-picker.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"currency-code-picker.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/currency-code-picker/currency-code-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,~~KAAkB~~,MAAM,OAAO,CAAA;~~AAItC~~,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAA;AAEzD,QAAA,MAAM,kBAAkB,~~mGAiFvB~~,CAAA;AAID,OAAO,EAAE,kBAAkB,EAAE,CAAA"}
1	+ {"version":3,"file":"currency-code-picker.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/currency-code-picker/currency-code-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAA;AAIxE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAA;AAEzD,QAAA,MAAM,kBAAkB,mGA6HvB,CAAA;AAID,OAAO,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/src/ui/components/data-entry/currency-code-picker/currency-code-picker.js CHANGED Viewed

@@ -1,9 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useMemo } from 'react';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { Select } from '../select/index.js';
-import { FormGroup } from '../../../../scalars/components/fragments/index.js';
 import { getCurrencies } from './utils.js';
-const CurrencyCodePicker = React.forwardRef(({ placeholder, currencies = [], favoriteCurrencies = [], includeCurrencySymbols = true, symbolPosition = 'right', searchable = false, contentAlign = 'start', allowedTypes = 'Both', ...props }, ref) => {
+import { CurrencyCodePickerDiff } from './currency-code-picker-diff.js';
+const CurrencyCodePicker = React.forwardRef(({ placeholder, currencies = [], favoriteCurrencies = [], includeCurrencySymbols = true, symbolPosition = 'right', searchable = false, contentAlign = 'start', allowedTypes = 'Both', value, defaultValue, onChange, label, required, viewMode = 'edition', baseValue, ...props }, ref) => {
+    const [internalValue, setInternalValue] = useState(value ?? defaultValue ?? '');
     const defaultCurrencies = currencies.length > 0 ? currencies : getCurrencies(allowedTypes);
     const options = useMemo(() => {
         const favoriteTickers = new Set(favoriteCurrencies);
@@ -46,7 +47,26 @@ const CurrencyCodePicker = React.forwardRef(({ placeholder, currencies = [], fav
             return option;
         });
     }, [defaultCurrencies, favoriteCurrencies, includeCurrencySymbols, symbolPosition]);
-    return (_jsx(FormGroup, { children: _jsx(Select, { ref: ref, options: options, selectionIcon: "checkmark", searchable: searchable, multiple: false, placeholder: placeholder, contentAlign: contentAlign, favoriteOptions: favoriteOptions, ...props }) }));
+    const allOptions = [...favoriteOptions, ...options];
+    const selectedLabel = allOptions.find((option) => option.value === internalValue)?.label ?? internalValue;
+    const baseLabel = allOptions.find((option) => option.value === baseValue)?.label ?? baseValue;
+    const handleChange = useCallback((value) => {
+        if (Array.isArray(value)) {
+            console.warn('CurencyCodePicker received array value, expected string');
+            return;
+        }
+        setInternalValue(value);
+        onChange?.(value);
+    }, [onChange]);
+    useEffect(() => {
+        if (value !== undefined) {
+            setInternalValue(value);
+        }
+    }, [value]);
+    if (viewMode === 'edition') {
+        return (_jsx(Select, { ref: ref, options: options, selectionIcon: "checkmark", searchable: searchable, placeholder: placeholder, contentAlign: contentAlign, favoriteOptions: favoriteOptions, value: internalValue, onChange: handleChange, label: label, required: required, ...props }));
+    }
+    return (_jsx(CurrencyCodePickerDiff, { value: selectedLabel, label: label, required: required, viewMode: viewMode, baseValue: baseLabel }));
 });
 CurrencyCodePicker.displayName = 'CurrencyCodePicker';
 export { CurrencyCodePicker };

package/dist/src/ui/components/data-entry/currency-code-picker/currency-code-picker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"currency-code-picker.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/currency-code-picker/currency-code-picker.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;~~AACtC~~,OAAO,EAAE,MAAM,EAAqB,MAAM,oBAAoB,CAAA;AAC9D,OAAO,EAAE,~~SAAS~~,EAAE,MAAM,~~mDAAmD~~,CAAA;~~AAC7E~~,OAAO,EAAE,~~aAAa~~,EAAE,MAAM,~~YAAY~~,CAAA;~~AAG1C~~,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CACzC,CACE,EACE,WAAW,EACX,UAAU,GAAG,EAAE,EACf,kBAAkB,GAAG,EAAE,EACvB,sBAAsB,GAAG,IAAI,EAC7B,cAAc,GAAG,OAAO,EACxB,UAAU,GAAG,KAAK,EAClB,YAAY,GAAG,OAAO,EACtB,YAAY,GAAG,MAAM,EACrB,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,iBAAiB,GAAG,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,CAAA;IAC1F,MAAM,OAAO,GAAmB,OAAO,CAAC,GAAG,EAAE;QAC3C,MAAM,eAAe,GAAG,IAAI,GAAG,CAAC,kBAAkB,CAAC,CAAA;QAEnD,OAAO,iBAAiB;aACrB,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;YAChB,IAAI,eAAe,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;gBACzC,OAAO,IAAI,CAAA;YACb,CAAC;YAED,IAAI,KAAK,GAAG,QAAQ,CAAC,KAAK,IAAI,QAAQ,CAAC,MAAM,CAAA;YAC7C,IAAI,sBAAsB,IAAI,QAAQ,CAAC,MAAM,EAAE,CAAC;gBAC9C,KAAK,GAAG,cAAc,KAAK,OAAO,CAAC,CAAC,CAAC,GAAG,KAAK,KAAK,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,MAAM,KAAK,KAAK,EAAE,CAAA;YACxG,CAAC;YACD,MAAM,MAAM,GAAiB;gBAC3B,KAAK;gBACL,KAAK,EAAE,QAAQ,CAAC,MAAM;aACvB,CAAA;YAED,IAAI,MAAM,IAAI,QAAQ,EAAE,CAAC;gBACvB,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAA;YAC7B,CAAC;YAED,OAAO,MAAM,CAAA;QACf,CAAC,CAAC;aACD,MAAM,CAAC,OAAO,CAAmB,CAAA;IACtC,CAAC,EAAE,CAAC,iBAAiB,EAAE,sBAAsB,EAAE,cAAc,EAAE,kBAAkB,CAAC,CAAC,CAAA;IAEnF,MAAM,eAAe,GAAmB,OAAO,CAAC,GAAG,EAAE;QACnD,MAAM,eAAe,GAAG,IAAI,GAAG,CAAC,kBAAkB,CAAC,CAAA;QACnD,OAAO,iBAAiB;aACrB,MAAM,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;aAC1D,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;YAChB,IAAI,KAAK,GAAG,QAAQ,CAAC,KAAK,IAAI,QAAQ,CAAC,MAAM,CAAA;YAC7C,IAAI,sBAAsB,IAAI,QAAQ,CAAC,MAAM,EAAE,CAAC;gBAC9C,KAAK,GAAG,cAAc,KAAK,OAAO,CAAC,CAAC,CAAC,GAAG,KAAK,KAAK,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,MAAM,KAAK,KAAK,EAAE,CAAA;YACxG,CAAC;YACD,MAAM,MAAM,GAAiB;gBAC3B,KAAK;gBACL,KAAK,EAAE,QAAQ,CAAC,MAAM;aACvB,CAAA;YAED,IAAI,MAAM,IAAI,QAAQ,EAAE,CAAC;gBACvB,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAA;YAC7B,CAAC;YAED,OAAO,MAAM,CAAA;QACf,CAAC,CAAC,CAAA;IACN,CAAC,EAAE,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,cAAc,CAAC,CAAC,CAAA;IAEnF,OAAO,~~CACL~~,~~KAAC~~,SAAS,~~cACR~~,KAAC,MAAM,IACL,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,aAAa,EAAC,WAAW,EACzB,UAAU,EAAE,UAAU,EACtB,~~QAAQ,EAAE,KAAK,EACf,~~WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,~~KAC5B~~,KAAK,GACT,~~GACQ~~,~~CACb~~,CAAA;AACH,CAAC,CACF,CAAA;AAED,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAA;AAErD,OAAO,EAAE,kBAAkB,EAAE,CAAA"}
1	+ {"version":3,"file":"currency-code-picker.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/currency-code-picker/currency-code-picker.tsx"],"names":[],"mappings":"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"}

package/dist/src/ui/components/data-entry/currency-code-picker/types.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import type React from 'react';
 import type { IconName } from '../../icon/index.js';
-import type { InputBaseProps } from '../../../../scalars/components/types.js';
+import type { InputBaseProps, WithDifference } from '../../../../scalars/components/types.js';
+type CurrencyCodePickerWithDifference = Omit<WithDifference<string>, 'diffMode'>;
 type AllowedTypes = 'Crypto' | 'Fiat' | 'Both';
 interface Currency {
     ticker: string;
@@ -11,11 +12,10 @@ interface Currency {
         className?: string;
     }>;
 }
-type CurrencyCodePickerBaseProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof InputBaseProps<string | string[]> | 'onChange' | 'onBlur'>;
-interface CurrencyCodePickerProps extends CurrencyCodePickerBaseProps, InputBaseProps<string | string[]> {
+type CurrencyCodePickerBaseProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof InputBaseProps<string> | 'onChange'>;
+interface CurrencyCodePickerProps extends CurrencyCodePickerWithDifference, CurrencyCodePickerBaseProps, InputBaseProps<string> {
     placeholder?: string;
-    onChange?: (value: string | string[]) => void;
-    onBlur?: () => void;
+    onChange?: (value: string) => void;
     currencies?: Currency[];
     includeCurrencySymbols?: boolean;
     favoriteCurrencies?: string[];
@@ -25,5 +25,5 @@ interface CurrencyCodePickerProps extends CurrencyCodePickerBaseProps, InputBase
     contentAlign?: 'start' | 'end' | 'center';
     allowedTypes?: AllowedTypes;
 }
-export type { AllowedTypes, Currency, CurrencyCodePickerProps };
+export type { AllowedTypes, Currency, CurrencyCodePickerProps, CurrencyCodePickerWithDifference };
 //# sourceMappingURL=types.d.ts.map

package/dist/src/ui/components/data-entry/currency-code-picker/types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/currency-code-picker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;~~AAE7E~~,KAAK,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAA;AAE9C,UAAU,QAAQ;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,OAAO,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CAC9D;AAED,KAAK,2BAA2B,GAAG,IAAI,CACrC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,MAAM,cAAc,CAAC,MAAM,~~GAAG,MAAM,EAAE,~~CAAC,GAAG,UAAU,~~GAAG~~,~~QAAQ,CAChE,~~CAAA;AAED,UAAU,~~uBAAwB~~,SAAQ,2BAA2B,~~EAAE~~,cAAc,CAAC,MAAM,~~GAAG,MAAM,EAAE,~~CAAC;~~IACtG~~,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,~~GAAG,MAAM,EAAE,~~KAAK,IAAI,CAAA;~~IAC7C~~,~~MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,~~UAAU,CAAC,EAAE,QAAQ,EAAE,CAAA;IACvB,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC7B,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACjC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;IACzC,YAAY,CAAC,EAAE,YAAY,CAAA;CAC5B;AAED,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,uBAAuB,EAAE,CAAA"}
1	+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/currency-code-picker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;AAE7F,KAAK,gCAAgC,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,CAAA;AAEhF,KAAK,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAA;AAE9C,UAAU,QAAQ;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,OAAO,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CAC9D;AAED,KAAK,2BAA2B,GAAG,IAAI,CACrC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,MAAM,cAAc,CAAC,MAAM,CAAC,GAAG,UAAU,CAC1C,CAAA;AAED,UAAU,uBACR,SAAQ,gCAAgC,EACtC,2BAA2B,EAC3B,cAAc,CAAC,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,UAAU,CAAC,EAAE,QAAQ,EAAE,CAAA;IACvB,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC7B,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACjC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;IACzC,YAAY,CAAC,EAAE,YAAY,CAAA;CAC5B;AAED,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,uBAAuB,EAAE,gCAAgC,EAAE,CAAA"}

package/dist/src/ui/components/data-entry/date-picker/date-picker.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
-import type { InputBaseProps } from '../../../../scalars/components/types.js';
+import type { InputBaseProps, WithDifference } from '../../../../scalars/components/types.js';
 import { type CalendarProps } from './subcomponents/calendar/calendar.js';
 import type { DateFieldValue } from './types.js';
-interface DatePickerProps extends InputBaseProps<DateFieldValue>, Omit<CalendarProps, 'mode'> {
+interface DatePickerProps extends InputBaseProps<DateFieldValue>, Omit<CalendarProps, 'mode'>, WithDifference<DateFieldValue> {
     label?: string;
     id?: string;
     name: string;

package/dist/src/ui/components/data-entry/date-picker/date-picker.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/date-picker/date-picker.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;~~AAE7E~~,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,sCAAsC,CAAA;AACnF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;~~AAGhD~~,UAAU,~~eAAgB~~,SAAQ,cAAc,CAAC,cAAc,CAAC,~~EAAE~~,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC;~~IAC3F~~,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,YAAY,CAAC,EAAE,cAAc,CAAA;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC3D,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACxD,UAAU,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,QAAQ,CAAC,CAAA;IAC5G,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,UAAU,~~8GAiKf~~,CAAA;AAID,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,CAAA"}
1	+ {"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/date-picker/date-picker.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;AAE7F,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,sCAAsC,CAAA;AACnF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAIhD,UAAU,eACR,SAAQ,cAAc,CAAC,cAAc,CAAC,EACpC,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,EAC3B,cAAc,CAAC,cAAc,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,YAAY,CAAC,EAAE,cAAc,CAAA;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC3D,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACxD,UAAU,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,QAAQ,CAAC,CAAA;IAC5G,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,UAAU,8GAqLf,CAAA;AAID,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,CAAA"}

package/dist/src/ui/components/data-entry/date-picker/date-picker.js CHANGED Viewed

@@ -5,7 +5,10 @@ import { cn } from '../../../../scalars/lib/utils.js';
 import { BasePickerField } from '../date-time-picker/base-picker.js';
 import { Calendar } from './subcomponents/calendar/calendar.js';
 import { useDatePickerField } from './use-date-picker.js';
+import DateInputDiff from './subcomponents/date-picker-diff/date-picker-diff.js';
 const DatePicker = forwardRef(({ label, id, errors, name, disabled, required, value, defaultValue, placeholder, description, warnings, onChange, onBlur, inputProps, disablePastDates, disableFutureDates, dateFormat, weekStart, autoClose = false, minDate, maxDate,
+// diff props
+viewMode = 'edition', baseValue,
 // display props
 className, ...props }, ref) => {
     const { date, inputValue, handleDateSelect, handleInputChange, isOpen, setIsOpen, handleBlur, disabledDates, weekStartDay, handleDayClick, } = useDatePickerField({
@@ -21,35 +24,41 @@ className, ...props }, ref) => {
         minDate,
         maxDate,
     });
-    return (_jsxs(FormGroup, { children: [label && (_jsx(FormLabel, { htmlFor: id, required: required, disabled: disabled, hasError: !!errors?.length, children: label })), _jsx(BasePickerField, { ref: ref, label: label, id: id, value: inputValue, name: name, errors: errors, disabled: disabled, required: required, iconName: "CalendarTime", placeholder: placeholder, isOpen: isOpen, setIsOpen: setIsOpen, onInputChange: handleInputChange, inputProps: inputProps, handleBlur: handleBlur, "data-cast": `DateString:${dateFormat}`, className: cn(
-                // custom styles
-                'px-4 pb-6 pt-3'), children: _jsx(Calendar, { mode: "single", selected: date, weekStartsOn: weekStartDay, onSelect: handleDateSelect, disabled: disabledDates, onDayClick: handleDayClick, className: cn('w-full', 'p-0',
-                    // dark
-                    'dark:text-gray-500',
-                    // custom styles
-                    'font-inter', 'text-[14px]', 'font-semibold', 'leading-[22px]', className), weekdaysClassName: cn('h-[34px]', 'gap-x-[3px]', 'dark:text-gray-600'), monthGridClassName: cn('w-full', 'px-[5.5px]'), dayClassName: cn('w-[34px] cursor-pointer text-[12px] text-gray-900 hover:rounded-[4px] hover:bg-gray-200',
-                    // dark
-                    'dark:text-gray-50 dark:hover:bg-gray-900', 'disabled:text-gray-300',
-                    // Remove hover when selected
-                    'aria-selected:hover:bg-gray-900 dark:aria-selected:hover:bg-gray-50',
-                    // Selected state
-                    'aria-selected:!bg-gray-900 aria-selected:!text-white',
-                    // Dark mode selected state
-                    'dark:aria-selected:!bg-gray-50 dark:aria-selected:!text-gray-900'), buttonPreviousClassName: cn('border border-gray-200',
-                    // hover
-                    'hover:border-gray-300  hover:bg-gray-100 hover:text-gray-900 dark:hover:bg-gray-900',
-                    // dark
-                    'dark:border-gray-900 dark:text-gray-300'), buttonNextClassName: cn('border border-gray-200',
-                    // hover
-                    'hover:border-gray-300  hover:bg-gray-100 hover:text-gray-900 dark:hover:bg-gray-900',
-                    // dark
-                    'dark:border-gray-900 dark:text-gray-300'), todayClassName: cn('rounded-[4px]', 'bg-gray-100',
-                    // dark
-                    'dark:bg-gray-900 dark:text-gray-50',
-                    // When selected, apply these styles with !important to ensure priority
-                    'aria-selected:!bg-gray-900 aria-selected:!text-white'), selectedClassName: cn('rounded-[4px]', '!bg-gray-900 !text-white', 'hover:bg-gray-900 hover:text-white',
-                    // dark
-                    'dark:bg-gray-50 dark:text-gray-900', 'dark:hover:bg-gray-50 dark:hover:text-gray-900'), dayButtonClassName: cn('text-[12px] font-medium'), weekClassName: cn('w-full'), disabledClassName: cn('!cursor-not-allowed !text-gray-300 hover:!bg-transparent [&>button]:hover:!bg-transparent'), ...props }) }), description && _jsx(FormDescription, { children: description }), warnings && _jsx(FormMessageList, { messages: warnings, type: "warning" }), errors && _jsx(FormMessageList, { messages: errors, type: "error" })] }));
+    if (viewMode === 'edition') {
+        return (_jsxs(FormGroup, { children: [label && (_jsx(FormLabel, { htmlFor: id, required: required, disabled: disabled, hasError: !!errors?.length, children: label })), _jsx(BasePickerField, { ref: ref, label: label, id: id, value: inputValue, name: name, errors: errors, disabled: disabled, required: required, iconName: "CalendarTime", placeholder: placeholder, isOpen: isOpen, setIsOpen: setIsOpen, onInputChange: handleInputChange, inputProps: inputProps, handleBlur: handleBlur, "data-cast": `DateString:${dateFormat}`, className: String.raw `
+          [&.base-picker\\_\\_popover]:px-4
+          [&.base-picker\\_\\_popover]:pb-6
+          [&.base-picker\\_\\_popover]:pt-3
+          ${className}
+        `, children: _jsx(Calendar, { mode: "single", selected: date, weekStartsOn: weekStartDay, onSelect: handleDateSelect, disabled: disabledDates, onDayClick: handleDayClick, className: cn('w-full', 'p-0',
+                        // dark
+                        'dark:text-gray-500',
+                        // custom styles
+                        'font-inter', 'text-[14px]', 'font-semibold', 'leading-[22px]', className), weekdaysClassName: cn('h-[34px]', 'gap-x-[3px]', 'dark:text-gray-600'), monthGridClassName: cn('w-full', 'px-[5.5px]'), dayClassName: cn('w-[34px] cursor-pointer text-[12px] text-gray-900 hover:rounded-[4px] hover:bg-gray-200',
+                        // dark
+                        'dark:text-gray-50 dark:hover:bg-gray-900', 'disabled:text-gray-300',
+                        // Remove hover when selected
+                        'aria-selected:hover:bg-gray-900 dark:aria-selected:hover:bg-gray-50',
+                        // Selected state
+                        'aria-selected:!bg-gray-900 aria-selected:!text-white',
+                        // Dark mode selected state
+                        'dark:aria-selected:!bg-gray-50 dark:aria-selected:!text-gray-900'), buttonPreviousClassName: cn('border border-gray-200',
+                        // hover
+                        'hover:border-gray-300  hover:bg-gray-100 hover:text-gray-900 dark:hover:bg-gray-900',
+                        // dark
+                        'dark:border-gray-900 dark:text-gray-300'), buttonNextClassName: cn('border border-gray-200',
+                        // hover
+                        'hover:border-gray-300  hover:bg-gray-100 hover:text-gray-900 dark:hover:bg-gray-900',
+                        // dark
+                        'dark:border-gray-900 dark:text-gray-300'), todayClassName: cn('rounded-[4px]', 'bg-gray-100',
+                        // dark
+                        'dark:bg-gray-900 dark:text-gray-50',
+                        // When selected, apply these styles with !important to ensure priority
+                        'aria-selected:!bg-gray-900 aria-selected:!text-white'), selectedClassName: cn('rounded-[4px]', '!bg-gray-900 !text-white', 'hover:bg-gray-900 hover:text-white',
+                        // dark
+                        'dark:bg-gray-50 dark:text-gray-900', 'dark:hover:bg-gray-50 dark:hover:text-gray-900'), dayButtonClassName: cn('text-[12px] font-medium'), weekClassName: cn('w-full'), disabledClassName: cn('!cursor-not-allowed !text-gray-300 hover:!bg-transparent [&>button]:hover:!bg-transparent'), ...props }) }), description && _jsx(FormDescription, { children: description }), warnings && _jsx(FormMessageList, { messages: warnings, type: "warning" }), errors && _jsx(FormMessageList, { messages: errors, type: "error" })] }));
+    }
+    return (_jsx(DateInputDiff, { value: value, viewMode: viewMode, diffMode: "sentences", baseValue: baseValue, icon: "CalendarTime", label: label, required: required, "data-testid": "date-picker-diff", dateFormat: dateFormat }));
 });
 DatePicker.displayName = 'DatePicker';
 export { DatePicker };

package/dist/src/ui/components/data-entry/date-picker/date-picker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"date-picker.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/date-picker/date-picker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EACL,eAAe,EACf,SAAS,EACT,SAAS,EACT,eAAe,GAChB,MAAM,mDAAmD,CAAA;AAC1D,OAAO,EAAE,EAAE,EAAE,MAAM,kCAAkC,CAAA;AAErD,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAA;AACpE,OAAO,EAAE,QAAQ,EAAsB,MAAM,sCAAsC,CAAA;AAEnF,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;~~AAwBzD~~,MAAM,UAAU,GAAG,UAAU,CAC3B,CACE,EACE,KAAK,EACL,EAAE,EACF,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,WAAW,EACX,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,UAAU,EACV,gBAAgB,EAChB,kBAAkB,EAClB,UAAU,EACV,SAAS,EACT,SAAS,GAAG,KAAK,EACjB,OAAO,EACP,OAAO;AACP,gBAAgB;AAChB,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,EACJ,IAAI,EACJ,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,MAAM,EACN,SAAS,EACT,UAAU,EACV,aAAa,EACb,YAAY,EACZ,cAAc,GACf,GAAG,kBAAkB,CAAC;QACrB,KAAK;QACL,YAAY;QACZ,QAAQ;QACR,MAAM;QACN,gBAAgB;QAChB,kBAAkB;QAClB,UAAU;QACV,SAAS;QACT,SAAS;QACT,OAAO;QACP,OAAO;KACR,CAAC,CAAA;IAEF,OAAO,CACL,MAAC,SAAS,eACP,KAAK,IAAI,CACR,KAAC,SAAS,IAAC,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE,MAAM,YACvF,KAAK,GACI,CACb,EACD,KAAC,eAAe,IACd,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,UAAU,EACjB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAC,cAAc,EACvB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,iBAAiB,EAChC,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,eACX,cAAc,UAAU,EAAE,EACrC,SAAS,EAAE,~~EAAE;gBACX~~,~~gBAAgB;gBAChB~~,~~gBAAgB~~,~~CACjB~~,~~YAED~~,KAAC,QAAQ,IACP,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,IAAI,EACd,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,gBAAgB,EAC1B,QAAQ,EAAE,aAAa,EACvB,UAAU,EAAE,cAAc,EAC1B,SAAS,EAAE,EAAE,CACX,QAAQ,EACR,KAAK;~~oBACL~~,OAAO;~~oBACP~~,oBAAoB;~~oBACpB~~,gBAAgB;~~oBAChB~~,YAAY,EACZ,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,SAAS,CACV,EACD,iBAAiB,EAAE,EAAE,CAAC,UAAU,EAAE,aAAa,EAAE,oBAAoB,CAAC,EACtE,kBAAkB,EAAE,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC,EAC9C,YAAY,EAAE,EAAE,CACd,yFAAyF;~~oBACzF~~,OAAO;~~oBACP~~,0CAA0C,EAC1C,wBAAwB;~~oBACxB~~,6BAA6B;~~oBAC7B~~,qEAAqE;~~oBACrE~~,iBAAiB;~~oBACjB~~,sDAAsD;~~oBACtD~~,2BAA2B;~~oBAC3B~~,kEAAkE,CACnE,EACD,uBAAuB,EAAE,EAAE,CACzB,wBAAwB;~~oBACxB~~,QAAQ;~~oBACR~~,qFAAqF;~~oBACrF~~,OAAO;~~oBACP~~,yCAAyC,CAC1C,EACD,mBAAmB,EAAE,EAAE,CACrB,wBAAwB;~~oBACxB~~,QAAQ;~~oBACR~~,qFAAqF;~~oBACrF~~,OAAO;~~oBACP~~,yCAAyC,CAC1C,EACD,cAAc,EAAE,EAAE,CAChB,eAAe,EACf,aAAa;~~oBACb~~,OAAO;~~oBACP~~,oCAAoC;~~oBACpC~~,uEAAuE;~~oBACvE~~,sDAAsD,CACvD,EACD,iBAAiB,EAAE,EAAE,CACnB,eAAe,EACf,0BAA0B,EAC1B,oCAAoC;~~oBACpC~~,OAAO;~~oBACP~~,oCAAoC,EACpC,gDAAgD,CACjD,EACD,kBAAkB,EAAE,EAAE,CAAC,yBAAyB,CAAC,EACjD,aAAa,EAAE,EAAE,CAAC,QAAQ,CAAC,EAC3B,iBAAiB,EAAE,EAAE,CACnB,2FAA2F,CAC5F,KACG,KAAK,GACT,GACc,EACjB,WAAW,IAAI,KAAC,eAAe,cAAE,WAAW,GAAmB,EAC/D,QAAQ,IAAI,KAAC,eAAe,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAC,SAAS,GAAG,EAClE,MAAM,IAAI,KAAC,eAAe,IAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAC,OAAO,GAAG,IACnD,CACb,CAAA;AACH,CAAC,CACF,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,OAAO,EAAE,UAAU,EAAwB,CAAA"}
1	+ {"version":3,"file":"date-picker.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/date-picker/date-picker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EACL,eAAe,EACf,SAAS,EACT,SAAS,EACT,eAAe,GAChB,MAAM,mDAAmD,CAAA;AAC1D,OAAO,EAAE,EAAE,EAAE,MAAM,kCAAkC,CAAA;AAErD,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAA;AACpE,OAAO,EAAE,QAAQ,EAAsB,MAAM,sCAAsC,CAAA;AAEnF,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,aAAa,MAAM,sDAAsD,CAAA;AA2BhF,MAAM,UAAU,GAAG,UAAU,CAC3B,CACE,EACE,KAAK,EACL,EAAE,EACF,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,WAAW,EACX,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,UAAU,EACV,gBAAgB,EAChB,kBAAkB,EAClB,UAAU,EACV,SAAS,EACT,SAAS,GAAG,KAAK,EACjB,OAAO,EACP,OAAO;AACP,aAAa;AACb,QAAQ,GAAG,SAAS,EACpB,SAAS;AACT,gBAAgB;AAChB,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,EACJ,IAAI,EACJ,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,MAAM,EACN,SAAS,EACT,UAAU,EACV,aAAa,EACb,YAAY,EACZ,cAAc,GACf,GAAG,kBAAkB,CAAC;QACrB,KAAK;QACL,YAAY;QACZ,QAAQ;QACR,MAAM;QACN,gBAAgB;QAChB,kBAAkB;QAClB,UAAU;QACV,SAAS;QACT,SAAS;QACT,OAAO;QACP,OAAO;KACR,CAAC,CAAA;IAEF,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;QAC3B,OAAO,CACL,MAAC,SAAS,eACP,KAAK,IAAI,CACR,KAAC,SAAS,IAAC,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE,MAAM,YACvF,KAAK,GACI,CACb,EACD,KAAC,eAAe,IACd,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,UAAU,EACjB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAC,cAAc,EACvB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,iBAAiB,EAChC,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,eACX,cAAc,UAAU,EAAE,EACrC,SAAS,EAAE,MAAM,CAAC,GAAG,CAAA;;;;YAIrB,SAAS;SACZ,YAEG,KAAC,QAAQ,IACP,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,IAAI,EACd,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,gBAAgB,EAC1B,QAAQ,EAAE,aAAa,EACvB,UAAU,EAAE,cAAc,EAC1B,SAAS,EAAE,EAAE,CACX,QAAQ,EACR,KAAK;wBACL,OAAO;wBACP,oBAAoB;wBACpB,gBAAgB;wBAChB,YAAY,EACZ,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,SAAS,CACV,EACD,iBAAiB,EAAE,EAAE,CAAC,UAAU,EAAE,aAAa,EAAE,oBAAoB,CAAC,EACtE,kBAAkB,EAAE,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC,EAC9C,YAAY,EAAE,EAAE,CACd,yFAAyF;wBACzF,OAAO;wBACP,0CAA0C,EAC1C,wBAAwB;wBACxB,6BAA6B;wBAC7B,qEAAqE;wBACrE,iBAAiB;wBACjB,sDAAsD;wBACtD,2BAA2B;wBAC3B,kEAAkE,CACnE,EACD,uBAAuB,EAAE,EAAE,CACzB,wBAAwB;wBACxB,QAAQ;wBACR,qFAAqF;wBACrF,OAAO;wBACP,yCAAyC,CAC1C,EACD,mBAAmB,EAAE,EAAE,CACrB,wBAAwB;wBACxB,QAAQ;wBACR,qFAAqF;wBACrF,OAAO;wBACP,yCAAyC,CAC1C,EACD,cAAc,EAAE,EAAE,CAChB,eAAe,EACf,aAAa;wBACb,OAAO;wBACP,oCAAoC;wBACpC,uEAAuE;wBACvE,sDAAsD,CACvD,EACD,iBAAiB,EAAE,EAAE,CACnB,eAAe,EACf,0BAA0B,EAC1B,oCAAoC;wBACpC,OAAO;wBACP,oCAAoC,EACpC,gDAAgD,CACjD,EACD,kBAAkB,EAAE,EAAE,CAAC,yBAAyB,CAAC,EACjD,aAAa,EAAE,EAAE,CAAC,QAAQ,CAAC,EAC3B,iBAAiB,EAAE,EAAE,CACnB,2FAA2F,CAC5F,KACG,KAAK,GACT,GACc,EACjB,WAAW,IAAI,KAAC,eAAe,cAAE,WAAW,GAAmB,EAC/D,QAAQ,IAAI,KAAC,eAAe,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAC,SAAS,GAAG,EAClE,MAAM,IAAI,KAAC,eAAe,IAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAC,OAAO,GAAG,IACnD,CACb,CAAA;IACH,CAAC;IACD,OAAO,CACL,KAAC,aAAa,IACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAC,WAAW,EACpB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,cAAc,EACnB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,iBACN,kBAAkB,EAC9B,UAAU,EAAE,UAAU,GACtB,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,OAAO,EAAE,UAAU,EAAwB,CAAA"}

package/dist/src/ui/components/data-entry/date-picker/subcomponents/date-picker-diff/date-picker-diff.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+import type { WithDifference } from '../../../../../../scalars/components/types.js';
+import type { IconName } from '../../../../icon-components/index.js';
+import type { DateFieldValue } from '../../types.js';
+interface DateInputDiffProps extends WithDifference<DateFieldValue>, React.HTMLAttributes<HTMLDivElement> {
+    icon: IconName;
+    value: DateFieldValue;
+    label?: string;
+    required?: boolean;
+    dateFormat?: string;
+}
+declare const DateInputDiff: ({ baseValue, value, viewMode, diffMode, icon, label, required, dateFormat, ...props }: DateInputDiffProps) => import("react/jsx-runtime").JSX.Element;
+export default DateInputDiff;
+//# sourceMappingURL=date-picker-diff.d.ts.map

package/dist/src/ui/components/data-entry/date-picker/subcomponents/date-picker-diff/date-picker-diff.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"date-picker-diff.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/components/data-entry/date-picker/subcomponents/date-picker-diff/date-picker-diff.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAA;AAEnF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAA;AAIpE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAGpD,UAAU,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvG,IAAI,EAAE,QAAQ,CAAA;IACd,KAAK,EAAE,cAAc,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,QAAA,MAAM,aAAa,GAAI,uFAUpB,kBAAkB,4CAoDpB,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/src/ui/components/data-entry/date-picker/subcomponents/date-picker-diff/date-picker-diff.js ADDED Viewed

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { format } from 'date-fns';
+import { FormLabel } from '../../../../../../scalars/components/fragments/index.js';
+import { cn } from '../../../../../../scalars/lib/utils.js';
+import { Icon } from '../../../../icon/icon.js';
+import { InputDiff } from '../../../input/subcomponent/input-diff.js';
+import { TextDiff } from '../../../input/subcomponent/text-diff.js';
+import { getDateFormat } from '../../../date-time-picker/utils.js';
+const DateInputDiff = ({ baseValue, value, viewMode, diffMode, icon, label, required, dateFormat, ...props }) => {
+    const internalFormat = getDateFormat(dateFormat ?? '') ?? 'dd/MM/yyyy';
+    const baseDate = baseValue ? format(new Date(baseValue), internalFormat) : '';
+    const valueDate = value ? format(new Date(value), internalFormat) : '';
+    return (_jsxs(_Fragment, { children: [label && (_jsx(FormLabel, { disabled: true, required: required, children: label })), _jsx(InputDiff, { className: cn('group'), ...props, children: viewMode === 'mixed' ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: cn('flex flex-1 items-center gap-2 truncate [&>span]:truncate'), children: [_jsx(Icon, { name: icon, size: 16 }), _jsx(TextDiff, { baseValue: baseDate, value: valueDate, viewMode: "removal", diffMode: diffMode, className: cn('flex-1') })] }), _jsx("div", { className: cn('ml-3 mr-3 h-[34px] w-px bg-gray-300') }), _jsxs("div", { className: cn('flex flex-1 items-center gap-2 truncate [&>span]:truncate'), children: [_jsx(Icon, { name: icon, size: 16 }), _jsx(TextDiff, { baseValue: baseDate, value: valueDate, viewMode: "addition", diffMode: diffMode, className: cn('flex-1') })] })] })) : (_jsxs("div", { className: cn('flex flex-1 items-center gap-2 truncate [&>span]:truncate'), children: [_jsx(Icon, { name: icon, size: 16 }), _jsx(TextDiff, { baseValue: baseDate, value: valueDate, viewMode: viewMode, diffMode: diffMode, className: cn('flex-1') })] })) })] }));
+};
+export default DateInputDiff;
+//# sourceMappingURL=date-picker-diff.js.map

package/dist/src/ui/components/data-entry/date-picker/subcomponents/date-picker-diff/date-picker-diff.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"date-picker-diff.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/data-entry/date-picker/subcomponents/date-picker-diff/date-picker-diff.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,yDAAyD,CAAA;AAEnF,OAAO,EAAE,EAAE,EAAE,MAAM,wCAAwC,CAAA;AAE3D,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,2CAA2C,CAAA;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAA;AAEnE,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAA;AAUlE,MAAM,aAAa,GAAG,CAAC,EACrB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,UAAU,EACV,GAAG,KAAK,EACW,EAAE,EAAE;IACvB,MAAM,cAAc,GAAG,aAAa,CAAC,UAAU,IAAI,EAAE,CAAC,IAAI,YAAY,CAAA;IACtE,MAAM,QAAQ,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAC7E,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAEtE,OAAO,CACL,8BACG,KAAK,IAAI,CACR,KAAC,SAAS,IAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,YAC1C,KAAK,GACI,CACb,EACD,KAAC,SAAS,IAAC,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,KAAM,KAAK,YACzC,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,CACtB,8BACE,eAAK,SAAS,EAAE,EAAE,CAAC,2DAA2D,CAAC,aAC7E,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,GAAI,EAC9B,KAAC,QAAQ,IACP,SAAS,EAAE,QAAQ,EACnB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,GACvB,IACE,EACN,cAAK,SAAS,EAAE,EAAE,CAAC,qCAAqC,CAAC,GAAI,EAC7D,eAAK,SAAS,EAAE,EAAE,CAAC,2DAA2D,CAAC,aAC7E,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,GAAI,EAC9B,KAAC,QAAQ,IACP,SAAS,EAAE,QAAQ,EACnB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAC,UAAU,EACnB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,GACvB,IACE,IACL,CACJ,CAAC,CAAC,CAAC,CACF,eAAK,SAAS,EAAE,EAAE,CAAC,2DAA2D,CAAC,aAC7E,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,GAAI,EAC9B,KAAC,QAAQ,IACP,SAAS,EAAE,QAAQ,EACnB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,GACvB,IACE,CACP,GACS,IACX,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/src/ui/components/data-entry/date-time-picker/base-picker.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"base-picker.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/date-time-picker/base-picker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,mCAAmC,CAAA;AAEvE,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;AAKjG,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,MAAM,CAAC,EAAE,kBAAkB;IACtF,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,QAAQ,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,MAAM,EAAE,OAAO,CAAA;IACf,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IACpC,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC/D,UAAU,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC3D,UAAU,CAAC,EAAE,IAAI,CACf,cAAc,CAAC,MAAM,CAAC,GAAG;QACvB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;KACnE,EACD,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,QAAQ,CAC1D,CAAA;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,eAAe;;~~oDAgGpB~~,CAAA;AAID,OAAO,EAAE,eAAe,EAAE,CAAA"}
1	+ {"version":3,"file":"base-picker.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/date-time-picker/base-picker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,mCAAmC,CAAA;AAEvE,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;AAKjG,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,MAAM,CAAC,EAAE,kBAAkB;IACtF,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,QAAQ,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,MAAM,EAAE,OAAO,CAAA;IACf,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IACpC,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC/D,UAAU,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC3D,UAAU,CAAC,EAAE,IAAI,CACf,cAAc,CAAC,MAAM,CAAC,GAAG;QACvB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;KACnE,EACD,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,QAAQ,CAC1D,CAAA;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,eAAe;;oDAqGpB,CAAA;AAID,OAAO,EAAE,eAAe,EAAE,CAAA"}

package/dist/src/ui/components/data-entry/date-time-picker/base-picker.js CHANGED Viewed

@@ -6,16 +6,16 @@ import { Button } from '../../../../scalars/components/fragments/button/index.js
 import { Popover, PopoverContent, PopoverTrigger } from '../../../../scalars/components/fragments/popover/index.js';
 import { Input } from '../../data-entry/input/input.js';
 const BasePickerField = forwardRef(({ id, name, disabled, required, iconName, placeholder, children, value, defaultValue, isOpen, setIsOpen, onInputChange, handleBlur, inputProps, className, ...props }, ref) => {
-    return (_jsx("div", { className: "flex flex-col space-y-2", children: _jsxs("div", { className: cn('flex w-[275px] rounded-md text-sm', 'focus-within:ring-ring dark:ring-charcoal-300 ring-gray-900 focus-within:ring-1 focus-within:ring-offset-0', 'dark:border-charcoal-700 dark:bg-charcoal-900 border border-gray-300 bg-white',
+    return (_jsx("div", { className: "flex flex-col space-y-2", children: _jsxs("div", { className: cn('flex w-full rounded-md text-sm', 'focus-within:ring-ring dark:ring-charcoal-300 ring-gray-900 focus-within:ring-1 focus-within:ring-offset-0', 'dark:border-charcoal-700 dark:bg-charcoal-900 border border-gray-300 bg-white',
             // focus
             'focus:[&_.input-field]:bg-transparent', 'dark:focus-within:hover:bg-charcoal-900 focus-within:hover:cursor-default focus-within:hover:bg-white', disabled &&
-                'dark:bg-charcoal-900 dark:hover:bg-charcoal-900 cursor-not-allowed bg-white hover:bg-transparent'), children: [_jsxs(Popover, { open: isOpen, onOpenChange: setIsOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", disabled: disabled, className: cn('rounded-l-md border-none pl-3 pr-2', 'focus:text-selected-foreground focus:bg-none', 'button-ghost', disabled && 'cursor-not-allowed hover:bg-transparent'), onClick: () => {
+                'dark:bg-charcoal-900 dark:hover:bg-charcoal-900 cursor-not-allowed bg-white hover:bg-transparent', 'base-picker__input', className), children: [_jsxs(Popover, { open: isOpen, onOpenChange: setIsOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", disabled: disabled, className: cn('pl-3 pr-2', 'z-1', 'focus:text-selected-foreground focus:bg-none', 'button-ghost', disabled && 'cursor-not-allowed hover:bg-transparent', 'focus:outline-none focus-visible:ring-1 focus-visible:ring-offset-0 focus-visible:ring-gray-900'), onClick: () => {
                                     if (!disabled) {
                                         setIsOpen(isOpen);
                                     }
-                                }, children: _jsx(Icon, { size: 16, name: iconName, className: "hover:none text-gray-700 dark:text-gray-50" }) }) }), _jsx(PopoverContent, { align: "start", className: cn('relative w-[275px]', 'border-gray-300 bg-white dark:border-gray-900 dark:bg-slate-600', 'rounded-lg', 'shadow-[0px_2px_4px_0px_rgba(0,0,0,0.08),0px_3px_10px_0px_rgba(0,0,0,0.10)]', 'mt-[14px]', 'dark:shadow-[1px_4px_15.3px_0px_#141921]', '-translate-y-1', className), children: children })] }), _jsx(Input, { id: id, name: name, value: value, onChange: onInputChange, onBlur: handleBlur, defaultValue: defaultValue, className: cn('w-full rounded-l-none border-none text-right placeholder:text-right',
+                                }, children: _jsx(Icon, { size: 16, name: iconName, className: "hover:none text-gray-700 dark:text-gray-50" }) }) }), _jsx(PopoverContent, { align: "start", className: cn('relative w-[275px]', 'border-gray-300 bg-white dark:border-gray-900 dark:bg-slate-600', 'rounded-lg', 'shadow-[0px_2px_4px_0px_rgba(0,0,0,0.08),0px_3px_10px_0px_rgba(0,0,0,0.10)]', 'mt-[14px]', 'dark:shadow-[1px_4px_15.3px_0px_#141921]', '-translate-y-1', 'base-picker__popover', className), children: children })] }), _jsx(Input, { id: id, name: name, value: value, onChange: onInputChange, onBlur: handleBlur, defaultValue: defaultValue, className: cn('w-full rounded-l-none border-none text-right placeholder:text-right',
                     // focus
-                    'focus:bg-white focus-visible:ring-0 focus-visible:ring-offset-0', 'input-field'), placeholder: placeholder, ref: ref, disabled: disabled, required: required, ...inputProps, ...props })] }) }));
+                    'input-field', 'focus:bg-white focus-visible:ring-0 focus-visible:ring-offset-0'), placeholder: placeholder, ref: ref, disabled: disabled, required: required, ...inputProps, ...props })] }) }));
 });
 BasePickerField.displayName = 'BasePickerField';
 export { BasePickerField };

package/dist/src/ui/components/data-entry/date-time-picker/base-picker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"base-picker.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/date-time-picker/base-picker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA0B,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAE,IAAI,EAAiB,MAAM,mCAAmC,CAAA;AACvE,OAAO,EAAE,EAAE,EAAE,MAAM,kCAAkC,CAAA;AAErD,OAAO,EAAE,MAAM,EAAE,MAAM,0DAA0D,CAAA;AACjF,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,2DAA2D,CAAA;AACnH,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAA;AAwBvD,MAAM,eAAe,GAAG,UAAU,CAChC,CACE,EACE,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,MAAM,EACN,SAAS,EACT,aAAa,EACb,UAAU,EACV,UAAU,EACV,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,OAAO,CACL,cAAK,SAAS,EAAC,yBAAyB,YACtC,eACE,SAAS,EAAE,EAAE,CACX,~~mCAAmC~~,~~EACnC~~,4GAA4G,EAC5G,+EAA+E;YAC/E,QAAQ;YACR,uCAAuC,EACvC,uGAAuG,EACvG,QAAQ;gBACN,kGAAkG,~~CACrG~~,aAED,MAAC,OAAO,IAAC,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,SAAS,aAC5C,KAAC,cAAc,IAAC,OAAO,kBACrB,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CACX,~~oCAAoC~~,~~EACpC~~,8CAA8C,EAC9C,cAAc,EACd,QAAQ,IAAI,yCAAyC,~~CACtD~~,EACD,OAAO,EAAE,GAAG,EAAE;oCACZ,IAAI,CAAC,QAAQ,EAAE,CAAC;wCACd,SAAS,CAAC,MAAM,CAAC,CAAA;oCACnB,CAAC;gCACH,CAAC,YAED,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAC,4CAA4C,GAAG,GAClF,GACM,EACjB,KAAC,cAAc,IACb,KAAK,EAAC,OAAO,EACb,SAAS,EAAE,EAAE,CACX,oBAAoB,EACpB,iEAAiE,EACjE,YAAY,EACZ,6EAA6E,EAC7E,WAAW,EACX,0CAA0C,EAC1C,gBAAgB,EAChB,SAAS,CACV,YAEA,QAAQ,GACM,IACT,EACV,KAAC,KAAK,IACJ,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,aAAa,EACvB,MAAM,EAAE,UAAU,EAClB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,EAAE,CACX,qEAAqE;oBACrE,QAAQ;oBACR,~~iEAAiE~~,~~EACjE~~,~~aAAa~~,~~CACd~~,EACD,WAAW,EAAE,WAAW,EACxB,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,KACd,UAAU,KACV,KAAK,GACT,IACE,GACF,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAE/C,OAAO,EAAE,eAAe,EAAE,CAAA"}
1	+ {"version":3,"file":"base-picker.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/date-time-picker/base-picker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA0B,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAE,IAAI,EAAiB,MAAM,mCAAmC,CAAA;AACvE,OAAO,EAAE,EAAE,EAAE,MAAM,kCAAkC,CAAA;AAErD,OAAO,EAAE,MAAM,EAAE,MAAM,0DAA0D,CAAA;AACjF,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,2DAA2D,CAAA;AACnH,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAA;AAwBvD,MAAM,eAAe,GAAG,UAAU,CAChC,CACE,EACE,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,MAAM,EACN,SAAS,EACT,aAAa,EACb,UAAU,EACV,UAAU,EACV,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,OAAO,CACL,cAAK,SAAS,EAAC,yBAAyB,YACtC,eACE,SAAS,EAAE,EAAE,CACX,gCAAgC,EAChC,4GAA4G,EAC5G,+EAA+E;YAC/E,QAAQ;YACR,uCAAuC,EACvC,uGAAuG,EACvG,QAAQ;gBACN,kGAAkG,EACpG,oBAAoB,EACpB,SAAS,CACV,aAED,MAAC,OAAO,IAAC,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,SAAS,aAC5C,KAAC,cAAc,IAAC,OAAO,kBACrB,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CACX,WAAW,EACX,KAAK,EACL,8CAA8C,EAC9C,cAAc,EACd,QAAQ,IAAI,yCAAyC,EACrD,iGAAiG,CAClG,EACD,OAAO,EAAE,GAAG,EAAE;oCACZ,IAAI,CAAC,QAAQ,EAAE,CAAC;wCACd,SAAS,CAAC,MAAM,CAAC,CAAA;oCACnB,CAAC;gCACH,CAAC,YAED,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAC,4CAA4C,GAAG,GAClF,GACM,EACjB,KAAC,cAAc,IACb,KAAK,EAAC,OAAO,EACb,SAAS,EAAE,EAAE,CACX,oBAAoB,EACpB,iEAAiE,EACjE,YAAY,EACZ,6EAA6E,EAC7E,WAAW,EACX,0CAA0C,EAC1C,gBAAgB,EAChB,sBAAsB,EACtB,SAAS,CACV,YAEA,QAAQ,GACM,IACT,EACV,KAAC,KAAK,IACJ,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,aAAa,EACvB,MAAM,EAAE,UAAU,EAClB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,EAAE,CACX,qEAAqE;oBACrE,QAAQ;oBACR,aAAa,EACb,iEAAiE,CAClE,EACD,WAAW,EAAE,WAAW,EACxB,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,KACd,UAAU,KACV,KAAK,GACT,IACE,GACF,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAE/C,OAAO,EAAE,eAAe,EAAE,CAAA"}

package/dist/src/ui/components/data-entry/date-time-picker/date-time-picker.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
-import type { InputBaseProps } from '../../../../scalars/components/types.js';
+import type { InputBaseProps, WithDifference } from '../../../../scalars/components/types.js';
 import { type ChangeEvent, type FocusEvent } from 'react';
 import type { DateFieldValue } from '../date-picker/types.js';
-interface DateTimePickerProps extends InputBaseProps<DateFieldValue> {
+interface DateTimePickerProps extends InputBaseProps<DateFieldValue>, WithDifference<string> {
     name: string;
     id?: string;
     label?: string;

package/dist/src/ui/components/data-entry/date-time-picker/date-time-picker.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"date-time-picker.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/date-time-picker/date-time-picker.tsx"],"names":[],"mappings":"~~AAOA~~,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;~~AAC7E~~,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,UAAU,EAAc,MAAM,OAAO,CAAA;AACrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;~~AAK7D~~,UAAU,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;~~IAClE~~,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,YAAY,CAAC,EAAE,cAAc,CAAA;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACrD,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAClD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAE1B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACzD,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACtD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AACD,QAAA,MAAM,cAAc,~~kHA8JnB~~,CAAA;~~AAID~~,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,CAAA"}
1	+ {"version":3,"file":"date-time-picker.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/date-time-picker/date-time-picker.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;AAC7F,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,UAAU,EAAc,MAAM,OAAO,CAAA;AACrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAM7D,UAAU,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC;IAC1F,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,YAAY,CAAC,EAAE,cAAc,CAAA;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACrD,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAClD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAE1B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACzD,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACtD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AACD,QAAA,MAAM,cAAc,kHAoLnB,CAAA;AAGD,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,CAAA"}

package/dist/src/ui/components/data-entry/date-time-picker/date-time-picker.js CHANGED Viewed

@@ -1,15 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { FormDescription, FormGroup, FormLabel, FormMessageList, } from '../../../../scalars/components/fragments/index.js';
-import { cn } from '../../../../scalars/lib/utils.js';
 import { forwardRef } from 'react';
 import { BasePickerField } from './base-picker.js';
 import DateTimePickerContent from './date-time-picker-content.js';
 import { useDateTimePicker } from './use-date-time-picker.js';
+import DateTimeInputDiff from './subcomponent/date-time-picker-diff.js';
 const DateTimePicker = forwardRef(({ name, id, label, value, defaultValue, errors, disabled, required, placeholder, description, warnings, onChange, onBlur,
 // Date Picker Field
 disablePastDates, disableFutureDates, dateFormat, weekStart, autoClose, minDate, maxDate, onChangeDate, onBlurDate, timeFormat,
 // Time Picker Field
-timeIntervals, timeZone, showTimezoneSelect, includeContinent, className, ..._props }, ref) => {
+timeIntervals, timeZone, showTimezoneSelect, includeContinent, className,
+// diff props
+viewMode = 'edition', baseValue, ..._props }, ref) => {
     const { isOpen, setIsOpen,
     // inputValue,
     activeTab, onChangeTabs, isCalendarView, dateTimeToDisplay, handleInputChangeField,
@@ -38,13 +40,19 @@ timeIntervals, timeZone, showTimezoneSelect, includeContinent, className, ..._pr
         showTimezoneSelect,
         includeContinent,
     });
-    return (_jsxs(FormGroup, { children: [label ? (_jsx(FormLabel, { htmlFor: id, required: required, disabled: disabled, hasError: !!errors?.length, children: label })) : null, _jsx(BasePickerField, { ref: ref, label: label, id: id, value: dateTimeToDisplay, name: name, errors: errors, disabled: disabled, required: required, iconName: "CalendarTime", placeholder: placeholder, isOpen: isOpen, setIsOpen: setIsOpen, onInputChange: handleInputChangeField, handleBlur: handleOnBlur, "data-cast": `DateTimeString:${dateFormat}`, className: cn(
-                // Add custom styles when the time is open
-                isCalendarView ? 'px-4 pb-6 pt-3' : 'px-4 pb-4 pt-3', className), children: _jsx(DateTimePickerContent, { activeTab: activeTab, onChangeTabs: onChangeTabs,
-                    // Date Picker Field
-                    date: date, handleDateSelect: handleDateSelect, disabledDates: disabledDates, weekStartDay: weekStartDay, handleDayClick: handleDayClick,
-                    // Time Picker Field
-                    selectedHour: selectedHour, selectedMinute: selectedMinute, selectedPeriod: selectedPeriod, setSelectedHour: setSelectedHour, setSelectedMinute: setSelectedMinute, setSelectedPeriod: setSelectedPeriod, hours: hours, minutes: minutes, timeZonesOptions: timeZonesOptions, selectedTimeZone: selectedTimeZone, setSelectedTimeZone: setSelectedTimeZone, timeZone: timeZone, is12HourFormat: is12HourFormat, isDisableSelect: isDisableSelect, onCancel: onCancel, onSave: handleSave }) }), description ? _jsx(FormDescription, { children: description }) : null, warnings ? _jsx(FormMessageList, { messages: warnings, type: "warning" }) : null, errors ? _jsx(FormMessageList, { messages: errors, type: "error" }) : null] }));
+    if (viewMode === 'edition') {
+        return (_jsxs(FormGroup, { children: [label ? (_jsx(FormLabel, { htmlFor: id, required: required, disabled: disabled, hasError: !!errors?.length, children: label })) : null, _jsx(BasePickerField, { ref: ref, label: label, id: id, value: dateTimeToDisplay, name: name, errors: errors, disabled: disabled, required: required, iconName: "CalendarTime", placeholder: placeholder, isOpen: isOpen, setIsOpen: setIsOpen, onInputChange: handleInputChangeField, handleBlur: handleOnBlur, "data-cast": `DateTimeString:${dateFormat}`, className: String.raw `
+            [&.base-picker\\_\\_popover]:px-4
+            [&.base-picker\\_\\_popover]:pt-3
+            [&.base-picker\\_\\_popover]:${isCalendarView ? 'pb-6' : 'pb-4'}
+            ${className}
+          `, children: _jsx(DateTimePickerContent, { activeTab: activeTab, onChangeTabs: onChangeTabs,
+                        // Date Picker Field
+                        date: date, handleDateSelect: handleDateSelect, disabledDates: disabledDates, weekStartDay: weekStartDay, handleDayClick: handleDayClick,
+                        // Time Picker Field
+                        selectedHour: selectedHour, selectedMinute: selectedMinute, selectedPeriod: selectedPeriod, setSelectedHour: setSelectedHour, setSelectedMinute: setSelectedMinute, setSelectedPeriod: setSelectedPeriod, hours: hours, minutes: minutes, timeZonesOptions: timeZonesOptions, selectedTimeZone: selectedTimeZone, setSelectedTimeZone: setSelectedTimeZone, timeZone: timeZone, is12HourFormat: is12HourFormat, isDisableSelect: isDisableSelect, onCancel: onCancel, onSave: handleSave }) }), description ? _jsx(FormDescription, { children: description }) : null, warnings ? _jsx(FormMessageList, { messages: warnings, type: "warning" }) : null, errors ? _jsx(FormMessageList, { messages: errors, type: "error" }) : null] }));
+    }
+    return (_jsx(DateTimeInputDiff, { value: value ?? '', baseValue: baseValue ?? '', viewMode: viewMode, icon: "CalendarTime", label: label, required: required, "data-testid": "date-time-picker-diff", dateFormat: dateFormat, timeFormat: timeFormat, timeIntervals: timeIntervals }));
 });
 DateTimePicker.displayName = 'DateTimePicker';
 export { DateTimePicker };

package/dist/src/ui/components/data-entry/date-time-picker/date-time-picker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"date-time-picker.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/date-time-picker/date-time-picker.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,eAAe,EACf,SAAS,EACT,SAAS,EACT,eAAe,GAChB,MAAM,mDAAmD,CAAA;~~AAC1D~~,OAAO,~~EAAE,EAAE,EAAE,MAAM,kCAAkC,CAAA;AAErD,OAAO,~~EAAqC,UAAU,EAAE,MAAM,OAAO,CAAA;AAErE,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAClD,OAAO,qBAAqB,MAAM,+BAA+B,CAAA;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;~~AA4B7D~~,MAAM,cAAc,GAAG,UAAU,CAC/B,CACE,EACE,IAAI,EACJ,EAAE,EACF,KAAK,EACL,KAAK,EACL,YAAY,EACZ,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,MAAM;AAEN,oBAAoB;AACpB,gBAAgB,EAChB,kBAAkB,EAClB,UAAU,EACV,SAAS,EACT,SAAS,EACT,OAAO,EACP,OAAO,EACP,YAAY,EACZ,UAAU,EACV,UAAU;AACV,oBAAoB;AACpB,aAAa,EACb,QAAQ,EACR,kBAAkB,EAClB,gBAAgB,EAChB,SAAS,EACT,GAAG,MAAM,EACV,EACD,GAAG,EACH,EAAE;IACF,MAAM,EACJ,MAAM,EACN,SAAS;IACT,cAAc;IACd,SAAS,EACT,YAAY,EACZ,cAAc,EACd,iBAAiB,EACjB,sBAAsB;IAEtB,oBAAoB;IACpB,IAAI,EACJ,gBAAgB,EAChB,aAAa,EACb,YAAY,EACZ,cAAc,EACd,YAAY;IAEZ,oBAAoB;IACpB,YAAY,EACZ,cAAc,EACd,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,UAAU,EACV,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,mBAAmB,EACnB,eAAe,GAChB,GAAG,iBAAiB,CAAC;QACpB,KAAK;QACL,YAAY;QACZ,QAAQ;QACR,MAAM;QACN,oBAAoB;QACpB,SAAS;QACT,kBAAkB;QAClB,gBAAgB;QAChB,UAAU;QACV,SAAS;QACT,YAAY;QACZ,UAAU;QACV,OAAO;QACP,OAAO;QAEP,oBAAoB;QACpB,UAAU;QACV,aAAa;QACb,QAAQ;QACR,kBAAkB;QAClB,gBAAgB;KACjB,CAAC,CAAA;~~IACF~~,OAAO,CACL,MAAC,SAAS,eACP,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,SAAS,IAAC,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE,MAAM,YACvF,KAAK,GACI,CACb,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,eAAe,IACd,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,iBAAiB,EACxB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAC,cAAc,EACvB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,sBAAsB,EACrC,UAAU,EAAE,YAAY,eACb,kBAAkB,UAAU,EAAE,EACzC,SAAS,EAAE,~~EAAE;gBACX~~,~~0CAA0C;gBAC1C~~,cAAc,CAAC,CAAC,CAAC,~~gBAAgB~~,CAAC,CAAC,CAAC,~~gBAAgB~~,~~EACpD,~~SAAS,~~CACV~~,~~YAED,~~KAAC,qBAAqB,IACpB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY;~~oBAC1B~~,oBAAoB;~~oBACpB~~,IAAI,EAAE,IAAI,EACV,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc;~~oBAC9B~~,oBAAoB;~~oBACpB~~,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,EAChC,iBAAiB,EAAE,iBAAiB,EACpC,iBAAiB,EAAE,iBAAiB,EACpC,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,gBAAgB,EAClC,gBAAgB,EAAE,gBAA0B,EAC5C,mBAAmB,EAAE,mBAAmB,EACxC,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,UAAU,GAClB,GACc,EACjB,WAAW,CAAC,CAAC,CAAC,KAAC,eAAe,cAAE,WAAW,GAAmB,CAAC,CAAC,CAAC,IAAI,EACrE,QAAQ,CAAC,CAAC,CAAC,KAAC,eAAe,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,EACxE,MAAM,CAAC,CAAC,CAAC,KAAC,eAAe,IAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAC,OAAO,GAAG,CAAC,CAAC,CAAC,IAAI,IACzD,CACb,CAAA;AACH,CAAC,CACF,CAAA;~~AAED~~,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAE7C,OAAO,EAAE,cAAc,EAA4B,CAAA"}
1	+ {"version":3,"file":"date-time-picker.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/date-time-picker/date-time-picker.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,eAAe,EACf,SAAS,EACT,SAAS,EACT,eAAe,GAChB,MAAM,mDAAmD,CAAA;AAE1D,OAAO,EAAqC,UAAU,EAAE,MAAM,OAAO,CAAA;AAErE,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAClD,OAAO,qBAAqB,MAAM,+BAA+B,CAAA;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,iBAAiB,MAAM,yCAAyC,CAAA;AA4BvE,MAAM,cAAc,GAAG,UAAU,CAC/B,CACE,EACE,IAAI,EACJ,EAAE,EACF,KAAK,EACL,KAAK,EACL,YAAY,EACZ,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,MAAM;AAEN,oBAAoB;AACpB,gBAAgB,EAChB,kBAAkB,EAClB,UAAU,EACV,SAAS,EACT,SAAS,EACT,OAAO,EACP,OAAO,EACP,YAAY,EACZ,UAAU,EACV,UAAU;AACV,oBAAoB;AACpB,aAAa,EACb,QAAQ,EACR,kBAAkB,EAClB,gBAAgB,EAChB,SAAS;AACT,aAAa;AACb,QAAQ,GAAG,SAAS,EACpB,SAAS,EACT,GAAG,MAAM,EACV,EACD,GAAG,EACH,EAAE;IACF,MAAM,EACJ,MAAM,EACN,SAAS;IACT,cAAc;IACd,SAAS,EACT,YAAY,EACZ,cAAc,EACd,iBAAiB,EACjB,sBAAsB;IAEtB,oBAAoB;IACpB,IAAI,EACJ,gBAAgB,EAChB,aAAa,EACb,YAAY,EACZ,cAAc,EACd,YAAY;IAEZ,oBAAoB;IACpB,YAAY,EACZ,cAAc,EACd,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,UAAU,EACV,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,mBAAmB,EACnB,eAAe,GAChB,GAAG,iBAAiB,CAAC;QACpB,KAAK;QACL,YAAY;QACZ,QAAQ;QACR,MAAM;QACN,oBAAoB;QACpB,SAAS;QACT,kBAAkB;QAClB,gBAAgB;QAChB,UAAU;QACV,SAAS;QACT,YAAY;QACZ,UAAU;QACV,OAAO;QACP,OAAO;QAEP,oBAAoB;QACpB,UAAU;QACV,aAAa;QACb,QAAQ;QACR,kBAAkB;QAClB,gBAAgB;KACjB,CAAC,CAAA;IAEF,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;QAC3B,OAAO,CACL,MAAC,SAAS,eACP,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,SAAS,IAAC,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE,MAAM,YACvF,KAAK,GACI,CACb,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,eAAe,IACd,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,iBAAiB,EACxB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAC,cAAc,EACvB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,sBAAsB,EACrC,UAAU,EAAE,YAAY,eACb,kBAAkB,UAAU,EAAE,EACzC,SAAS,EAAE,MAAM,CAAC,GAAG,CAAA;;;2CAGU,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;cAC7D,SAAS;WACZ,YAEC,KAAC,qBAAqB,IACpB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY;wBAC1B,oBAAoB;wBACpB,IAAI,EAAE,IAAI,EACV,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc;wBAC9B,oBAAoB;wBACpB,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,EAChC,iBAAiB,EAAE,iBAAiB,EACpC,iBAAiB,EAAE,iBAAiB,EACpC,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,gBAAgB,EAClC,gBAAgB,EAAE,gBAA0B,EAC5C,mBAAmB,EAAE,mBAAmB,EACxC,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,UAAU,GAClB,GACc,EACjB,WAAW,CAAC,CAAC,CAAC,KAAC,eAAe,cAAE,WAAW,GAAmB,CAAC,CAAC,CAAC,IAAI,EACrE,QAAQ,CAAC,CAAC,CAAC,KAAC,eAAe,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,EACxE,MAAM,CAAC,CAAC,CAAC,KAAC,eAAe,IAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAC,OAAO,GAAG,CAAC,CAAC,CAAC,IAAI,IACzD,CACb,CAAA;IACH,CAAC;IAED,OAAO,CACL,KAAC,iBAAiB,IAChB,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,SAAS,EAAE,SAAS,IAAI,EAAE,EAC1B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,cAAc,EACnB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,iBACN,uBAAuB,EACnC,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,GAC5B,CACH,CAAA;AACH,CAAC,CACF,CAAA;AACD,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAE7C,OAAO,EAAE,cAAc,EAA4B,CAAA"}

package/dist/src/ui/components/data-entry/date-time-picker/subcomponent/date-time-picker-diff.d.ts ADDED Viewed

@@ -0,0 +1,15 @@
+import type { WithDifference } from '../../../../../scalars/components/types.js';
+import type { IconName } from '../../../icon-components/index.js';
+import type { DateFieldValue } from '../../date-picker/types.js';
+interface DateTimeInputDiffProps extends Omit<WithDifference<DateFieldValue>, 'diffMode'>, React.HTMLAttributes<HTMLDivElement> {
+    icon: IconName;
+    value: DateFieldValue;
+    label?: string;
+    required?: boolean;
+    dateFormat?: string;
+    timeFormat?: string;
+    timeIntervals?: number;
+}
+declare const DateTimeInputDiff: ({ value, baseValue, viewMode, icon, label, required, dateFormat, timeFormat, timeIntervals, ...props }: DateTimeInputDiffProps) => import("react/jsx-runtime").JSX.Element;
+export default DateTimeInputDiff;
+//# sourceMappingURL=date-time-picker-diff.d.ts.map

package/dist/src/ui/components/data-entry/date-time-picker/subcomponent/date-time-picker-diff.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"date-time-picker-diff.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/date-time-picker/subcomponent/date-time-picker-diff.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAA;AAChF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAA;AAMjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAKhE,UAAU,sBACR,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EACtD,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,IAAI,EAAE,QAAQ,CAAA;IACd,KAAK,EAAE,cAAc,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,QAAA,MAAM,iBAAiB,GAAI,wGAWxB,sBAAsB,4CA2DxB,CAAA;AAED,eAAe,iBAAiB,CAAA"}

package/dist/src/ui/components/data-entry/date-time-picker/subcomponent/date-time-picker-diff.js ADDED Viewed

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { FormLabel } from '../../../../../scalars/components/fragments/form-label/form-label.js';
+import { Icon } from '../../../icon/icon.js';
+import { cn } from '../../../../../scalars/lib/utils.js';
+import { InputDiff } from '../../input/subcomponent/input-diff.js';
+import { TextDiff } from '../../input/subcomponent/text-diff.js';
+import { getDateFormat } from '../utils.js';
+import { parseDateTimeValueToInput } from '../use-date-time-picker.js';
+import { formatInputToDisplayValid } from '../../time-picker/utils.js';
+const DateTimeInputDiff = ({ value, baseValue, viewMode, icon, label, required, dateFormat, timeFormat = 'hh:mm a', timeIntervals = 1, ...props }) => {
+    const internalFormat = getDateFormat(dateFormat ?? '');
+    const newValue = parseDateTimeValueToInput(value ?? '', internalFormat);
+    const newBaseValue = parseDateTimeValueToInput(baseValue ?? '', internalFormat);
+    const is12HourFormat = timeFormat.includes('a') || timeFormat.includes('A');
+    const valueSplitDate = newValue.split(' ')[0];
+    const valueSplitTime = newValue.split(' ')[1];
+    const formattedValueTime = formatInputToDisplayValid(valueSplitTime, is12HourFormat, timeIntervals);
+    const baseSplitDate = newBaseValue.split(' ')[0];
+    const baseSplitTime = newBaseValue.split(' ')[1];
+    const formattedBaseTime = formatInputToDisplayValid(baseSplitTime, is12HourFormat, timeIntervals);
+    return (_jsxs(_Fragment, { children: [label && (_jsx(FormLabel, { disabled: true, required: required, children: label })), _jsx(InputDiff, { className: cn('group'), ...props, children: viewMode === 'mixed' ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: cn('flex flex-1 items-center gap-2 truncate [&>span]:truncate'), children: [_jsx(Icon, { name: icon, size: 16 }), _jsx(TextDiff, { value: `${valueSplitDate} ${formattedValueTime}`, baseValue: `${baseSplitDate} ${formattedBaseTime}`, viewMode: "removal", diffMode: "sentences", className: cn('flex-1') })] }), _jsx("div", { className: cn('ml-3 mr-3 h-[34px] w-px bg-gray-300') }), _jsxs("div", { className: cn('flex flex-1 items-center gap-2 truncate [&>span]:truncate'), children: [_jsx(Icon, { name: icon, size: 16 }), _jsx(TextDiff, { value: `${valueSplitDate} ${formattedValueTime}`, baseValue: `${baseSplitDate} ${formattedBaseTime}`, viewMode: "addition", diffMode: "sentences", className: cn('flex-1') })] })] })) : (_jsxs("div", { className: cn('flex flex-1 items-center gap-2 truncate [&>span]:truncate'), children: [_jsx(Icon, { name: icon, size: 16 }), _jsx(TextDiff, { value: `${valueSplitDate} ${formattedValueTime}`, baseValue: `${baseSplitDate} ${formattedBaseTime}`, viewMode: viewMode, diffMode: "sentences", className: cn('flex-1') })] })) })] }));
+};
+export default DateTimeInputDiff;
+//# sourceMappingURL=date-time-picker-diff.js.map

package/dist/src/ui/components/data-entry/date-time-picker/subcomponent/date-time-picker-diff.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/dist/src/ui/components/data-entry/date-time-picker/use-date-time-picker.d.ts CHANGED Viewed

@@ -24,6 +24,7 @@ interface DateTimeFieldProps {
     includeContinent?: boolean;
 }
 export declare const formatToISODateTimeWithOffset: (datePart: string, timePart: string, timeZone?: string) => string;
+export declare const parseDateTimeValueToInput: (value: DateFieldValue, dateFormat?: string) => string;
 export declare const useDateTimePicker: ({ value, defaultValue, onChange, onBlur, autoClose, disableFutureDates, disablePastDates, dateFormat, weekStart, minDate, maxDate, timeFormat, timeIntervals, timeZone, showTimezoneSelect, includeContinent, }: DateTimeFieldProps) => {
     isOpen: boolean;
     setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;

package/dist/src/ui/components/data-entry/date-time-picker/use-date-time-picker.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-date-time-picker.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/date-time-picker/use-date-time-picker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAG7D,OAAO,KAAK,EAAkB,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAqBxE,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,YAAY,CAAC,EAAE,cAAc,CAAA;IAE7B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC3D,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAGxD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC5D,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAGlB,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC/D,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED,eAAO,MAAM,6BAA6B,GAAI,UAAU,MAAM,EAAE,UAAU,MAAM,EAAE,WAAW,MAAM,KAAG,MAQrG,CAAA;~~AAmED~~,eAAO,MAAM,iBAAiB,GAAI,iNAqB/B,kBAAkB;;;;0BAqKU,MAAM;;;gCAnBA,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC;sBArF7C,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC;;;2BAtK3D,MAAM,WAAW;oBASd,MAAQ,UAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2WrB,CAAA"}
1	+ {"version":3,"file":"use-date-time-picker.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/date-time-picker/use-date-time-picker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAG7D,OAAO,KAAK,EAAkB,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAqBxE,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,YAAY,CAAC,EAAE,cAAc,CAAA;IAE7B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC3D,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAGxD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC5D,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAGlB,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC/D,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED,eAAO,MAAM,6BAA6B,GAAI,UAAU,MAAM,EAAE,UAAU,MAAM,EAAE,WAAW,MAAM,KAAG,MAQrG,CAAA;AAaD,eAAO,MAAM,yBAAyB,GAAI,OAAO,cAAc,EAAE,mBAAyB,WA2BzF,CAAA;AA2BD,eAAO,MAAM,iBAAiB,GAAI,iNAqB/B,kBAAkB;;;;0BAqKU,MAAM;;;gCAnBA,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC;sBArF7C,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC;;;2BAtK3D,MAAM,WAAW;oBASd,MAAQ,UAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2WrB,CAAA"}