@hhgtech/hhg-components 1.29.16 → 1.29.18

package/build/esm/gAssets.js

@@ -1,5 +1,5 @@
-export { C as CommonGAssets, G as GAssets } from './index-12a5bac7.js';
-import './index-87884a8f.js';
+export { C as CommonGAssets, G as GAssets } from './index-07c6e1bd.js';
+import './index-db5867f7.js';
 import 'date-fns/locale';
-import './Subot-3bba6d37.js';
-import './isProduction-b21a736b.js';
+import './Subot-95a2ecc5.js';
+import './isProduction-9442d268.js';

package/build/esm/{getDynamicHealthTool-30490d3e.js → getDynamicHealthTool-16a448be.js}

@@ -1,7 +1,7 @@
-import { a as __awaiter } from './tslib.es6-432806db.js';
-import { n as normalizeLinkSlash } from './normalizeLink-6bfd1e34.js';
-import { c as getDiscoverApiDomain } from './routing-e2dce79f.js';
-import { g as getDataWithCache } from './core-fd577421.js';
+import { a as __awaiter } from './tslib.es6-a48fd58c.js';
+import { n as normalizeLinkSlash } from './normalizeLink-7830ca0c.js';
+import { c as getDiscoverApiDomain } from './routing-929cd1fb.js';
+import { g as getDataWithCache } from './core-c660cd25.js';
 
 const formatHealthTool = (healthTool, locale) => {
     var _a, _b;

package/build/esm/{getSocialList-d882aa01.js → getSocialList-3a7e5d28.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { L as LOCALE } from './Subot-3bba6d37.js';
-import { C as CommonGAssets } from './index-12a5bac7.js';
+import { L as LOCALE } from './Subot-95a2ecc5.js';
+import { C as CommonGAssets } from './index-07c6e1bd.js';
 
 const getSocialList = (shareUrl) => [
     {

package/build/esm/hooks.js

@@ -1,21 +1,21 @@
-export { u as useTranslations } from './useTranslations-0bf9e73b.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-ec799782.js';
-export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, a as usePrevious, b as useRafState } from './useCategory-795e123e.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-536cf7e3.js';
-export { u as useIsInit } from './useIsInit-00c6a609.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-d46904fd.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-45a1bb5c.js';
+export { u as useTranslations } from './useTranslations-fc7f8dd8.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-f0b0a643.js';
+export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, a as usePrevious, b as useRafState } from './useCategory-b6f1959f.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-6d04ca86.js';
+export { u as useIsInit } from './useIsInit-24be5fb9.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-8e5d0998.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-e0903e6b.js';
 import 'react';
-import './translationsContext-91397ba9.js';
+import './translationsContext-39354d2d.js';
 import 'string-format';
 import 'lodash/debounce';
-import './tslib.es6-432806db.js';
-import './cookieHelper-52591795.js';
-import './Subot-3bba6d37.js';
-import './getDynamicHealthTool-30490d3e.js';
-import './normalizeLink-6bfd1e34.js';
-import './routing-e2dce79f.js';
-import './index-87884a8f.js';
+import './tslib.es6-a48fd58c.js';
+import './cookieHelper-5ea392e1.js';
+import './Subot-95a2ecc5.js';
+import './getDynamicHealthTool-16a448be.js';
+import './normalizeLink-7830ca0c.js';
+import './routing-929cd1fb.js';
+import './index-db5867f7.js';
 import 'date-fns/locale';
-import './isProduction-b21a736b.js';
-import './core-fd577421.js';
+import './isProduction-9442d268.js';
+import './core-c660cd25.js';

package/build/esm/i18n.js

@@ -1,5 +1,5 @@
-import { T as TranslationsContext } from './translationsContext-91397ba9.js';
-export { T as TranslationsContext } from './translationsContext-91397ba9.js';
+import { T as TranslationsContext } from './translationsContext-39354d2d.js';
+export { T as TranslationsContext } from './translationsContext-39354d2d.js';
 import React__default, { useState, useEffect, useMemo } from 'react';
 import defaultTranslations from './i18n-values/en-PH.js';
 import hiTranslations from './i18n-values/hi-IN.js';

package/build/esm/i18nV2.js

@@ -1,5 +1,5 @@
-import { T as TranslationsContext } from './translationsContext-91397ba9.js';
-export { T as TranslationsContext } from './translationsContext-91397ba9.js';
+import { T as TranslationsContext } from './translationsContext-39354d2d.js';
+export { T as TranslationsContext } from './translationsContext-39354d2d.js';
 import React__default, { useMemo } from 'react';
 
 const TranslationsProvider = ({ locale = 'en-PH', values, children, }) => {

package/build/esm/{index-8accb352.js → index-0769b868.js}

@@ -1,11 +1,11 @@
-import { _ as __rest } from './tslib.es6-432806db.js';
+import { _ as __rest } from './tslib.es6-a48fd58c.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import { L as LOCALE } from './Subot-3bba6d37.js';
+import { L as LOCALE } from './Subot-95a2ecc5.js';
 import styled from '@emotion/styled';
-import { C as CommonGAssets } from './index-12a5bac7.js';
-import { t as theme } from './theme-14ffcb24.js';
-import { I as ImageWrap, f as CentralCarousel } from './index-4603fcf2.js';
-import { T as Text } from './index-be6869a7.js';
+import { C as CommonGAssets } from './index-07c6e1bd.js';
+import { t as theme } from './theme-ec183439.js';
+import { I as ImageWrap, f as CentralCarousel } from './index-9990eb81.js';
+import { T as Text } from './index-b7d60a4a.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-12a5bac7.js → index-07c6e1bd.js}

@@ -1,5 +1,5 @@
-import { d as domainLocales } from './index-87884a8f.js';
-import { i as isProduction } from './isProduction-b21a736b.js';
+import { d as domainLocales } from './index-db5867f7.js';
+import { i as isProduction } from './isProduction-9442d268.js';
 
 const isNumeric = (n) => !isNaN(parseFloat(n)) && isFinite(n);
 const defaultDomain = 'hellosehat.com';

package/build/esm/{index-ade4d5ac.js → index-10a2a45f.js}

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-14ffcb24.js';
+import { t as theme } from './theme-ec183439.js';
 
 const StyledDropdown = styled.div `
   --dropdown-padding: 12px 18px 12px 16px;

package/build/esm/{index-79d581b9.js → index-1538c11f.js}

@@ -1,22 +1,22 @@
 import React__default from 'react';
-import { C as Container } from './index-ad95da2b.js';
+import { C as Container } from './index-a4b7207b.js';
 import dayjs from 'dayjs';
-import { d as domainLocales } from './index-87884a8f.js';
-import { u as useScreenSize } from './index-4603fcf2.js';
+import { d as domainLocales } from './index-db5867f7.js';
+import { u as useScreenSize } from './index-9990eb81.js';
 import { Flex, Stack, Box } from '@mantine/core';
 import '@mantine/dates';
-import './Subot-3bba6d37.js';
-import './index-12a5bac7.js';
-import './useMantineLocale-edd518ab.js';
-import { T as Text } from './index-552f734d.js';
-import { t as theme } from './theme-14ffcb24.js';
-import './translationsContext-91397ba9.js';
+import './Subot-95a2ecc5.js';
+import './index-07c6e1bd.js';
+import './useMantineLocale-66cfbbd2.js';
+import { T as Text } from './index-1f464f39.js';
+import { t as theme } from './theme-ec183439.js';
+import './translationsContext-39354d2d.js';
 import 'string-format';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-87d6460a.js';
+import { M as MediaQueries } from './utils-ad8df0bc.js';
 import styled from '@emotion/styled';
-import { L as Logo } from './index-fc57d179.js';
-import { M as MarryBabyText } from './index-a51dcd77.js';
+import { L as Logo } from './index-401131fb.js';
+import { M as MarryBabyText } from './index-86d1abb7.js';
 
 const StyledFooter = styled.footer `
   background-color: #1b3250;

package/build/esm/{index-efd1ceea.js → index-1bf3e35c.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-432806db.js';
+import { _ as __rest } from './tslib.es6-a48fd58c.js';
 import React__default from 'react';
-import { t as theme } from './theme-14ffcb24.js';
-import { S as Share, E as Eye, W as WhatsApp, k as Spinner } from './utils-68501e19.js';
+import { t as theme } from './theme-ec183439.js';
+import { S as Share, E as Eye, W as WhatsApp, k as Spinner } from './utils-d3e3f2b4.js';
 
 const ArrowRightTail = (_a) => {
     var { size = 24, color: colorInit = theme.colors.gray600, useCurrentColor, isActive, activeColor = theme.colors.primaryBase } = _a, rest = __rest(_a, ["size", "color", "useCurrentColor", "isActive", "activeColor"]);

package/build/esm/{index-03e69613.js → index-1efced5f.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-432806db.js';
+import { _ as __rest } from './tslib.es6-a48fd58c.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { i as useStyles } from './index-4603fcf2.js';
+import { i as useStyles } from './index-9990eb81.js';
 
 const Modal = (_a) => {
     var { styles, transitionProps } = _a, rest = __rest(_a, ["styles", "transitionProps"]);

package/build/esm/{index-552f734d.js → index-1f464f39.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-432806db.js';
+import { _ as __rest } from './tslib.es6-a48fd58c.js';
 import React__default from 'react';
 import { createStyles, Text as Text$1 } from '@mantine/core';
-import { O as OTHER_THEME_CONFIG, F as FontWeight } from './utils-87d6460a.js';
+import { O as OTHER_THEME_CONFIG, F as FontWeight } from './utils-ad8df0bc.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/{index-e56eecbe.js → index-367bd948.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-432806db.js';
+import { _ as __rest } from './tslib.es6-a48fd58c.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-552f734d.js';
+import { T as Text } from './index-1f464f39.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-fc57d179.js → index-401131fb.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './Subot-3bba6d37.js';
-import { C as CommonGAssets } from './index-12a5bac7.js';
-import { i as isChristmas, a as LunarNewYearLocale, b as isLunarNewYear, c as isNewYear, d as isRamadan, e as isVNHungKing, f as isVN3004, g as isLabourDay, S as StyledLogo, L as LogoIcon, h as StyledProLogo } from './utils-196d84bc.js';
-import { I as ImageWrap } from './index-4603fcf2.js';
+import { L as LOCALE } from './Subot-95a2ecc5.js';
+import { C as CommonGAssets } from './index-07c6e1bd.js';
+import { i as isChristmas, a as LunarNewYearLocale, b as isLunarNewYear, c as isNewYear, d as isRamadan, e as isVNHungKing, f as isVN3004, g as isLabourDay, S as StyledLogo, L as LogoIcon, h as StyledProLogo } from './utils-8c35ae89.js';
+import { I as ImageWrap } from './index-9990eb81.js';
 
 const Logo = ({ type, className, style, isLightLogo, customSize, badge, locale, dateForSeasonal, isPro, }) => {
     const [seasonalChecks, setSeasonalChecks] = useState({

package/build/esm/{index-4936ea9a.js → index-478aba6c.js}

@@ -1,18 +1,18 @@
 import React__default, { useRef, useEffect, useState } from 'react';
 import { Portal } from '@mantine/core';
-import { t as toggleNoScroll, M as MediaQueries } from './utils-87d6460a.js';
-import { x as StyledBackdrop, y as StyledDrawer, z as StyledDrawerPanel, A as StyledDrawerContent, B as StyledRadioImageGroup, C as StyledRadioImageItem } from './index.styles-ce2ae678.js';
-import { T as Text } from './index-552f734d.js';
-import { u as useScrollbarSize } from './useScrollbarSize-ec799782.js';
+import { t as toggleNoScroll, M as MediaQueries } from './utils-ad8df0bc.js';
+import { x as StyledBackdrop, y as StyledDrawer, z as StyledDrawerPanel, A as StyledDrawerContent, B as StyledRadioImageGroup, C as StyledRadioImageItem } from './index.styles-996c138e.js';
+import { T as Text } from './index-1f464f39.js';
+import { u as useScrollbarSize } from './useScrollbarSize-f0b0a643.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { s as setDefaultClass } from './utils-68501e19.js';
-import { t as theme } from './theme-14ffcb24.js';
+import { s as setDefaultClass } from './utils-d3e3f2b4.js';
+import { t as theme } from './theme-ec183439.js';
 import { BabyBoyMB, GenderChooseBoy, BabyGirlMB, GenderChooseGirl } from '@hhgtech/icons/other';
-import { u as useTranslations } from './useTranslations-0bf9e73b.js';
-import { G as Gender } from './Subot-3bba6d37.js';
-import { M as MarryBabyText, a as MarryBabyHeading } from './index-a51dcd77.js';
-import { T as Text$1 } from './index-be6869a7.js';
+import { u as useTranslations } from './useTranslations-fc7f8dd8.js';
+import { G as Gender } from './Subot-95a2ecc5.js';
+import { M as MarryBabyText, a as MarryBabyHeading } from './index-86d1abb7.js';
+import { T as Text$1 } from './index-b7d60a4a.js';
 
 const Backdrop = ({ open = false, onClickOutside, }) => {
     return (React__default.createElement(StyledBackdrop, { "data-open": open, onClick: onClickOutside }));

package/build/esm/{index-ade4a49f.js → index-51a9b105.js}

@@ -1,10 +1,10 @@
 import React__default, { useRef, useState, useEffect } from 'react';
-import { I as Icon } from './index-efd1ceea.js';
-import { u as useTranslations } from './useTranslations-0bf9e73b.js';
+import { I as Icon } from './index-1bf3e35c.js';
+import { u as useTranslations } from './useTranslations-fc7f8dd8.js';
 import { format } from 'date-fns';
 import DayPickerInput from 'react-day-picker/DayPickerInput';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-14ffcb24.js';
+import { t as theme } from './theme-ec183439.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-5f7c1cb5.js → index-58ae7efe.js}

@@ -1,18 +1,18 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-432806db.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-a48fd58c.js';
 import React__default, { useReducer, useState, useEffect } from 'react';
 import { Stack, Input as Input$1 } from '@mantine/core';
-import { c as Input, S as Select } from './index-4603fcf2.js';
+import { c as Input, S as Select } from './index-9990eb81.js';
 import '@mantine/dates';
-import { c as CDN_ADDRESS } from './index-87884a8f.js';
-import { L as LOCALE } from './Subot-3bba6d37.js';
-import './index-12a5bac7.js';
-import './useMantineLocale-edd518ab.js';
-import './index-552f734d.js';
-import './theme-14ffcb24.js';
-import { u as useTranslations } from './useTranslations-0bf9e73b.js';
+import { c as CDN_ADDRESS } from './index-db5867f7.js';
+import { L as LOCALE } from './Subot-95a2ecc5.js';
+import './index-07c6e1bd.js';
+import './useMantineLocale-66cfbbd2.js';
+import './index-1f464f39.js';
+import './theme-ec183439.js';
+import { u as useTranslations } from './useTranslations-fc7f8dd8.js';
 import '@mantine/hooks';
-import './utils-87d6460a.js';
-import { M as MAPPED_LOCALE } from './utils-a424c812.js';
+import './utils-ad8df0bc.js';
+import { M as MAPPED_LOCALE } from './utils-ed21e15c.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/{index-e734a430.js → index-5c9ce0c4.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-432806db.js';
+import { _ as __rest } from './tslib.es6-a48fd58c.js';
 import React__default, { useState, useEffect } from 'react';
 import { useDebouncedValue } from '@mantine/hooks';
-import { D as DEBOUNCED_TIME, g as StyledSliderWrapper, B as Button, h as StyledSlider } from './index-4603fcf2.js';
+import { D as DEBOUNCED_TIME, g as StyledSliderWrapper, B as Button, h as StyledSlider } from './index-9990eb81.js';
 
 const Slider = (_a) => {
     var { color, withControl, onChange, value, min, max, isStatic, containerClassName, containerStyle } = _a, props = __rest(_a, ["color", "withControl", "onChange", "value", "min", "max", "isStatic", "containerClassName", "containerStyle"]);

package/build/esm/{index-a06ce828.js → index-5d578c35.js}

@@ -1,13 +1,13 @@
 import React__default, { useState, useEffect, useMemo, useCallback } from 'react';
-import { t as StyledDivider, v as useStyles, w as StyledContainer } from './index.styles-ce2ae678.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-432806db.js';
-import { u as useTranslations } from './useTranslations-0bf9e73b.js';
-import { B as Button } from './index-4603fcf2.js';
-import { P as PATHS } from './paths-a87d0584.js';
-import { a as LOCALIZED_SLUGS } from './constants-f73bdc59.js';
-import { d as domainLocales } from './index-87884a8f.js';
-import { i as callApi, j as getCarePath } from './utils-68501e19.js';
-import { i as isProduction } from './isProduction-b21a736b.js';
+import { t as StyledDivider, v as useStyles, w as StyledContainer } from './index.styles-996c138e.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-a48fd58c.js';
+import { u as useTranslations } from './useTranslations-fc7f8dd8.js';
+import { B as Button } from './index-9990eb81.js';
+import { P as PATHS } from './paths-52165ce0.js';
+import { a as LOCALIZED_SLUGS } from './constants-a0b7b504.js';
+import { d as domainLocales } from './index-db5867f7.js';
+import { i as callApi, j as getCarePath } from './utils-d3e3f2b4.js';
+import { i as isProduction } from './isProduction-9442d268.js';
 
 /**
  * @deprecated Consider to use mantine

package/build/esm/{index-75ef9c27.js → index-5fdf1dd2.js}

@@ -1,69 +1,69 @@
 import React__default, { useState, useEffect, useRef, useMemo, Fragment, memo, useCallback, useImperativeHandle, createContext, useContext, forwardRef } from 'react';
-import { T as Text } from './index-552f734d.js';
-import { b as StyledAvatar, c as StyledBadge$1, d as StyledBorderHeading, e as StyledDropdown, f as StyledDropdownName, g as StyledDropdownList, h as StyledDropdownOption, i as StyledIcon$1, j as StyledGrid, k as StyledPagination, l as StyledPageBlock, m as StyledPaginationBlock, n as StyledTag, o as StyledToggle, p as StyledToggleIcon, q as StyledToggleLabel, r as StyledCheckbox, s as StyledRateStars, u as useStyles$6, T as TextArea, P as PureInput } from './index.styles-ce2ae678.js';
-import { f as formatUrlWithPageParam, M as MediaQueries } from './utils-87d6460a.js';
-import { I as ImageWrap, R as Radio$1, u as useScreenSize, A as Anchor, a as Avatar$1, b as AspectRatio, B as Button$1, c as Input$1, d as Checkbox$1, e as ChipButton, t as themeColors } from './index-4603fcf2.js';
-import { T as Text$1 } from './index-be6869a7.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-432806db.js';
-import { Bookmark, CalendarMB, Calendar } from '@hhgtech/icons/other';
-import { C as CommonGAssets } from './index-12a5bac7.js';
-import { H as Heading } from './index-e56eecbe.js';
-import { t as theme } from './theme-14ffcb24.js';
+import { T as Text } from './index-1f464f39.js';
+import { b as StyledAvatar, c as StyledBadge$1, d as StyledBorderHeading, e as StyledDropdown, f as StyledDropdownName, g as StyledDropdownList, h as StyledDropdownOption, i as StyledIcon$1, j as StyledGrid, k as StyledPagination, l as StyledPageBlock, m as StyledPaginationBlock, n as StyledTag, o as StyledToggle, p as StyledToggleIcon, q as StyledToggleLabel, r as StyledCheckbox, s as StyledRateStars, u as useStyles$6, T as TextArea, P as PureInput } from './index.styles-996c138e.js';
+import { f as formatUrlWithPageParam, M as MediaQueries } from './utils-ad8df0bc.js';
+import { I as ImageWrap, R as Radio$1, u as useScreenSize, A as Anchor, a as Avatar$1, b as AspectRatio, B as Button$1, c as Input$1, d as Checkbox$1, e as ChipButton, t as themeColors } from './index-9990eb81.js';
+import { T as Text$1 } from './index-b7d60a4a.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-a48fd58c.js';
+import { Bookmark, CalendarMB } from '@hhgtech/icons/other';
+import { C as CommonGAssets } from './index-07c6e1bd.js';
+import { H as Heading } from './index-367bd948.js';
+import { t as theme } from './theme-ec183439.js';
 import { Box, Radio as Radio$2, Flex, rem, Card, Group, createStyles, Stack, getStylesRef, useMantineTheme, Container as Container$1, AspectRatio as AspectRatio$1, ScrollArea, Chip, Badge as Badge$1, MultiSelect, Stepper } from '@mantine/core';
 import innertext from 'innertext';
 import '@mantine/dates';
-import { d as domainLocales, L as LOCALE_SPECS, F as FAVICONS, Q as QUERY_HEALTH_TOOL, R as RISK_SCREENER_NAME, a as RISK_SCREENER_SLUG, G as GA_TOKEN_COOKIE } from './index-87884a8f.js';
-import { G as Gender, L as LOCALE } from './Subot-3bba6d37.js';
-import './useMantineLocale-edd518ab.js';
-import './translationsContext-91397ba9.js';
+import { d as domainLocales, L as LOCALE_SPECS, F as FAVICONS, Q as QUERY_HEALTH_TOOL, R as RISK_SCREENER_NAME, a as RISK_SCREENER_SLUG, G as GA_TOKEN_COOKIE } from './index-db5867f7.js';
+import { G as Gender, L as LOCALE } from './Subot-95a2ecc5.js';
+import './useMantineLocale-66cfbbd2.js';
+import './translationsContext-39354d2d.js';
 import 'string-format';
 import { useViewportSize } from '@mantine/hooks';
-import { i as isInternalLink, d as getTogetherUserPostsApiPath } from './index-e3833a99.js';
+import { i as isInternalLink, d as getTogetherUserPostsApiPath } from './index-7c95581c.js';
 import styled from '@emotion/styled';
 import throttle from 'lodash/throttle';
-import { L as Logo } from './index-fc57d179.js';
-import { B as Button } from './index-8766384f.js';
-import { I as Input } from './index-076bb0dc.js';
+import { L as Logo } from './index-401131fb.js';
+import { B as Button } from './index-fb688a43.js';
+import { I as Input } from './index-dbfa149c.js';
 import { keyframes, css } from '@emotion/react';
 import parse from 'html-react-parser';
-import { i as isProduction } from './isProduction-b21a736b.js';
-import { u as useTranslations } from './useTranslations-0bf9e73b.js';
+import { i as isProduction } from './isProduction-9442d268.js';
+import { u as useTranslations } from './useTranslations-fc7f8dd8.js';
 import { format, addDays, isBefore, startOfMonth, addMonths, subMonths, getDaysInMonth, isToday, isSameDay, isWithinInterval, isAfter, isPast } from 'date-fns';
 import dayjs from 'dayjs';
-import { D as DATE_FORMAT } from './types-a3815078.js';
-import { s as setDefaultClass, Z as Z_INDEX, b as DUE_DATE_FORMAT, H as HEALTH_TOOL_TYPE$1, d as callApiWithAuth, g as getApiPath, P as PATHS$2, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-68501e19.js';
-import { D as DatePicker } from './index-ade4a49f.js';
-import { M as MarryBabyText } from './index-a51dcd77.js';
-import { S as Slider } from './index-e734a430.js';
-import { D as Dropdown } from './index-ade4d5ac.js';
-import { C as Container } from './index-ad95da2b.js';
+import { D as DATE_FORMAT } from './types-50e6be79.js';
+import { s as setDefaultClass, Z as Z_INDEX, b as DUE_DATE_FORMAT, H as HEALTH_TOOL_TYPE$1, d as callApiWithAuth, g as getApiPath, P as PATHS$2, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-d3e3f2b4.js';
+import { D as DatePicker } from './index-51a9b105.js';
+import { M as MarryBabyText } from './index-86d1abb7.js';
+import { S as Slider } from './index-5c9ce0c4.js';
+import { D as Dropdown } from './index-10a2a45f.js';
+import { C as Container } from './index-a4b7207b.js';
 import { useForm, Controller } from 'react-hook-form';
-import { u as useHealthToolsCache } from './useHealthToolCache-536cf7e3.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-6d04ca86.js';
 import { yupResolver } from '@hookform/resolvers/yup';
-import { D as DatePicker$1 } from './index-00df7d37.js';
-import { B as BabyGrowthGender, D as Drawer } from './index-4936ea9a.js';
-import { L as Label } from './constants-f73bdc59.js';
-import { f as formatUserProfileUrl } from './index-7a503b63.js';
-import './utils-196d84bc.js';
-import './index.styled-a0c7634c.js';
-import './index-9b7afa27.js';
-import { a as useOutsideClick } from './useOutsideClick-d46904fd.js';
+import { D as DatePicker$1 } from './index-b55d56c4.js';
+import { B as BabyGrowthGender, D as Drawer } from './index-478aba6c.js';
+import { L as Label } from './constants-a0b7b504.js';
+import { f as formatUserProfileUrl } from './index-92c85354.js';
+import './utils-8c35ae89.js';
+import './index.styled-9f9851b4.js';
+import './index-e7a10637.js';
+import { a as useOutsideClick } from './useOutsideClick-8e5d0998.js';
 import enUS from 'date-fns/locale/en-US';
 import id from 'date-fns/locale/id';
 import vi from 'date-fns/locale/vi';
 import zhTW from 'date-fns/locale/zh-TW';
-import { g as getSocialList } from './getSocialList-d882aa01.js';
+import { g as getSocialList } from './getSocialList-3a7e5d28.js';
 import { v4 } from 'uuid';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './routing-e2dce79f.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './routing-929cd1fb.js';
 import { useForm as useForm$1, isNotEmpty } from '@mantine/form';
-import { I as Icon } from './index-efd1ceea.js';
+import { I as Icon } from './index-1bf3e35c.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { M as Modal } from './index-03e69613.js';
+import { M as Modal } from './index-1efced5f.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
-import { g as getCookie } from './cookieHelper-52591795.js';
-import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-6bfd1e34.js';
+import { g as getCookie } from './cookieHelper-5ea392e1.js';
+import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-7830ca0c.js';
 
 var styles$7 = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};
 
@@ -4383,6 +4383,12 @@ const HorizonalForm = (_a) => {
         styles,
         classNames,
     });
+    const commonDateProps = {
+        placeholder: 'DD/MM/YYYY',
+        popoverProps: {
+            withinPortal: true,
+        },
+    };
     return (React__default.createElement(Box, Object.assign({ className: classes.root }, props),
         React__default.createElement(Controller, { control: control, name: "gender", render: ({ field: { onChange, value } }) => (React__default.createElement(Box, { className: classes.row },
                 React__default.createElement(Box, { className: classes.labelWrapper },
@@ -4396,13 +4402,11 @@ const HorizonalForm = (_a) => {
                         React__default.createElement(Radio$1, { value: "girl", label: t('gender.girl'), classNames: {
                                 label: classes.radioLabel,
                             } }))))) }),
-        React__default.createElement(Controller, { control: control, name: "birthday", render: ({ field: { onChange, value }, fieldState: { error } }) => {
+        React__default.createElement(Controller, { control: control, name: "birthday", render: ({ field: { onChange }, fieldState: { error } }) => {
                 return (React__default.createElement(Box, { className: classes.row },
                     React__default.createElement(Box, { className: classes.labelWrapper },
                         React__default.createElement("label", { className: classes.label, htmlFor: "birthday" }, t('babyGrowth.input.birthday'))),
-                    React__default.createElement(DatePicker$1, { popoverProps: {
-                            withinPortal: true,
-                        }, className: cx(classes.control, error ? 'error' : ''), onChange: onChange, placeholder: "DD/MM/YYYY", defaultDate: value || new Date(), maxDate: new Date() })));
+                    React__default.createElement(DatePicker$1, Object.assign({}, commonDateProps, { className: cx(classes.control, error ? 'error' : ''), onChange: onChange, maxDate: new Date() }))));
             } }),
         React__default.createElement(Box, { className: classes.row },
             React__default.createElement(Box, { className: classes.labelWrapper },
@@ -4429,12 +4433,10 @@ const HorizonalForm = (_a) => {
                     React__default.createElement(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.createElement(Box, { className: classes.inputWithUnit__unit },
                         React__default.createElement(Text, { as: "span", size: "p2", className: classes.inputWithUnit__unitText }, t('babyGrowth.cm')))))) }),
-        React__default.createElement(Controller, { control: control, name: "measurementDate", render: ({ field: { onChange, value } }) => (React__default.createElement(Box, { className: classes.row },
+        React__default.createElement(Controller, { control: control, name: "measurementDate", render: ({ field: { onChange } }) => (React__default.createElement(Box, { className: classes.row },
                 React__default.createElement(Box, { className: classes.labelWrapper },
                     React__default.createElement("label", { className: classes.label, htmlFor: "measurementDate" }, t('babyGrowth.input.measurementDate'))),
-                React__default.createElement(DatePicker$1, { popoverProps: {
-                        withinPortal: true,
-                    }, className: classes.control, placeholder: value && dayjs(value).format(DUE_DATE_FORMAT), defaultDate: value || new Date(), onChange: onChange, maxDate: new Date() }))) }),
+                React__default.createElement(DatePicker$1, Object.assign({}, commonDateProps, { className: classes.control, defaultValue: new Date(), onChange: onChange, maxDate: new Date() })))) }),
         React__default.createElement(Box, { className: classes.row },
             React__default.createElement(Button$1, { 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')))));
 };
@@ -4479,15 +4481,17 @@ const StyledRow$2 = styled.div `
 const VerticalForm = () => {
     const { t } = useTranslations();
     const { control, currentUrl, isEmptyThreeFields, isMarryBaby, siteType } = useContext(BabyGrowthFormContext);
+    const commonDateProps = {
+        placeholder: 'DD/MM/YYYY',
+        popoverProps: {
+            withinPortal: true,
+        },
+    };
     return (React__default.createElement(StyledBabyGrowthWrapper$1, { className: "form-wrapper", "data-theme": siteType },
         React__default.createElement(Controller, { control: control, name: "gender", render: ({ field: { onChange, value } }) => (React__default.createElement(BabyGrowthGender, { onChange: onChange, value: value, siteType: siteType })) }),
         siteType === 'marryBaby' ? (React__default.createElement(React__default.Fragment, null,
             React__default.createElement(Controller, { control: control, name: "birthday", render: ({ field: { onChange, value }, fieldState: { error } }) => (React__default.createElement(StyledFormControl, null,
-                    React__default.createElement(StyledTextField, { label: t('babyGrowth.input.birthday'), name: "birthday", size: "md", value: String(value), CustomInput: React__default.createElement(DatePicker, { onChange: onChange, placeholder: "dd/mm/yyyy", pickedDate: value || new Date(), displayDateFormat: 'dd/MM/yyyy', disabledDays: {
-                                after: new Date(),
-                            }, customInput: (props) => {
-                                return (React__default.createElement(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(value).format(DUE_DATE_FORMAT) })));
-                            } }), actionIcon: React__default.createElement(CalendarMB, { size: 32 }) }))) }),
+                    React__default.createElement(StyledTextField, { label: t('babyGrowth.input.birthday'), name: "birthday", size: "md", value: String(value), CustomInput: React__default.createElement(DatePicker$1, Object.assign({}, commonDateProps, { onChange: onChange, maxDate: new Date(), className: (error === null || error === void 0 ? void 0 : error.message) ? 'error-input' : '' })), actionIcon: React__default.createElement(CalendarMB, { size: 32 }) }))) }),
             React__default.createElement(StyledRow$2, null,
                 React__default.createElement(Controller, { control: control, name: "height", render: ({ field: { onChange, value }, fieldState: { error }, }) => (React__default.createElement(StyledFormControl, null,
                         React__default.createElement(StyledTextField, { label: `${t('babyGrowth.height')} ${t('babyGrowth.cm')}`, name: "height", size: "md", value: String(value), CustomInput: React__default.createElement(Input, { className: isEmptyThreeFields || (error === null || error === void 0 ? void 0 : error.message)
@@ -4508,18 +4512,12 @@ const VerticalForm = () => {
                 React__default.createElement(Controller, { control: control, name: "bmi", render: ({ field: { value } }) => (React__default.createElement(StyledFormControl, null,
                         React__default.createElement(StyledTextField, { label: `${t('babyGrowth.input.bmi')} ${t('babyGrowth.kg.m2')}`, name: "date", size: "md", value: String(value), CustomInput: React__default.createElement(Input, { name: "bmi", size: "md", type: "number", value: String(value), isDisabled: true, style: { color: '#9495A0' } }) }))) })),
             React__default.createElement(Controller, { control: control, name: "measurementDate", render: ({ field: { onChange, value }, fieldState: { error } }) => (React__default.createElement(StyledFormControl, null,
-                    React__default.createElement(StyledTextField, { label: t('babyGrowth.input.measurementDate'), name: "date", size: "md", value: DateToInputValue(value), CustomInput: React__default.createElement(DatePicker, { placeholder: value && dayjs(value).format(DUE_DATE_FORMAT), pickedDate: value || new Date(), displayDateFormat: 'dd/MM/yyyy', onChange: onChange, disabledDays: {
-                                after: new Date(),
-                            }, customInput: (props) => (React__default.createElement(Input, Object.assign({ className: (error === null || error === void 0 ? void 0 : error.message) && 'error-input', name: "measurementDate", size: "md", placeholder: value && dayjs(value).format(DUE_DATE_FORMAT), onChange: onChange }, props, { value: value && dayjs(value).format(DUE_DATE_FORMAT) }))) }), actionIcon: React__default.createElement(CalendarMB, { size: 32 }) }))) }),
+                    React__default.createElement(StyledTextField, { label: t('babyGrowth.input.measurementDate'), name: "date", size: "md", value: DateToInputValue(value), CustomInput: React__default.createElement(DatePicker$1, 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.createElement(CalendarMB, { size: 32 }) }))) }),
             React__default.createElement(Button$1, { 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.createElement(React__default.Fragment, null,
-            React__default.createElement(Controller, { control: control, name: "birthday", render: ({ field: { onChange, value }, fieldState: { error } }) => (React__default.createElement(StyledFormControl, null,
+            React__default.createElement(Controller, { control: control, name: "birthday", render: ({ field: { onChange }, fieldState: { error } }) => (React__default.createElement(StyledFormControl, null,
                     React__default.createElement(StyledInlineLabel, { size: "label1", htmlFor: "birthday" },
                         React__default.createElement(Text, { as: "label", size: "s4", weight: "semiBold" }, t('babyGrowth.input.birthday'))),
-                    React__default.createElement(DatePicker, { onChange: onChange, placeholder: "dd/mm/yyyy", pickedDate: value || new Date(), displayDateFormat: 'dd/MM/yyyy', disabledDays: {
-                            after: new Date(),
-                        }, customInput: (props) => {
-                            return (React__default.createElement(Input, Object.assign({ onChange: onChange, className: (error === null || error === void 0 ? void 0 : error.message) ? 'error-input' : '', name: "birthday", size: "md", actionIcon: React__default.createElement(Calendar, null) }, props, { value: value && dayjs(value).format(DUE_DATE_FORMAT) })));
-                        } }))) }),
+                    React__default.createElement(DatePicker$1, Object.assign({}, commonDateProps, { onChange: onChange, maxDate: new Date(), className: (error === null || error === void 0 ? void 0 : error.message) ? 'error-input' : '' })))) }),
             React__default.createElement(StyledRow$2, null,
                 React__default.createElement(Controller, { control: control, name: "height", render: ({ field: { onChange, value }, fieldState: { error }, }) => (React__default.createElement(StyledFormControl, null,
                         React__default.createElement(StyledInlineLabel, { size: "label1", htmlFor: "height" },
@@ -4542,12 +4540,10 @@ const VerticalForm = () => {
                             React__default.createElement(Text, { size: "s4", weight: "semiBold" }, t('babyGrowth.input.bmi')),
                             React__default.createElement(Text, { as: "span", size: "n1", color: theme.colors.gray400 }, t('babyGrowth.kg.m2'))),
                         React__default.createElement(Input, { name: "bmi", size: "md", type: "number", value: String(value), isDisabled: true }))) })),
-            React__default.createElement(Controller, { control: control, name: "measurementDate", render: ({ field: { onChange, value }, fieldState: { error } }) => (React__default.createElement(StyledFormControl, null,
+            React__default.createElement(Controller, { control: control, name: "measurementDate", render: ({ field: { onChange }, fieldState: { error } }) => (React__default.createElement(StyledFormControl, null,
                     React__default.createElement(StyledInlineLabel, { size: "label1", htmlFor: "measurementDate" },
                         React__default.createElement(Text, { as: "label", size: "s4", weight: "semiBold" }, t('babyGrowth.input.measurementDate'))),
-                    React__default.createElement(DatePicker, { placeholder: value && dayjs(value).format(DUE_DATE_FORMAT), pickedDate: value || new Date(), displayDateFormat: 'dd/MM/yyyy', onChange: onChange, disabledDays: {
-                            after: new Date(),
-                        }, customInput: (props) => (React__default.createElement(Input, Object.assign({ className: (error === null || error === void 0 ? void 0 : error.message) && 'error-input', name: "measurementDate", size: "md", placeholder: value && dayjs(value).format(DUE_DATE_FORMAT), onChange: onChange, actionIcon: React__default.createElement(Calendar, null) }, props, { value: value && dayjs(value).format(DUE_DATE_FORMAT) }))) }))) }),
+                    React__default.createElement(DatePicker$1, 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.createElement(Button$1, { 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'))))));
 };