@hhgtech/hhg-components 1.29.16 → 1.29.18

package/build/{index-19ef9566.js → index-60c7d20d.js}

@@ -1,24 +1,24 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('./index-65bbc453.js');
+var index$1 = require('./index-609fe3fd.js');
 var dayjs = require('dayjs');
-var index$3 = require('./index-ad3de30e.js');
-var index = require('./index-40c225c5.js');
+var index$3 = require('./index-262dfbbc.js');
+var index = require('./index-7574caf8.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-require('./Subot-a3e273e0.js');
-require('./index-a07b54b4.js');
-require('./useMantineLocale-b13de9e4.js');
-var index$2 = require('./index-25d53346.js');
-var theme = require('./theme-ed086c17.js');
-require('./translationsContext-85ca3983.js');
+require('./Subot-4cd603cb.js');
+require('./index-d7dd570d.js');
+require('./useMantineLocale-1245d82e.js');
+var index$2 = require('./index-6986f240.js');
+var theme = require('./theme-bc89adc3.js');
+require('./translationsContext-fad41b36.js');
 require('string-format');
 require('@mantine/hooks');
-var utils = require('./utils-bcbbbac4.js');
+var utils = require('./utils-1e7ed4c2.js');
 var styled = require('@emotion/styled');
-var index$5 = require('./index-8e95f6a2.js');
-var index$4 = require('./index-c90ae6be.js');
+var index$5 = require('./index-a39267ef.js');
+var index$4 = require('./index-94d91014.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-a6ab95ec.js → index-60f5eaea.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-ce78c6b1.js');
+var tslib_es6 = require('./tslib.es6-51c62455.js');
 var React = require('react');
 var hooks = require('@mantine/hooks');
-var index = require('./index-40c225c5.js');
+var index = require('./index-7574caf8.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-5328bd6e.js → index-659a649a.js}

@@ -1,20 +1,20 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-ce78c6b1.js');
+var tslib_es6 = require('./tslib.es6-51c62455.js');
 var React = require('react');
-require('./index-40c225c5.js');
+require('./index-7574caf8.js');
 require('@mantine/core');
 require('@mantine/dates');
-require('./index-ad3de30e.js');
-require('./Subot-a3e273e0.js');
-require('./index-a07b54b4.js');
-require('./useMantineLocale-b13de9e4.js');
-var index = require('./index-25d53346.js');
-require('./theme-ed086c17.js');
-require('./translationsContext-85ca3983.js');
+require('./index-262dfbbc.js');
+require('./Subot-4cd603cb.js');
+require('./index-d7dd570d.js');
+require('./useMantineLocale-1245d82e.js');
+var index = require('./index-6986f240.js');
+require('./theme-bc89adc3.js');
+require('./translationsContext-fad41b36.js');
 require('string-format');
 require('@mantine/hooks');
-require('./utils-bcbbbac4.js');
+require('./utils-1e7ed4c2.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-25d53346.js → index-6986f240.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-ce78c6b1.js');
+var tslib_es6 = require('./tslib.es6-51c62455.js');
 var React = require('react');
 var core = require('@mantine/core');
-var utils = require('./utils-bcbbbac4.js');
+var utils = require('./utils-1e7ed4c2.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-ca293ff1.js → index-7266497d.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-ce78c6b1.js');
+var tslib_es6 = require('./tslib.es6-51c62455.js');
 var React = require('react');
-var index = require('./index-40c225c5.js');
+var index = require('./index-7574caf8.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-40c225c5.js → index-7574caf8.js}

@@ -1,21 +1,21 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-ce78c6b1.js');
+var tslib_es6 = require('./tslib.es6-51c62455.js');
 var React = require('react');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
 var hooks = require('@mantine/hooks');
-var index$1 = require('./index-a07b54b4.js');
-var utils = require('./utils-bcbbbac4.js');
+var index$1 = require('./index-d7dd570d.js');
+var utils = require('./utils-1e7ed4c2.js');
 var styled = require('@emotion/styled');
 var carousel = require('@mantine/carousel');
-var index$2 = require('./index-25d53346.js');
-var Subot = require('./Subot-a3e273e0.js');
-var theme = require('./theme-ed086c17.js');
-var useMantineLocale = require('./useMantineLocale-b13de9e4.js');
-var index = require('./index-ad3de30e.js');
+var index$2 = require('./index-6986f240.js');
+var Subot = require('./Subot-4cd603cb.js');
+var theme = require('./theme-bc89adc3.js');
+var useMantineLocale = require('./useMantineLocale-1245d82e.js');
+var index = require('./index-262dfbbc.js');
 var cn = require('classnames');
-var useUniqueId = require('./useUniqueId-b2f3cbb4.js');
+var useUniqueId = require('./useUniqueId-43aae2f4.js');
 var core$1 = require('@hhgtech/icons/core');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-9e9cfd31.js → index-83614a97.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-ce78c6b1.js');
+var tslib_es6 = require('./tslib.es6-51c62455.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-40c225c5.js');
+var index = require('./index-7574caf8.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-2b2a1f02.js → index-859778e9.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-ce78c6b1.js');
+var tslib_es6 = require('./tslib.es6-51c62455.js');
 var React = require('react');
 var core = require('@mantine/core');
-var theme = require('./theme-ed086c17.js');
+var theme = require('./theme-bc89adc3.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-49423b16.js → index-868e03bc.js}

@@ -1,13 +1,13 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-ce78c6b1.js');
+var tslib_es6 = require('./tslib.es6-51c62455.js');
 var React = require('react');
-var Subot = require('./Subot-a3e273e0.js');
+var Subot = require('./Subot-4cd603cb.js');
 var styled = require('@emotion/styled');
-var index$1 = require('./index-a07b54b4.js');
-var theme = require('./theme-ed086c17.js');
-var index = require('./index-40c225c5.js');
-var index$2 = require('./index-5328bd6e.js');
+var index$1 = require('./index-d7dd570d.js');
+var theme = require('./theme-bc89adc3.js');
+var index = require('./index-7574caf8.js');
+var index$2 = require('./index-659a649a.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-c90ae6be.js → index-94d91014.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-ce78c6b1.js');
+var tslib_es6 = require('./tslib.es6-51c62455.js');
 var React = require('react');
-var index_styled = require('./index.styled-26fe3bab.js');
+var index_styled = require('./index.styled-caebf4eb.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-6cbc02d3.js → index-9c701b37.js}

@@ -1,13 +1,13 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-ce78c6b1.js');
+var tslib_es6 = require('./tslib.es6-51c62455.js');
 var React = require('react');
 var core = require('@mantine/core');
 var dates = require('@mantine/dates');
-var index = require('./index-ad3de30e.js');
-var Subot = require('./Subot-a3e273e0.js');
-var index$1 = require('./index-a07b54b4.js');
-var useMantineLocale = require('./useMantineLocale-b13de9e4.js');
+var index = require('./index-262dfbbc.js');
+var Subot = require('./Subot-4cd603cb.js');
+var index$1 = require('./index-d7dd570d.js');
+var useMantineLocale = require('./useMantineLocale-1245d82e.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-4cd61e81.js → index-a1b8f6b3.js}

@@ -2,10 +2,10 @@
 
 var React = require('react');
 var styled = require('@emotion/styled');
-var utils = require('./utils-bcbbbac4.js');
-var theme = require('./theme-ed086c17.js');
-var tslib_es6 = require('./tslib.es6-ce78c6b1.js');
-var utils$1 = require('./utils-65742df1.js');
+var utils = require('./utils-1e7ed4c2.js');
+var theme = require('./theme-bc89adc3.js');
+var tslib_es6 = require('./tslib.es6-51c62455.js');
+var utils$1 = require('./utils-d3aa8666.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-8e95f6a2.js → index-a39267ef.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var Subot = require('./Subot-a3e273e0.js');
-var index$1 = require('./index-a07b54b4.js');
-var utils = require('./utils-49606266.js');
-var index = require('./index-40c225c5.js');
+var Subot = require('./Subot-4cd603cb.js');
+var index$1 = require('./index-d7dd570d.js');
+var utils = require('./utils-046e709c.js');
+var index = require('./index-7574caf8.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-7a702bc3.js → index-c14a3401.js}

@@ -1,71 +1,71 @@
 'use strict';
 
 var React = require('react');
-var index$2 = require('./index-25d53346.js');
-var index_styles = require('./index.styles-55076d0e.js');
-var utils = require('./utils-bcbbbac4.js');
-var index$3 = require('./index-40c225c5.js');
-var index$4 = require('./index-5328bd6e.js');
-var tslib_es6 = require('./tslib.es6-ce78c6b1.js');
+var index$2 = require('./index-6986f240.js');
+var index_styles = require('./index.styles-bb906f44.js');
+var utils = require('./utils-1e7ed4c2.js');
+var index$3 = require('./index-7574caf8.js');
+var index$4 = require('./index-659a649a.js');
+var tslib_es6 = require('./tslib.es6-51c62455.js');
 var other = require('@hhgtech/icons/other');
-var index$5 = require('./index-a07b54b4.js');
-var index$6 = require('./index-5959f30a.js');
-var theme = require('./theme-ed086c17.js');
+var index$5 = require('./index-d7dd570d.js');
+var index$6 = require('./index-46623c42.js');
+var theme = require('./theme-bc89adc3.js');
 var core = require('@mantine/core');
 var innertext = require('innertext');
 require('@mantine/dates');
-var index$b = require('./index-ad3de30e.js');
-var Subot = require('./Subot-a3e273e0.js');
-require('./useMantineLocale-b13de9e4.js');
-require('./translationsContext-85ca3983.js');
+var index$b = require('./index-262dfbbc.js');
+var Subot = require('./Subot-4cd603cb.js');
+require('./useMantineLocale-1245d82e.js');
+require('./translationsContext-fad41b36.js');
 require('string-format');
 var hooks = require('@mantine/hooks');
-var index$7 = require('./index-93e4d697.js');
+var index$7 = require('./index-de63c38c.js');
 var styled = require('@emotion/styled');
 var throttle = require('lodash/throttle');
-var index$8 = require('./index-8e95f6a2.js');
-var index$a = require('./index-ca293ff1.js');
-var index$9 = require('./index-56246626.js');
+var index$8 = require('./index-a39267ef.js');
+var index$a = require('./index-7266497d.js');
+var index$9 = require('./index-4c0ab241.js');
 var react = require('@emotion/react');
 var parse = require('html-react-parser');
-var isProduction = require('./isProduction-044f7a90.js');
-var useTranslations = require('./useTranslations-499d9236.js');
+var isProduction = require('./isProduction-5678235d.js');
+var useTranslations = require('./useTranslations-d1085988.js');
 var dateFns = require('date-fns');
 var dayjs = require('dayjs');
-var types = require('./types-67fa2f18.js');
-var utils$1 = require('./utils-65742df1.js');
-var index$d = require('./index-e66cff4b.js');
-var index$e = require('./index-c90ae6be.js');
-var index$f = require('./index-a6ab95ec.js');
-var index$c = require('./index-672ca348.js');
-var index$g = require('./index-65bbc453.js');
+var types = require('./types-85cfe883.js');
+var utils$1 = require('./utils-d3aa8666.js');
+var index$d = require('./index-1eccded0.js');
+var index$e = require('./index-94d91014.js');
+var index$f = require('./index-60f5eaea.js');
+var index$c = require('./index-f0142042.js');
+var index$g = require('./index-609fe3fd.js');
 var reactHookForm = require('react-hook-form');
-var useHealthToolCache = require('./useHealthToolCache-aefaf684.js');
+var useHealthToolCache = require('./useHealthToolCache-349d1e9c.js');
 var yup = require('@hookform/resolvers/yup');
-var index$h = require('./index-6cbc02d3.js');
-var index$i = require('./index-9216d822.js');
-var constants = require('./constants-f0361aaf.js');
-var index$j = require('./index-4cd61e81.js');
-require('./utils-49606266.js');
-require('./index.styled-26fe3bab.js');
-require('./index-d3a663ec.js');
-var useOutsideClick = require('./useOutsideClick-02bf18df.js');
+var index$h = require('./index-9c701b37.js');
+var index$i = require('./index-d991ca92.js');
+var constants = require('./constants-c1895d0b.js');
+var index$j = require('./index-a1b8f6b3.js');
+require('./utils-046e709c.js');
+require('./index.styled-caebf4eb.js');
+require('./index-3a32685f.js');
+var useOutsideClick = require('./useOutsideClick-271b11cc.js');
 var enUS = require('date-fns/locale/en-US');
 var id = require('date-fns/locale/id');
 var vi = require('date-fns/locale/vi');
 var zhTW = require('date-fns/locale/zh-TW');
-var getSocialList = require('./getSocialList-c21439fd.js');
+var getSocialList = require('./getSocialList-baab7a61.js');
 var uuid = require('uuid');
-var routing = require('./routing-60cc5763.js');
+var routing = require('./routing-bf7d2a09.js');
 var form = require('@mantine/form');
-var index$k = require('./index-69a5d443.js');
+var index$k = require('./index-0a4a508c.js');
 var core$1 = require('@hhgtech/icons/core');
-var index$l = require('./index-9e9cfd31.js');
+var index$l = require('./index-83614a97.js');
 var Cookies = require('js-cookie');
 var flatten = require('lodash/flatten');
 var uniqBy = require('lodash/uniqBy');
-var cookieHelper = require('./cookieHelper-80ac9664.js');
-var normalizeLink = require('./normalizeLink-93749659.js');
+var cookieHelper = require('./cookieHelper-9e428795.js');
+var normalizeLink = require('./normalizeLink-0e850db3.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -4401,6 +4401,12 @@ const HorizonalForm = (_a) => {
         styles,
         classNames,
     });
+    const commonDateProps = {
+        placeholder: 'DD/MM/YYYY',
+        popoverProps: {
+            withinPortal: true,
+        },
+    };
     return (React__default["default"].createElement(core.Box, Object.assign({ className: classes.root }, props),
         React__default["default"].createElement(reactHookForm.Controller, { control: control, name: "gender", render: ({ field: { onChange, value } }) => (React__default["default"].createElement(core.Box, { className: classes.row },
                 React__default["default"].createElement(core.Box, { className: classes.labelWrapper },
@@ -4414,13 +4420,11 @@ const HorizonalForm = (_a) => {
                         React__default["default"].createElement(index$3.Radio, { value: "girl", label: t('gender.girl'), classNames: {
                                 label: classes.radioLabel,
                             } }))))) }),
-        React__default["default"].createElement(reactHookForm.Controller, { control: control, name: "birthday", render: ({ field: { onChange, value }, fieldState: { error } }) => {
+        React__default["default"].createElement(reactHookForm.Controller, { control: control, name: "birthday", render: ({ field: { onChange }, fieldState: { error } }) => {
                 return (React__default["default"].createElement(core.Box, { className: classes.row },
                     React__default["default"].createElement(core.Box, { className: classes.labelWrapper },
                         React__default["default"].createElement("label", { className: classes.label, htmlFor: "birthday" }, t('babyGrowth.input.birthday'))),
-                    React__default["default"].createElement(index$h.DatePicker, { popoverProps: {
-                            withinPortal: true,
-                        }, className: cx(classes.control, error ? 'error' : ''), onChange: onChange, placeholder: "DD/MM/YYYY", defaultDate: value || new Date(), maxDate: new Date() })));
+                    React__default["default"].createElement(index$h.DatePicker, Object.assign({}, commonDateProps, { className: cx(classes.control, error ? 'error' : ''), onChange: onChange, maxDate: new Date() }))));
             } }),
         React__default["default"].createElement(core.Box, { className: classes.row },
             React__default["default"].createElement(core.Box, { className: classes.labelWrapper },
@@ -4447,12 +4451,10 @@ const HorizonalForm = (_a) => {
                     React__default["default"].createElement(index$9.Input, { className: `${cx(classes.inputWithUnit__input)}`, name: "head", placeholder: "0", size: "md", value: String(value), onChange: onChange, type: "number", onKeyDown: (e) => ['e', 'E', '+', '-'].includes(e.key) && e.preventDefault(), onWheelCapture: (event) => event.currentTarget.blur() }),
                     React__default["default"].createElement(core.Box, { className: classes.inputWithUnit__unit },
                         React__default["default"].createElement(index$2.Text, { as: "span", size: "p2", className: classes.inputWithUnit__unitText }, t('babyGrowth.cm')))))) }),
-        React__default["default"].createElement(reactHookForm.Controller, { control: control, name: "measurementDate", render: ({ field: { onChange, value } }) => (React__default["default"].createElement(core.Box, { className: classes.row },
+        React__default["default"].createElement(reactHookForm.Controller, { control: control, name: "measurementDate", render: ({ field: { onChange } }) => (React__default["default"].createElement(core.Box, { className: classes.row },
                 React__default["default"].createElement(core.Box, { className: classes.labelWrapper },
                     React__default["default"].createElement("label", { className: classes.label, htmlFor: "measurementDate" }, t('babyGrowth.input.measurementDate'))),
-                React__default["default"].createElement(index$h.DatePicker, { popoverProps: {
-                        withinPortal: true,
-                    }, className: classes.control, placeholder: value && dayjs__default["default"](value).format(utils$1.DUE_DATE_FORMAT), defaultDate: value || new Date(), onChange: onChange, maxDate: new Date() }))) }),
+                React__default["default"].createElement(index$h.DatePicker, Object.assign({}, commonDateProps, { className: classes.control, defaultValue: new Date(), onChange: onChange, maxDate: new Date() })))) }),
         React__default["default"].createElement(core.Box, { className: classes.row },
             React__default["default"].createElement(index$3.Button, { className: classes.submitBtn, size: "lg", type: "submit", variant: isMarryBaby ? 'secondary' : 'primary', "data-event-category": "Health Tool", "data-event-action": "Baby Growth", "data-event-label": currentUrl }, t('babyGrowth.input.submit')))));
 };
@@ -4497,15 +4499,17 @@ const StyledRow$2 = styled__default["default"].div `
 const VerticalForm = () => {
     const { t } = useTranslations.useTranslations();
     const { control, currentUrl, isEmptyThreeFields, isMarryBaby, siteType } = React.useContext(BabyGrowthFormContext);
+    const commonDateProps = {
+        placeholder: 'DD/MM/YYYY',
+        popoverProps: {
+            withinPortal: true,
+        },
+    };
     return (React__default["default"].createElement(StyledBabyGrowthWrapper$1, { className: "form-wrapper", "data-theme": siteType },
         React__default["default"].createElement(reactHookForm.Controller, { control: control, name: "gender", render: ({ field: { onChange, value } }) => (React__default["default"].createElement(index$i.BabyGrowthGender, { onChange: onChange, value: value, siteType: siteType })) }),
         siteType === 'marryBaby' ? (React__default["default"].createElement(React__default["default"].Fragment, null,
             React__default["default"].createElement(reactHookForm.Controller, { control: control, name: "birthday", render: ({ field: { onChange, value }, fieldState: { error } }) => (React__default["default"].createElement(StyledFormControl, null,
-                    React__default["default"].createElement(StyledTextField, { label: t('babyGrowth.input.birthday'), name: "birthday", size: "md", value: String(value), CustomInput: React__default["default"].createElement(index$d.DatePicker, { onChange: onChange, placeholder: "dd/mm/yyyy", pickedDate: value || new Date(), displayDateFormat: 'dd/MM/yyyy', disabledDays: {
-                                after: new Date(),
-                            }, customInput: (props) => {
-                                return (React__default["default"].createElement(index$9.Input, Object.assign({ onChange: onChange, className: (error === null || error === void 0 ? void 0 : error.message) ? 'error-input' : '', name: "birthday", size: "md" }, props, { value: value && dayjs__default["default"](value).format(utils$1.DUE_DATE_FORMAT) })));
-                            } }), actionIcon: React__default["default"].createElement(other.CalendarMB, { size: 32 }) }))) }),
+                    React__default["default"].createElement(StyledTextField, { label: t('babyGrowth.input.birthday'), name: "birthday", size: "md", value: String(value), CustomInput: React__default["default"].createElement(index$h.DatePicker, Object.assign({}, commonDateProps, { onChange: onChange, maxDate: new Date(), className: (error === null || error === void 0 ? void 0 : error.message) ? 'error-input' : '' })), actionIcon: React__default["default"].createElement(other.CalendarMB, { size: 32 }) }))) }),
             React__default["default"].createElement(StyledRow$2, null,
                 React__default["default"].createElement(reactHookForm.Controller, { control: control, name: "height", render: ({ field: { onChange, value }, fieldState: { error }, }) => (React__default["default"].createElement(StyledFormControl, null,
                         React__default["default"].createElement(StyledTextField, { label: `${t('babyGrowth.height')} ${t('babyGrowth.cm')}`, name: "height", size: "md", value: String(value), CustomInput: React__default["default"].createElement(index$9.Input, { className: isEmptyThreeFields || (error === null || error === void 0 ? void 0 : error.message)
@@ -4526,18 +4530,12 @@ const VerticalForm = () => {
                 React__default["default"].createElement(reactHookForm.Controller, { control: control, name: "bmi", render: ({ field: { value } }) => (React__default["default"].createElement(StyledFormControl, null,
                         React__default["default"].createElement(StyledTextField, { label: `${t('babyGrowth.input.bmi')} ${t('babyGrowth.kg.m2')}`, name: "date", size: "md", value: String(value), CustomInput: React__default["default"].createElement(index$9.Input, { name: "bmi", size: "md", type: "number", value: String(value), isDisabled: true, style: { color: '#9495A0' } }) }))) })),
             React__default["default"].createElement(reactHookForm.Controller, { control: control, name: "measurementDate", render: ({ field: { onChange, value }, fieldState: { error } }) => (React__default["default"].createElement(StyledFormControl, null,
-                    React__default["default"].createElement(StyledTextField, { label: t('babyGrowth.input.measurementDate'), name: "date", size: "md", value: DateToInputValue(value), CustomInput: React__default["default"].createElement(index$d.DatePicker, { placeholder: value && dayjs__default["default"](value).format(utils$1.DUE_DATE_FORMAT), pickedDate: value || new Date(), displayDateFormat: 'dd/MM/yyyy', onChange: onChange, disabledDays: {
-                                after: new Date(),
-                            }, customInput: (props) => (React__default["default"].createElement(index$9.Input, Object.assign({ className: (error === null || error === void 0 ? void 0 : error.message) && 'error-input', name: "measurementDate", size: "md", placeholder: value && dayjs__default["default"](value).format(utils$1.DUE_DATE_FORMAT), onChange: onChange }, props, { value: value && dayjs__default["default"](value).format(utils$1.DUE_DATE_FORMAT) }))) }), actionIcon: React__default["default"].createElement(other.CalendarMB, { size: 32 }) }))) }),
+                    React__default["default"].createElement(StyledTextField, { label: t('babyGrowth.input.measurementDate'), name: "date", size: "md", value: DateToInputValue(value), CustomInput: React__default["default"].createElement(index$h.DatePicker, Object.assign({}, commonDateProps, { defaultValue: new Date(), maxDate: new Date(), onChange: onChange, className: (error === null || error === void 0 ? void 0 : error.message) ? 'error-input' : '' })), actionIcon: React__default["default"].createElement(other.CalendarMB, { size: 32 }) }))) }),
             React__default["default"].createElement(index$3.Button, { size: "lg", type: "submit", variant: isMarryBaby ? 'secondary' : 'primary', "data-event-category": "Health Tool", "data-event-action": "Baby Growth", "data-event-label": currentUrl }, t('babyGrowth.input.submit')))) : (React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement(reactHookForm.Controller, { control: control, name: "birthday", render: ({ field: { onChange, value }, fieldState: { error } }) => (React__default["default"].createElement(StyledFormControl, null,
+            React__default["default"].createElement(reactHookForm.Controller, { control: control, name: "birthday", render: ({ field: { onChange }, fieldState: { error } }) => (React__default["default"].createElement(StyledFormControl, null,
                     React__default["default"].createElement(StyledInlineLabel, { size: "label1", htmlFor: "birthday" },
                         React__default["default"].createElement(index$2.Text, { as: "label", size: "s4", weight: "semiBold" }, t('babyGrowth.input.birthday'))),
-                    React__default["default"].createElement(index$d.DatePicker, { onChange: onChange, placeholder: "dd/mm/yyyy", pickedDate: value || new Date(), displayDateFormat: 'dd/MM/yyyy', disabledDays: {
-                            after: new Date(),
-                        }, customInput: (props) => {
-                            return (React__default["default"].createElement(index$9.Input, Object.assign({ onChange: onChange, className: (error === null || error === void 0 ? void 0 : error.message) ? 'error-input' : '', name: "birthday", size: "md", actionIcon: React__default["default"].createElement(other.Calendar, null) }, props, { value: value && dayjs__default["default"](value).format(utils$1.DUE_DATE_FORMAT) })));
-                        } }))) }),
+                    React__default["default"].createElement(index$h.DatePicker, Object.assign({}, commonDateProps, { onChange: onChange, maxDate: new Date(), className: (error === null || error === void 0 ? void 0 : error.message) ? 'error-input' : '' })))) }),
             React__default["default"].createElement(StyledRow$2, null,
                 React__default["default"].createElement(reactHookForm.Controller, { control: control, name: "height", render: ({ field: { onChange, value }, fieldState: { error }, }) => (React__default["default"].createElement(StyledFormControl, null,
                         React__default["default"].createElement(StyledInlineLabel, { size: "label1", htmlFor: "height" },
@@ -4560,12 +4558,10 @@ const VerticalForm = () => {
                             React__default["default"].createElement(index$2.Text, { size: "s4", weight: "semiBold" }, t('babyGrowth.input.bmi')),
                             React__default["default"].createElement(index$2.Text, { as: "span", size: "n1", color: theme.theme.colors.gray400 }, t('babyGrowth.kg.m2'))),
                         React__default["default"].createElement(index$9.Input, { name: "bmi", size: "md", type: "number", value: String(value), isDisabled: true }))) })),
-            React__default["default"].createElement(reactHookForm.Controller, { control: control, name: "measurementDate", render: ({ field: { onChange, value }, fieldState: { error } }) => (React__default["default"].createElement(StyledFormControl, null,
+            React__default["default"].createElement(reactHookForm.Controller, { control: control, name: "measurementDate", render: ({ field: { onChange }, fieldState: { error } }) => (React__default["default"].createElement(StyledFormControl, null,
                     React__default["default"].createElement(StyledInlineLabel, { size: "label1", htmlFor: "measurementDate" },
                         React__default["default"].createElement(index$2.Text, { as: "label", size: "s4", weight: "semiBold" }, t('babyGrowth.input.measurementDate'))),
-                    React__default["default"].createElement(index$d.DatePicker, { placeholder: value && dayjs__default["default"](value).format(utils$1.DUE_DATE_FORMAT), pickedDate: value || new Date(), displayDateFormat: 'dd/MM/yyyy', onChange: onChange, disabledDays: {
-                            after: new Date(),
-                        }, customInput: (props) => (React__default["default"].createElement(index$9.Input, Object.assign({ className: (error === null || error === void 0 ? void 0 : error.message) && 'error-input', name: "measurementDate", size: "md", placeholder: value && dayjs__default["default"](value).format(utils$1.DUE_DATE_FORMAT), onChange: onChange, actionIcon: React__default["default"].createElement(other.Calendar, null) }, props, { value: value && dayjs__default["default"](value).format(utils$1.DUE_DATE_FORMAT) }))) }))) }),
+                    React__default["default"].createElement(index$h.DatePicker, Object.assign({}, commonDateProps, { defaultValue: new Date(), onChange: onChange, maxDate: new Date(), className: (error === null || error === void 0 ? void 0 : error.message) ? 'error-input' : '' })))) }),
             React__default["default"].createElement(index$3.Button, { size: "lg", type: "submit", variant: isMarryBaby ? 'secondary' : 'primary', "data-event-category": "Health Tool", "data-event-action": "Baby Growth", "data-event-label": currentUrl }, t('babyGrowth.input.submit'))))));
 };
 

package/build/{index-a07b54b4.js → index-d7dd570d.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-ad3de30e.js');
-var isProduction = require('./isProduction-044f7a90.js');
+var index = require('./index-262dfbbc.js');
+var isProduction = require('./isProduction-5678235d.js');
 
 const isNumeric = (n) => !isNaN(parseFloat(n)) && isFinite(n);
 const defaultDomain = 'hellosehat.com';

package/build/{index-9216d822.js → index-d991ca92.js}

@@ -2,19 +2,19 @@
 
 var React = require('react');
 var core = require('@mantine/core');
-var utils = require('./utils-bcbbbac4.js');
-var index_styles = require('./index.styles-55076d0e.js');
-var index = require('./index-25d53346.js');
-var useScrollbarSize = require('./useScrollbarSize-41e4ff2c.js');
+var utils = require('./utils-1e7ed4c2.js');
+var index_styles = require('./index.styles-bb906f44.js');
+var index = require('./index-6986f240.js');
+var useScrollbarSize = require('./useScrollbarSize-2da7cebc.js');
 var ReactDOM = require('react-dom');
 var styled = require('@emotion/styled');
-var utils$1 = require('./utils-65742df1.js');
-var theme = require('./theme-ed086c17.js');
+var utils$1 = require('./utils-d3aa8666.js');
+var theme = require('./theme-bc89adc3.js');
 var other = require('@hhgtech/icons/other');
-var useTranslations = require('./useTranslations-499d9236.js');
-var Subot = require('./Subot-a3e273e0.js');
-var index$1 = require('./index-c90ae6be.js');
-var index$2 = require('./index-5328bd6e.js');
+var useTranslations = require('./useTranslations-d1085988.js');
+var Subot = require('./Subot-4cd603cb.js');
+var index$1 = require('./index-94d91014.js');
+var index$2 = require('./index-659a649a.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }