@hhgtech/hhg-components 1.29.134 → 1.29.136

package/build/{index-21f9ac01.js → index-66cae2f5.js}

@@ -1,28 +1,28 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-e3715db4.js');
 var React = require('react');
 var reactHookForm = require('react-hook-form');
-var useHealthToolCache = require('./useHealthToolCache-cc3378e5.js');
-var constants = require('./constants-63a0dc23.js');
-var index$1 = require('./index-2744c22d.js');
-var index$2 = require('./index-3e801e33.js');
+var useHealthToolCache = require('./useHealthToolCache-6a08baa0.js');
+var constants = require('./constants-ba48bace.js');
+var index$2 = require('./index-bb4fcdf4.js');
+var index$3 = require('./index-53b1d680.js');
 require('@mantine/core');
 require('@mantine/dates');
-require('./index-920ebbb7.js');
-require('./index-291e6f28.js');
-require('./index-e6bdfb93.js');
-require('./useMantineLocale-d59fa63b.js');
-var index$3 = require('./index-7f563129.js');
-require('./index-a0a2321b.js');
+require('./index-58ef4c66.js');
+require('./index-c9911c65.js');
+require('./index-a4cdd0ad.js');
+require('./useMantineLocale-ceb23b28.js');
+var index$4 = require('./index-f301a143.js');
+require('./index-91f5fadb.js');
 var miscTheme = require('./miscTheme.js');
-require('./index.styles-b57afab1.js');
-var useTranslations = require('./useTranslations-928d4ace.js');
+require('./index.styles-d4cfe368.js');
+var index = require('./index-1358bae0.js');
 require('@mantine/hooks');
-require('./utils-54857ab8.js');
-require('./other-427e38dc.js');
-require('./index-41f6c400.js');
-var index = require('./index-d5a32dfb.js');
+require('./utils-ee304330.js');
+require('./other-2ce2695a.js');
+require('./index-3fa5e9f1.js');
+var index$1 = require('./index-7c762587.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var embeddedHeathToolCards_helpers = require('./embeddedHeathToolCards_helpers.js');
 
@@ -34,75 +34,75 @@ const BmiFormContext = React.createContext({});
 
 const DefaultForm = (props) => {
     var _a, _b, _c, _d;
-    const { t, locale } = useTranslations.useTranslations();
+    const { t, locale } = index.useTranslations();
     const { control, bmiGenerated, isTouched, linkTool, submitProps } = React.useContext(BmiFormContext);
-    return (React__default["default"].createElement(index.HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
+    return (React__default["default"].createElement(index$1.HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
         React__default["default"].createElement(reactHookForm.Controller, { name: "gender", control: control, rules: (_a = bmiGenerated.gender) === null || _a === void 0 ? void 0 : _a.rule, render: ({ field: { onChange }, fieldState: { error } }) => {
-                return (React__default["default"].createElement(index$1.GenderOptionControl, { error: isTouched ? error === null || error === void 0 ? void 0 : error.message : '', onChange: onChange }));
+                return (React__default["default"].createElement(index$2.GenderOptionControl, { error: isTouched ? error === null || error === void 0 ? void 0 : error.message : '', onChange: onChange }));
             } }),
         React__default["default"].createElement(reactHookForm.Controller, { name: "age", control: control, rules: (_b = bmiGenerated.age) === null || _b === void 0 ? void 0 : _b.rule, render: ({ field: { name, value, onChange }, fieldState: { error }, }) => {
-                return (React__default["default"].createElement(index$2.Input.Number, { label: React__default["default"].createElement(index$3.Text, { size: "s4", weight: "semiBold", color: miscTheme.theme.colors.gray600 },
+                return (React__default["default"].createElement(index$3.Input.Number, { label: React__default["default"].createElement(index$4.Text, { size: "s4", weight: "semiBold", color: miscTheme.theme.colors.gray600 },
                         t('bmi.ageInput'),
                         ' ',
-                        React__default["default"].createElement(index$3.Text, { size: "s4", weight: "semiBold", color: miscTheme.theme.colors.gray300, as: "span" }, t('bmi.ageInput.desc'))), placeholder: t('tools.inputPlaceholder', {
+                        React__default["default"].createElement(index$4.Text, { size: "s4", weight: "semiBold", color: miscTheme.theme.colors.gray300, as: "span" }, t('bmi.ageInput.desc'))), placeholder: t('tools.inputPlaceholder', {
                         content: '25',
                     }), name: name, value: value, onChange: onChange, error: isTouched ? error === null || error === void 0 ? void 0 : error.message : '', min: 0 }));
             } }),
         React__default["default"].createElement(reactHookForm.Controller, { name: "height", control: control, rules: (_c = bmiGenerated.height) === null || _c === void 0 ? void 0 : _c.rule, render: ({ field: { name, value, onChange }, fieldState: { error }, }) => {
-                return (React__default["default"].createElement(index$2.Input.Number, { label: React__default["default"].createElement(index$3.Text, { size: "s4", weight: "semiBold", color: miscTheme.theme.colors.gray600 },
+                return (React__default["default"].createElement(index$3.Input.Number, { label: React__default["default"].createElement(index$4.Text, { size: "s4", weight: "semiBold", color: miscTheme.theme.colors.gray600 },
                         t('bmi.heightInput'),
                         ' ',
-                        React__default["default"].createElement(index$3.Text, { size: "s4", weight: "semiBold", color: miscTheme.theme.colors.gray300, as: "span" }, t('bmi.heightInput.desc'))), placeholder: t('tools.inputPlaceholder', {
+                        React__default["default"].createElement(index$4.Text, { size: "s4", weight: "semiBold", color: miscTheme.theme.colors.gray300, as: "span" }, t('bmi.heightInput.desc'))), placeholder: t('tools.inputPlaceholder', {
                         content: '170',
                     }), name: name, value: value, onChange: onChange, error: isTouched ? error === null || error === void 0 ? void 0 : error.message : '', min: 0 }));
             } }),
         React__default["default"].createElement(reactHookForm.Controller, { name: "weight", control: control, rules: (_d = bmiGenerated.weight) === null || _d === void 0 ? void 0 : _d.rule, render: ({ field: { name, value, onChange }, fieldState: { error }, }) => {
-                return (React__default["default"].createElement(index$2.Input.Number, { label: React__default["default"].createElement(index$3.Text, { size: "s4", weight: "semiBold", color: miscTheme.theme.colors.gray600 },
+                return (React__default["default"].createElement(index$3.Input.Number, { label: React__default["default"].createElement(index$4.Text, { size: "s4", weight: "semiBold", color: miscTheme.theme.colors.gray600 },
                         t('bmi.weightInput'),
                         ' ',
-                        React__default["default"].createElement(index$3.Text, { size: "s4", weight: "semiBold", color: miscTheme.theme.colors.gray300, as: "span" }, t('bmi.weightInput.desc'))), placeholder: t('tools.inputPlaceholder', {
+                        React__default["default"].createElement(index$4.Text, { size: "s4", weight: "semiBold", color: miscTheme.theme.colors.gray300, as: "span" }, t('bmi.weightInput.desc'))), placeholder: t('tools.inputPlaceholder', {
                         content: '60',
                     }), name: name, value: value, onChange: onChange, error: isTouched ? error === null || error === void 0 ? void 0 : error.message : '', precision: 1, min: 0 }));
             } }),
-        React__default["default"].createElement(index.HealthToolFormWrapper.Submit, Object.assign({ className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${constantsDomainLocales.domainLocales[locale]}/${linkTool}`, type: "submit" }, submitProps), t('bmi.submit'))));
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${constantsDomainLocales.domainLocales[locale]}/${linkTool}`, type: "submit" }, submitProps), t('bmi.submit'))));
 };
 
 const InlineForm = (props) => {
     var _a, _b, _c, _d;
-    const { t, locale } = useTranslations.useTranslations();
+    const { t, locale } = index.useTranslations();
     const { control, bmiGenerated, isTouched, linkTool, submitProps } = React.useContext(BmiFormContext);
-    return (React__default["default"].createElement(index.HealthToolFormWrapper, Object.assign({ formLayout: "inline" }, props),
+    return (React__default["default"].createElement(index$1.HealthToolFormWrapper, Object.assign({ formLayout: "inline" }, props),
         React__default["default"].createElement(reactHookForm.Controller, { name: "gender", control: control, rules: (_a = bmiGenerated.gender) === null || _a === void 0 ? void 0 : _a.rule, render: ({ field: { onChange }, fieldState: { error } }) => {
-                return (React__default["default"].createElement(index.HealthToolFormWrapper.BorderInlineControl, { label: t('tools.selectGender'), width: 'none', errorMess: isTouched && (error === null || error === void 0 ? void 0 : error.message) },
-                    React__default["default"].createElement(index$1.GenderOptionControl, { type: "radio", hideLabel: true, error: isTouched ? React__default["default"].createElement(React__default["default"].Fragment, null) : '', onChange: onChange })));
+                return (React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('tools.selectGender'), width: 'none', errorMess: isTouched && (error === null || error === void 0 ? void 0 : error.message) },
+                    React__default["default"].createElement(index$2.GenderOptionControl, { type: "radio", hideLabel: true, error: isTouched ? React__default["default"].createElement(React__default["default"].Fragment, null) : '', onChange: onChange })));
             } }),
         React__default["default"].createElement(reactHookForm.Controller, { name: "age", control: control, rules: (_b = bmiGenerated.age) === null || _b === void 0 ? void 0 : _b.rule, render: ({ field: { name, value, onChange }, fieldState: { error }, }) => {
-                return (React__default["default"].createElement(index.HealthToolFormWrapper.BorderInlineControl, { label: t('bmi.ageInput'), errorMess: isTouched && (error === null || error === void 0 ? void 0 : error.message) },
-                    React__default["default"].createElement(index$2.Input.Number, { placeholder: t('tools.inputPlaceholder', {
+                return (React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('bmi.ageInput'), errorMess: isTouched && (error === null || error === void 0 ? void 0 : error.message) },
+                    React__default["default"].createElement(index$3.Input.Number, { placeholder: t('tools.inputPlaceholder', {
                             content: '25',
-                        }), name: name, value: value, onChange: onChange, error: isTouched && (error === null || error === void 0 ? void 0 : error.message) ? React__default["default"].createElement(React__default["default"].Fragment, null) : '', min: 0, rightSection: React__default["default"].createElement(index.HealthToolFormWrapper.Unit, null, t('tools.yearsOld')), styles: () => ({
+                        }), name: name, value: value, onChange: onChange, error: isTouched && (error === null || error === void 0 ? void 0 : error.message) ? React__default["default"].createElement(React__default["default"].Fragment, null) : '', min: 0, rightSection: React__default["default"].createElement(index$1.HealthToolFormWrapper.Unit, null, t('tools.yearsOld')), styles: () => ({
                             rightSection: {
                                 width: 'auto',
                             },
                         }) })));
             } }),
         React__default["default"].createElement(reactHookForm.Controller, { name: "height", control: control, rules: (_c = bmiGenerated.height) === null || _c === void 0 ? void 0 : _c.rule, render: ({ field: { name, value, onChange }, fieldState: { error }, }) => {
-                return (React__default["default"].createElement(index.HealthToolFormWrapper.FormRow, null,
-                    React__default["default"].createElement(index.HealthToolFormWrapper.BorderInlineControl, { label: t('bmi.heightInput') },
-                        React__default["default"].createElement(index$2.Input.Number, { placeholder: t('tools.inputPlaceholder', {
+                return (React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+                    React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('bmi.heightInput') },
+                        React__default["default"].createElement(index$3.Input.Number, { placeholder: t('tools.inputPlaceholder', {
                                 content: '170',
-                            }), name: name, value: value, onChange: onChange, min: 0, error: isTouched && (error === null || error === void 0 ? void 0 : error.message) ? React__default["default"].createElement(React__default["default"].Fragment, null) : '', rightSection: React__default["default"].createElement(index.HealthToolFormWrapper.Unit, null, t('babyGrowth.cm')) })),
-                    isTouched && (error === null || error === void 0 ? void 0 : error.message) && (React__default["default"].createElement(index.HealthToolFormWrapper.Error, null, error.message))));
+                            }), name: name, value: value, onChange: onChange, min: 0, error: isTouched && (error === null || error === void 0 ? void 0 : error.message) ? React__default["default"].createElement(React__default["default"].Fragment, null) : '', rightSection: React__default["default"].createElement(index$1.HealthToolFormWrapper.Unit, null, t('babyGrowth.cm')) })),
+                    isTouched && (error === null || error === void 0 ? void 0 : error.message) && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, error.message))));
             } }),
         React__default["default"].createElement(reactHookForm.Controller, { name: "weight", control: control, rules: (_d = bmiGenerated.weight) === null || _d === void 0 ? void 0 : _d.rule, render: ({ field: { name, value, onChange }, fieldState: { error }, }) => {
-                return (React__default["default"].createElement(index.HealthToolFormWrapper.FormRow, null,
-                    React__default["default"].createElement(index.HealthToolFormWrapper.BorderInlineControl, { label: t('bmi.weightInput') },
-                        React__default["default"].createElement(index$2.Input.Number, { placeholder: t('tools.inputPlaceholder', {
+                return (React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+                    React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('bmi.weightInput') },
+                        React__default["default"].createElement(index$3.Input.Number, { placeholder: t('tools.inputPlaceholder', {
                                 content: '60',
-                            }), name: name, value: value, onChange: onChange, error: isTouched && (error === null || error === void 0 ? void 0 : error.message) ? React__default["default"].createElement(React__default["default"].Fragment, null) : '', precision: 1, min: 0, rightSection: React__default["default"].createElement(index.HealthToolFormWrapper.Unit, null, t('babyGrowth.kg')) })),
-                    isTouched && (error === null || error === void 0 ? void 0 : error.message) && (React__default["default"].createElement(index.HealthToolFormWrapper.Error, null, error.message))));
+                            }), name: name, value: value, onChange: onChange, error: isTouched && (error === null || error === void 0 ? void 0 : error.message) ? React__default["default"].createElement(React__default["default"].Fragment, null) : '', precision: 1, min: 0, rightSection: React__default["default"].createElement(index$1.HealthToolFormWrapper.Unit, null, t('babyGrowth.kg')) })),
+                    isTouched && (error === null || error === void 0 ? void 0 : error.message) && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, error.message))));
             } }),
-        React__default["default"].createElement(index.HealthToolFormWrapper.Submit, Object.assign({ className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${constantsDomainLocales.domainLocales[locale]}/${linkTool}`, type: "submit" }, submitProps), t('bmi.submit'))));
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${constantsDomainLocales.domainLocales[locale]}/${linkTool}`, type: "submit" }, submitProps), t('bmi.submit'))));
 };
 
 const BmiForm = (_a) => {
@@ -110,7 +110,7 @@ const BmiForm = (_a) => {
     const [isTouched, setIsTouched] = React.useState(false);
     const { control, handleSubmit, setValue, watch } = reactHookForm.useForm();
     const data = watch();
-    const { locale } = useTranslations.useTranslations();
+    const { locale } = index.useTranslations();
     const { getHealthToolLink } = useHealthToolCache.useHealthToolsCache(locale);
     const linkTool = React.useMemo(() => getHealthToolLink(constants.HEALTH_TOOL_TYPE.OVULATION), [getHealthToolLink]);
     const onValid = (data) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {

package/build/{index-6cef29ed.js → index-6ae7346b.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-cf20aefa.js');
-var togetherComponentGlobalContext = require('./utils-6cc86c17.js');
+var index = require('./index-ad3f7091.js');
+var togetherComponentGlobalContext = require('./utils-8c3082d2.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
 

package/build/index-6d5894c0.js

@@ -0,0 +1,99 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-e3715db4.js');
+var React = require('react');
+var core = require('@mantine/core');
+var form = require('@mantine/form');
+require('./index-53b1d680.js');
+var index$3 = require('./index-bdadc7a8.js');
+require('./index-f301a143.js');
+require('./index-91f5fadb.js');
+require('./index.styles-d4cfe368.js');
+var index = require('./index-1358bae0.js');
+require('@mantine/hooks');
+require('./useMantineLocale-ceb23b28.js');
+require('./index-c9911c65.js');
+require('./index-a4cdd0ad.js');
+require('./utils-ee304330.js');
+require('./index-58ef4c66.js');
+require('./other-2ce2695a.js');
+require('./index-3fa5e9f1.js');
+var index$1 = require('./index-7c762587.js');
+var index$2 = require('./index-bb4fcdf4.js');
+var other = require('@hhgtech/icons/other');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const BabyVaccineFormContext = React.createContext({});
+
+const DefaultLayout = (_a) => {
+    var props = tslib_es6.__rest(_a, []);
+    const { t } = index.useTranslations();
+    const { currentUrl, submitProps, form } = React.useContext(BabyVaccineFormContext);
+    return (React__default["default"].createElement(index$1.HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
+        React__default["default"].createElement(index$2.GenderOptionControl, Object.assign({ isBaby: true }, form.getInputProps('gender'))),
+        React__default["default"].createElement(index$3.DatePicker, Object.assign({ label: t('babyGrowth.input.birthday'), placeholder: 'DD/MM/YYYY', popoverProps: {
+                withinPortal: true,
+            }, maxDate: new Date() }, form.getInputProps('age'))),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ type: "submit", className: "due-date-calculate-button", dataEventCategory: "Health Tool", dataEventAction: "Vaccination Tool", dataEventLabel: currentUrl }, submitProps), t('dueDatePage.lastPeriod.calculate'))));
+};
+
+const InlineLayout = (_a) => {
+    var props = tslib_es6.__rest(_a, []);
+    const { t } = index.useTranslations();
+    const { currentUrl, submitProps, form } = React.useContext(BabyVaccineFormContext);
+    return (React__default["default"].createElement(index$1.HealthToolFormWrapper, Object.assign({ formLayout: "inline" }, props),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('tools.selectBabyGender'), width: 'none' },
+                React__default["default"].createElement(index$2.GenderOptionControl, Object.assign({ isBaby: true, hideLabel: true, type: "radio" }, form.getInputProps('gender')))),
+            form.errors.gender && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.gender))),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('babyGrowth.input.birthday') },
+                React__default["default"].createElement(index$3.DatePicker, Object.assign({ placeholder: 'DD/MM/YYYY', popoverProps: {
+                        withinPortal: true,
+                    }, maxDate: new Date() }, form.getInputProps('age'), { error: null }))),
+            form.errors.age && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.gender))),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ type: "submit", className: "due-date-calculate-button", dataEventCategory: "Health Tool", dataEventAction: "Vaccination Tool", dataEventLabel: currentUrl }, submitProps), t('dueDatePage.lastPeriod.calculate'))));
+};
+
+const MbLayout = (_a) => {
+    var props = tslib_es6.__rest(_a, []);
+    const { t } = index.useTranslations();
+    const { currentUrl, submitProps, form } = React.useContext(BabyVaccineFormContext);
+    return (React__default["default"].createElement(index$1.HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.Control, null,
+            React__default["default"].createElement(index$2.GenderOptionControl, Object.assign({ isBaby: true }, form.getInputProps('gender'), { error: null }))),
+        form.errors.gender && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.gender)),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderBoxControl, { label: t('babyGrowth.input.birthday'), rightSection: React__default["default"].createElement(other.CalendarMB, null) },
+                React__default["default"].createElement(index$3.DatePicker, Object.assign({ placeholder: 'DD/MM/YYYY', popoverProps: {
+                        withinPortal: true,
+                    }, maxDate: new Date(), rightSection: null }, form.getInputProps('age'), { error: null }))),
+            form.errors.age && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.gender))),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ type: "submit", className: "due-date-calculate-button", dataEventCategory: "Health Tool", dataEventAction: "Vaccination Tool", dataEventLabel: currentUrl }, submitProps), t('dueDatePage.lastPeriod.calculate'))));
+};
+
+var OvulationCalculatorType;
+(function (OvulationCalculatorType) {
+    OvulationCalculatorType[OvulationCalculatorType["trackPeriod"] = 0] = "trackPeriod";
+    OvulationCalculatorType[OvulationCalculatorType["conceive"] = 1] = "conceive";
+    OvulationCalculatorType[OvulationCalculatorType["avoidPregnancy"] = 2] = "avoidPregnancy";
+})(OvulationCalculatorType || (OvulationCalculatorType = {}));
+const BabyVaccineForm = (_a) => {
+    var { formLayout = 'default', submitProps, currentUrl, onSubmit } = _a, props = tslib_es6.__rest(_a, ["formLayout", "submitProps", "currentUrl", "onSubmit"]);
+    const { t } = index.useTranslations();
+    const theme = core.useMantineTheme();
+    const isMarryBaby = theme.other.template === 'mb';
+    const form$1 = form.useForm({
+        validate: {
+            gender: form.isNotEmpty(t('validation.error.requiredField')),
+            age: form.isNotEmpty(t('validation.error.requiredField')),
+        },
+    });
+    const commonProps = Object.assign({ onSubmit: form$1.onSubmit(onSubmit) }, props);
+    return (React__default["default"].createElement(BabyVaccineFormContext.Provider, { value: { submitProps, currentUrl, form: form$1 } }, formLayout === 'inline' ? (React__default["default"].createElement(InlineLayout, Object.assign({}, commonProps))) : isMarryBaby ? (React__default["default"].createElement(MbLayout, Object.assign({ formLayout: formLayout }, commonProps))) : (React__default["default"].createElement(DefaultLayout, Object.assign({}, commonProps)))));
+};
+
+exports.BabyVaccineForm = BabyVaccineForm;

package/build/{index-3f9fc60d.js → index-75c1a598.js}

@@ -1,26 +1,26 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-e3715db4.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-var index$2 = require('./index-3e801e33.js');
-var index$3 = require('./index-d919834a.js');
-var index$4 = require('./index-7f563129.js');
-require('./index-a0a2321b.js');
-require('./index.styles-b57afab1.js');
-var useTranslations = require('./useTranslations-928d4ace.js');
+var index$3 = require('./index-53b1d680.js');
+var index$4 = require('./index-bdadc7a8.js');
+var index$5 = require('./index-f301a143.js');
+require('./index-91f5fadb.js');
+require('./index.styles-d4cfe368.js');
+var index = require('./index-1358bae0.js');
 require('@mantine/hooks');
-require('./useMantineLocale-d59fa63b.js');
-require('./index-291e6f28.js');
-require('./index-e6bdfb93.js');
-require('./utils-54857ab8.js');
-require('./index-920ebbb7.js');
-require('./other-427e38dc.js');
-require('./index-41f6c400.js');
-var constants = require('./constants-d73e25d5.js');
-var index = require('./index-d5a32dfb.js');
-var index$1 = require('./index-2744c22d.js');
+require('./useMantineLocale-ceb23b28.js');
+require('./index-c9911c65.js');
+require('./index-a4cdd0ad.js');
+require('./utils-ee304330.js');
+require('./index-58ef4c66.js');
+require('./other-2ce2695a.js');
+require('./index-3fa5e9f1.js');
+var constants = require('./constants-677e5253.js');
+var index$1 = require('./index-7c762587.js');
+var index$2 = require('./index-bb4fcdf4.js');
 var other = require('@hhgtech/icons/other');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -40,7 +40,7 @@ var useStyles$1 = core.createStyles((theme) => {
 
 const DefaultForm = (_a) => {
     var { styles, classNames } = _a, props = tslib_es6.__rest(_a, ["styles", "classNames"]);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const { form, currentUrl, submitProps } = React.useContext(BabyGrowthFormContext);
     const { classes } = useStyles$1(undefined, {
         name: 'BabyGrowthForm__DefaultForm',
@@ -53,22 +53,22 @@ const DefaultForm = (_a) => {
             withinPortal: true,
         },
     };
-    return (React__default["default"].createElement(index.HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
-        React__default["default"].createElement(index.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index.HealthToolFormWrapper.Control, null,
-                React__default["default"].createElement(index$1.GenderOptionControl, Object.assign({ isBaby: true, genderValue: {
+    return (React__default["default"].createElement(index$1.HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$1.HealthToolFormWrapper.Control, null,
+                React__default["default"].createElement(index$2.GenderOptionControl, Object.assign({ isBaby: true, genderValue: {
                         male: 'boy',
                         female: 'girl',
                     } }, form.getInputProps('gender'), { error: null }))),
-            form.errors.gender && (React__default["default"].createElement(index.HealthToolFormWrapper.Error, null, form.errors.gender))),
-        React__default["default"].createElement(index.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index$2.Input.Wrapper, { label: t('babyGrowth.input.birthday') },
-                React__default["default"].createElement(index$3.DatePicker, Object.assign({}, commonDateProps, { maxDate: new Date() }, form.getInputProps('birthday'), { error: null, onChange: (v) => {
+            form.errors.gender && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.gender))),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$3.Input.Wrapper, { label: t('babyGrowth.input.birthday') },
+                React__default["default"].createElement(index$4.DatePicker, Object.assign({}, commonDateProps, { maxDate: new Date() }, form.getInputProps('birthday'), { error: null, onChange: (v) => {
                         v && form.validateField('measurementDate');
                         form.getInputProps('birthday').onChange(v);
                     } }))),
-            form.errors.birthday && (React__default["default"].createElement(index.HealthToolFormWrapper.Error, null, form.errors.birthday))),
-        React__default["default"].createElement(index$2.Input.Number, Object.assign({ label: React__default["default"].createElement(React__default["default"].Fragment, null,
+            form.errors.birthday && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.birthday))),
+        React__default["default"].createElement(index$3.Input.Number, Object.assign({ label: React__default["default"].createElement(React__default["default"].Fragment, null,
                 t('babyGrowth.height'),
                 React__default["default"].createElement("span", { className: classes.unit },
                     "(",
@@ -77,7 +77,7 @@ const DefaultForm = (_a) => {
                 form.setFieldValue('height', v);
                 form.setFieldValue('checkMesureVal', !form.values.checkMesureVal);
             } })),
-        React__default["default"].createElement(index$2.Input.Number, Object.assign({ label: React__default["default"].createElement(React__default["default"].Fragment, null,
+        React__default["default"].createElement(index$3.Input.Number, Object.assign({ label: React__default["default"].createElement(React__default["default"].Fragment, null,
                 t('babyGrowth.weight'),
                 React__default["default"].createElement("span", { className: classes.unit },
                     "(",
@@ -86,7 +86,7 @@ const DefaultForm = (_a) => {
                 form.setFieldValue('weight', v);
                 form.setFieldValue('checkMesureVal', !form.values.checkMesureVal);
             } })),
-        React__default["default"].createElement(index$2.Input.Number, Object.assign({ label: React__default["default"].createElement(React__default["default"].Fragment, null,
+        React__default["default"].createElement(index$3.Input.Number, Object.assign({ label: React__default["default"].createElement(React__default["default"].Fragment, null,
                 t('babyGrowth.head'),
                 React__default["default"].createElement("span", { className: classes.unit },
                     "(",
@@ -95,12 +95,12 @@ const DefaultForm = (_a) => {
                 form.setFieldValue('head', v);
                 form.setFieldValue('checkMesureVal', !form.values.checkMesureVal);
             } })),
-        form.errors.checkMesureVal && (React__default["default"].createElement(index.HealthToolFormWrapper.Error, null, form.errors.checkMesureVal)),
-        React__default["default"].createElement(index.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index$2.Input.Wrapper, { label: t('babyGrowth.input.measurementDate') },
-                React__default["default"].createElement(index$3.DatePicker, Object.assign({}, commonDateProps, { defaultValue: new Date() }, form.getInputProps('measurementDate'), { maxDate: new Date(), error: null }))),
-            form.errors.measurementDate && (React__default["default"].createElement(index.HealthToolFormWrapper.Error, null, form.errors.measurementDate))),
-        React__default["default"].createElement(index.HealthToolFormWrapper.Submit, Object.assign({ type: "submit", "data-event-category": "Health Tool", "data-event-action": "Baby Growth", "data-event-label": currentUrl }, submitProps), t('babyGrowth.input.submit'))));
+        form.errors.checkMesureVal && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.checkMesureVal)),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$3.Input.Wrapper, { label: t('babyGrowth.input.measurementDate') },
+                React__default["default"].createElement(index$4.DatePicker, Object.assign({}, commonDateProps, { defaultValue: new Date() }, form.getInputProps('measurementDate'), { maxDate: new Date(), error: null }))),
+            form.errors.measurementDate && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.measurementDate))),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ type: "submit", "data-event-category": "Health Tool", "data-event-action": "Baby Growth", "data-event-label": currentUrl }, submitProps), t('babyGrowth.input.submit'))));
 };
 
 var useStyles = core.createStyles((theme) => {
@@ -157,7 +157,7 @@ const bmiCalculate = (height = 0, weight = 0) => {
 
 const InlineForm = (_a) => {
     var { styles, classNames } = _a, props = tslib_es6.__rest(_a, ["styles", "classNames"]);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const { form, currentUrl, submitProps } = React.useContext(BabyGrowthFormContext);
     const { classes } = useStyles(undefined, {
         name: 'BabyGrowthForm__InlineForm',
@@ -170,60 +170,60 @@ const InlineForm = (_a) => {
             withinPortal: true,
         },
     };
-    return (React__default["default"].createElement(index.HealthToolFormWrapper, Object.assign({ formLayout: "inline" }, props),
-        React__default["default"].createElement(index.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index.HealthToolFormWrapper.BorderInlineControl, { label: t('tools.selectBabyGender') },
-                React__default["default"].createElement(index$1.GenderOptionControl, Object.assign({ type: "radio", hideLabel: true, isBaby: true, genderValue: {
+    return (React__default["default"].createElement(index$1.HealthToolFormWrapper, Object.assign({ formLayout: "inline" }, props),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('tools.selectBabyGender') },
+                React__default["default"].createElement(index$2.GenderOptionControl, Object.assign({ type: "radio", hideLabel: true, isBaby: true, genderValue: {
                         male: 'boy',
                         female: 'girl',
                     } }, form.getInputProps('gender')))),
-            form.errors.gender && (React__default["default"].createElement(index.HealthToolFormWrapper.Error, null, form.errors.gender))),
-        React__default["default"].createElement(index.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index.HealthToolFormWrapper.BorderInlineControl, { label: t('babyGrowth.input.birthday') },
-                React__default["default"].createElement(index$3.DatePicker, Object.assign({}, commonDateProps, { maxDate: new Date() }, form.getInputProps('birthday'), { error: null, onChange: (v) => {
+            form.errors.gender && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.gender))),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('babyGrowth.input.birthday') },
+                React__default["default"].createElement(index$4.DatePicker, Object.assign({}, commonDateProps, { maxDate: new Date() }, form.getInputProps('birthday'), { error: null, onChange: (v) => {
                         v && form.validateField('measurementDate');
                         form.getInputProps('birthday').onChange(v);
                     } }))),
-            form.errors.birthday && (React__default["default"].createElement(index.HealthToolFormWrapper.Error, null, form.errors.birthday))),
-        React__default["default"].createElement(index.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index.HealthToolFormWrapper.BorderInlineControl, { label: "BMI", styles: {
+            form.errors.birthday && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.birthday))),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: "BMI", styles: {
                     control: {
                         '&:first-child': {
                             width: 'auto',
                         },
                     },
                 } },
-                React__default["default"].createElement(index$4.Text, { size: "p3" },
+                React__default["default"].createElement(index$5.Text, { size: "p3" },
                     React__default["default"].createElement("span", { className: classes.bmiVal }, form.getInputProps('height').value &&
                         form.getInputProps('weight').value &&
                         bmiCalculate(Number(form.getInputProps('height').value), Number(form.getInputProps('weight').value))),
                     "(",
                     t('babyGrowth.kg.m2'),
                     ")"),
-                React__default["default"].createElement(index$2.Input.Number, Object.assign({}, form.getInputProps('height'), { placeholder: t('babyGrowth.height'), min: constants.INPUT_RANGE.height.min, max: constants.INPUT_RANGE.height.max, onChange: (v) => {
+                React__default["default"].createElement(index$3.Input.Number, Object.assign({}, form.getInputProps('height'), { placeholder: t('babyGrowth.height'), min: constants.INPUT_RANGE.height.min, max: constants.INPUT_RANGE.height.max, onChange: (v) => {
                         form.setFieldValue('height', v);
                         form.setFieldValue('checkMesureVal', !form.values.checkMesureVal);
-                    }, rightSection: React__default["default"].createElement(index.HealthToolFormWrapper.Unit, null, t('babyGrowth.cm')) })),
-                React__default["default"].createElement(index$2.Input.Number, Object.assign({}, form.getInputProps('weight'), { placeholder: t('babyGrowth.weight'), min: constants.INPUT_RANGE.weight.min, max: constants.INPUT_RANGE.weight.max, onChange: (v) => {
+                    }, rightSection: React__default["default"].createElement(index$1.HealthToolFormWrapper.Unit, null, t('babyGrowth.cm')) })),
+                React__default["default"].createElement(index$3.Input.Number, Object.assign({}, form.getInputProps('weight'), { placeholder: t('babyGrowth.weight'), min: constants.INPUT_RANGE.weight.min, max: constants.INPUT_RANGE.weight.max, onChange: (v) => {
                         form.setFieldValue('weight', v);
                         form.setFieldValue('checkMesureVal', !form.values.checkMesureVal);
-                    }, rightSection: React__default["default"].createElement(index.HealthToolFormWrapper.Unit, null, t('babyGrowth.kg')) }))),
-            React__default["default"].createElement(index.HealthToolFormWrapper.BorderInlineControl, { label: t('babyGrowth.head') },
-                React__default["default"].createElement(index$2.Input.Number, Object.assign({}, form.getInputProps('head'), { placeholder: t('babyGrowth.head'), onChange: (v) => {
+                    }, rightSection: React__default["default"].createElement(index$1.HealthToolFormWrapper.Unit, null, t('babyGrowth.kg')) }))),
+            React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('babyGrowth.head') },
+                React__default["default"].createElement(index$3.Input.Number, Object.assign({}, form.getInputProps('head'), { placeholder: t('babyGrowth.head'), onChange: (v) => {
                         form.setFieldValue('head', v);
                         form.setFieldValue('checkMesureVal', !form.values.checkMesureVal);
-                    }, rightSection: React__default["default"].createElement(index.HealthToolFormWrapper.Unit, null, t('babyGrowth.cm')) }))),
-            form.errors.checkMesureVal && (React__default["default"].createElement(index.HealthToolFormWrapper.Error, null, form.errors.checkMesureVal))),
-        React__default["default"].createElement(index.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index.HealthToolFormWrapper.BorderInlineControl, { label: t('babyGrowth.input.measurementDate') },
-                React__default["default"].createElement(index$3.DatePicker, Object.assign({}, commonDateProps, { maxDate: new Date() }, form.getInputProps('measurementDate'), { error: null }))),
-            form.errors.measurementDate && (React__default["default"].createElement(index.HealthToolFormWrapper.Error, null, form.errors.measurementDate))),
-        React__default["default"].createElement(index.HealthToolFormWrapper.Submit, Object.assign({ type: "submit", "data-event-category": "Health Tool", "data-event-action": "Baby Growth", "data-event-label": currentUrl, className: classes.submitBtn }, submitProps), t('babyGrowth.input.submit'))));
+                    }, rightSection: React__default["default"].createElement(index$1.HealthToolFormWrapper.Unit, null, t('babyGrowth.cm')) }))),
+            form.errors.checkMesureVal && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.checkMesureVal))),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('babyGrowth.input.measurementDate') },
+                React__default["default"].createElement(index$4.DatePicker, Object.assign({}, commonDateProps, { maxDate: new Date() }, form.getInputProps('measurementDate'), { error: null }))),
+            form.errors.measurementDate && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.measurementDate))),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ type: "submit", "data-event-category": "Health Tool", "data-event-action": "Baby Growth", "data-event-label": currentUrl, className: classes.submitBtn }, submitProps), t('babyGrowth.input.submit'))));
 };
 
 const MbLayout = (_a) => {
     var props = tslib_es6.__rest(_a, []);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const { form, currentUrl, submitProps } = React.useContext(BabyGrowthFormContext);
     const commonDateProps = {
         placeholder: 'DD/MM/YYYY',
@@ -231,54 +231,54 @@ const MbLayout = (_a) => {
             withinPortal: true,
         },
     };
-    return (React__default["default"].createElement(index.HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
-        React__default["default"].createElement(index.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index.HealthToolFormWrapper.Control, null,
-                React__default["default"].createElement(index$1.GenderOptionControl, Object.assign({ isBaby: true, genderValue: {
+    return (React__default["default"].createElement(index$1.HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$1.HealthToolFormWrapper.Control, null,
+                React__default["default"].createElement(index$2.GenderOptionControl, Object.assign({ isBaby: true, genderValue: {
                         male: 'boy',
                         female: 'girl',
                     } }, form.getInputProps('gender'), { error: null }))),
-            form.errors.gender && (React__default["default"].createElement(index.HealthToolFormWrapper.Error, null, form.errors.gender))),
-        React__default["default"].createElement(index.HealthToolFormWrapper.BorderBoxControl, { label: t('babyGrowth.input.birthday'), rightSection: React__default["default"].createElement(other.CalendarMB, null) },
-            React__default["default"].createElement(index$3.DatePicker, Object.assign({}, commonDateProps, { maxDate: new Date() }, form.getInputProps('birthday'), { error: null, rightSection: null, onChange: (v) => {
+            form.errors.gender && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.gender))),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderBoxControl, { label: t('babyGrowth.input.birthday'), rightSection: React__default["default"].createElement(other.CalendarMB, null) },
+            React__default["default"].createElement(index$4.DatePicker, Object.assign({}, commonDateProps, { maxDate: new Date() }, form.getInputProps('birthday'), { error: null, rightSection: null, onChange: (v) => {
                     v && form.validateField('measurementDate');
                     form.getInputProps('birthday').onChange(v);
                 } }))),
-        form.errors.birthday && (React__default["default"].createElement(index.HealthToolFormWrapper.Error, null, form.errors.birthday)),
-        React__default["default"].createElement(index.HealthToolFormWrapper.BorderBoxControl, { label: t('babyGrowth.height'), rightSection: t('babyGrowth.cm') },
-            React__default["default"].createElement(index$2.Input.Number, Object.assign({}, form.getInputProps('height'), { placeholder: t('tools.inputPlaceholder', {
+        form.errors.birthday && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.birthday)),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderBoxControl, { label: t('babyGrowth.height'), rightSection: t('babyGrowth.cm') },
+            React__default["default"].createElement(index$3.Input.Number, Object.assign({}, form.getInputProps('height'), { placeholder: t('tools.inputPlaceholder', {
                     content: '160',
                 }), min: constants.INPUT_RANGE.height.min, max: constants.INPUT_RANGE.height.max, onChange: (v) => {
                     form.setFieldValue('height', v);
                     form.setFieldValue('checkMesureVal', !form.values.checkMesureVal);
                 } }))),
-        form.errors.height && (React__default["default"].createElement(index.HealthToolFormWrapper.Error, null, form.errors.height)),
-        React__default["default"].createElement(index.HealthToolFormWrapper.BorderBoxControl, { label: t('babyGrowth.weight'), rightSection: t('babyGrowth.kg') },
-            React__default["default"].createElement(index$2.Input.Number, Object.assign({}, form.getInputProps('weight'), { placeholder: t('tools.inputPlaceholder', {
+        form.errors.height && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.height)),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderBoxControl, { label: t('babyGrowth.weight'), rightSection: t('babyGrowth.kg') },
+            React__default["default"].createElement(index$3.Input.Number, Object.assign({}, form.getInputProps('weight'), { placeholder: t('tools.inputPlaceholder', {
                     content: '50',
                 }), min: constants.INPUT_RANGE.weight.min, max: constants.INPUT_RANGE.weight.max, onChange: (v) => {
                     form.setFieldValue('weight', v);
                     form.setFieldValue('checkMesureVal', !form.values.checkMesureVal);
                 } }))),
-        form.errors.weight && (React__default["default"].createElement(index.HealthToolFormWrapper.Error, null, form.errors.weight)),
-        React__default["default"].createElement(index.HealthToolFormWrapper.BorderBoxControl, { label: t('babyGrowth.head'), rightSection: t('babyGrowth.cm') },
-            React__default["default"].createElement(index$2.Input.Number, Object.assign({}, form.getInputProps('head'), { placeholder: t('tools.inputPlaceholder', {
+        form.errors.weight && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.weight)),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderBoxControl, { label: t('babyGrowth.head'), rightSection: t('babyGrowth.cm') },
+            React__default["default"].createElement(index$3.Input.Number, Object.assign({}, form.getInputProps('head'), { placeholder: t('tools.inputPlaceholder', {
                     content: '50',
                 }), onChange: (v) => {
                     form.setFieldValue('head', v);
                     form.setFieldValue('checkMesureVal', !form.values.checkMesureVal);
                 } }))),
-        form.errors.checkMesureVal && (React__default["default"].createElement(index.HealthToolFormWrapper.Error, null, form.errors.checkMesureVal)),
-        React__default["default"].createElement(index.HealthToolFormWrapper.BorderBoxControl, { label: t('babyGrowth.input.measurementDate'), rightSection: React__default["default"].createElement(other.CalendarMB, null) },
-            React__default["default"].createElement(index$2.Input.Wrapper, null,
-                React__default["default"].createElement(index$3.DatePicker, Object.assign({}, commonDateProps, { defaultValue: new Date() }, form.getInputProps('measurementDate'), { maxDate: new Date(), rightSection: null, error: null })))),
-        form.errors.measurementDate && (React__default["default"].createElement(index.HealthToolFormWrapper.Error, null, form.errors.measurementDate)),
-        React__default["default"].createElement(index.HealthToolFormWrapper.Submit, Object.assign({ type: "submit", "data-event-category": "Health Tool", "data-event-action": "Baby Growth", "data-event-label": currentUrl }, submitProps), t('babyGrowth.input.submit'))));
+        form.errors.checkMesureVal && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.checkMesureVal)),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderBoxControl, { label: t('babyGrowth.input.measurementDate'), rightSection: React__default["default"].createElement(other.CalendarMB, null) },
+            React__default["default"].createElement(index$3.Input.Wrapper, null,
+                React__default["default"].createElement(index$4.DatePicker, Object.assign({}, commonDateProps, { defaultValue: new Date() }, form.getInputProps('measurementDate'), { maxDate: new Date(), rightSection: null, error: null })))),
+        form.errors.measurementDate && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.measurementDate)),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ type: "submit", "data-event-category": "Health Tool", "data-event-action": "Baby Growth", "data-event-label": currentUrl }, submitProps), t('babyGrowth.input.submit'))));
 };
 
 const BabyGrowthForm = (_a) => {
     var { onSubmit, formLayout = 'default', submitProps, currentUrl } = _a, rest = tslib_es6.__rest(_a, ["onSubmit", "formLayout", "submitProps", "currentUrl"]);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const theme = core.useMantineTheme();
     const form$1 = form.useForm({
         initialValues: {