@axos-web-dev/shared-components 0.0.87 → 0.0.90

package/dist/Forms/ContactUsBusiness.js

@@ -3,11 +3,13 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { zodResolver } from "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/Dropdown.js";
+import "react";
+import "../Input/Input.css.js";
 /* empty css                                          */
+/* empty css                                     */
+import "../Input/Dropdown.js";
 /* empty css                                   */
 import { Input } from "../Input/Input.js";
-import "../Input/Input.css.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -32,13 +34,12 @@ import "../IconBillboard/IconBillboard.css.js";
 /* empty css                                          */
 import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
-import "react";
 import "react-use";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
-/* empty css                                                                                */
-import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import clsx from "clsx";
+import "../Table/Table.css.js";
+import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import { useForm, FormProvider } from "react-hook-form";
 import { z } from "zod";
 import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions } from "./Forms.css.js";
@@ -46,9 +47,9 @@ import { SalesforceSchema } from "./SalesforceFieldsForm.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
 import "iframe-resizer";
-import "../Table/Table.css.js";
-import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/calculator.css.js";
+/* empty css                                                                                */
+import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */

package/dist/Forms/ContactUsNMLSId.js

@@ -3,11 +3,13 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { zodResolver } from "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/Dropdown.js";
+import "react";
+import "../Input/Input.css.js";
 /* empty css                                          */
+/* empty css                                     */
+import "../Input/Dropdown.js";
 /* empty css                                   */
 import { Input } from "../Input/Input.js";
-import "../Input/Input.css.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -32,13 +34,12 @@ import "../IconBillboard/IconBillboard.css.js";
 /* empty css                                          */
 import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
-import "react";
 import "react-use";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
-/* empty css                                                                                */
-import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import clsx from "clsx";
+import "../Table/Table.css.js";
+import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import { useForm, FormProvider } from "react-hook-form";
 import { z } from "zod";
 import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions } from "./Forms.css.js";
@@ -46,9 +47,9 @@ import { SalesforceSchema } from "./SalesforceFieldsForm.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
 import "iframe-resizer";
-import "../Table/Table.css.js";
-import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/calculator.css.js";
+/* empty css                                                                                */
+import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */

package/dist/Forms/DealerServices.js

@@ -7,11 +7,12 @@ import "react";
 import "react-use";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import { Dropdown } from "../Input/Dropdown.js";
+import "../Input/Input.css.js";
 /* empty css                                          */
+/* empty css                                     */
+import { Dropdown } from "../Input/Dropdown.js";
 /* empty css                                   */
 import { Input } from "../Input/Input.js";
-import "../Input/Input.css.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import { InputTextArea } from "../Input/InputTextArea.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";

package/dist/Forms/EmailOnly.js

@@ -3,11 +3,13 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { zodResolver } from "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/Dropdown.js";
+import "react";
+import "../Input/Input.css.js";
 /* empty css                                          */
+/* empty css                                     */
+import "../Input/Dropdown.js";
 /* empty css                                   */
 import { Input } from "../Input/Input.js";
-import "../Input/Input.css.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -33,13 +35,12 @@ import "../IconBillboard/IconBillboard.css.js";
 import { associatedEmail } from "../utils/EverestValidity.js";
 import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
-import "react";
 import "react-use";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
-/* empty css                                                                                */
-import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import clsx from "clsx";
+import "../Table/Table.css.js";
+import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import { useForm, FormProvider } from "react-hook-form";
 import { z } from "zod";
 import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions } from "./Forms.css.js";
@@ -47,9 +48,9 @@ import { SalesforceSchema } from "./SalesforceFieldsForm.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
 import "iframe-resizer";
-import "../Table/Table.css.js";
-import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/calculator.css.js";
+/* empty css                                                                                */
+import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */

package/dist/Forms/SalesforceFieldsForm.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as z from "zod";
 export interface SalesforceFields {
     brand: string;

package/dist/Forms/ScheduleCall.js

@@ -7,11 +7,13 @@ import "react";
 import "react-use";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import { Dropdown } from "../Input/Dropdown.js";
+import "../Input/Input.css.js";
 /* empty css                                          */
+/* empty css                                     */
+import { Dropdown } from "../Input/Dropdown.js";
 /* empty css                                   */
 import { Input } from "../Input/Input.js";
-import "../Input/Input.css.js";
+import { InputDate } from "../Input/InputDate.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -218,7 +220,9 @@ const ScheduleCall = ({
                   /* @__PURE__ */ jsx("option", { value: "5:00 pm", children: "5:00 pm" })
                 ]
               }
-            ) })
+            ) }),
+            /* @__PURE__ */ jsx(InputDate, { onDateChange: () => {
+            } })
           ] }),
           children,
           /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),

package/dist/Forms/ScheduleCallPremier.js

@@ -7,11 +7,12 @@ import "react";
 import "react-use";
 import "../Input/Checkbox.js";
 import { CurrencyInput } from "../Input/CurrencyInput.js";
-import { Dropdown } from "../Input/Dropdown.js";
+import "../Input/Input.css.js";
 /* empty css                                          */
+/* empty css                                     */
+import { Dropdown } from "../Input/Dropdown.js";
 /* empty css                                   */
 import { Input } from "../Input/Input.js";
-import "../Input/Input.css.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import { LoadingIndicator } from "../LoadingIndicator/index.js";

package/dist/Forms/SuccesForm.js

@@ -8,11 +8,12 @@ import "../Button/Button.css.js";
 import "react-use";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/Dropdown.js";
+import "../Input/Input.css.js";
 /* empty css                                          */
+/* empty css                                     */
+import "../Input/Dropdown.js";
 /* empty css                                   */
 import "../Input/Input.js";
-import "../Input/Input.css.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -38,12 +39,12 @@ import "../IconBillboard/IconBillboard.css.js";
 /* empty css                                          */
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
-/* empty css                                                                                */
-import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
-import "iframe-resizer";
 import "../Table/Table.css.js";
 import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
+import "iframe-resizer";
 import "../Calculators/calculator.css.js";
+/* empty css                                                                                */
+import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */

package/dist/Forms/WcplSurvey.js

@@ -7,11 +7,12 @@ import "react";
 import "react-use";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/Dropdown.js";
+import "../Input/Input.css.js";
 /* empty css                                          */
+/* empty css                                     */
+import "../Input/Dropdown.js";
 /* empty css                                   */
 import "../Input/Input.js";
-import "../Input/Input.css.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import { InputTextArea } from "../Input/InputTextArea.js";
 import { RadioButtonSet, RadioButton } from "../Input/RadioButton.js";

package/dist/Hyperlink/index.js

@@ -27,15 +27,16 @@ import "../Button/Button.css.js";
 import "react-use";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
-/* empty css                                                                                */
-import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import "../Table/Table.css.js";
+import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
+import "../Input/Input.css.js";
+/* empty css                                     */
 import "../Input/Dropdown.js";
 /* empty css                                   */
 import "../Input/Input.js";
-import "../Input/Input.css.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import "react-hook-form";
@@ -44,9 +45,9 @@ import "../Forms/SalesforceFieldsForm.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
 import "iframe-resizer";
-import "../Table/Table.css.js";
-import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/calculator.css.js";
+/* empty css                                                                                */
+import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */

package/dist/ImageLink/ImageLink.js

@@ -24,15 +24,16 @@ import "../IconBillboard/IconBillboard.css.js";
 /* empty css                                          */
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
-/* empty css                                                                                */
-import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import "../Table/Table.css.js";
+import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
+import "../Input/Input.css.js";
+/* empty css                                     */
 import "../Input/Dropdown.js";
 /* empty css                                   */
 import "../Input/Input.js";
-import "../Input/Input.css.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import "react-hook-form";
@@ -41,9 +42,9 @@ import "../Forms/SalesforceFieldsForm.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
 import "iframe-resizer";
-import "../Table/Table.css.js";
-import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/calculator.css.js";
+/* empty css                                                                                */
+import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */

package/dist/ImageLink/ImageLinkSet.js

@@ -27,15 +27,16 @@ import "../ArticlesSet/ArticlesSet.css.js";
 import "next/image.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
-/* empty css                                                                                */
-import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import "../Table/Table.css.js";
+import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
+import "../Input/Input.css.js";
+/* empty css                                     */
 import "../Input/Dropdown.js";
 /* empty css                                   */
 import "../Input/Input.js";
-import "../Input/Input.css.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import "react-hook-form";
@@ -44,9 +45,9 @@ import "../Forms/SalesforceFieldsForm.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
 import "iframe-resizer";
-import "../Table/Table.css.js";
-import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/calculator.css.js";
+/* empty css                                                                                */
+import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */

package/dist/ImageLink/index.js

@@ -24,15 +24,16 @@ import "../Button/Button.css.js";
 import "react-use";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
-/* empty css                                                                                */
-import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import "../Table/Table.css.js";
+import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
+import "../Input/Input.css.js";
+/* empty css                                     */
 import "../Input/Dropdown.js";
 /* empty css                                   */
 import "../Input/Input.js";
-import "../Input/Input.css.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import "react-hook-form";
@@ -41,9 +42,9 @@ import "../Forms/SalesforceFieldsForm.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
 import "iframe-resizer";
-import "../Table/Table.css.js";
-import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/calculator.css.js";
+/* empty css                                                                                */
+import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */

package/dist/Input/Checkbox.d.ts

@@ -1,5 +1,5 @@
 import { InputProps } from './InputProps';
 
 export declare const Checkbox: import('react').ForwardRefExoticComponent<InputProps & {
-    children?: import('react').ReactNode;
+    children?: import('react').ReactNode | undefined;
 } & import('react').RefAttributes<HTMLInputElement>>;

package/dist/Input/CurrencyInput.js

@@ -2,11 +2,12 @@ import { jsx } from "react/jsx-runtime";
 import { InputNumberFormat } from "@react-input/number-format";
 import { forwardRef } from "react";
 import "./Checkbox.js";
-import "./Dropdown.js";
+import "./Input.css.js";
 /* empty css                                          */
+/* empty css                              */
+import "./Dropdown.js";
 /* empty css                            */
 import { Input } from "./Input.js";
-import "./Input.css.js";
 import "./InputPhone.js";
 import "./InputTextArea.js";
 const CurrencyInput = forwardRef(

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

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

package/dist/Input/DatePicker.css.js

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

package/dist/Input/Datepicker.d.ts

@@ -0,0 +1,3 @@
+import { DatepickerInputProps } from './InputProps';
+
+export declare const DatePickerInput: (props: DatepickerInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Input/Datepicker.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import DatePicker from "react-date-picker";
+import { wrapper, labelClassName, container, iconContainer, iconInput, helperText } from "./Input.css.js";
+const DatePickerInput = (props) => {
+  const {
+    disabled,
+    label,
+    iconLeft,
+    iconRight,
+    sizes,
+    error = false,
+    helperText: helper,
+    variant
+  } = props;
+  const [value, onChange] = useState();
+  return /* @__PURE__ */ jsxs("div", { className: wrapper(), children: [
+    label && /* @__PURE__ */ jsx(
+      "label",
+      {
+        className: labelClassName({ error, variant }),
+        htmlFor: props.name,
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: container({ size: sizes, error }), children: [
+      iconLeft && /* @__PURE__ */ jsx("span", { className: iconContainer["left"], children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconLeft }) }),
+      /* @__PURE__ */ jsx(
+        DatePicker,
+        {
+          dayPlaceholder: "dd",
+          monthPlaceholder: "mm",
+          yearPlaceholder: "yyyy",
+          minDate: /* @__PURE__ */ new Date(),
+          onChange,
+          value
+        }
+      ),
+      iconRight && /* @__PURE__ */ jsx("span", { className: iconContainer.right, children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconRight }) })
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: helperText({ disabled, error }), children: helper })
+  ] });
+};
+export {
+  DatePickerInput
+};

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

@@ -0,0 +1,6 @@
+export declare const calendarContainer: string;
+export declare const calendarIcon: string;
+export declare const inputDate: string;
+export declare const verticalCenter: string;
+export declare const calendar: string;
+export declare const headerCalendar: string;

package/dist/Input/InputDate.css.js

@@ -0,0 +1,15 @@
+/* empty css                             */
+var calendarContainer = "skzved0";
+var calendarIcon = "skzved1";
+var inputDate = "skzved2";
+var verticalCenter = "skzved3";
+var calendar = "skzved4";
+var headerCalendar = "skzved5";
+export {
+  calendar,
+  calendarContainer,
+  calendarIcon,
+  headerCalendar,
+  inputDate,
+  verticalCenter
+};

package/dist/Input/InputDate.d.ts

@@ -0,0 +1,3 @@
+import { DatepickerInputProps } from './InputProps';
+
+export declare const InputDate: (props: DatepickerInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Input/InputDate.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import DatePicker from "react-date-picker";
+import { wrapper, labelClassName, container, iconContainer, iconInput, helperText } from "./Input.css.js";
+const InputDate = (props) => {
+  const {
+    disabled,
+    label,
+    iconLeft,
+    iconRight,
+    sizes,
+    error = false,
+    helperText: helper,
+    variant
+  } = props;
+  const [value, onChange] = useState();
+  return /* @__PURE__ */ jsxs("div", { className: wrapper(), children: [
+    label && /* @__PURE__ */ jsx(
+      "label",
+      {
+        className: labelClassName({ error, variant }),
+        htmlFor: props.name,
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: container({ size: sizes, error }), children: [
+      iconLeft && /* @__PURE__ */ jsx("span", { className: iconContainer["left"], children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconLeft }) }),
+      /* @__PURE__ */ jsx(
+        DatePicker,
+        {
+          dayPlaceholder: "dd",
+          monthPlaceholder: "mm",
+          yearPlaceholder: "yyyy",
+          minDate: /* @__PURE__ */ new Date(),
+          onChange,
+          value
+        }
+      ),
+      iconRight && /* @__PURE__ */ jsx("span", { className: iconContainer.right, children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconRight }) })
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: helperText({ disabled, error }), children: helper })
+  ] });
+};
+export {
+  InputDate
+};

package/dist/Input/InputPhone.js

@@ -3,11 +3,12 @@ import { InputMask } from "@react-input/mask";
 import { forwardRef } from "react";
 import "./Checkbox.js";
 import "./CurrencyInput.js";
-import "./Dropdown.js";
+import "./Input.css.js";
 /* empty css                                          */
+/* empty css                              */
+import "./Dropdown.js";
 /* empty css                            */
 import { Input } from "./Input.js";
-import "./Input.css.js";
 import "./InputTextArea.js";
 const InputPhone = forwardRef(
   (props, ref) => {

package/dist/Input/InputProps.d.ts

@@ -36,3 +36,9 @@ export interface RadioButtonProps extends InputProps {
     value: string | number;
     groupName: string;
 }
+export interface DatepickerInputProps extends InputProps {
+    month?: string;
+    selected?: string;
+    show?: boolean;
+    onDateChange: (day: string) => void;
+}

package/dist/Input/index.d.ts

@@ -1,9 +1,12 @@
 export * from './Checkbox';
 export * from './CurrencyInput';
+export * from './Datepicker';
+export * from './DatePicker.css';
 export * from './Dropdown';
 export * from './Dropdown.css';
 export * from './Input';
 export * from './Input.css';
+export * from './InputDate';
 export * from './InputPhone';
 export * from './InputProps';
 export * from './InputTextArea';

package/dist/Input/index.js

@@ -1,19 +1,25 @@
 import { Checkbox } from "./Checkbox.js";
 import { CurrencyInput } from "./CurrencyInput.js";
+import { DatePickerInput } from "./Datepicker.js";
+import { datePicker } from "./DatePicker.css.js";
 import { Dropdown } from "./Dropdown.js";
 import { selectInput } from "./Dropdown.css.js";
 import { Input } from "./Input.js";
 import { container, helperText, iconContainer, iconContainerBase, iconInput, input, labelClassName, wrapper } from "./Input.css.js";
+import { InputDate } from "./InputDate.js";
 import { InputPhone } from "./InputPhone.js";
 import { InputTextArea } from "./InputTextArea.js";
 export {
   Checkbox,
   CurrencyInput,
+  DatePickerInput,
   Dropdown,
   Input,
+  InputDate,
   InputPhone,
   InputTextArea,
   container,
+  datePicker,
   helperText,
   iconContainer,
   iconContainerBase,