acinguiux-ds-react-framework 0.0.1

package/build/esm/components/DatePicker/components/DateInputField/DateInputField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateInputField.js","sourceRoot":"","sources":["../../../../../../src/components/DatePicker/components/DateInputField/DateInputField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAE3D,OAAO,KAAK,MAAM,sCAAsC,CAAC;AACzD,OAAO,SAAS,MAAM,8BAA8B,CAAC;AACrD,OAAO,KAAK,MAAM,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAGpG,MAAM,cAAc,GAAG,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,EAAwB,EAAE,EAAE,CAAC,CAC/G,MAAC,MAAM,CAAC,cAAc,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,aACnD,KAAC,KAAK,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE,YAClD,QAAQ,GACH,EACR,KAAC,SAAS,IACR,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,CAAC,KAAK,IAAI,KAAK,KAAK,EAAE,IAAI,CAAC,qBAAqB,CAAC,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,OAAO,KAC1F,IAAI,EACR,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,SAAS,EACnB,WAAW,EAAE,iBAAiB,CAAC,QAAQ,CAAC,EACxC,SAAS,EAAE,YAAY,CAAC,QAAQ,CAAC,EACjC,SAAS,EAAE,YAAY,CAAC,QAAQ,CAAC,GACjC,IACoB,CACzB,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import { Sizes, TextTypes } from 'acinguiux-ds-react-base';\n\nimport Label from '../../../Text/components/Label/Label';\nimport TextInput from '../../../TextInput/TextInput';\nimport * as Styled from '../../DatePicker.styles';\nimport { handleLength, handlePlaceholder, handleValueValidation } from '../../utils/dateInputUtils';\nimport { IDateInputFieldProps } from './DateInputField.types';\n\nconst DateInputField = ({ size = Sizes.Medium, id, dateType, value, invalid, ...rest }: IDateInputFieldProps) => (\n  <Styled.DateInputField dateType={dateType} size={size}>\n    <Label size={size} type={TextTypes.Label} htmlFor={id}>\n      {dateType}\n    </Label>\n    <TextInput\n      id={id}\n      size={size}\n      value={value}\n      invalid={(value && value !== '' && !handleValueValidation(dateType, Number(value))) || invalid}\n      {...rest}\n      type=\"text\"\n      inputMode=\"numeric\"\n      placeholder={handlePlaceholder(dateType)}\n      minLength={handleLength(dateType)}\n      maxLength={handleLength(dateType)}\n    />\n  </Styled.DateInputField>\n);\n\nexport default DateInputField;\n"]}

package/build/esm/components/DatePicker/components/DateInputField/DateInputField.types.d.ts

@@ -0,0 +1,10 @@
+import { ITextInputProps } from '../../../TextInput/TextInput.types';
+import { DateInputSize } from '../DateInput/DateInput.types';
+export type DateInputFieldType = 'Day' | 'Month' | 'Year';
+export interface IDateInputFieldProps extends ITextInputProps {
+    size?: DateInputSize;
+    dateType: DateInputFieldType;
+    value?: number | string;
+    invalid?: boolean;
+}
+//# sourceMappingURL=DateInputField.types.d.ts.map

package/build/esm/components/DatePicker/components/DateInputField/DateInputField.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateInputField.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DatePicker/components/DateInputField/DateInputField.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;AAE1D,MAAM,WAAW,oBAAqB,SAAQ,eAAe;IAC3D,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

package/build/esm/components/DatePicker/components/DateInputField/DateInputField.types.js

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

package/build/esm/components/DatePicker/components/DateInputField/DateInputField.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateInputField.types.js","sourceRoot":"","sources":["../../../../../../src/components/DatePicker/components/DateInputField/DateInputField.types.ts"],"names":[],"mappings":"","sourcesContent":["import { ITextInputProps } from '../../../TextInput/TextInput.types';\nimport { DateInputSize } from '../DateInput/DateInput.types';\n\nexport type DateInputFieldType = 'Day' | 'Month' | 'Year';\n\nexport interface IDateInputFieldProps extends ITextInputProps {\n  size?: DateInputSize;\n  dateType: DateInputFieldType;\n  value?: number | string;\n  invalid?: boolean;\n}\n"]}

package/build/esm/components/DatePicker/components/Icons/Icons.d.ts

@@ -0,0 +1,9 @@
+import { ReactElement } from 'react';
+export declare const NextIcon: () => ReactElement;
+export declare const SuperNextIcon: () => ReactElement;
+export declare const PrevIcon: () => ReactElement;
+export declare const SuperPrevIcon: () => ReactElement;
+export declare const SuffixIcon: () => ReactElement;
+export declare const ClearIcon: () => ReactElement;
+export declare const Separator: () => ReactElement;
+//# sourceMappingURL=Icons.d.ts.map

package/build/esm/components/DatePicker/components/Icons/Icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icons.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DatePicker/components/Icons/Icons.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAY5C,eAAO,MAAM,QAAQ,QAAO,YAA6D,CAAC;AAC1F,eAAO,MAAM,aAAa,QAAO,YAA2D,CAAC;AAE7F,eAAO,MAAM,QAAQ,QAAO,YAAgE,CAAC;AAC7F,eAAO,MAAM,aAAa,QAAO,YAA8D,CAAC;AAEhG,eAAO,MAAM,UAAU,QAAO,YAA+D,CAAC;AAE9F,eAAO,MAAM,SAAS,QAAO,YAAuD,CAAC;AAErF,eAAO,MAAM,SAAS,QAAO,YAAgE,CAAC"}

package/build/esm/components/DatePicker/components/Icons/Icons.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ArrowRight, CalendarEvent, CaretLeft, CaretRight, ChevronLeft, ChevronRight, Cross, } from '../../../Icon/components';
+export const NextIcon = () => _jsx(ChevronRight, { width: 20, "aria-label": "Next" });
+export const SuperNextIcon = () => _jsx(CaretRight, { width: 20, "aria-label": "Next" });
+export const PrevIcon = () => _jsx(ChevronLeft, { width: 20, "aria-label": "Previous" });
+export const SuperPrevIcon = () => _jsx(CaretLeft, { width: 20, "aria-label": "Previous" });
+export const SuffixIcon = () => _jsx(CalendarEvent, { width: 20, "aria-label": "Month" });
+export const ClearIcon = () => _jsx(Cross, { width: 20, "aria-label": "Clear" });
+export const Separator = () => _jsx(ArrowRight, { width: 16, "aria-label": "Separator" });
+//# sourceMappingURL=Icons.js.map

package/build/esm/components/DatePicker/components/Icons/Icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icons.js","sourceRoot":"","sources":["../../../../../../src/components/DatePicker/components/Icons/Icons.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,UAAU,EACV,aAAa,EACb,SAAS,EACT,UAAU,EACV,WAAW,EACX,YAAY,EACZ,KAAK,GACN,MAAM,0BAA0B,CAAC;AAElC,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAiB,EAAE,CAAC,KAAC,YAAY,IAAC,KAAK,EAAE,EAAE,gBAAa,MAAM,GAAG,CAAC;AAC1F,MAAM,CAAC,MAAM,aAAa,GAAG,GAAiB,EAAE,CAAC,KAAC,UAAU,IAAC,KAAK,EAAE,EAAE,gBAAa,MAAM,GAAG,CAAC;AAE7F,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAiB,EAAE,CAAC,KAAC,WAAW,IAAC,KAAK,EAAE,EAAE,gBAAa,UAAU,GAAG,CAAC;AAC7F,MAAM,CAAC,MAAM,aAAa,GAAG,GAAiB,EAAE,CAAC,KAAC,SAAS,IAAC,KAAK,EAAE,EAAE,gBAAa,UAAU,GAAG,CAAC;AAEhG,MAAM,CAAC,MAAM,UAAU,GAAG,GAAiB,EAAE,CAAC,KAAC,aAAa,IAAC,KAAK,EAAE,EAAE,gBAAa,OAAO,GAAG,CAAC;AAE9F,MAAM,CAAC,MAAM,SAAS,GAAG,GAAiB,EAAE,CAAC,KAAC,KAAK,IAAC,KAAK,EAAE,EAAE,gBAAa,OAAO,GAAG,CAAC;AAErF,MAAM,CAAC,MAAM,SAAS,GAAG,GAAiB,EAAE,CAAC,KAAC,UAAU,IAAC,KAAK,EAAE,EAAE,gBAAa,WAAW,GAAG,CAAC","sourcesContent":["import React, { ReactElement } from 'react';\n\nimport {\n  ArrowRight,\n  CalendarEvent,\n  CaretLeft,\n  CaretRight,\n  ChevronLeft,\n  ChevronRight,\n  Cross,\n} from '../../../Icon/components';\n\nexport const NextIcon = (): ReactElement => <ChevronRight width={20} aria-label=\"Next\" />;\nexport const SuperNextIcon = (): ReactElement => <CaretRight width={20} aria-label=\"Next\" />;\n\nexport const PrevIcon = (): ReactElement => <ChevronLeft width={20} aria-label=\"Previous\" />;\nexport const SuperPrevIcon = (): ReactElement => <CaretLeft width={20} aria-label=\"Previous\" />;\n\nexport const SuffixIcon = (): ReactElement => <CalendarEvent width={20} aria-label=\"Month\" />;\n\nexport const ClearIcon = (): ReactElement => <Cross width={20} aria-label=\"Clear\" />;\n\nexport const Separator = (): ReactElement => <ArrowRight width={16} aria-label=\"Separator\" />;\n"]}

package/build/esm/components/DatePicker/components/NativeDatePicker/NativeDatePicker.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { INativeDatePickerProps } from './NativeDatePicker.types';
+declare const NativeDatePicker: React.ForwardRefExoticComponent<Omit<INativeDatePickerProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export default NativeDatePicker;
+//# sourceMappingURL=NativeDatePicker.d.ts.map

package/build/esm/components/DatePicker/components/NativeDatePicker/NativeDatePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeDatePicker.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DatePicker/components/NativeDatePicker/NativeDatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AAOxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,gBAAgB,8GAmBrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/build/esm/components/DatePicker/components/NativeDatePicker/NativeDatePicker.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import classNames from 'classnames';
+import { Sizes, DATE_PICKER_CLASS } from 'acinguiux-ds-react-base';
+import * as Styled from '../../DatePicker.styles';
+import { SuffixIcon } from '../Icons/Icons';
+import TextInput from '../../../TextInput/TextInput';
+import { ariaLabel } from '../../DatePicker.consts';
+const NativeDatePicker = forwardRef(({ className, size = Sizes.Medium, type = 'date', pattern, placeholder, ...rest }, ref) => (_jsxs(Styled.NativePicker, { size: size, children: [_jsx(TextInput, { className: classNames(className, DATE_PICKER_CLASS), "aria-label": ariaLabel, size: size, ref: ref, type: type, pattern: pattern, placeholder: placeholder, ...rest }), _jsx(SuffixIcon, {})] })));
+export default NativeDatePicker;
+//# sourceMappingURL=NativeDatePicker.js.map

package/build/esm/components/DatePicker/components/NativeDatePicker/NativeDatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeDatePicker.js","sourceRoot":"","sources":["../../../../../../src/components/DatePicker/components/NativeDatePicker/NativeDatePicker.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAgB,UAAU,EAAE,MAAM,OAAO,CAAC;AAExD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,KAAK,MAAM,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,OAAO,SAAS,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,MAAM,gBAAgB,GAAG,UAAU,CACjC,CACE,EAAE,SAAS,EAAE,IAAI,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,GAAG,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,IAAI,EAA0B,EACxG,GAAmC,EACnC,EAAE,CAAC,CACH,MAAC,MAAM,CAAC,YAAY,IAAC,IAAI,EAAE,IAAI,aAC7B,KAAC,SAAS,IACR,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,iBAAiB,CAAC,gBACvC,SAAS,EACrB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,KACpB,IAAI,GACR,EACF,KAAC,UAAU,KAAG,IACM,CACvB,CACF,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, DATE_PICKER_CLASS } from 'acinguiux-ds-react-base';\n\nimport * as Styled from '../../DatePicker.styles';\nimport { SuffixIcon } from '../Icons/Icons';\nimport { INativeDatePickerProps } from './NativeDatePicker.types';\nimport TextInput from '../../../TextInput/TextInput';\nimport { ariaLabel } from '../../DatePicker.consts';\n\nconst NativeDatePicker = forwardRef(\n  (\n    { className, size = Sizes.Medium, type = 'date', pattern, placeholder, ...rest }: INativeDatePickerProps,\n    ref: ForwardedRef<HTMLInputElement>,\n  ) => (\n    <Styled.NativePicker size={size}>\n      <TextInput\n        className={classNames(className, DATE_PICKER_CLASS)}\n        aria-label={ariaLabel}\n        size={size}\n        ref={ref}\n        type={type}\n        pattern={pattern}\n        placeholder={placeholder}\n        {...rest}\n      />\n      <SuffixIcon />\n    </Styled.NativePicker>\n  ),\n);\n\nexport default NativeDatePicker;\n"]}

package/build/esm/components/DatePicker/components/NativeDatePicker/NativeDatePicker.stories.d.ts

@@ -0,0 +1,10 @@
+import { StoryFn } from '@storybook/react';
+import { INativeDatePickerProps } from './NativeDatePicker.types';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: StoryFn<INativeDatePickerProps>;
+export declare const DateTime: StoryFn<INativeDatePickerProps>;
+export declare const Disabled: StoryFn<INativeDatePickerProps>;
+export declare const Invalid: StoryFn<INativeDatePickerProps>;
+export declare const ManagedInput: StoryFn<INativeDatePickerProps>;
+//# sourceMappingURL=NativeDatePicker.stories.d.ts.map

package/build/esm/components/DatePicker/components/NativeDatePicker/NativeDatePicker.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeDatePicker.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DatePicker/components/NativeDatePicker/NativeDatePicker.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAQ,MAAM,kBAAkB,CAAC;AAMjD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;;AAGlE,wBAoBU;AAEV,eAAO,MAAM,OAAO,EAAE,OAAO,CAAC,sBAAsB,CAA4C,CAAC;AAEjG,eAAO,MAAM,QAAQ,EAAE,OAAO,CAAC,sBAAsB,CAAkE,CAAC;AAExH,eAAO,MAAM,QAAQ,EAAE,OAAO,CAAC,sBAAsB,CAAqD,CAAC;AAE3G,eAAO,MAAM,OAAO,EAAE,OAAO,CAAC,sBAAsB,CAAoD,CAAC;AAEzG,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,sBAAsB,CAaxD,CAAC"}

package/build/esm/components/DatePicker/components/NativeDatePicker/NativeDatePicker.stories.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Sizes } from 'acinguiux-ds-react-base';
+import Grid from '../../../Grid/Grid';
+import Text from '../../../Text/components/Text/Text';
+import NativeDatePicker from './NativeDatePicker';
+import { GITHUB_COMPONENT_BASE_URL } from '../../../../utils/storybookUtils';
+export default {
+    title: 'Data Input/Date Picker/Native Date Picker',
+    component: NativeDatePicker,
+    parameters: {
+        storyLink: `${GITHUB_COMPONENT_BASE_URL}/DatePicker/components/NativeDatePicker/NativeDatePicker.stories.tsx`,
+    },
+    argTypes: {
+        className: { control: 'text' },
+        disabled: { control: 'boolean' },
+        hidePicker: { control: 'boolean' },
+        invalid: { control: 'boolean' },
+        size: {
+            options: [Sizes.Small, Sizes.Medium, Sizes.Large],
+            control: 'radio',
+        },
+        type: {
+            options: ['date', 'datetime-local'],
+            control: 'radio',
+        },
+    },
+};
+export const Default = (args) => _jsx(NativeDatePicker, { ...args });
+export const DateTime = (args) => _jsx(NativeDatePicker, { type: "datetime-local", ...args });
+export const Disabled = (args) => _jsx(NativeDatePicker, { disabled: true, ...args });
+export const Invalid = (args) => _jsx(NativeDatePicker, { invalid: true, ...args });
+export const ManagedInput = (args) => {
+    const [value, setValue] = useState('');
+    const handleOnChange = (e) => {
+        setValue(e.target.value);
+    };
+    return (_jsxs(Grid, { gap: "24px", children: [_jsx(NativeDatePicker, { ...args, value: value, onChange: handleOnChange }), _jsxs(Text, { children: ["Selected date: ", value] })] }));
+};
+//# sourceMappingURL=NativeDatePicker.stories.js.map

package/build/esm/components/DatePicker/components/NativeDatePicker/NativeDatePicker.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeDatePicker.stories.js","sourceRoot":"","sources":["../../../../../../src/components/DatePicker/components/NativeDatePicker/NativeDatePicker.stories.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAsB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG5D,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAEhD,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,IAAI,MAAM,oCAAoC,CAAC;AACtD,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD,OAAO,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAC;AAE7E,eAAe;IACb,KAAK,EAAE,2CAA2C;IAClD,SAAS,EAAE,gBAAgB;IAC3B,UAAU,EAAE;QACV,SAAS,EAAE,GAAG,yBAAyB,sEAAsE;KAC9G;IACD,QAAQ,EAAE;QACR,SAAS,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC9B,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAChC,UAAU,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAClC,OAAO,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/B,IAAI,EAAE;YACJ,OAAO,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC;YACjD,OAAO,EAAE,OAAO;SACjB;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,CAAC,MAAM,EAAE,gBAAgB,CAAC;YACnC,OAAO,EAAE,OAAO;SACjB;KACF;CACM,CAAC;AAEV,MAAM,CAAC,MAAM,OAAO,GAAoC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,gBAAgB,OAAK,IAAI,GAAI,CAAC;AAEjG,MAAM,CAAC,MAAM,QAAQ,GAAoC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,gBAAgB,IAAC,IAAI,EAAC,gBAAgB,KAAK,IAAI,GAAI,CAAC;AAExH,MAAM,CAAC,MAAM,QAAQ,GAAoC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,gBAAgB,IAAC,QAAQ,WAAK,IAAI,GAAI,CAAC;AAE3G,MAAM,CAAC,MAAM,OAAO,GAAoC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,gBAAgB,IAAC,OAAO,WAAK,IAAI,GAAI,CAAC;AAEzG,MAAM,CAAC,MAAM,YAAY,GAAoC,CAAC,IAAI,EAAE,EAAE;IACpE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEvC,MAAM,cAAc,GAAyC,CAAC,CAAC,EAAE,EAAE;QACjE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IAAC,GAAG,EAAC,MAAM,aACd,KAAC,gBAAgB,OAAK,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,GAAI,EACtE,MAAC,IAAI,kCAAiB,KAAK,IAAQ,IAC9B,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React, { ChangeEventHandler, useState } from 'react';\n\nimport { StoryFn, Meta } from '@storybook/react';\nimport { Sizes } from 'acinguiux-ds-react-base';\n\nimport Grid from '../../../Grid/Grid';\nimport Text from '../../../Text/components/Text/Text';\nimport NativeDatePicker from './NativeDatePicker';\nimport { INativeDatePickerProps } from './NativeDatePicker.types';\nimport { GITHUB_COMPONENT_BASE_URL } from '../../../../utils/storybookUtils';\n\nexport default {\n  title: 'Data Input/Date Picker/Native Date Picker',\n  component: NativeDatePicker,\n  parameters: {\n    storyLink: `${GITHUB_COMPONENT_BASE_URL}/DatePicker/components/NativeDatePicker/NativeDatePicker.stories.tsx`,\n  },\n  argTypes: {\n    className: { control: 'text' },\n    disabled: { control: 'boolean' },\n    hidePicker: { control: 'boolean' },\n    invalid: { control: 'boolean' },\n    size: {\n      options: [Sizes.Small, Sizes.Medium, Sizes.Large],\n      control: 'radio',\n    },\n    type: {\n      options: ['date', 'datetime-local'],\n      control: 'radio',\n    },\n  },\n} as Meta;\n\nexport const Default: StoryFn<INativeDatePickerProps> = (args) => <NativeDatePicker {...args} />;\n\nexport const DateTime: StoryFn<INativeDatePickerProps> = (args) => <NativeDatePicker type=\"datetime-local\" {...args} />;\n\nexport const Disabled: StoryFn<INativeDatePickerProps> = (args) => <NativeDatePicker disabled {...args} />;\n\nexport const Invalid: StoryFn<INativeDatePickerProps> = (args) => <NativeDatePicker invalid {...args} />;\n\nexport const ManagedInput: StoryFn<INativeDatePickerProps> = (args) => {\n  const [value, setValue] = useState('');\n\n  const handleOnChange: ChangeEventHandler<HTMLInputElement> = (e) => {\n    setValue(e.target.value);\n  };\n\n  return (\n    <Grid gap=\"24px\">\n      <NativeDatePicker {...args} value={value} onChange={handleOnChange} />\n      <Text>Selected date: {value}</Text>\n    </Grid>\n  );\n};\n"]}

package/build/esm/components/DatePicker/components/NativeDatePicker/NativeDatePicker.test.d.ts

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

package/build/esm/components/DatePicker/components/NativeDatePicker/NativeDatePicker.test.d.ts.map

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

package/build/esm/components/DatePicker/components/NativeDatePicker/NativeDatePicker.test.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Sizes } from 'acinguiux-ds-react-base';
+import { render, describe, it, expect } from '../../../../utils/viTestUtils';
+import NativeDatePicker from './NativeDatePicker';
+const sizes = [[Sizes.Large], [Sizes.Medium]];
+describe('NativeDatePicker component', () => {
+    it.each(sizes)('should render %s size', (size) => {
+        const { container } = render(_jsx(NativeDatePicker, { size: size }));
+        expect(container.firstChild).toBeInTheDocument();
+    });
+    it('should render with all props', () => {
+        const { container } = render(_jsx(NativeDatePicker, { className: "custom-class-name", invalid: true, disabled: true }));
+        expect(container.querySelector('.custom-class-name')).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=NativeDatePicker.test.js.map

package/build/esm/components/DatePicker/components/NativeDatePicker/NativeDatePicker.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeDatePicker.test.js","sourceRoot":"","sources":["../../../../../../src/components/DatePicker/components/NativeDatePicker/NativeDatePicker.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAE7E,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD,MAAM,KAAK,GAAuB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;AAElE,QAAQ,CAAC,4BAA4B,EAAE,GAAG,EAAE;IAC1C,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,uBAAuB,EAAE,CAAC,IAAoB,EAAE,EAAE;QAC/D,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC,CAAC;QAC/D,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,gBAAgB,IAAC,SAAS,EAAC,mBAAmB,EAAC,OAAO,QAAC,QAAQ,SAAG,CAAC,CAAC;QAClG,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC5E,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base';\n\nimport { render, describe, it, expect } from '../../../../utils/viTestUtils';\nimport { DatePickerSize } from '../../DatePicker.types';\nimport NativeDatePicker from './NativeDatePicker';\n\nconst sizes: [DatePickerSize][] = [[Sizes.Large], [Sizes.Medium]];\n\ndescribe('NativeDatePicker component', () => {\n  it.each(sizes)('should render %s size', (size: DatePickerSize) => {\n    const { container } = render(<NativeDatePicker size={size} />);\n    expect(container.firstChild).toBeInTheDocument();\n  });\n\n  it('should render with all props', () => {\n    const { container } = render(<NativeDatePicker className=\"custom-class-name\" invalid disabled />);\n    expect(container.querySelector('.custom-class-name')).toBeInTheDocument();\n  });\n});\n"]}

package/build/esm/components/DatePicker/components/NativeDatePicker/NativeDatePicker.types.d.ts

@@ -0,0 +1,7 @@
+import { ITextInputProps } from '../../../TextInput/TextInput.types';
+export type NativeDatePickerType = 'date' | 'datetime-local';
+export interface INativeDatePickerProps extends ITextInputProps {
+    type?: NativeDatePickerType;
+    hidePicker?: boolean;
+}
+//# sourceMappingURL=NativeDatePicker.types.d.ts.map

package/build/esm/components/DatePicker/components/NativeDatePicker/NativeDatePicker.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeDatePicker.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DatePicker/components/NativeDatePicker/NativeDatePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAErE,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,gBAAgB,CAAC;AAE7D,MAAM,WAAW,sBAAuB,SAAQ,eAAe;IAC7D,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}

package/build/esm/components/DatePicker/components/NativeDatePicker/NativeDatePicker.types.js

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

package/build/esm/components/DatePicker/components/NativeDatePicker/NativeDatePicker.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeDatePicker.types.js","sourceRoot":"","sources":["../../../../../../src/components/DatePicker/components/NativeDatePicker/NativeDatePicker.types.ts"],"names":[],"mappings":"","sourcesContent":["import { ITextInputProps } from '../../../TextInput/TextInput.types';\n\nexport type NativeDatePickerType = 'date' | 'datetime-local';\n\nexport interface INativeDatePickerProps extends ITextInputProps {\n  type?: NativeDatePickerType;\n  hidePicker?: boolean;\n}\n"]}

package/build/esm/components/DatePicker/components/RangeDatePicker/RangeDatePicker.d.ts

@@ -0,0 +1,5 @@
+import { ReactElement } from 'react';
+import { IRangePickerProps } from './RangeDatePicker.types';
+declare function RangeDatePicker<T>({ className, size, invalid, elevation, float, dropdownAlign, ...rest }: IRangePickerProps<T>): ReactElement;
+export default RangeDatePicker;
+//# sourceMappingURL=RangeDatePicker.d.ts.map

package/build/esm/components/DatePicker/components/RangeDatePicker/RangeDatePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeDatePicker.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DatePicker/components/RangeDatePicker/RangeDatePicker.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAU,MAAM,OAAO,CAAC;AAapD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAG5D,iBAAS,eAAe,CAAC,CAAC,EAAE,EAC1B,SAAS,EACT,IAAmB,EACnB,OAAe,EACf,SAAS,EACT,KAAK,EACL,aAAa,EACb,GAAG,IAAI,EACR,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,YAAY,CAoDrC;AAED,eAAe,eAAe,CAAC"}

package/build/esm/components/DatePicker/components/RangeDatePicker/RangeDatePicker.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef } from 'react';
+import classNames from 'classnames';
+import { RangePicker } from 'rc-picker';
+import dayJsGenerateConfig from 'rc-picker/lib/generate/dayjs';
+import enGB from 'rc-picker/lib/locale/en_GB';
+import { Sizes, Variants, DATE_PICKER_CLASS } from 'acinguiux-ds-react-base';
+import { ariaLabel, datePickerConsts } from '../../DatePicker.consts';
+import Button from '../../../Button/Button';
+import * as Styled from '../../DatePicker.styles';
+import { ClearIcon, NextIcon, PrevIcon, Separator, SuffixIcon, SuperNextIcon, SuperPrevIcon } from '../Icons/Icons';
+import { getElevation } from '../../../../utils/styleUtils';
+function RangeDatePicker({ className, size = Sizes.Medium, invalid = false, elevation, float, dropdownAlign, ...rest }) {
+    const container = useRef(null);
+    const innerElevation = getElevation(elevation, float);
+    const pickerProps = {
+        dropdownAlign: {
+            ...dropdownAlign,
+            offset: [0, innerElevation ? 20 : 0],
+        },
+        prefixCls: DATE_PICKER_CLASS,
+        getPopupContainer: () => container.current,
+        separator: _jsx(Separator, {}),
+        showToday: false,
+        nextIcon: _jsx(NextIcon, {}),
+        superNextIcon: _jsx(SuperNextIcon, {}),
+        prevIcon: _jsx(PrevIcon, {}),
+        superPrevIcon: _jsx(SuperPrevIcon, {}),
+        suffixIcon: _jsx(SuffixIcon, {}),
+        allowClear: true,
+        clearIcon: (_jsx(Button, { size: datePickerConsts[size].clearSize, variant: Variants.Transparent, icon: _jsx(ClearIcon, {}), iconOnly: true, "aria-label": "Clear entry" })),
+        locale: enGB,
+        format: 'DD MMM YYYY',
+        'aria-label': ariaLabel,
+    };
+    const datePickerWrapperProps = {
+        className: classNames(DATE_PICKER_CLASS, className),
+        prefixCls: DATE_PICKER_CLASS,
+        ref: container,
+        size,
+        $invalid: invalid,
+        $elevation: innerElevation,
+    };
+    return (_jsx(Styled.DatePickerWrapper, { ...datePickerWrapperProps, children: rest.config === 'custom' ? (_jsx(RangePicker, { ...pickerProps, ...rest })) : (_jsx(RangePicker, { ...pickerProps, generateConfig: dayJsGenerateConfig, ...rest })) }));
+}
+export default RangeDatePicker;
+//# sourceMappingURL=RangeDatePicker.js.map

package/build/esm/components/DatePicker/components/RangeDatePicker/RangeDatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeDatePicker.js","sourceRoot":"","sources":["../../../../../../src/components/DatePicker/components/RangeDatePicker/RangeDatePicker.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAgB,MAAM,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,mBAAmB,MAAM,8BAA8B,CAAC;AAC/D,OAAO,IAAI,MAAM,4BAA4B,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE7E,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AACtE,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,OAAO,KAAK,MAAM,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpH,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D,SAAS,eAAe,CAAI,EAC1B,SAAS,EACT,IAAI,GAAG,KAAK,CAAC,MAAM,EACnB,OAAO,GAAG,KAAK,EACf,SAAS,EACT,KAAK,EACL,aAAa,EACb,GAAG,IAAI,EACc;IACrB,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE/C,MAAM,cAAc,GAAG,YAAY,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAEtD,MAAM,WAAW,GAAG;QAClB,aAAa,EAAE;YACb,GAAG,aAAa;YAChB,MAAM,EAAE,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;SACrC;QACD,SAAS,EAAE,iBAAiB;QAC5B,iBAAiB,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,OAAsB;QACzD,SAAS,EAAE,KAAC,SAAS,KAAG;QACxB,SAAS,EAAE,KAAK;QAChB,QAAQ,EAAE,KAAC,QAAQ,KAAG;QACtB,aAAa,EAAE,KAAC,aAAa,KAAG;QAChC,QAAQ,EAAE,KAAC,QAAQ,KAAG;QACtB,aAAa,EAAE,KAAC,aAAa,KAAG;QAChC,UAAU,EAAE,KAAC,UAAU,KAAG;QAC1B,UAAU,EAAE,IAAI;QAChB,SAAS,EAAE,CACT,KAAC,MAAM,IACL,IAAI,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC,SAAS,EACtC,OAAO,EAAE,QAAQ,CAAC,WAAW,EAC7B,IAAI,EAAE,KAAC,SAAS,KAAG,EACnB,QAAQ,sBACG,aAAa,GACxB,CACH;QACD,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,aAAa;QACrB,YAAY,EAAE,SAAS;KACxB,CAAC;IAEF,MAAM,sBAAsB,GAAG;QAC7B,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,SAAS,CAAC;QACnD,SAAS,EAAE,iBAAiB;QAC5B,GAAG,EAAE,SAAS;QACd,IAAI;QACJ,QAAQ,EAAE,OAAO;QACjB,UAAU,EAAE,cAAc;KAC3B,CAAC;IAEF,OAAO,CACL,KAAC,MAAM,CAAC,iBAAiB,OAAK,sBAAsB,YACjD,IAAI,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC1B,KAAC,WAAW,OAAQ,WAAW,KAAM,IAAI,GAAI,CAC9C,CAAC,CAAC,CAAC,CACF,KAAC,WAAW,OAAY,WAAW,EAAE,cAAc,EAAE,mBAAmB,KAAM,IAAI,GAAI,CACvF,GACwB,CAC5B,CAAC;AACJ,CAAC;AAED,eAAe,eAAe,CAAC","sourcesContent":["import React, { ReactElement, useRef } from 'react';\n\nimport classNames from 'classnames';\nimport { Dayjs } from 'dayjs';\nimport { RangePicker } from 'rc-picker';\nimport dayJsGenerateConfig from 'rc-picker/lib/generate/dayjs';\nimport enGB from 'rc-picker/lib/locale/en_GB';\nimport { Sizes, Variants, DATE_PICKER_CLASS } from 'acinguiux-ds-react-base';\n\nimport { ariaLabel, datePickerConsts } from '../../DatePicker.consts';\nimport Button from '../../../Button/Button';\nimport * as Styled from '../../DatePicker.styles';\nimport { ClearIcon, NextIcon, PrevIcon, Separator, SuffixIcon, SuperNextIcon, SuperPrevIcon } from '../Icons/Icons';\nimport { IRangePickerProps } from './RangeDatePicker.types';\nimport { getElevation } from '../../../../utils/styleUtils';\n\nfunction RangeDatePicker<T>({\n  className,\n  size = Sizes.Medium,\n  invalid = false,\n  elevation,\n  float,\n  dropdownAlign,\n  ...rest\n}: IRangePickerProps<T>): ReactElement {\n  const container = useRef<HTMLDivElement>(null);\n\n  const innerElevation = getElevation(elevation, float);\n\n  const pickerProps = {\n    dropdownAlign: {\n      ...dropdownAlign,\n      offset: [0, innerElevation ? 20 : 0],\n    },\n    prefixCls: DATE_PICKER_CLASS,\n    getPopupContainer: () => container.current as HTMLElement,\n    separator: <Separator />,\n    showToday: false,\n    nextIcon: <NextIcon />,\n    superNextIcon: <SuperNextIcon />,\n    prevIcon: <PrevIcon />,\n    superPrevIcon: <SuperPrevIcon />,\n    suffixIcon: <SuffixIcon />,\n    allowClear: true,\n    clearIcon: (\n      <Button\n        size={datePickerConsts[size].clearSize}\n        variant={Variants.Transparent}\n        icon={<ClearIcon />}\n        iconOnly\n        aria-label=\"Clear entry\"\n      />\n    ),\n    locale: enGB,\n    format: 'DD MMM YYYY',\n    'aria-label': ariaLabel,\n  };\n\n  const datePickerWrapperProps = {\n    className: classNames(DATE_PICKER_CLASS, className),\n    prefixCls: DATE_PICKER_CLASS,\n    ref: container,\n    size,\n    $invalid: invalid,\n    $elevation: innerElevation,\n  };\n\n  return (\n    <Styled.DatePickerWrapper {...datePickerWrapperProps}>\n      {rest.config === 'custom' ? (\n        <RangePicker<T> {...pickerProps} {...rest} />\n      ) : (\n        <RangePicker<Dayjs> {...pickerProps} generateConfig={dayJsGenerateConfig} {...rest} />\n      )}\n    </Styled.DatePickerWrapper>\n  );\n}\n\nexport default RangeDatePicker;\n"]}

package/build/esm/components/DatePicker/components/RangeDatePicker/RangeDatePicker.stories.d.ts

@@ -0,0 +1,21 @@
+import { StoryFn } from '@storybook/react';
+import { Dayjs } from 'dayjs';
+import { Moment } from 'moment';
+import RangeDatePicker from './RangeDatePicker';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: StoryFn<typeof RangeDatePicker>;
+export declare const WithDisabledDates: StoryFn<typeof RangeDatePicker>;
+export declare const Disabled: StoryFn<typeof RangeDatePicker>;
+export declare const Invalid: StoryFn<typeof RangeDatePicker>;
+export declare const AlwaysOpen: StoryFn<typeof RangeDatePicker>;
+export declare const NoElevation: StoryFn<typeof RangeDatePicker>;
+export declare const CustomFormat: StoryFn<typeof RangeDatePicker>;
+export declare const CustomDayJSLocale: StoryFn<typeof RangeDatePicker>;
+export declare const WithTime: StoryFn<typeof RangeDatePicker>;
+export declare const CustomMomentLocale: StoryFn<typeof RangeDatePicker<Moment>>;
+export declare const CustomPicker: StoryFn<typeof RangeDatePicker>;
+export declare const ShowTodayButton: StoryFn<typeof RangeDatePicker>;
+export declare const ManagedInput: StoryFn<typeof RangeDatePicker<Dayjs>>;
+export declare const DropdownAlign: StoryFn<typeof RangeDatePicker>;
+//# sourceMappingURL=RangeDatePicker.stories.d.ts.map

package/build/esm/components/DatePicker/components/RangeDatePicker/RangeDatePicker.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeDatePicker.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DatePicker/components/RangeDatePicker/RangeDatePicker.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAQ,MAAM,kBAAkB,CAAC;AACjD,OAAc,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAIrC,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAUhC,OAAO,eAAe,MAAM,mBAAmB,CAAC;;AAShD,wBAiCU;AAEV,eAAO,MAAM,OAAO,EAAE,OAAO,CAAC,OAAO,eAAe,CAQnD,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,OAAO,eAAe,CAI7D,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,OAAO,CAAC,OAAO,eAAe,CAEpD,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,OAAO,CAAC,OAAO,eAAe,CAEnD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,OAAO,CAAC,OAAO,eAAe,CAEtD,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,OAAO,CAAC,OAAO,eAAe,CAEvD,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,OAAO,eAAe,CAoBxD,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,OAAO,eAAe,CAU7D,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,OAAO,CAAC,OAAO,eAAe,CA+BpD,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,OAAO,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,CAuBtE,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,OAAO,eAAe,CAcxD,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,OAAO,eAAe,CAE3D,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CA4B/D,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,OAAO,CAAC,OAAO,eAAe,CAMzD,CAAC"}

package/build/esm/components/DatePicker/components/RangeDatePicker/RangeDatePicker.stories.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import dayjs from 'dayjs';
+import localeData from 'dayjs/plugin/localeData';
+import updateLocale from 'dayjs/plugin/updateLocale';
+import weekday from 'dayjs/plugin/weekday';
+import momentGenerateConfig from 'rc-picker/lib/generate/moment';
+import us from 'rc-picker/lib/locale/en_US';
+import es from 'rc-picker/lib/locale/es_ES';
+import pl from 'rc-picker/lib/locale/pl_PL';
+import { Sizes } from 'acinguiux-ds-react-base';
+import { TRIGGER_OVERFLOW } from '../../../../utils/constants';
+import Grid from '../../../Grid/Grid';
+import Text from '../../../Text/components/Text/Text';
+import RangeDatePicker from './RangeDatePicker';
+import StoryDisclaimer from '../../../_internalComponents/StoryDisclaimer/StoryDisclaimer';
+import { GITHUB_COMPONENT_BASE_URL } from '../../../../utils/storybookUtils';
+dayjs.extend(weekday);
+dayjs.extend(localeData);
+dayjs.extend(updateLocale);
+export default {
+    title: 'Data Input/Date Picker/Range Date Picker',
+    component: RangeDatePicker,
+    parameters: {
+        storyLink: `${GITHUB_COMPONENT_BASE_URL}/DatePicker/components/RangeDatePicker/RangeDatePicker.stories.tsx`,
+    },
+    argTypes: {
+        className: { control: 'text' },
+        disabled: { control: 'boolean' },
+        elevation: { control: 'boolean' },
+        format: { control: 'object', description: 'Insert array of strings, like: ["YYYY-MMM-DD", "YYYY-MMM-DD"]' },
+        invalid: { control: 'boolean' },
+        open: { control: 'boolean' },
+        placeholder: { control: 'object', description: 'Insert array of strings, like: ["Start date", "End date"]' },
+        picker: {
+            control: 'radio',
+            options: ['time', 'date', 'week', 'month', 'quarter', 'year'],
+        },
+        showToday: { control: 'boolean' },
+        size: {
+            options: [Sizes.Small, Sizes.Medium, Sizes.Large],
+            control: 'radio',
+        },
+    },
+    decorators: [
+        (ResetLocale) => {
+            dayjs.updateLocale('en', {
+                weekStart: 0,
+            });
+            return _jsx(ResetLocale, {});
+        },
+    ],
+};
+export const Default = (args) => (_jsxs(Grid, { rowGap: "24px", children: [_jsx(RangeDatePicker, { placeholder: ['Start date', 'Finish date'], ...args }), _jsxs(Grid, { flow: "column", children: [_jsx(RangeDatePicker, { placeholder: ['Start date', 'Finish date'], ...args }), _jsx(RangeDatePicker, { placeholder: ['Start date', 'Finish date'], ...args })] })] }));
+export const WithDisabledDates = () => {
+    const disabledDate = (current) => (current ? current.isBefore(new Date(), 'date') : false);
+    return _jsx(RangeDatePicker, { placeholder: ['Disabled initial date', 'Disabled end date'], disabledDate: disabledDate });
+};
+export const Disabled = (args) => (_jsx(RangeDatePicker, { disabled: true, placeholder: ['DD MMM YYYY', 'DD MMM YYYY'], ...args }));
+export const Invalid = (args) => (_jsx(RangeDatePicker, { invalid: true, placeholder: ['DD MMM YYYY', 'DD MMM YYYY'], ...args }));
+export const AlwaysOpen = (args) => (_jsx(RangeDatePicker, { open: true, placeholder: ['DD MMM YYYY', 'DD MMM YYYY'], ...args }));
+export const NoElevation = (args) => (_jsx(RangeDatePicker, { elevation: false, open: true, autoFocus: true, placeholder: ['DD MMM YYYY', 'DD MMM YYYY'], ...args }));
+export const CustomFormat = (args) => (_jsxs(Grid, { rowGap: "24px", children: [_jsx(RangeDatePicker, { placeholder: ['DD MMM YYYY', 'DD MMM YYYY'], ...args }), _jsxs(Grid, { flow: "column", children: [_jsx(RangeDatePicker, { placeholder: ['DD/MM/YY', 'DD/MM/YY'], ...args, format: "DD/MM/YY" }), _jsx(RangeDatePicker, { placeholder: ['MM dddd YY', 'MM dddd YY'], ...args, format: "MM dddd YY" })] }), _jsxs(Grid, { flow: "column", children: [_jsx(RangeDatePicker, { placeholder: ['MMMM D, Y', 'MMMM D, Y'], ...args, format: "MMMM D, Y" }), _jsx(RangeDatePicker, { placeholder: ['M/D/YY', 'M/D/YY'], ...args, format: "M/D/YY" })] }), _jsx(Grid, { flow: "column", children: _jsx(RangeDatePicker, { placeholder: ['DD/MM/YY H:mm:ss', 'DD/MM/YY H:mm:ss'], showTime: true, ...args, format: "DD/MM/YY H:mm:ss" }) })] }));
+export const CustomDayJSLocale = (args) => {
+    dayjs.updateLocale('en', {
+        weekStart: 1,
+    });
+    return (_jsx(Grid, { rowGap: "24px", children: _jsx(RangeDatePicker, { ...args, placeholder: ['Monday starts the week... ', 'Monday starts the week... '] }) }));
+};
+export const WithTime = (args) => (_jsxs(Grid, { rowGap: "24px", children: [_jsx(RangeDatePicker, { "aria-label": "With time", placeholder: ['With time selector', ''], showTime: true, ...args, format: "DD/MM/YY H:mm:ss" }), _jsx(RangeDatePicker, { "aria-label": "With time", placeholder: ['Time selector without seconds', ''], showTime: { showSecond: false }, ...args, format: "DD/MM/YY H:mm" }), _jsx(RangeDatePicker, { "aria-label": "With time", placeholder: ['Time selector with minute steps', ''], showTime: { showSecond: false, minuteStep: 15 }, ...args, format: "DD/MM/YY H:mm" }), _jsx(RangeDatePicker, { "aria-label": "With time", placeholder: ['12-hour format', ''], showTime: { use12Hours: true }, ...args, format: "DD/MM/YY H:mm" })] }));
+export const CustomMomentLocale = () => (_jsxs(Grid, { rowGap: "24px", children: [_jsx(RangeDatePicker, { config: "custom", generateConfig: momentGenerateConfig, locale: us, placeholder: ['Locale: EN_US', 'Locale: EN_US'] }), _jsxs(Grid, { flow: "column", children: [_jsx(RangeDatePicker, { config: "custom", generateConfig: momentGenerateConfig, locale: pl, placeholder: ['Locale: PL', 'Locale: PL'] }), _jsx(RangeDatePicker, { config: "custom", generateConfig: momentGenerateConfig, locale: es, placeholder: ['Locale: ES', 'Locale: ES'] })] })] }));
+export const CustomPicker = (args) => (_jsxs(Grid, { rowGap: "24px", children: [_jsx(RangeDatePicker, { placeholder: ['Date mode', 'Date mode'], picker: "date", ...args }), _jsx(RangeDatePicker, { placeholder: ['Date mode with time', 'Date mode with time'], picker: "date", showTime: true, format: "DD YY MMM H:mm:ss", ...args }), _jsx(RangeDatePicker, { placeholder: ['Week mode', 'Date mode'], picker: "week", format: "w", ...args }), _jsx(RangeDatePicker, { placeholder: ['Month mode', 'Date mode'], picker: "month", format: "MMM", ...args }), _jsx(RangeDatePicker, { placeholder: ['Year mode', 'Date mode'], picker: "year", format: "YYYY", ...args })] }));
+export const ShowTodayButton = (args) => (_jsx(RangeDatePicker, { showToday: true, placeholder: ['DD MMM YYYY', 'DD MMM YYYY'], ...args }));
+export const ManagedInput = (args) => {
+    const [value, setValue] = useState();
+    const alert = (_jsxs(_Fragment, { children: [_jsx("b", { children: "IMPORTANT" }), ": If you initialize the date picker value with your own DayJS instance, you have to add the following code to have the needed plugin extensions."] }));
+    const code = (_jsxs(_Fragment, { children: [_jsx("code", { children: "import localeData from 'dayjs/plugin/localeData';" }), _jsx("code", { children: "import weekday from 'dayjs/plugin/weekday';" }), _jsx("code", { children: "dayjs.extend(weekday);" }), _jsx("code", { children: "dayjs.extend(localeData);" })] }));
+    return (_jsxs(Grid, { rowGap: "24px", children: [_jsx(RangeDatePicker, { "aria-label": "Pick dates for the story Birthday", onChange: (v) => setValue(v), ...args }), _jsxs(Text, { children: ["Start selected ISO time: ", value && value[0] && value[0].toISOString()] }), _jsxs(Text, { children: ["End selected ISO time: ", value && value[1] && value[1].toISOString()] }), _jsx(StoryDisclaimer, { alert: alert, code: code })] }));
+};
+export const DropdownAlign = (args) => (_jsx(RangeDatePicker, { placeholder: ['DD MMM YYYY', 'DD MMM YYYY'], dropdownAlign: { overflow: TRIGGER_OVERFLOW }, ...args }));
+//# sourceMappingURL=RangeDatePicker.stories.js.map

package/build/esm/components/DatePicker/components/RangeDatePicker/RangeDatePicker.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeDatePicker.stories.js","sourceRoot":"","sources":["../../../../../../src/components/DatePicker/components/RangeDatePicker/RangeDatePicker.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\n\nimport { StoryFn, Meta } from '@storybook/react';\nimport dayjs, { Dayjs } from 'dayjs';\nimport localeData from 'dayjs/plugin/localeData';\nimport updateLocale from 'dayjs/plugin/updateLocale';\nimport weekday from 'dayjs/plugin/weekday';\nimport { Moment } from 'moment';\nimport momentGenerateConfig from 'rc-picker/lib/generate/moment';\nimport us from 'rc-picker/lib/locale/en_US';\nimport es from 'rc-picker/lib/locale/es_ES';\nimport pl from 'rc-picker/lib/locale/pl_PL';\nimport { Sizes } from 'acinguiux-ds-react-base';\n\nimport { TRIGGER_OVERFLOW } from '../../../../utils/constants';\nimport Grid from '../../../Grid/Grid';\nimport Text from '../../../Text/components/Text/Text';\nimport RangeDatePicker from './RangeDatePicker';\nimport { RangePickerValueType } from './RangeDatePicker.types';\nimport StoryDisclaimer from '../../../_internalComponents/StoryDisclaimer/StoryDisclaimer';\nimport { GITHUB_COMPONENT_BASE_URL } from '../../../../utils/storybookUtils';\n\ndayjs.extend(weekday);\ndayjs.extend(localeData);\ndayjs.extend(updateLocale);\n\nexport default {\n  title: 'Data Input/Date Picker/Range Date Picker',\n  component: RangeDatePicker,\n  parameters: {\n    storyLink: `${GITHUB_COMPONENT_BASE_URL}/DatePicker/components/RangeDatePicker/RangeDatePicker.stories.tsx`,\n  },\n  argTypes: {\n    className: { control: 'text' },\n    disabled: { control: 'boolean' },\n    elevation: { control: 'boolean' },\n    format: { control: 'object', description: 'Insert array of strings, like: [\"YYYY-MMM-DD\", \"YYYY-MMM-DD\"]' },\n    invalid: { control: 'boolean' },\n    open: { control: 'boolean' },\n    placeholder: { control: 'object', description: 'Insert array of strings, like: [\"Start date\", \"End date\"]' },\n    picker: {\n      control: 'radio',\n      options: ['time', 'date', 'week', 'month', 'quarter', 'year'],\n    },\n    showToday: { control: 'boolean' },\n    size: {\n      options: [Sizes.Small, Sizes.Medium, Sizes.Large],\n      control: 'radio',\n    },\n  },\n  decorators: [\n    (ResetLocale) => {\n      dayjs.updateLocale('en', {\n        weekStart: 0,\n      });\n\n      return <ResetLocale />;\n    },\n  ],\n} as Meta;\n\nexport const Default: StoryFn<typeof RangeDatePicker> = (args) => (\n  <Grid rowGap=\"24px\">\n    <RangeDatePicker placeholder={['Start date', 'Finish date']} {...args} />\n    <Grid flow=\"column\">\n      <RangeDatePicker placeholder={['Start date', 'Finish date']} {...args} />\n      <RangeDatePicker placeholder={['Start date', 'Finish date']} {...args} />\n    </Grid>\n  </Grid>\n);\n\nexport const WithDisabledDates: StoryFn<typeof RangeDatePicker> = () => {\n  const disabledDate = (current: Dayjs) => (current ? current.isBefore(new Date(), 'date') : false);\n\n  return <RangeDatePicker placeholder={['Disabled initial date', 'Disabled end date']} disabledDate={disabledDate} />;\n};\n\nexport const Disabled: StoryFn<typeof RangeDatePicker> = (args) => (\n  <RangeDatePicker disabled placeholder={['DD MMM YYYY', 'DD MMM YYYY']} {...args} />\n);\n\nexport const Invalid: StoryFn<typeof RangeDatePicker> = (args) => (\n  <RangeDatePicker invalid placeholder={['DD MMM YYYY', 'DD MMM YYYY']} {...args} />\n);\n\nexport const AlwaysOpen: StoryFn<typeof RangeDatePicker> = (args) => (\n  <RangeDatePicker open placeholder={['DD MMM YYYY', 'DD MMM YYYY']} {...args} />\n);\n\nexport const NoElevation: StoryFn<typeof RangeDatePicker> = (args) => (\n  <RangeDatePicker elevation={false} open autoFocus placeholder={['DD MMM YYYY', 'DD MMM YYYY']} {...args} />\n);\n\nexport const CustomFormat: StoryFn<typeof RangeDatePicker> = (args) => (\n  <Grid rowGap=\"24px\">\n    <RangeDatePicker placeholder={['DD MMM YYYY', 'DD MMM YYYY']} {...args} />\n    <Grid flow=\"column\">\n      <RangeDatePicker placeholder={['DD/MM/YY', 'DD/MM/YY']} {...args} format=\"DD/MM/YY\" />\n      <RangeDatePicker placeholder={['MM dddd YY', 'MM dddd YY']} {...args} format=\"MM dddd YY\" />\n    </Grid>\n    <Grid flow=\"column\">\n      <RangeDatePicker placeholder={['MMMM D, Y', 'MMMM D, Y']} {...args} format=\"MMMM D, Y\" />\n      <RangeDatePicker placeholder={['M/D/YY', 'M/D/YY']} {...args} format=\"M/D/YY\" />\n    </Grid>\n    <Grid flow=\"column\">\n      <RangeDatePicker\n        placeholder={['DD/MM/YY H:mm:ss', 'DD/MM/YY H:mm:ss']}\n        showTime\n        {...args}\n        format=\"DD/MM/YY H:mm:ss\"\n      />\n    </Grid>\n  </Grid>\n);\n\nexport const CustomDayJSLocale: StoryFn<typeof RangeDatePicker> = (args) => {\n  dayjs.updateLocale('en', {\n    weekStart: 1,\n  });\n\n  return (\n    <Grid rowGap=\"24px\">\n      <RangeDatePicker {...args} placeholder={['Monday starts the week... ', 'Monday starts the week... ']} />\n    </Grid>\n  );\n};\n\nexport const WithTime: StoryFn<typeof RangeDatePicker> = (args) => (\n  <Grid rowGap=\"24px\">\n    <RangeDatePicker\n      aria-label=\"With time\"\n      placeholder={['With time selector', '']}\n      showTime\n      {...args}\n      format=\"DD/MM/YY H:mm:ss\"\n    />\n    <RangeDatePicker\n      aria-label=\"With time\"\n      placeholder={['Time selector without seconds', '']}\n      showTime={{ showSecond: false }}\n      {...args}\n      format=\"DD/MM/YY H:mm\"\n    />\n    <RangeDatePicker\n      aria-label=\"With time\"\n      placeholder={['Time selector with minute steps', '']}\n      showTime={{ showSecond: false, minuteStep: 15 }}\n      {...args}\n      format=\"DD/MM/YY H:mm\"\n    />\n    <RangeDatePicker\n      aria-label=\"With time\"\n      placeholder={['12-hour format', '']}\n      showTime={{ use12Hours: true }}\n      {...args}\n      format=\"DD/MM/YY H:mm\"\n    />\n  </Grid>\n);\n\nexport const CustomMomentLocale: StoryFn<typeof RangeDatePicker<Moment>> = () => (\n  <Grid rowGap=\"24px\">\n    <RangeDatePicker<Moment>\n      config=\"custom\"\n      generateConfig={momentGenerateConfig}\n      locale={us}\n      placeholder={['Locale: EN_US', 'Locale: EN_US']}\n    />\n    <Grid flow=\"column\">\n      <RangeDatePicker<Moment>\n        config=\"custom\"\n        generateConfig={momentGenerateConfig}\n        locale={pl}\n        placeholder={['Locale: PL', 'Locale: PL']}\n      />\n      <RangeDatePicker<Moment>\n        config=\"custom\"\n        generateConfig={momentGenerateConfig}\n        locale={es}\n        placeholder={['Locale: ES', 'Locale: ES']}\n      />\n    </Grid>\n  </Grid>\n);\n\nexport const CustomPicker: StoryFn<typeof RangeDatePicker> = (args) => (\n  <Grid rowGap=\"24px\">\n    <RangeDatePicker placeholder={['Date mode', 'Date mode']} picker=\"date\" {...args} />\n    <RangeDatePicker\n      placeholder={['Date mode with time', 'Date mode with time']}\n      picker=\"date\"\n      showTime\n      format=\"DD YY MMM H:mm:ss\"\n      {...args}\n    />\n    <RangeDatePicker placeholder={['Week mode', 'Date mode']} picker=\"week\" format=\"w\" {...args} />\n    <RangeDatePicker placeholder={['Month mode', 'Date mode']} picker=\"month\" format=\"MMM\" {...args} />\n    <RangeDatePicker placeholder={['Year mode', 'Date mode']} picker=\"year\" format=\"YYYY\" {...args} />\n  </Grid>\n);\n\nexport const ShowTodayButton: StoryFn<typeof RangeDatePicker> = (args) => (\n  <RangeDatePicker showToday placeholder={['DD MMM YYYY', 'DD MMM YYYY']} {...args} />\n);\n\nexport const ManagedInput: StoryFn<typeof RangeDatePicker<Dayjs>> = (args) => {\n  const [value, setValue] = useState<RangePickerValueType>();\n\n  const alert = (\n    <>\n      <b>IMPORTANT</b>: If you initialize the date picker value with your own DayJS instance, you have to add the\n      following code to have the needed plugin extensions.\n    </>\n  );\n\n  const code = (\n    <>\n      <code>import localeData from &apos;dayjs/plugin/localeData&apos;;</code>\n      <code>import weekday from &apos;dayjs/plugin/weekday&apos;;</code>\n      <code>dayjs.extend(weekday);</code>\n      <code>dayjs.extend(localeData);</code>\n    </>\n  );\n\n  return (\n    <Grid rowGap=\"24px\">\n      <RangeDatePicker aria-label=\"Pick dates for the story Birthday\" onChange={(v) => setValue(v)} {...args} />\n      <Text>Start selected ISO time: {value && value[0] && value[0].toISOString()}</Text>\n      <Text>End selected ISO time: {value && value[1] && value[1].toISOString()}</Text>\n\n      <StoryDisclaimer alert={alert} code={code} />\n    </Grid>\n  );\n};\n\nexport const DropdownAlign: StoryFn<typeof RangeDatePicker> = (args) => (\n  <RangeDatePicker\n    placeholder={['DD MMM YYYY', 'DD MMM YYYY']}\n    dropdownAlign={{ overflow: TRIGGER_OVERFLOW }}\n    {...args}\n  />\n);\n"]}

package/build/esm/components/DatePicker/components/RangeDatePicker/RangeDatePicker.test.d.ts

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

package/build/esm/components/DatePicker/components/RangeDatePicker/RangeDatePicker.test.d.ts.map

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

package/build/esm/components/DatePicker/components/RangeDatePicker/RangeDatePicker.test.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Sizes } from 'acinguiux-ds-react-base';
+import { render, describe, it, expect, screen } from '../../../../utils/viTestUtils';
+import RangeDatePicker from './RangeDatePicker';
+const sizes = [[Sizes.Large], [Sizes.Medium]];
+describe('RangeDatePicker component', () => {
+    it.each(sizes)('should render %s size', (size) => {
+        render(_jsx(RangeDatePicker, { size: size, placeholder: ['Picker 1', 'Picker 2'] }));
+        expect(screen.getByPlaceholderText('Picker 1')).toBeInTheDocument();
+        expect(screen.getByPlaceholderText('Picker 2')).toBeInTheDocument();
+    });
+    it('should accept a className prop', () => {
+        const { container } = render(_jsx(RangeDatePicker, { className: "custom-class-name" }));
+        expect(container.querySelector('.custom-class-name')).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=RangeDatePicker.test.js.map

package/build/esm/components/DatePicker/components/RangeDatePicker/RangeDatePicker.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeDatePicker.test.js","sourceRoot":"","sources":["../../../../../../src/components/DatePicker/components/RangeDatePicker/RangeDatePicker.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAErF,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAEhD,MAAM,KAAK,GAAuB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;AAElE,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACzC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,uBAAuB,EAAE,CAAC,IAAoB,EAAE,EAAE;QAC/D,MAAM,CAAC,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC,GAAI,CAAC,CAAC;QAC/E,MAAM,CAAC,MAAM,CAAC,oBAAoB,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACpE,MAAM,CAAC,MAAM,CAAC,oBAAoB,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACtE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACxC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,eAAe,IAAC,SAAS,EAAC,mBAAmB,GAAG,CAAC,CAAC;QAChF,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC5E,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base';\n\nimport { render, describe, it, expect, screen } from '../../../../utils/viTestUtils';\nimport { DatePickerSize } from '../../DatePicker.types';\nimport RangeDatePicker from './RangeDatePicker';\n\nconst sizes: [DatePickerSize][] = [[Sizes.Large], [Sizes.Medium]];\n\ndescribe('RangeDatePicker component', () => {\n  it.each(sizes)('should render %s size', (size: DatePickerSize) => {\n    render(<RangeDatePicker size={size} placeholder={['Picker 1', 'Picker 2']} />);\n    expect(screen.getByPlaceholderText('Picker 1')).toBeInTheDocument();\n    expect(screen.getByPlaceholderText('Picker 2')).toBeInTheDocument();\n  });\n\n  it('should accept a className prop', () => {\n    const { container } = render(<RangeDatePicker className=\"custom-class-name\" />);\n    expect(container.querySelector('.custom-class-name')).toBeInTheDocument();\n  });\n});\n"]}

package/build/esm/components/DatePicker/components/RangeDatePicker/RangeDatePicker.types.d.ts

@@ -0,0 +1,27 @@
+import { Dayjs } from 'dayjs';
+import { RangePickerProps } from 'rc-picker';
+import { GenerateConfig } from 'rc-picker/lib/generate';
+import { SharedTimeProps } from 'rc-picker/lib/panels/TimePanel';
+import { Locale, PickerMode } from 'rc-picker/lib/interface';
+import { IDatePickerProps } from '../../DatePicker.types';
+type RangeShowTimeObject<T> = Omit<SharedTimeProps<T>, 'defaultValue'> & {
+    defaultValue?: T[];
+};
+export type RangePickerValueType<T = Dayjs> = [T | null, T | null] | null;
+type IRangePickerPropsBase<T> = Omit<RangePickerProps<T>, 'picker' | 'locale' | 'generateConfig'> & {
+    placeholder?: [string, string];
+    showTime?: boolean | RangeShowTimeObject<T>;
+    showToday?: boolean;
+    picker?: PickerMode;
+    locale?: Locale;
+    generateConfig: GenerateConfig<T>;
+} & IDatePickerProps;
+type IDefaultRangePickerProps = Omit<IRangePickerPropsBase<Dayjs>, 'generateConfig'> & {
+    config?: 'default';
+};
+type ICustomRangePickerProps<T> = IRangePickerPropsBase<T> & {
+    config: 'custom';
+};
+export type IRangePickerProps<T = Dayjs> = IDefaultRangePickerProps | ICustomRangePickerProps<T>;
+export {};
+//# sourceMappingURL=RangeDatePicker.types.d.ts.map

package/build/esm/components/DatePicker/components/RangeDatePicker/RangeDatePicker.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeDatePicker.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DatePicker/components/RangeDatePicker/RangeDatePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAC9B,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,KAAK,mBAAmB,CAAC,CAAC,IAAI,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC,GAAG;IACvE,YAAY,CAAC,EAAE,CAAC,EAAE,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,GAAG,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;AAC1E,KAAK,qBAAqB,CAAC,CAAC,IAAI,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,gBAAgB,CAAC,GAAG;IAClG,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,GAAG,mBAAmB,CAAC,CAAC,CAAC,CAAC;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;CACnC,GAAG,gBAAgB,CAAC;AAErB,KAAK,wBAAwB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,gBAAgB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC;AAC9G,KAAK,uBAAuB,CAAC,CAAC,IAAI,qBAAqB,CAAC,CAAC,CAAC,GAAG;IAAE,MAAM,EAAE,QAAQ,CAAA;CAAE,CAAC;AAElF,MAAM,MAAM,iBAAiB,CAAC,CAAC,GAAG,KAAK,IAAI,wBAAwB,GAAG,uBAAuB,CAAC,CAAC,CAAC,CAAC"}

package/build/esm/components/DatePicker/components/RangeDatePicker/RangeDatePicker.types.js

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

package/build/esm/components/DatePicker/components/RangeDatePicker/RangeDatePicker.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeDatePicker.types.js","sourceRoot":"","sources":["../../../../../../src/components/DatePicker/components/RangeDatePicker/RangeDatePicker.types.ts"],"names":[],"mappings":"","sourcesContent":["import { Dayjs } from 'dayjs';\nimport { RangePickerProps } from 'rc-picker';\nimport { GenerateConfig } from 'rc-picker/lib/generate';\nimport { SharedTimeProps } from 'rc-picker/lib/panels/TimePanel';\nimport { Locale, PickerMode } from 'rc-picker/lib/interface';\n\nimport { IDatePickerProps } from '../../DatePicker.types';\n\ntype RangeShowTimeObject<T> = Omit<SharedTimeProps<T>, 'defaultValue'> & {\n  defaultValue?: T[];\n};\n\nexport type RangePickerValueType<T = Dayjs> = [T | null, T | null] | null;\ntype IRangePickerPropsBase<T> = Omit<RangePickerProps<T>, 'picker' | 'locale' | 'generateConfig'> & {\n  placeholder?: [string, string];\n  showTime?: boolean | RangeShowTimeObject<T>;\n  showToday?: boolean;\n  picker?: PickerMode;\n  locale?: Locale;\n  generateConfig: GenerateConfig<T>;\n} & IDatePickerProps;\n\ntype IDefaultRangePickerProps = Omit<IRangePickerPropsBase<Dayjs>, 'generateConfig'> & { config?: 'default' };\ntype ICustomRangePickerProps<T> = IRangePickerPropsBase<T> & { config: 'custom' };\n\nexport type IRangePickerProps<T = Dayjs> = IDefaultRangePickerProps | ICustomRangePickerProps<T>;\n"]}

package/build/esm/components/DatePicker/components/SingleDatePicker/SingleDatePicker.d.ts

@@ -0,0 +1,5 @@
+import { ReactElement } from 'react';
+import { ISingleDatePickerProps } from './SingleDatePicker.types';
+declare function SingleDatePicker<T>({ className, size, invalid, elevation, float, dropdownAlign, ...rest }: ISingleDatePickerProps<T>): ReactElement;
+export default SingleDatePicker;
+//# sourceMappingURL=SingleDatePicker.d.ts.map

package/build/esm/components/DatePicker/components/SingleDatePicker/SingleDatePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleDatePicker.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DatePicker/components/SingleDatePicker/SingleDatePicker.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAU,MAAM,OAAO,CAAC;AAapD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAKlE,iBAAS,gBAAgB,CAAC,CAAC,EAAE,EAC3B,SAAc,EACd,IAAmB,EACnB,OAAe,EACf,SAAS,EACT,KAAK,EACL,aAAa,EACb,GAAG,IAAI,EACR,EAAE,sBAAsB,CAAC,CAAC,CAAC,GAAG,YAAY,CAuD1C;AAED,eAAe,gBAAgB,CAAC"}