@axos-web-dev/shared-components 0.0.180 → 0.0.182

package/dist/TextBlock/TextBlock.css.js

@@ -1,6 +1,6 @@
-/* empty css                                    */
-/* empty css                                       */
-/* empty css                                            */
+/* empty css                                */
+/* empty css                                   */
+/* empty css                             */
 var textBlockSection = "_16g7rvn0";
 var textBlockParagraph = "_16g7rvn1";
 var textBlockHeader = "_16g7rvn2";

package/dist/TopicalNavItem/TopicalNavItem.css.js

@@ -1,4 +1,4 @@
-/* empty css                                                      */
+/* empty css                                  */
 var picker_navItem = "dmebjx0";
 var picker_itemProduct = "dmebjx1";
 var picker_arrow = "dmebjx2";

package/dist/TopicalNavSet/TopicalNavSet.css.js

@@ -1,4 +1,4 @@
-/* empty css                                                    */
+/* empty css                                 */
 var picker_section = "xbzzeo0";
 var picker_container = "xbzzeo1";
 var picker_orient = "xbzzeo2";

package/dist/Typography/Typography.css.js

@@ -1,4 +1,4 @@
-/* empty css                                              */
+/* empty css                              */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var headerCssVariable = "var(--header-font-family)";
 var mainCssVariable = "var(--main-font-family)";

package/dist/VideoTile/VideoTile.css.js

@@ -1,7 +1,7 @@
-/* empty css                                              */
-/* empty css                                    */
-/* empty css                                       */
-/* empty css                                            */
+/* empty css                                          */
+/* empty css                                */
+/* empty css                                   */
+/* empty css                             */
 var video_tile = "_16puo4g0";
 var show = "_16puo4g1";
 var video_title = "_16puo4g2";

package/dist/VideoTile/VideoTile.js

@@ -4,10 +4,10 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgChevronDown from "../icons/ChevronDown.js";
 import SvgChevronUp from "../icons/ChevronUp.js";
-/* empty css                                    */
-/* empty css                                       */
-/* empty css                                                        */
+/* empty css                                */
+/* empty css                                   */
 /* empty css                                                    */
+/* empty css                                                */
 import ReactMarkdown from "react-markdown";
 import { useToggle } from "react-use";
 import { VideoInit } from "./VideoInit.js";

package/dist/VideoWrapper/VideoWrapper.css.js

@@ -1,4 +1,4 @@
-/* empty css                                                  */
+/* empty css                                */
 var video_tile_set = "_2i5u4u0";
 var grid_wrapper = "_2i5u4u1";
 var grid_2 = "_2i5u4u2";

package/dist/VideoWrapper/index.js

@@ -3,10 +3,10 @@ import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-/* empty css                                    */
-/* empty css                                       */
-/* empty css                                                        */
+/* empty css                                */
+/* empty css                                   */
 /* empty css                                                    */
+/* empty css                                                */
 import { getVariant } from "../utils/getVariant.js";
 import "react";
 import "../Chevron/Chevron.css.js";
@@ -14,10 +14,10 @@ import "../AlertBanner/AlertBanner.css.js";
 import "../Article/Article.css.js";
 import { header_section } from "../IconBillboard/IconBillboard.css.js";
 import "../utils/allowedAxosDomains.js";
-/* empty css                                              */
-/* empty css                                              */
+/* empty css                                          */
+/* empty css                                          */
 import "../Interstitial/Interstitial-variants.css.js";
-/* empty css                                    */
+/* empty css                                */
 import "../Modal/contextApi/store.js";
 import clsx from "clsx";
 import "../Button/Button.css.js";
@@ -48,17 +48,17 @@ import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Inputs/Input.css.js";
-/* empty css                                                             */
+/* empty css                                                         */
 import "../Hyperlink/Hyperlink.css.js";
-/* empty css                                                          */
+/* empty css                                                      */
 import "iframe-resizer";
-/* empty css                                                                                    */
+/* empty css                                                                                */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
-/* empty css                                                  */
 /* empty css                                              */
-/* empty css                                                        */
+/* empty css                                          */
+/* empty css                                                    */
 import "../Carousel/index.js";
-/* empty css                                                                        */
+/* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/LargeBanner.css.js";
@@ -67,43 +67,43 @@ import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";
 import "../icons/Star/Star.css.js";
 import "../ContentBanner/ContentBanner.css.js";
-/* empty css                                                  */
+/* empty css                                              */
 import "../ExecutiveBio/ExecutiveBio.css.js";
 import "../FaqAccordion/index.js";
 import "../FooterDisclosure/FooterDisclosure.css.js";
-/* empty css                                                             */
+/* empty css                                                         */
 import "../ImageBillboard/ImageBillboard.css.js";
-/* empty css                                            */
-/* empty css                                                  */
-/* empty css                                                          */
-/* empty css                                                */
 /* empty css                                        */
+/* empty css                                              */
+/* empty css                                                      */
+/* empty css                                            */
+/* empty css                                    */
 import "../LandingPageHeader/LandingPageHeader.css.js";
-/* empty css                                                          */
-/* empty css                                                             */
-/* empty css                                                                  */
-/* empty css                                                                     */
-/* empty css                                                       */
+/* empty css                                                      */
+/* empty css                                                         */
+/* empty css                                                              */
+/* empty css                                                                 */
+/* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
 import "next/navigation.js";
 import "next/image.js";
-/* empty css                                                          */
+/* empty css                                                      */
 import "next/link.js";
-/* empty css                                                           */
+/* empty css                                                       */
 import "../PageNavItem/PageNavItem.css.js";
 import "react-slick";
-/* empty css                                                     */
-/* empty css                                              */
-/* empty css                                                        */
-/* empty css                                                      */
+/* empty css                                                 */
+/* empty css                                          */
+/* empty css                                                    */
+/* empty css                                                  */
 import "../StepItem/StepItem.css.js";
 import "../StepItemSet/StepItemSet.css.js";
-/* empty css                                            */
-/* empty css                                                      */
-/* empty css                                                    */
+/* empty css                                        */
+/* empty css                                                  */
+/* empty css                                                */
 import "next/script.js";
 import { VideoTile } from "../VideoTile/VideoTile.js";
-/* empty css                                            */
+/* empty css                                        */
 import { video_tile_set, grid_wrapper, grid_3, grid_2 } from "./VideoWrapper.css.js";
 const VideoWrapper = ({
   title,

package/dist/globals.css.js

@@ -1,2 +1,2 @@
-/* empty css                                             */
-/* empty css                               */
+/* empty css                                         */
+/* empty css                           */

package/dist/icons/ArrowIcon/ArrowIcon.css.js

@@ -1,6 +1,6 @@
-/* empty css                                       */
-/* empty css                                          */
-/* empty css                                                     */
+/* empty css                                   */
+/* empty css                                      */
+/* empty css                             */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var Arrow = createRuntimeFn({ defaultClassName: "_1pwixiv0", variantClassNames: { variant: { primary: "_1pwixiv1", secondary: "_1pwixiv2", tertiary: "_1pwixiv3" } }, defaultVariants: {}, compoundVariants: [] });
 export {

package/dist/icons/CheckIcon/CheckIcon.css.js

@@ -1,6 +1,6 @@
-/* empty css                                       */
-/* empty css                                          */
-/* empty css                                                     */
+/* empty css                                   */
+/* empty css                                      */
+/* empty css                             */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var checkColor = createRuntimeFn({ defaultClassName: "_1xajnqu0", variantClassNames: { variant: { primary: "_1xajnqu1", secondary: "_1xajnqu2" } }, defaultVariants: {}, compoundVariants: [] });
 export {

package/dist/icons/DownloadIcon/DownloadIcon.css.js

@@ -1,6 +1,6 @@
-/* empty css                                       */
-/* empty css                                          */
-/* empty css                                                           */
+/* empty css                                   */
+/* empty css                                      */
+/* empty css                                */
 var DownloadColor = "_1r03g400";
 export {
   DownloadColor

package/dist/icons/FollowIcon/FollowIcon.css.js

@@ -1,6 +1,6 @@
-/* empty css                                       */
-/* empty css                                          */
-/* empty css                                                       */
+/* empty css                                   */
+/* empty css                                      */
+/* empty css                              */
 var FollowColor = "_1wjdwci0";
 export {
   FollowColor

package/dist/icons/Star/Star.css.js

@@ -1,4 +1,4 @@
-/* empty css                                           */
+/* empty css                        */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var Star = createRuntimeFn({ defaultClassName: "mi4mae0", variantClassNames: { variant: { gold: "mi4mae1", gray: "mi4mae2" } }, defaultVariants: {}, compoundVariants: [] });
 export {

package/dist/index.css.js

@@ -1,3 +1,3 @@
-/* empty css                                             */
-/* empty css                               */
-/* empty css                             */
+/* empty css                                         */
+/* empty css                           */
+/* empty css                         */

package/dist/themes/axos.css.js

@@ -1,4 +1,4 @@
-/* empty css                                    */
+/* empty css                        */
 var axosTheme = "_1073cm80";
 var vars = { colors: { primary: { background: "var(--_1073cm81)", body: "var(--_1073cm82)", headline: "var(--_1073cm83)", textGradient: "var(--_1073cm84)", textButton: "var(--_1073cm85)", backgroundButton: "var(--_1073cm86)", border: "var(--_1073cm87)" }, secondary: { background: "var(--_1073cm88)", body: "var(--_1073cm89)", headline: "var(--_1073cm8a)", textGradient: "var(--_1073cm8b)", textButton: "var(--_1073cm8c)", backgroundButton: "var(--_1073cm8d)", border: "var(--_1073cm8e)" }, tertiary: { background: "var(--_1073cm8f)", body: "var(--_1073cm8g)", headline: "var(--_1073cm8h)", textGradient: "var(--_1073cm8i)", textButton: "var(--_1073cm8j)", backgroundButton: "var(--_1073cm8k)", border: "var(--_1073cm8l)" }, quaternary: { background: "var(--_1073cm8m)", body: "var(--_1073cm8n)", headline: "var(--_1073cm8o)", textGradient: "var(--_1073cm8p)", textButton: "var(--_1073cm8q)", backgroundButton: "var(--_1073cm8r)", border: "var(--_1073cm8s)" } }, error: "var(--_1073cm8t)", disabled: { border: "var(--_1073cm8u)", color: "var(--_1073cm8v)", background: "var(--_1073cm8w)" }, icons: { check: { primary: "var(--_1073cm8x)", secondary: "var(--_1073cm8y)" } }, table: { highlight: "var(--_1073cm8z)", color: "var(--_1073cm810)" }, footer: { link: { color: "var(--_1073cm811)" } } };
 export {

package/dist/themes/premier.css.js

@@ -1,5 +1,5 @@
-/* empty css                                    */
-/* empty css                                       */
+/* empty css                        */
+/* empty css                           */
 var premierTheme = "_1es6o1h0";
 export {
   premierTheme

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "0.0.180",
+  "version": "0.0.182",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -28,41 +28,40 @@
     "npm:link": "npm run build && npm link"
   },
   "dependencies": {
-    "@headlessui/react": "^2.1.10",
-    "@hookform/resolvers": "^3.9.0",
-    "@react-input/mask": "^1.2.11",
-    "@react-input/number-format": "^1.1.1",
-    "@storybook/icons": "^1.2.12",
-    "@storybook/preview-api": "^8.3.5",
+    "@headlessui/react": "^2.2.0",
+    "@hookform/resolvers": "^3.9.1",
+    "@react-input/mask": "^1.2.15",
+    "@react-input/number-format": "^1.1.3",
+    "@storybook/icons": "^1.3.0",
+    "@storybook/preview-api": "^8.4.7",
     "@types/iframe-resizer": "3.5.13",
-    "@vanilla-extract/css": "^1.16.0",
+    "@vanilla-extract/css": "^1.16.1",
     "@vanilla-extract/recipes": "^0.5.1",
-    "antd": "^5.21.5",
+    "antd": "^5.22.5",
     "clsx": "^2.1.1",
     "iframe-resizer": "4.3.11",
     "lodash": "^4.17.21",
     "moment": "^2.30.1",
     "react-date-picker": "^11.0.0",
-    "react-hook-form": "^7.53.1",
     "react-date-range": "^2.0.1",
+    "react-hook-form": "^7.54.1",
     "react-markdown": "^9.0.1",
     "react-popper": "^2.3.0",
     "react-slick": "^0.30.2",
-    "react-use": "^17.5.1",
+    "react-use": "^17.6.0",
     "react-wrap-balancer": "^1.1.1",
-    "rsuite": "^5.72.0",
+    "rsuite": "^5.75.0",
     "slick-carousel": "^1.8.1",
     "typed-css-modules": "^0.9.1",
-    "vite-plugin-svgr": "^4.2.0",
-    "zod": "^3.23.8",
+    "vite-plugin-svgr": "^4.3.0",
+    "zod": "^3.24.1",
     "zustand": "^4.5.5"
   },
   "peerDependencies": {
-    "@headlessui/react": "^2.1.10",
     "@vanilla-extract/css-utils": "^0.1.3",
     "@vanilla-extract/recipes": "^0.5.1",
     "@vanilla-extract/vite-plugin": "^4.0.3",
-    "next": "^14.1.4",
+    "next": "^14.1.4 || ^15.0.0",
     "react": "^18.2.0",
     "react-date-range": "^2.0.1",
     "react-dom": "^18.2.0",
@@ -71,41 +70,41 @@
     "slick-carousel": "^1.8.1"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^1.8.0",
-    "@rollup/plugin-alias": "^5.1.0",
-    "@storybook/addon-essentials": "^8.2.9",
-    "@storybook/addon-interactions": "^8.2.9",
-    "@storybook/addon-links": "^8.2.9",
-    "@storybook/addon-mdx-gfm": "^8.2.9",
-    "@storybook/addon-onboarding": "^8.2.9",
-    "@storybook/addon-themes": "^8.2.9",
-    "@storybook/blocks": "^8.2.9",
-    "@storybook/react": "^8.2.9",
-    "@storybook/react-vite": "^8.2.9",
-    "@storybook/test": "^8.2.9",
+    "@chromatic-com/storybook": "^1.9.0",
+    "@rollup/plugin-alias": "^5.1.1",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-interactions": "^8.4.7",
+    "@storybook/addon-links": "^8.4.7",
+    "@storybook/addon-mdx-gfm": "^8.4.7",
+    "@storybook/addon-onboarding": "^8.4.7",
+    "@storybook/addon-themes": "^8.4.7",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/react": "^8.4.7",
+    "@storybook/react-vite": "^8.4.7",
+    "@storybook/test": "^8.4.7",
     "@svgr/core": "^8.1.0",
     "@svgr/plugin-prettier": "^8.1.0",
     "@svgr/plugin-svgo": "^8.1.0",
-    "@types/lodash": "^4.17.10",
-    "@types/node": "^20.16.10",
-    "@types/react": "^18.3.11",
+    "@types/lodash": "^4.17.13",
+    "@types/node": "^20.17.10",
+    "@types/react": "^18.3.17",
     "@types/react-date-range": "^1.4.9",
     "@types/react-datepicker": "^6.2.0",
-    "@types/react-dom": "^18.3.0",
+    "@types/react-dom": "^18.3.5",
     "@types/react-slick": "^0.23.13",
-    "@typescript-eslint/eslint-plugin": "^7.9.0",
-    "@typescript-eslint/parser": "^7.9.0",
+    "@typescript-eslint/eslint-plugin": "^7.18.0",
+    "@typescript-eslint/parser": "^7.18.0",
     "@vanilla-extract/css-utils": "^0.1.4",
     "@vanilla-extract/recipes": "^0.5.5",
-    "@vanilla-extract/vite-plugin": "^4.0.15",
-    "@vitejs/plugin-react-swc": "^3.7.0",
+    "@vanilla-extract/vite-plugin": "^4.0.18",
+    "@vitejs/plugin-react-swc": "^3.7.2",
     "esbuild-vanilla-image-loader": "^0.1.3",
-    "eslint": "^8.57.0",
+    "eslint": "^8.57.1",
     "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-react-refresh": "^0.4.7",
+    "eslint-plugin-react-refresh": "^0.4.16",
     "eslint-plugin-storybook": "^0.8.0",
     "glob": "^10.4.5",
-    "husky": "^9.1.6",
+    "husky": "^9.1.7",
     "next": "^14.1.4",
     "prettier": "3.2.5",
     "react": "^18.3.1",
@@ -113,10 +112,10 @@
     "rollup-plugin-preserve-directives": "^0.4.0",
     "rollup-plugin-svg-import": "^3.0.0",
     "rollup-plugin-svgo": "^2.0.0",
-    "storybook": "^8.2.9",
-    "typescript": "^5.6.2",
+    "storybook": "^8.4.7",
+    "typescript": "^5.7.2",
     "typescript-plugin-css-modules": "^5.1.0",
-    "vite": "^5.4.9",
+    "vite": "^5.4.11",
     "vite-plugin-dts": "^3.9.1",
     "vite-plugin-lib-inject-css": "^2.1.1",
     "vite-plugin-setting-css-module": "^1.1.4",

package/dist/Input/DatePicker.css.d.ts

@@ -1 +0,0 @@
-export declare const datePicker: string;

package/dist/Input/DatePicker.css.js

@@ -1,6 +0,0 @@
-/* empty css                                              */
-/* empty css                                         */
-var datePicker = "_1oit9ls0";
-export {
-  datePicker
-};

package/dist/Input/DatePicker2.d.ts

@@ -1,21 +0,0 @@
-import { SyntheticEvent } from 'react';
-
-type TClasses = {
-    inputDateField?: string;
-};
-type TProps = {
-    classes?: TClasses;
-    isDisabled?: boolean;
-    isInvalid?: boolean;
-    locale?: Locale;
-    maxDate?: Date | null;
-    minDate?: Date | null;
-    onChange: (value: Date | null) => void;
-    onFieldClear?: (event: SyntheticEvent) => void;
-    placeholder?: string;
-    subTitle?: string;
-    title?: string;
-    value: Date | null;
-};
-export declare const InputDateField: import('react').NamedExoticComponent<TProps>;
-export {};

package/dist/Input/DatePicker2.js

@@ -1,103 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Popover, PopoverButton, Transition, PopoverPanel, TransitionChild } from "@headlessui/react";
-import clsx from "clsx";
-import { format } from "date-fns";
-import isNil from "lodash/isNil.js";
-import { memo, createRef, Fragment } from "react";
-import { FORMAT_DATE } from "../utils/constants/format.js";
-import { POPOVER_POSITION_STYLES } from "../utils/constants/popper.js";
-import { usePopover } from "../utils/hooks/usePopover.js";
-import { DatePicker } from "./DatePickerComponents/DatePicker.js";
-import { InputDate } from "./DatePickerComponents/InputDate.js";
-const InputDateFieldComponent = (props) => {
-  const {
-    classes,
-    isDisabled,
-    isInvalid,
-    locale,
-    maxDate,
-    minDate,
-    onChange,
-    onFieldClear,
-    placeholder,
-    subTitle,
-    title,
-    value
-  } = props;
-  const triggerRef = createRef();
-  const formattedValue = !isNil(value) ? format(value, FORMAT_DATE, { locale }) : null;
-  const date = !isNil(value) ? value : void 0;
-  const maxDateValue = !isNil(maxDate) ? maxDate : void 0;
-  const minDateValue = !isNil(minDate) ? minDate : void 0;
-  const {
-    attributes,
-    onPopperElement,
-    onReferenceElement,
-    popoverPosition,
-    styles
-  } = usePopover({
-    triggerRef
-  });
-  return /* @__PURE__ */ jsx("div", { className: clsx("InputDateField", classes?.inputDateField), children: /* @__PURE__ */ jsxs(Popover, { className: "HeadlessPopover", children: [
-    /* @__PURE__ */ jsx(
-      PopoverButton,
-      {
-        className: "HeadlessPopover-Button",
-        ref: onReferenceElement,
-        children: /* @__PURE__ */ jsx("div", { className: "HeadlessPopover-Trigger", ref: triggerRef, children: /* @__PURE__ */ jsx(
-          InputDate,
-          {
-            isDisabled,
-            isInvalid,
-            onFieldClear,
-            placeholder,
-            subTitle,
-            title,
-            value: formattedValue
-          }
-        ) })
-      }
-    ),
-    /* @__PURE__ */ jsx(Transition, { as: Fragment, children: /* @__PURE__ */ jsx(
-      PopoverPanel,
-      {
-        className: clsx(
-          "HeadlessPopover-Panel",
-          `HeadlessPopover-Panel__${POPOVER_POSITION_STYLES[popoverPosition]}`
-        ),
-        ref: onPopperElement,
-        style: styles.popper,
-        ...attributes.popper,
-        children: ({ close }) => /* @__PURE__ */ jsx(
-          TransitionChild,
-          {
-            enter: "HeadlessPopover-Transition__enter",
-            enterFrom: "HeadlessPopover-Transition__enterFrom",
-            enterTo: "HeadlessPopover-Transition__enterTo",
-            leave: "HeadlessPopover-Transition__leave",
-            leaveFrom: "HeadlessPopover-Transition__leaveFrom",
-            leaveTo: "HeadlessPopover-Transition__leaveTo",
-            children: /* @__PURE__ */ jsx("div", { className: "HeadlessPopover-PanelContent", children: /* @__PURE__ */ jsx(
-              DatePicker,
-              {
-                locale,
-                maxDate: maxDateValue,
-                minDate: minDateValue,
-                onChange: (date2) => {
-                  onChange(date2);
-                  close();
-                },
-                value: date
-              }
-            ) })
-          }
-        )
-      }
-    ) })
-  ] }) });
-};
-const InputDateField = memo(InputDateFieldComponent);
-export {
-  InputDateField
-};

package/dist/Input/DatePickerComponents/DatePicker.d.ts

@@ -1,11 +0,0 @@
-import { CalendarProps } from 'react-date-range';
-
-type TProps = {
-    locale?: Locale;
-    maxDate?: Date;
-    minDate?: Date;
-    onChange?: (date: Date) => void;
-    value?: Date;
-} & CalendarProps;
-export declare const DatePicker: import('react').NamedExoticComponent<TProps>;
-export {};

package/dist/Input/DatePickerComponents/DatePicker.js

@@ -1,13 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { memo } from "react";
-import { Calendar } from "react-date-range";
-/* empty css                                                  */
-/* empty css                                                         */
-const DatePickerComponent = (props) => {
-  const { locale, onChange, value } = props;
-  return /* @__PURE__ */ jsx(Calendar, { ...props, date: value, locale, onChange });
-};
-const DatePicker = memo(DatePickerComponent);
-export {
-  DatePicker
-};

package/dist/Input/DatePickerComponents/InputDate.d.ts

@@ -1,15 +0,0 @@
-import { SyntheticEvent } from 'react';
-
-type TProps = {
-    className?: string;
-    isDisabled?: boolean;
-    isInvalid?: boolean;
-    onClick?: (event: SyntheticEvent) => void;
-    onFieldClear?: (event: SyntheticEvent) => void;
-    placeholder?: string;
-    subTitle?: string;
-    title?: string;
-    value?: string | null;
-};
-export declare const InputDate: import('react').NamedExoticComponent<TProps>;
-export {};