alicia-design-system 1.44.1 → 1.44.2
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.
- package/dist/cjs/alicia/common/DatePicker/DatePicker.d.ts +2 -2
- package/dist/cjs/alicia/common/DatePicker/DatePicker.js +4 -2
- package/dist/cjs/alicia/common/DatePicker/DatePicker.js.map +1 -1
- package/dist/cjs/alicia/common/DatePicker/DatePicker.stories.d.ts +3 -3
- package/dist/cjs/alicia/common/DatePicker/DatePicker.stories.js +1 -1
- package/dist/cjs/alicia/common/DatePicker/DatePicker.stories.js.map +1 -1
- package/dist/esm/alicia/common/DatePicker/DatePicker.d.ts +2 -2
- package/dist/esm/alicia/common/DatePicker/DatePicker.js +4 -2
- package/dist/esm/alicia/common/DatePicker/DatePicker.js.map +1 -1
- package/dist/esm/alicia/common/DatePicker/DatePicker.stories.d.ts +3 -3
- package/dist/esm/alicia/common/DatePicker/DatePicker.stories.js +1 -1
- package/dist/esm/alicia/common/DatePicker/DatePicker.stories.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { ChakraProps } from '@chakra-ui/react';
|
|
2
|
-
import { FC
|
|
2
|
+
import { FC } from 'react';
|
|
3
3
|
export declare const DatePicker: FC<DatePickerProps>;
|
|
4
4
|
type DatePickerProps = ChakraProps & {
|
|
5
5
|
dateString?: string;
|
|
6
6
|
iconColor?: string;
|
|
7
|
-
onDateChange: (value:
|
|
7
|
+
onDateChange: (value: string) => void;
|
|
8
8
|
controlName: string;
|
|
9
9
|
isError: boolean;
|
|
10
10
|
dateFormat?: "YYYY-MM-DD" | "DD-MM-YYYY";
|
|
@@ -32,7 +32,6 @@ const DatePicker = (_a) => {
|
|
|
32
32
|
const formattedDate = (0, moment_1.default)(item.target.value, "YYYY-MM-DD").format(dateFormat);
|
|
33
33
|
handleInputDate(formattedDate, dateFormat);
|
|
34
34
|
setShowDate(formattedDate);
|
|
35
|
-
onDateChange(item);
|
|
36
35
|
};
|
|
37
36
|
(0, react_2.useEffect)(() => {
|
|
38
37
|
if (dateString && dateString.length === 10) {
|
|
@@ -48,9 +47,12 @@ const DatePicker = (_a) => {
|
|
|
48
47
|
myRefname.current.showPicker();
|
|
49
48
|
}
|
|
50
49
|
};
|
|
50
|
+
(0, react_2.useEffect)(() => {
|
|
51
|
+
onDateChange(formattedInput);
|
|
52
|
+
}, [formattedInput]);
|
|
51
53
|
// icon component
|
|
52
54
|
const Calendar = (0, icons_1.CalendarIcon)({ isError });
|
|
53
|
-
return ((0, jsx_runtime_1.jsxs)(react_1.InputGroup, { children: [(0, jsx_runtime_1.jsx)(react_1.Input, Object.assign({}, props, { placeholder: dateFormat, value: formattedInput !== null && formattedInput !== void 0 ? formattedInput : showDate, variant: 'flushed', color: isError ? 'error' : 'text', id: `${controlName}-view`, name: `${controlName}-view`, isInvalid: isError, onChange: (e) => { handleInputDate(e.target.value, dateFormat);
|
|
55
|
+
return ((0, jsx_runtime_1.jsxs)(react_1.InputGroup, { children: [(0, jsx_runtime_1.jsx)(react_1.Input, Object.assign({}, props, { placeholder: dateFormat, value: formattedInput !== null && formattedInput !== void 0 ? formattedInput : showDate, variant: 'flushed', color: isError ? 'error' : 'text', id: `${controlName}-view`, name: `${controlName}-view`, isInvalid: isError, onChange: (e) => { handleInputDate(e.target.value, dateFormat); } })), (0, jsx_runtime_1.jsx)(react_1.VisuallyHiddenInput, { id: controlName, name: controlName, ref: myRefname, value: value, type: "date", onChange: onChange }), (0, jsx_runtime_1.jsx)(react_1.InputRightElement, { children: (0, jsx_runtime_1.jsx)(Calendar, { stroke: iconColor !== null && iconColor !== void 0 ? iconColor : "text", onClick: handleClick }) })] }));
|
|
54
56
|
};
|
|
55
57
|
exports.DatePicker = DatePicker;
|
|
56
58
|
//# sourceMappingURL=DatePicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,4CAA0G;AAC1G,iCAAqE;AACrE,oDAA4B;AAC5B,oCAAwC;AACxC,8EAA2E;AAEpE,MAAM,UAAU,GAAwB,CAAC,EAAkG,EAAE,EAAE;QAAtG,EAAE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,GAAG,YAAY,OAAY,EAAP,KAAK,cAAhG,mFAAkG,CAAF;IAC9I,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAqB,EAAE,CAAC,CAAC;IAC3D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAqB,EAAE,CAAC,CAAC;IACjE,MAAM,SAAS,GAAG,IAAA,cAAM,EAAM,IAAI,CAAC,CAAC;IACpC,MAAM,CAAC,eAAe,EAAE,cAAc,CAAC,GAAG,IAAA,2CAAoB,EAAC,UAAU,CAAC,CAAC;IAE3E,MAAM,QAAQ,GAAG,CAAC,IAAmC,EAAE,EAAE;QACvD,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC5B,MAAM,aAAa,GAAG,IAAA,gBAAM,EAAC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QACjF,eAAe,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;QAC3C,WAAW,CAAC,aAAa,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,4CAA0G;AAC1G,iCAAqE;AACrE,oDAA4B;AAC5B,oCAAwC;AACxC,8EAA2E;AAEpE,MAAM,UAAU,GAAwB,CAAC,EAAkG,EAAE,EAAE;QAAtG,EAAE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,GAAG,YAAY,OAAY,EAAP,KAAK,cAAhG,mFAAkG,CAAF;IAC9I,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAqB,EAAE,CAAC,CAAC;IAC3D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAqB,EAAE,CAAC,CAAC;IACjE,MAAM,SAAS,GAAG,IAAA,cAAM,EAAM,IAAI,CAAC,CAAC;IACpC,MAAM,CAAC,eAAe,EAAE,cAAc,CAAC,GAAG,IAAA,2CAAoB,EAAC,UAAU,CAAC,CAAC;IAE3E,MAAM,QAAQ,GAAG,CAAC,IAAmC,EAAE,EAAE;QACvD,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC5B,MAAM,aAAa,GAAG,IAAA,gBAAM,EAAC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QACjF,eAAe,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;QAC3C,WAAW,CAAC,aAAa,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,UAAU,IAAI,UAAU,CAAC,MAAM,KAAK,EAAE,EAAE;YAE1C,MAAM,aAAa,GAAG,IAAA,gBAAM,EAAC,UAAU,EAAE,UAAU,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;YACxE,eAAe,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;YAC3C,QAAQ,CAAC,cAAc,CAAC,CAAC;YACzB,WAAW,CAAC,cAAc,CAAC,CAAC;SAC7B;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;IAE7B,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,SAAS,CAAC,OAAO,EAAE;YACrB,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YAC1B,SAAS,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;SAChC;IACH,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,YAAY,CAAC,cAAc,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,iBAAiB;IACjB,MAAM,QAAQ,GAAG,IAAA,oBAAY,EAAC,EAAE,OAAO,EAAE,CAAC,CAAC;IAE3C,OAAO,CACL,wBAAC,kBAAU,eACT,uBAAC,aAAK,oBACA,KAAK,IACT,WAAW,EAAE,UAAU,EACvB,KAAK,EAAE,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,QAAQ,EACjC,OAAO,EAAC,SAAS,EACjB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EACjC,EAAE,EAAE,GAAG,WAAW,OAAO,EACzB,IAAI,EAAE,GAAG,WAAW,OAAO,EAC3B,SAAS,EAAE,OAAO,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,IACjE,EACF,uBAAC,2BAAmB,IAClB,EAAE,EAAE,WAAW,EACf,IAAI,EAAE,WAAW,EACjB,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,QAAQ,GAAI,EACxB,uBAAC,yBAAiB,cAChB,uBAAC,QAAQ,IAAC,MAAM,EAAE,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,MAAM,EAAE,OAAO,EAAE,WAAW,GAAI,GAC7C,IACT,CACd,CAAC;AACJ,CAAC,CAAC;AA9DW,QAAA,UAAU,cA8DrB"}
|
|
@@ -3,7 +3,7 @@ import { ComponentStory, ComponentMeta } from "@storybook/react";
|
|
|
3
3
|
declare const _default: ComponentMeta<import("react").FC<import("@chakra-ui/system/dist/system.types").ChakraProps & {
|
|
4
4
|
dateString?: string | undefined;
|
|
5
5
|
iconColor?: string | undefined;
|
|
6
|
-
onDateChange: (value:
|
|
6
|
+
onDateChange: (value: string) => void;
|
|
7
7
|
controlName: string;
|
|
8
8
|
isError: boolean;
|
|
9
9
|
dateFormat?: "YYYY-MM-DD" | "DD-MM-YYYY" | undefined;
|
|
@@ -12,7 +12,7 @@ export default _default;
|
|
|
12
12
|
export declare const Primary: ComponentStory<import("react").FC<import("@chakra-ui/system/dist/system.types").ChakraProps & {
|
|
13
13
|
dateString?: string | undefined;
|
|
14
14
|
iconColor?: string | undefined;
|
|
15
|
-
onDateChange: (value:
|
|
15
|
+
onDateChange: (value: string) => void;
|
|
16
16
|
controlName: string;
|
|
17
17
|
isError: boolean;
|
|
18
18
|
dateFormat?: "YYYY-MM-DD" | "DD-MM-YYYY" | undefined;
|
|
@@ -20,7 +20,7 @@ export declare const Primary: ComponentStory<import("react").FC<import("@chakra-
|
|
|
20
20
|
export declare const Secondary: ComponentStory<import("react").FC<import("@chakra-ui/system/dist/system.types").ChakraProps & {
|
|
21
21
|
dateString?: string | undefined;
|
|
22
22
|
iconColor?: string | undefined;
|
|
23
|
-
onDateChange: (value:
|
|
23
|
+
onDateChange: (value: string) => void;
|
|
24
24
|
controlName: string;
|
|
25
25
|
isError: boolean;
|
|
26
26
|
dateFormat?: "YYYY-MM-DD" | "DD-MM-YYYY" | undefined;
|
|
@@ -14,7 +14,7 @@ exports.default = {
|
|
|
14
14
|
},
|
|
15
15
|
};
|
|
16
16
|
const Template = (args) => {
|
|
17
|
-
return (0, jsx_runtime_1.jsx)(DatePicker_1.DatePicker, Object.assign({}, args, { onDateChange: (e) =>
|
|
17
|
+
return (0, jsx_runtime_1.jsx)(DatePicker_1.DatePicker, Object.assign({}, args, { onDateChange: (e) => console.log('Date changed ' + e) }));
|
|
18
18
|
};
|
|
19
19
|
exports.Primary = Template.bind({});
|
|
20
20
|
exports.Secondary = Template.bind({});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":";;;;AAEA,6CAA0C;AAE1C,kBAAe;IACX,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,uBAAU;IACrB,QAAQ,EAAE;QACN,UAAU,EAAE;YACR,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;YACrC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC7B;KACJ;CACgC,CAAC;AAEtC,MAAM,QAAQ,GAAsC,CAAC,IAAI,EAAE,EAAE;IACzD,OAAO,uBAAC,uBAAU,oBAAK,IAAI,IAAE,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"DatePicker.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":";;;;AAEA,6CAA0C;AAE1C,kBAAe;IACX,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,uBAAU;IACrB,QAAQ,EAAE;QACN,UAAU,EAAE;YACR,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;YACrC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC7B;KACJ;CACgC,CAAC;AAEtC,MAAM,QAAQ,GAAsC,CAAC,IAAI,EAAE,EAAE;IACzD,OAAO,uBAAC,uBAAU,oBAAK,IAAI,IAAE,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,eAAe,GAAG,CAAC,CAAC,IAAI,CAAC;AAC3F,CAAC,CAAC;AAEW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5B,QAAA,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,eAAO,CAAC,IAAI,GAAG;IACX,UAAU,EAAE,EAAE;IACd,OAAO,EAAE,KAAK;IACd,WAAW,EAAE,WAAW;IACxB,UAAU,EAAE,YAAY;CAC3B,CAAC;AAEF,iBAAS,CAAC,IAAI,GAAG;IACb,UAAU,EAAE,YAAY;IACxB,OAAO,EAAE,KAAK;IACd,WAAW,EAAE,WAAW;IACxB,UAAU,EAAE,YAAY;CAC3B,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { ChakraProps } from '@chakra-ui/react';
|
|
2
|
-
import { FC
|
|
2
|
+
import { FC } from 'react';
|
|
3
3
|
export declare const DatePicker: FC<DatePickerProps>;
|
|
4
4
|
type DatePickerProps = ChakraProps & {
|
|
5
5
|
dateString?: string;
|
|
6
6
|
iconColor?: string;
|
|
7
|
-
onDateChange: (value:
|
|
7
|
+
onDateChange: (value: string) => void;
|
|
8
8
|
controlName: string;
|
|
9
9
|
isError: boolean;
|
|
10
10
|
dateFormat?: "YYYY-MM-DD" | "DD-MM-YYYY";
|
|
@@ -26,7 +26,6 @@ export const DatePicker = (_a) => {
|
|
|
26
26
|
const formattedDate = moment(item.target.value, "YYYY-MM-DD").format(dateFormat);
|
|
27
27
|
handleInputDate(formattedDate, dateFormat);
|
|
28
28
|
setShowDate(formattedDate);
|
|
29
|
-
onDateChange(item);
|
|
30
29
|
};
|
|
31
30
|
useEffect(() => {
|
|
32
31
|
if (dateString && dateString.length === 10) {
|
|
@@ -42,8 +41,11 @@ export const DatePicker = (_a) => {
|
|
|
42
41
|
myRefname.current.showPicker();
|
|
43
42
|
}
|
|
44
43
|
};
|
|
44
|
+
useEffect(() => {
|
|
45
|
+
onDateChange(formattedInput);
|
|
46
|
+
}, [formattedInput]);
|
|
45
47
|
// icon component
|
|
46
48
|
const Calendar = CalendarIcon({ isError });
|
|
47
|
-
return (_jsxs(InputGroup, { children: [_jsx(Input, Object.assign({}, props, { placeholder: dateFormat, value: formattedInput !== null && formattedInput !== void 0 ? formattedInput : showDate, variant: 'flushed', color: isError ? 'error' : 'text', id: `${controlName}-view`, name: `${controlName}-view`, isInvalid: isError, onChange: (e) => { handleInputDate(e.target.value, dateFormat);
|
|
49
|
+
return (_jsxs(InputGroup, { children: [_jsx(Input, Object.assign({}, props, { placeholder: dateFormat, value: formattedInput !== null && formattedInput !== void 0 ? formattedInput : showDate, variant: 'flushed', color: isError ? 'error' : 'text', id: `${controlName}-view`, name: `${controlName}-view`, isInvalid: isError, onChange: (e) => { handleInputDate(e.target.value, dateFormat); } })), _jsx(VisuallyHiddenInput, { id: controlName, name: controlName, ref: myRefname, value: value, type: "date", onChange: onChange }), _jsx(InputRightElement, { children: _jsx(Calendar, { stroke: iconColor !== null && iconColor !== void 0 ? iconColor : "text", onClick: handleClick }) })] }));
|
|
48
50
|
};
|
|
49
51
|
//# sourceMappingURL=DatePicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,KAAK,EAAe,UAAU,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC1G,OAAO,EAAM,QAAQ,EAAE,SAAS,EAAe,MAAM,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,MAAM,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAE3E,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,EAAkG,EAAE,EAAE;QAAtG,EAAE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,GAAG,YAAY,OAAY,EAAP,KAAK,cAAhG,mFAAkG,CAAF;IAC9I,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAqB,EAAE,CAAC,CAAC;IAC3D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAqB,EAAE,CAAC,CAAC;IACjE,MAAM,SAAS,GAAG,MAAM,CAAM,IAAI,CAAC,CAAC;IACpC,MAAM,CAAC,eAAe,EAAE,cAAc,CAAC,GAAG,oBAAoB,CAAC,UAAU,CAAC,CAAC;IAE3E,MAAM,QAAQ,GAAG,CAAC,IAAmC,EAAE,EAAE;QACvD,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC5B,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QACjF,eAAe,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;QAC3C,WAAW,CAAC,aAAa,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ import { ComponentStory, ComponentMeta } from "@storybook/react";
|
|
|
3
3
|
declare const _default: ComponentMeta<import("react").FC<import("@chakra-ui/system/dist/system.types").ChakraProps & {
|
|
4
4
|
dateString?: string | undefined;
|
|
5
5
|
iconColor?: string | undefined;
|
|
6
|
-
onDateChange: (value:
|
|
6
|
+
onDateChange: (value: string) => void;
|
|
7
7
|
controlName: string;
|
|
8
8
|
isError: boolean;
|
|
9
9
|
dateFormat?: "YYYY-MM-DD" | "DD-MM-YYYY" | undefined;
|
|
@@ -12,7 +12,7 @@ export default _default;
|
|
|
12
12
|
export declare const Primary: ComponentStory<import("react").FC<import("@chakra-ui/system/dist/system.types").ChakraProps & {
|
|
13
13
|
dateString?: string | undefined;
|
|
14
14
|
iconColor?: string | undefined;
|
|
15
|
-
onDateChange: (value:
|
|
15
|
+
onDateChange: (value: string) => void;
|
|
16
16
|
controlName: string;
|
|
17
17
|
isError: boolean;
|
|
18
18
|
dateFormat?: "YYYY-MM-DD" | "DD-MM-YYYY" | undefined;
|
|
@@ -20,7 +20,7 @@ export declare const Primary: ComponentStory<import("react").FC<import("@chakra-
|
|
|
20
20
|
export declare const Secondary: ComponentStory<import("react").FC<import("@chakra-ui/system/dist/system.types").ChakraProps & {
|
|
21
21
|
dateString?: string | undefined;
|
|
22
22
|
iconColor?: string | undefined;
|
|
23
|
-
onDateChange: (value:
|
|
23
|
+
onDateChange: (value: string) => void;
|
|
24
24
|
controlName: string;
|
|
25
25
|
isError: boolean;
|
|
26
26
|
dateFormat?: "YYYY-MM-DD" | "DD-MM-YYYY" | undefined;
|
|
@@ -11,7 +11,7 @@ export default {
|
|
|
11
11
|
},
|
|
12
12
|
};
|
|
13
13
|
const Template = (args) => {
|
|
14
|
-
return _jsx(DatePicker, Object.assign({}, args, { onDateChange: (e) =>
|
|
14
|
+
return _jsx(DatePicker, Object.assign({}, args, { onDateChange: (e) => console.log('Date changed ' + e) }));
|
|
15
15
|
};
|
|
16
16
|
export const Primary = Template.bind({});
|
|
17
17
|
export const Secondary = Template.bind({});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,eAAe;IACX,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,UAAU;IACrB,QAAQ,EAAE;QACN,UAAU,EAAE;YACR,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;YACrC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC7B;KACJ;CACgC,CAAC;AAEtC,MAAM,QAAQ,GAAsC,CAAC,IAAI,EAAE,EAAE;IACzD,OAAO,KAAC,UAAU,oBAAK,IAAI,IAAE,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"DatePicker.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,eAAe;IACX,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,UAAU;IACrB,QAAQ,EAAE;QACN,UAAU,EAAE;YACR,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;YACrC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC7B;KACJ;CACgC,CAAC;AAEtC,MAAM,QAAQ,GAAsC,CAAC,IAAI,EAAE,EAAE;IACzD,OAAO,KAAC,UAAU,oBAAK,IAAI,IAAE,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,eAAe,GAAG,CAAC,CAAC,IAAI,CAAC;AAC3F,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,OAAO,CAAC,IAAI,GAAG;IACX,UAAU,EAAE,EAAE;IACd,OAAO,EAAE,KAAK;IACd,WAAW,EAAE,WAAW;IACxB,UAAU,EAAE,YAAY;CAC3B,CAAC;AAEF,SAAS,CAAC,IAAI,GAAG;IACb,UAAU,EAAE,YAAY;IACxB,OAAO,EAAE,KAAK;IACd,WAAW,EAAE,WAAW;IACxB,UAAU,EAAE,YAAY;CAC3B,CAAC"}
|