@axos-web-dev/shared-components 0.0.156 → 0.0.157

package/dist/ATMLocator/ATMLocator.js

@@ -50,7 +50,7 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/DatePicker2.js";
+import "../Input/DownPaymentInput.js";
 import "../Input/Dropdown.js";
 import "../Input/Dropdown.css.js";
 import "../Input/Input.js";
@@ -58,7 +58,6 @@ import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
-import "../Input/DownPaymentInput.js";
 import "react-hook-form";
 import { iconForm } from "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";

package/dist/Button/Button.js

@@ -30,7 +30,7 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/DatePicker2.js";
+import "../Input/DownPaymentInput.js";
 import "../Input/Dropdown.js";
 import "../Input/Dropdown.css.js";
 import "../Input/Input.js";
@@ -38,7 +38,6 @@ import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
-import "../Input/DownPaymentInput.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";

package/dist/Calculators/Calculator.js

@@ -53,7 +53,7 @@ import "../ImageBillboard/ImageBillboard.css.js";
 /* empty css                                            */
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/DatePicker2.js";
+import "../Input/DownPaymentInput.js";
 import "../Input/Dropdown.js";
 import "../Input/Dropdown.css.js";
 import "../Input/Input.js";
@@ -61,7 +61,6 @@ import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
-import "../Input/DownPaymentInput.js";
 import "react-wrap-balancer";
 /* empty css                                                  */
 /* empty css                                                          */

package/dist/Carousel/index.js

@@ -36,7 +36,7 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/DatePicker2.js";
+import "../Input/DownPaymentInput.js";
 import "../Input/Dropdown.js";
 import "../Input/Dropdown.css.js";
 import "../Input/Input.js";
@@ -44,7 +44,6 @@ import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
-import "../Input/DownPaymentInput.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";

package/dist/Chevron/index.js

@@ -32,7 +32,7 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/DatePicker2.js";
+import "../Input/DownPaymentInput.js";
 import "../Input/Dropdown.js";
 import "../Input/Dropdown.css.js";
 import "../Input/Input.js";
@@ -40,7 +40,6 @@ import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
-import "../Input/DownPaymentInput.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";

package/dist/Comparison/Comparison.js

@@ -30,7 +30,7 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/DatePicker2.js";
+import "../Input/DownPaymentInput.js";
 import "../Input/Dropdown.js";
 import "../Input/Dropdown.css.js";
 import "../Input/Input.js";
@@ -38,7 +38,6 @@ import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
-import "../Input/DownPaymentInput.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";

package/dist/FaqAccordion/index.js

@@ -30,7 +30,7 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/DatePicker2.js";
+import "../Input/DownPaymentInput.js";
 import "../Input/Dropdown.js";
 import "../Input/Dropdown.css.js";
 import "../Input/Input.js";
@@ -38,7 +38,6 @@ import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
-import "../Input/DownPaymentInput.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";

package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js

@@ -31,7 +31,7 @@ import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../../Input/Checkbox.js";
 import "../../Input/CurrencyInput.js";
-import "../../Input/DatePicker2.js";
+import "../../Input/DownPaymentInput.js";
 import "../../Input/Dropdown.js";
 import "../../Input/Dropdown.css.js";
 import "../../Input/Input.js";
@@ -39,7 +39,6 @@ import "../../Input/Input.css.js";
 import "../../Input/InputAmount.js";
 import "../../Input/InputPhone.js";
 import "../../Input/InputTextArea.js";
-import "../../Input/DownPaymentInput.js";
 import "react-hook-form";
 import "../../Forms/Forms.css.js";
 import "../../Forms/SalesforceFieldsForm.js";

package/dist/Forms/ApplicationStart.js

@@ -7,7 +7,7 @@ import "react";
 import "react-use";
 import { Checkbox } from "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/DatePicker2.js";
+import "../Input/DownPaymentInput.js";
 import "../Input/Dropdown.js";
 import "../Input/Dropdown.css.js";
 import { Input } from "../Input/Input.js";
@@ -15,7 +15,6 @@ import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
-import "../Input/DownPaymentInput.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";

package/dist/Forms/ClearingForm.js

@@ -7,7 +7,7 @@ import { useState } from "react";
 import "react-use";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/DatePicker2.js";
+import "../Input/DownPaymentInput.js";
 import { Dropdown } from "../Input/Dropdown.js";
 import "../Input/Dropdown.css.js";
 import { Input } from "../Input/Input.js";
@@ -15,7 +15,6 @@ import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
-import "../Input/DownPaymentInput.js";
 import CheckboxGroup from "../Input/CheckboxGroup.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";

package/dist/Forms/CommercialDeposits.js

@@ -7,7 +7,7 @@ import "react";
 import "react-use";
 import { Checkbox } from "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/DatePicker2.js";
+import "../Input/DownPaymentInput.js";
 import { Dropdown } from "../Input/Dropdown.js";
 import "../Input/Dropdown.css.js";
 import { Input } from "../Input/Input.js";
@@ -15,7 +15,6 @@ import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
-import "../Input/DownPaymentInput.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";

package/dist/Forms/CommercialLending.js

@@ -7,7 +7,7 @@ import { useState, useEffect } from "react";
 import { useLocation } from "react-use";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/DatePicker2.js";
+import "../Input/DownPaymentInput.js";
 import { Dropdown } from "../Input/Dropdown.js";
 import "../Input/Dropdown.css.js";
 import { Input } from "../Input/Input.js";
@@ -15,7 +15,6 @@ import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
-import "../Input/DownPaymentInput.js";
 import { LoadingIndicator } from "../LoadingIndicator/index.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";

package/dist/Forms/ContactCompany.js

@@ -7,7 +7,7 @@ import "react";
 import "react-use";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/DatePicker2.js";
+import "../Input/DownPaymentInput.js";
 import "../Input/Dropdown.js";
 import "../Input/Dropdown.css.js";
 import { Input } from "../Input/Input.js";
@@ -15,7 +15,6 @@ import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
-import "../Input/DownPaymentInput.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";

package/dist/Forms/ContactUs.js

@@ -7,7 +7,7 @@ import "react";
 import "react-use";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/DatePicker2.js";
+import "../Input/DownPaymentInput.js";
 import "../Input/Dropdown.js";
 import "../Input/Dropdown.css.js";
 import { Input } from "../Input/Input.js";
@@ -15,7 +15,6 @@ import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
-import "../Input/DownPaymentInput.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";

package/dist/Forms/ContactUsAAS.js

@@ -7,7 +7,7 @@ import "react";
 import "react-use";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/DatePicker2.js";
+import "../Input/DownPaymentInput.js";
 import { Dropdown } from "../Input/Dropdown.js";
 import "../Input/Dropdown.css.js";
 import { Input } from "../Input/Input.js";
@@ -15,7 +15,6 @@ import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import { InputTextArea } from "../Input/InputTextArea.js";
-import "../Input/DownPaymentInput.js";
 import { LoadingIndicator } from "../LoadingIndicator/index.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";

package/dist/Forms/ContactUsBusiness.js

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { zodResolver } from "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/DatePicker2.js";
+import "../Input/DownPaymentInput.js";
 import "../Input/Dropdown.js";
 import "../Input/Dropdown.css.js";
 import { Input } from "../Input/Input.js";
@@ -11,7 +11,6 @@ import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
-import "../Input/DownPaymentInput.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";

package/dist/Forms/ContactUsNMLSId.js

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { zodResolver } from "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/DatePicker2.js";
+import "../Input/DownPaymentInput.js";
 import "../Input/Dropdown.js";
 import "../Input/Dropdown.css.js";
 import { Input } from "../Input/Input.js";
@@ -11,7 +11,6 @@ import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
-import "../Input/DownPaymentInput.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";

package/dist/Forms/CpraRequest.js

@@ -7,7 +7,7 @@ import { useState } from "react";
 import "react-use";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/DatePicker2.js";
+import "../Input/DownPaymentInput.js";
 import { Dropdown } from "../Input/Dropdown.js";
 import "../Input/Dropdown.css.js";
 import { Input } from "../Input/Input.js";
@@ -15,7 +15,6 @@ import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
-import "../Input/DownPaymentInput.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";

package/dist/Forms/DealerServices.js

@@ -7,7 +7,7 @@ import "react";
 import "react-use";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/DatePicker2.js";
+import "../Input/DownPaymentInput.js";
 import { Dropdown } from "../Input/Dropdown.js";
 import "../Input/Dropdown.css.js";
 import { Input } from "../Input/Input.js";
@@ -15,7 +15,6 @@ import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import { InputTextArea } from "../Input/InputTextArea.js";
-import "../Input/DownPaymentInput.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";

package/dist/Forms/EmailOnly.js

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { zodResolver } from "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/DatePicker2.js";
+import "../Input/DownPaymentInput.js";
 import "../Input/Dropdown.js";
 import "../Input/Dropdown.css.js";
 import { Input } from "../Input/Input.js";
@@ -11,7 +11,6 @@ import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
-import "../Input/DownPaymentInput.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";

package/dist/Forms/FormProps.d.ts

@@ -1,6 +1,6 @@
 import { ChevronProps } from '../Chevron/Chevron.interface';
 import { QuaternaryTypes } from '../utils';
-import { PropsWithChildren, ReactNode } from 'react';
+import { CSSProperties, PropsWithChildren, ReactNode } from 'react';
 
 export interface FormProps extends PropsWithChildren {
     id?: string;
@@ -15,4 +15,6 @@ export interface FormProps extends PropsWithChildren {
     validateEmail: (email: string) => Promise<boolean>;
     validateNMLS?: (nmls_id: string) => Promise<any>;
     callToAction: Omit<ChevronProps, "targetUrl">;
+    style?: CSSProperties;
+    className?: string;
 }

package/dist/Forms/MortgageRate/MortgageRateForm.js

@@ -31,7 +31,7 @@ import "../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
 import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "../../Input/Checkbox.js";
 import "../../Input/CurrencyInput.js";
-import "../../Input/DatePicker2.js";
+import { DownPaymentInput } from "../../Input/DownPaymentInput.js";
 import { Dropdown } from "../../Input/Dropdown.js";
 import "../../Input/Dropdown.css.js";
 import { Input } from "../../Input/Input.js";
@@ -39,7 +39,6 @@ import "../../Input/Input.css.js";
 import "../../Input/InputAmount.js";
 import { InputPhone } from "../../Input/InputPhone.js";
 import "../../Input/InputTextArea.js";
-import { DownPaymentInput } from "../../Input/DownPaymentInput.js";
 import { useForm, FormProvider } from "react-hook-form";
 import * as z from "zod";
 import { modalMobile, formContainer, iconForm, headerContainer, headerForm, form, descriptionField, fullRowSelect, formWrapper, centerSelect, mt2rem, fullRowForm, disclosureForm, actions, formBtns, na_cursor } from "../Forms.css.js";

package/dist/Forms/MortgageRate/MortgageRateQuoteFilters.js

@@ -7,7 +7,7 @@ import { useState, useEffect } from "react";
 import "react-use";
 import "../../Input/Checkbox.js";
 import "../../Input/CurrencyInput.js";
-import "../../Input/DatePicker2.js";
+import { DownPaymentInput } from "../../Input/DownPaymentInput.js";
 import { Dropdown } from "../../Input/Dropdown.js";
 import { dp_input } from "../../Input/Dropdown.css.js";
 import { Input } from "../../Input/Input.js";
@@ -15,7 +15,6 @@ import "../../Input/Input.css.js";
 import "../../Input/InputAmount.js";
 import "../../Input/InputPhone.js";
 import "../../Input/InputTextArea.js";
-import { DownPaymentInput } from "../../Input/DownPaymentInput.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
 import * as z from "zod";

package/dist/Forms/MortgageRate/MortgageRateWatch.js

@@ -3,7 +3,7 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { zodResolver } from "@hookform/resolvers/zod";
 import "../../Input/Checkbox.js";
 import "../../Input/CurrencyInput.js";
-import "../../Input/DatePicker2.js";
+import "../../Input/DownPaymentInput.js";
 import { Dropdown } from "../../Input/Dropdown.js";
 import "../../Input/Dropdown.css.js";
 import { Input } from "../../Input/Input.js";
@@ -11,7 +11,6 @@ import "../../Input/Input.css.js";
 import "../../Input/InputAmount.js";
 import "../../Input/InputPhone.js";
 import "../../Input/InputTextArea.js";
-import "../../Input/DownPaymentInput.js";
 import { useForm, FormProvider } from "react-hook-form";
 import * as z from "zod";
 import clsx from "clsx";

package/dist/Forms/QuickPricer/QuickPricerForm.js

@@ -6,8 +6,8 @@ import "../../Button/Button.css.js";
 import { useState } from "react";
 import "react-use";
 import { Checkbox } from "../../Input/Checkbox.js";
-import "../../Input/CurrencyInput.js";
-import "../../Input/DatePicker2.js";
+import { CurrencyInput } from "../../Input/CurrencyInput.js";
+import "../../Input/DownPaymentInput.js";
 import { Dropdown } from "../../Input/Dropdown.js";
 import "../../Input/Dropdown.css.js";
 import { Input } from "../../Input/Input.js";
@@ -15,7 +15,6 @@ import "../../Input/Input.css.js";
 import "../../Input/InputAmount.js";
 import { InputPhone } from "../../Input/InputPhone.js";
 import "../../Input/InputTextArea.js";
-import "../../Input/DownPaymentInput.js";
 import "../../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../../icons/AxosX/index.js";
 import SvgComponent from "../../icons/AxosX/Blue.js";
@@ -57,15 +56,17 @@ const QuickPricer = ({
   const [numberOfUnits, setNumberOfUnits] = useState(false);
   const [prepaymentPenalty, setPrepaymentPenalty] = useState(false);
   const schema = z.object({
-    Base_Loan_Amount__c: z.coerce.number({
+    Base_Loan_Amount__c: z.string({
       message: "Please provide a valid base loan amount"
-    }).min(149999, {
-      message: "Please enter a value greater than or equal to 149999"
+    }).transform((val) => {
+      const removeDashes = val.replace(/[$,]/gi, "");
+      return parseFloat(removeDashes);
     }),
-    Appraised_Value__c: z.coerce.number({
+    Appraised_Value__c: z.string({
       message: "Please provide a valid property value"
-    }).min(149999, {
-      message: "Please enter a value greater than or equal to 149999"
+    }).transform((val) => {
+      const removeDashes = val.replace(/[$,]/gi, "");
+      return parseFloat(removeDashes);
     }),
     Loan_Purpose__c: z.string().min(1, { message: "Purpose is required" }).refine((val) => Purposes.map((item) => item.value).includes(val), {
       message: "Purpose is required"
@@ -153,7 +154,7 @@ const QuickPricer = ({
         message: "Broker compensation is required"
       }
     ),
-    NMLS__c: z.string().min(6).max(7).refine(async (val) => {
+    NMLS__c: z.string().min(6, "Valid NMLS should have at least 6 characters").max(7, "Valid NMLS should have at most 7 characters").refine(async (val) => {
       const res = await validateNMLS(val);
       return res?.body?.data?.records?.length > 0;
     }, "NMLS ID is not valid"),
@@ -170,11 +171,25 @@ const QuickPricer = ({
       return removeDashes;
     })
   }).superRefine((values, ctx) => {
+    if (values.Base_Loan_Amount__c < 149999) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        path: ["Base_Loan_Amount__c"],
+        message: "Please enter a value greater than or equal to 149999"
+      });
+    }
+    if (values.Appraised_Value__c < 149999) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        path: ["Appraised_Value__c"],
+        message: "Please enter a value greater than or equal to 149999"
+      });
+    }
     if (values.Base_Loan_Amount__c > values.Appraised_Value__c) {
       ctx.addIssue({
         code: z.ZodIssueCode.custom,
         path: ["Base_Loan_Amount__c"],
-        message: "Base loan amount should be lower than appraised value"
+        message: "Loan amount should be lower than appraised value"
       });
     }
   });
@@ -230,7 +245,7 @@ const QuickPricer = ({
           /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
             /* @__PURE__ */ jsx("div", { className: clsx(one_row, section_title({ variant })), children: /* @__PURE__ */ jsx("h4", { className: "header_4", children: "Loan Details" }) }),
             /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsx(
-              Input,
+              CurrencyInput,
               {
                 id: "Base_Loan_Amount__c",
                 ...register("Base_Loan_Amount__c", {
@@ -243,12 +258,11 @@ const QuickPricer = ({
                 required: true,
                 error: !!errors.Base_Loan_Amount__c,
                 helperText: errors.Base_Loan_Amount__c?.message,
-                variant,
-                type: "number"
+                variant
               }
             ) }),
             /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-              Input,
+              CurrencyInput,
               {
                 id: "Appraised_Value__c",
                 ...register("Appraised_Value__c", {
@@ -262,8 +276,7 @@ const QuickPricer = ({
                 required: true,
                 error: !!errors.Appraised_Value__c,
                 helperText: errors.Appraised_Value__c?.message,
-                variant,
-                type: "number"
+                variant
               }
             ) }),
             /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
@@ -680,7 +693,7 @@ const QuickPricer = ({
                 ...register("Units__c", {
                   required: true
                 }),
-                label: "# of Units__c",
+                label: "# of Units",
                 sizes: "medium",
                 required: true,
                 error: !!errors.Units__c,
@@ -756,7 +769,7 @@ const QuickPricer = ({
                     isValid: associatedEmail
                   }
                 }),
-                label: "Email_Address__c",
+                label: "Email Address",
                 sizes: "medium",
                 placeholder: "Email",
                 required: true,

package/dist/Forms/QuickPricer/UserInformation.css.d.ts

@@ -5,3 +5,4 @@ export declare const user_image: string;
 export declare const user_information: string;
 export declare const user_hr: string;
 export declare const user_buttons: string;
+export declare const mb_form: string;

package/dist/Forms/QuickPricer/UserInformation.css.js

@@ -8,7 +8,9 @@ var user_image = "uw98ur3";
 var user_information = "uw98ur4";
 var user_hr = "uw98ur5";
 var user_buttons = "uw98ur6";
+var mb_form = "uw98ur7";
 export {
+  mb_form,
   user_buttons,
   user_card,
   user_container,

package/dist/Forms/QuickPricer/index.js

@@ -2,10 +2,11 @@
 import { QuickPricer } from "./QuickPricerForm.js";
 import { rate_table_title, results_container } from "./QuickPricerResults.css.js";
 import { UserInformation } from "./UserInformation.js";
-import { user_buttons, user_card, user_container, user_headline, user_hr, user_image, user_information } from "./UserInformation.css.js";
+import { mb_form, user_buttons, user_card, user_container, user_headline, user_hr, user_image, user_information } from "./UserInformation.css.js";
 export {
   QuickPricer,
   UserInformation,
+  mb_form,
   rate_table_title,
   results_container,
   user_buttons,

package/dist/Forms/ScheduleCall.js

@@ -3,11 +3,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
-import { useState } from "react";
+import "react";
 import "react-use";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import { InputDateField } from "../Input/DatePicker2.js";
+import "../Input/DownPaymentInput.js";
 import { Dropdown } from "../Input/Dropdown.js";
 import "../Input/Dropdown.css.js";
 import { Input } from "../Input/Input.js";
@@ -15,7 +15,6 @@ import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
-import "../Input/DownPaymentInput.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";
@@ -28,7 +27,6 @@ import "../utils/allowedAxosDomains.js";
 import { associatedEmail } from "../utils/EverestValidity.js";
 import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
-import { enUS } from "date-fns/locale";
 import { useForm, FormProvider } from "react-hook-form";
 import * as z from "zod";
 import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions } from "./Forms.css.js";
@@ -89,9 +87,6 @@ const ScheduleCall = ({
     });
   };
   const variant = getVariant(fullVariant);
-  const [valueInputDateField, setValueInputDateField] = useState(
-    /* @__PURE__ */ new Date()
-  );
   return /* @__PURE__ */ jsx("section", { id, className: clsx(formContainer({ variant })), children: /* @__PURE__ */ jsx("div", { className: clsx("containment"), children: /* @__PURE__ */ jsxs(FormProvider, { ...methods, children: [
     icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", iconForm), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
     /* @__PURE__ */ jsxs("div", { className: `${headerContainer} text_center`, children: [
@@ -189,16 +184,6 @@ const ScheduleCall = ({
             variant
           }
         ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          InputDateField,
-          {
-            locale: enUS,
-            onChange: (e) => console.log(e),
-            onFieldClear: () => setValueInputDateField(null),
-            placeholder: "Date",
-            value: valueInputDateField
-          }
-        ) }),
         /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
           Dropdown,
           {

package/dist/Forms/ScheduleCallPremier.js

@@ -7,7 +7,7 @@ import "react";
 import "react-use";
 import "../Input/Checkbox.js";
 import { CurrencyInput } from "../Input/CurrencyInput.js";
-import "../Input/DatePicker2.js";
+import "../Input/DownPaymentInput.js";
 import { Dropdown } from "../Input/Dropdown.js";
 import "../Input/Dropdown.css.js";
 import { Input } from "../Input/Input.js";
@@ -15,7 +15,6 @@ import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
-import "../Input/DownPaymentInput.js";
 import { LoadingIndicator } from "../LoadingIndicator/index.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";

package/dist/Forms/SuccesForm.js

@@ -51,7 +51,7 @@ import "../ImageBillboard/ImageBillboard.css.js";
 /* empty css                                            */
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/DatePicker2.js";
+import "../Input/DownPaymentInput.js";
 import "../Input/Dropdown.js";
 import "../Input/Dropdown.css.js";
 import "../Input/Input.js";
@@ -59,7 +59,6 @@ import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
-import "../Input/DownPaymentInput.js";
 import "react-wrap-balancer";
 /* empty css                                                  */
 /* empty css                                                          */

package/dist/Forms/WcplSurvey.js

@@ -7,7 +7,7 @@ import "react";
 import "react-use";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/DatePicker2.js";
+import "../Input/DownPaymentInput.js";
 import "../Input/Dropdown.js";
 import "../Input/Dropdown.css.js";
 import "../Input/Input.js";
@@ -15,7 +15,6 @@ import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import { InputTextArea } from "../Input/InputTextArea.js";
-import "../Input/DownPaymentInput.js";
 import { RadioButtonSet, RadioButton } from "../Input/RadioButton.js";
 import { LoadingIndicator } from "../LoadingIndicator/index.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";

package/dist/Forms/index.js

@@ -23,7 +23,7 @@ import { MortgageRateFilters } from "./MortgageRate/MortgageRateQuoteFilters.js"
 import { QuickPricer } from "./QuickPricer/QuickPricerForm.js";
 import { rate_table_title, results_container } from "./QuickPricer/QuickPricerResults.css.js";
 import { UserInformation } from "./QuickPricer/UserInformation.js";
-import { user_buttons, user_card, user_container, user_headline, user_hr, user_image, user_information } from "./QuickPricer/UserInformation.css.js";
+import { mb_form, user_buttons, user_card, user_container, user_headline, user_hr, user_image, user_information } from "./QuickPricer/UserInformation.css.js";
 import { SalesforceFieldsForm, SalesforceSchema } from "./SalesforceFieldsForm.js";
 import { ScheduleCall } from "./ScheduleCall.js";
 import { ScheduleCallPremier } from "./ScheduleCallPremier.js";
@@ -70,6 +70,7 @@ export {
   headerContainer,
   headerForm,
   iconForm,
+  mb_form,
   modalCheckboxContainer,
   modalMobile,
   mt1Rem,

package/dist/Hyperlink/index.js

@@ -33,7 +33,7 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/DatePicker2.js";
+import "../Input/DownPaymentInput.js";
 import "../Input/Dropdown.js";
 import "../Input/Dropdown.css.js";
 import "../Input/Input.js";
@@ -41,7 +41,6 @@ import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
-import "../Input/DownPaymentInput.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";

package/dist/ImageLink/ImageLink.js

@@ -27,7 +27,7 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/DatePicker2.js";
+import "../Input/DownPaymentInput.js";
 import "../Input/Dropdown.js";
 import "../Input/Dropdown.css.js";
 import "../Input/Input.js";
@@ -35,7 +35,6 @@ import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
-import "../Input/DownPaymentInput.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";

package/dist/ImageLink/ImageLinkSet.js

@@ -32,7 +32,7 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/DatePicker2.js";
+import "../Input/DownPaymentInput.js";
 import "../Input/Dropdown.js";
 import "../Input/Dropdown.css.js";
 import "../Input/Input.js";
@@ -40,7 +40,6 @@ import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
-import "../Input/DownPaymentInput.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";

package/dist/ImageLink/index.js

@@ -31,7 +31,7 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/DatePicker2.js";
+import "../Input/DownPaymentInput.js";
 import "../Input/Dropdown.js";
 import "../Input/Dropdown.css.js";
 import "../Input/Input.js";
@@ -39,7 +39,6 @@ import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
-import "../Input/DownPaymentInput.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";

package/dist/Input/CurrencyInput.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { InputNumberFormat } from "@react-input/number-format";
 import { forwardRef } from "react";
 import "./Checkbox.js";
-import "./DatePicker2.js";
+import "./DownPaymentInput.js";
 import "./Dropdown.js";
 import "./Dropdown.css.js";
 import { Input } from "./Input.js";
@@ -10,7 +10,6 @@ import "./Input.css.js";
 import "./InputAmount.js";
 import "./InputPhone.js";
 import "./InputTextArea.js";
-import "./DownPaymentInput.js";
 const CurrencyInput = forwardRef(
   (props, ref) => {
     return /* @__PURE__ */ jsx(

package/dist/Input/InputAmount.js

@@ -3,14 +3,13 @@ import { InputMask } from "@react-input/mask";
 import { forwardRef } from "react";
 import "./Checkbox.js";
 import "./CurrencyInput.js";
-import "./DatePicker2.js";
+import "./DownPaymentInput.js";
 import "./Dropdown.js";
 import "./Dropdown.css.js";
 import { Input } from "./Input.js";
 import "./Input.css.js";
 import "./InputPhone.js";
 import "./InputTextArea.js";
-import "./DownPaymentInput.js";
 const InputAmount = forwardRef(
   (props, ref) => {
     return /* @__PURE__ */ jsx(

package/dist/Input/InputPhone.js

@@ -3,14 +3,13 @@ import { InputMask } from "@react-input/mask";
 import { forwardRef } from "react";
 import "./Checkbox.js";
 import "./CurrencyInput.js";
-import "./DatePicker2.js";
+import "./DownPaymentInput.js";
 import "./Dropdown.js";
 import "./Dropdown.css.js";
 import { Input } from "./Input.js";
 import "./Input.css.js";
 import "./InputAmount.js";
 import "./InputTextArea.js";
-import "./DownPaymentInput.js";
 const InputPhone = forwardRef(
   (props, ref) => {
     return /* @__PURE__ */ jsx(

package/dist/Input/index.d.ts

@@ -1,6 +1,6 @@
 export * from './Checkbox';
 export * from './CurrencyInput';
-export * from './DatePicker2';
+export * from './DownPaymentInput';
 export * from './Dropdown';
 export * from './Dropdown.css';
 export * from './Input';
@@ -9,4 +9,3 @@ export * from './InputAmount';
 export * from './InputPhone';
 export * from './InputProps';
 export * from './InputTextArea';
-export * from './DownPaymentInput';

package/dist/Input/index.js

@@ -1,6 +1,6 @@
 import { Checkbox } from "./Checkbox.js";
 import { CurrencyInput } from "./CurrencyInput.js";
-import { InputDateField } from "./DatePicker2.js";
+import { DownPaymentInput } from "./DownPaymentInput.js";
 import { Dropdown } from "./Dropdown.js";
 import { dp_input, selectInput } from "./Dropdown.css.js";
 import { Input } from "./Input.js";
@@ -8,7 +8,6 @@ import { container, helperText, iconContainer, iconContainerBase, iconInput, inp
 import { InputAmount } from "./InputAmount.js";
 import { InputPhone } from "./InputPhone.js";
 import { InputTextArea } from "./InputTextArea.js";
-import { DownPaymentInput } from "./DownPaymentInput.js";
 export {
   Checkbox,
   CurrencyInput,
@@ -16,7 +15,6 @@ export {
   Dropdown,
   Input,
   InputAmount,
-  InputDateField,
   InputPhone,
   InputTextArea,
   container,

package/dist/Insight/Featured/CategorySelector.js

@@ -30,7 +30,7 @@ import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../../Input/Checkbox.js";
 import "../../Input/CurrencyInput.js";
-import "../../Input/DatePicker2.js";
+import "../../Input/DownPaymentInput.js";
 import "../../Input/Dropdown.js";
 import "../../Input/Dropdown.css.js";
 import "../../Input/Input.js";
@@ -38,7 +38,6 @@ import "../../Input/Input.css.js";
 import "../../Input/InputAmount.js";
 import "../../Input/InputPhone.js";
 import "../../Input/InputTextArea.js";
-import "../../Input/DownPaymentInput.js";
 import "react-hook-form";
 import "../../Forms/Forms.css.js";
 import "../../Forms/SalesforceFieldsForm.js";

package/dist/Insight/Featured/Featured.js

@@ -33,7 +33,7 @@ import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../../Input/Checkbox.js";
 import "../../Input/CurrencyInput.js";
-import "../../Input/DatePicker2.js";
+import "../../Input/DownPaymentInput.js";
 import "../../Input/Dropdown.js";
 import "../../Input/Dropdown.css.js";
 import "../../Input/Input.js";
@@ -41,7 +41,6 @@ import "../../Input/Input.css.js";
 import "../../Input/InputAmount.js";
 import "../../Input/InputPhone.js";
 import "../../Input/InputTextArea.js";
-import "../../Input/DownPaymentInput.js";
 import "react-hook-form";
 import "../../Forms/Forms.css.js";
 import "../../Forms/SalesforceFieldsForm.js";

package/dist/Insight/Featured/Header.js

@@ -31,7 +31,7 @@ import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../../Input/Checkbox.js";
 import "../../Input/CurrencyInput.js";
-import "../../Input/DatePicker2.js";
+import "../../Input/DownPaymentInput.js";
 import "../../Input/Dropdown.js";
 import "../../Input/Dropdown.css.js";
 import "../../Input/Input.js";
@@ -39,7 +39,6 @@ import "../../Input/Input.css.js";
 import "../../Input/InputAmount.js";
 import "../../Input/InputPhone.js";
 import "../../Input/InputTextArea.js";
-import "../../Input/DownPaymentInput.js";
 import "react-hook-form";
 import "../../Forms/Forms.css.js";
 import "../../Forms/SalesforceFieldsForm.js";

package/dist/Modal/Modal.js

@@ -27,7 +27,7 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/DatePicker2.js";
+import "../Input/DownPaymentInput.js";
 import "../Input/Dropdown.js";
 import "../Input/Dropdown.css.js";
 import "../Input/Input.js";
@@ -35,7 +35,6 @@ import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
-import "../Input/DownPaymentInput.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";

package/dist/NavigationMenu/AxosBank/NavData.js

@@ -31,7 +31,7 @@ import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../../Input/Checkbox.js";
 import "../../Input/CurrencyInput.js";
-import "../../Input/DatePicker2.js";
+import "../../Input/DownPaymentInput.js";
 import "../../Input/Dropdown.js";
 import "../../Input/Dropdown.css.js";
 import "../../Input/Input.js";
@@ -39,7 +39,6 @@ import "../../Input/Input.css.js";
 import "../../Input/InputAmount.js";
 import "../../Input/InputPhone.js";
 import "../../Input/InputTextArea.js";
-import "../../Input/DownPaymentInput.js";
 import "react-hook-form";
 import "../../Forms/Forms.css.js";
 import "../../Forms/SalesforceFieldsForm.js";

package/dist/NavigationMenu/AxosBank/SubNavBar.js

@@ -32,7 +32,7 @@ import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../../Input/Checkbox.js";
 import "../../Input/CurrencyInput.js";
-import "../../Input/DatePicker2.js";
+import "../../Input/DownPaymentInput.js";
 import "../../Input/Dropdown.js";
 import "../../Input/Dropdown.css.js";
 import "../../Input/Input.js";
@@ -40,7 +40,6 @@ import "../../Input/Input.css.js";
 import "../../Input/InputAmount.js";
 import "../../Input/InputPhone.js";
 import "../../Input/InputTextArea.js";
-import "../../Input/DownPaymentInput.js";
 import "react-hook-form";
 import "../../Forms/Forms.css.js";
 import "../../Forms/SalesforceFieldsForm.js";

package/dist/NavigationMenu/AxosBank/index.js

@@ -28,7 +28,7 @@ import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../../Input/Checkbox.js";
 import "../../Input/CurrencyInput.js";
-import "../../Input/DatePicker2.js";
+import "../../Input/DownPaymentInput.js";
 import "../../Input/Dropdown.js";
 import "../../Input/Dropdown.css.js";
 import "../../Input/Input.js";
@@ -36,7 +36,6 @@ import "../../Input/Input.css.js";
 import "../../Input/InputAmount.js";
 import "../../Input/InputPhone.js";
 import "../../Input/InputTextArea.js";
-import "../../Input/DownPaymentInput.js";
 import "react-hook-form";
 import "../../Forms/Forms.css.js";
 import "../../Forms/SalesforceFieldsForm.js";

package/dist/SetContainer/SetContainer.js

@@ -29,7 +29,7 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/DatePicker2.js";
+import "../Input/DownPaymentInput.js";
 import "../Input/Dropdown.js";
 import "../Input/Dropdown.css.js";
 import "../Input/Input.js";
@@ -37,7 +37,6 @@ import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
-import "../Input/DownPaymentInput.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";

package/dist/assets/Forms/QuickPricer/UserInformation.css

@@ -40,6 +40,9 @@
   flex-wrap: wrap;
   padding: 0 24px;
 }
+.uw98ur7 {
+  margin-bottom: 2rem;
+}
 @media screen and (max-width: 960px) {
   .uw98ur0 {
     display: flex;
@@ -67,4 +70,9 @@
   .uw98ur6:first-child {
     margin-bottom: 1em;
   }
+}
+@media screen and (max-width: 1024px) {
+  .uw98ur7 {
+    margin-bottom: 0;
+  }
 }

package/dist/main.js

@@ -66,7 +66,7 @@ import { MortgageRateFilters } from "./Forms/MortgageRate/MortgageRateQuoteFilte
 import { QuickPricer } from "./Forms/QuickPricer/QuickPricerForm.js";
 import { rate_table_title, results_container } from "./Forms/QuickPricer/QuickPricerResults.css.js";
 import { UserInformation } from "./Forms/QuickPricer/UserInformation.js";
-import { user_buttons, user_card, user_container, user_headline, user_hr, user_image, user_information } from "./Forms/QuickPricer/UserInformation.css.js";
+import { mb_form, user_buttons, user_card, user_container, user_headline, user_hr, user_image, user_information } from "./Forms/QuickPricer/UserInformation.css.js";
 import { SalesforceFieldsForm, SalesforceSchema } from "./Forms/SalesforceFieldsForm.js";
 import { ScheduleCall } from "./Forms/ScheduleCall.js";
 import { ScheduleCallPremier } from "./Forms/ScheduleCallPremier.js";
@@ -113,7 +113,7 @@ import "react";
 import { ImageLinkSet } from "./ImageLink/ImageLinkSet.js";
 import { Checkbox } from "./Input/Checkbox.js";
 import { CurrencyInput } from "./Input/CurrencyInput.js";
-import { InputDateField } from "./Input/DatePicker2.js";
+import { DownPaymentInput } from "./Input/DownPaymentInput.js";
 import { Dropdown } from "./Input/Dropdown.js";
 import { dp_input, selectInput } from "./Input/Dropdown.css.js";
 import { Input } from "./Input/Input.js";
@@ -121,7 +121,6 @@ import { container, helperText, iconContainer, iconContainerBase, iconInput, inp
 import { InputAmount } from "./Input/InputAmount.js";
 import { InputPhone } from "./Input/InputPhone.js";
 import { InputTextArea } from "./Input/InputTextArea.js";
-import { DownPaymentInput } from "./Input/DownPaymentInput.js";
 import { CategorySelector, InsightItem } from "./Insight/Featured/CategorySelector.js";
 import { Featured, FeaturedItem } from "./Insight/Featured/Featured.js";
 import { featured_center_vertical, featured_grid, featured_maingrid, featured_maingrid_img, featured_maingrid_item, featured_maingrid_title, featured_section, featured_subgrid, featured_subgrid_divider, featured_subgrid_item, featured_subgrid_title, featured_supertag, featured_title } from "./Insight/Featured/Featured.css.js";
@@ -261,7 +260,6 @@ export {
   ImageLinkSet,
   Input,
   InputAmount,
-  InputDateField,
   InputPhone,
   InputTextArea,
   InsightItem,
@@ -500,6 +498,7 @@ export {
   lp_hover,
   lp_theme,
   mb_8,
+  mb_form,
   media,
   mh_330,
   modalCheckboxContainer,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "0.0.156",
+  "version": "0.0.157",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -28,6 +28,7 @@
     "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",
@@ -43,7 +44,9 @@
     "moment": "^2.30.1",
     "react-date-picker": "^11.0.0",
     "react-hook-form": "^7.53.1",
+    "react-date-range": "^2.0.1",
     "react-markdown": "^9.0.1",
+    "react-popper": "^2.3.0",
     "react-slick": "^0.30.2",
     "react-use": "^17.5.1",
     "react-wrap-balancer": "^1.1.1",
@@ -55,12 +58,15 @@
     "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",
     "react": "^18.2.0",
+    "react-date-range": "^2.0.1",
     "react-dom": "^18.2.0",
+    "react-popper": "^2.3.0",
     "react-slick": "^0.30.2",
     "slick-carousel": "^1.8.1"
   },
@@ -83,6 +89,7 @@
     "@types/lodash": "^4.17.10",
     "@types/node": "^20.16.10",
     "@types/react": "^18.3.11",
+    "@types/react-date-range": "^1.4.9",
     "@types/react-datepicker": "^6.2.0",
     "@types/react-dom": "^18.3.0",
     "@types/react-slick": "^0.23.13",