@payfit/unity-components 2.46.11 → 2.46.13

package/dist/esm/components/date-picker/DatePicker.d.ts

@@ -1,67 +0,0 @@
-import { CalendarDate } from '@internationalized/date';
-import { DatePickerProps as AriaDatePickerProps } from 'react-aria-components/DatePicker';
-export interface DatePickerProps extends Pick<AriaDatePickerProps<CalendarDate>, 'id' | 'firstDayOfWeek' | 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-details'> {
-    /** The currently selected date */
-    value?: CalendarDate | null;
-    /** The default selected date (uncontrolled) */
-    defaultValue?: CalendarDate | null;
-    /** The minimum allowed date */
-    minValue?: CalendarDate;
-    /** The maximum allowed date */
-    maxValue?: CalendarDate;
-    /** Callback fired when the date value changes */
-    onChange?: (value: CalendarDate | null) => void;
-    /** Callback fired when the clear button is clicked */
-    onClearButtonPress?: () => void;
-    /** Callback fired when the picker loses focus */
-    onBlur?: () => void;
-    /** Callback fired when the picker gains focus */
-    onFocus?: () => void;
-    /** Callback fired when the calendar overlay's open state changes */
-    onOpenChange?: (isOpen: boolean) => void;
-    /** Whether the picker is in an invalid state */
-    isInvalid?: boolean;
-    /** Whether the picker is in a loading state */
-    isLoading?: boolean;
-    /** Whether the picker is disabled */
-    isDisabled?: boolean;
-    /** Whether the picker is read-only */
-    isReadOnly?: boolean;
-    /** Function to determine if a date should be disabled */
-    isDateUnavailable?: (date: CalendarDate) => boolean;
-    /** Whether to force leading zeros for days and months */
-    shouldForceLeadingZeros?: boolean;
-    /** Whether to close the calendar after a date is selected */
-    shouldCloseOnSelect?: boolean;
-    /** Whether to open the calendar by default */
-    defaultOpen?: boolean;
-}
-/**
- * The DatePicker component allows users to select a date either by typing it in directly or choosing from a calendar overlay, providing a standardized way to handle date selection across the application.
- * @param {DatePickerProps} props - Props for configuring the DatePicker's behavior and appearance
- * @see {@link DatePickerProps} for all available props
- * @example
- * ```tsx
- * import { DatePicker } from '@payfit/unity-components'
- * import { parseDate } from '@internationalized/date'
- *
- * function Example() {
- *   const [selectedDate, setSelectedDate] = useState<CalendarDate>()
- *
- *   return (
- *     <DatePicker
- *       value={selectedDate}
- *       onChange={setSelectedDate}
- *       minValue={parseDate('2024-01-01')}  // Restrict dates before Jan 1, 2024
- *       isDateUnavailable={(date) => date.dayOfWeek === 0}  // Disable Sundays
- *     />
- *   )
- * }
- * ```
- * @remarks
- * [API & Docs](https://master--66fe6715241b661107117e47.chromatic.com/?path=/docs/inputs-datepicker--docs) • [Design Guidelines](https://www.payfit.design/24f360409/p/719ac2-date-picker)
- * @note
- * This component requires `@internationalized/date` as a peer dependency. Make sure to install it in your project: `yarn add @internationalized/date`
- */
-declare const DatePicker: import('react').ForwardRefExoticComponent<DatePickerProps & import('react').RefAttributes<HTMLDivElement>>;
-export { DatePicker };

package/dist/esm/components/date-picker/DatePicker.js

@@ -1,174 +0,0 @@
-import { jsxs as f, jsx as a } from "react/jsx-runtime";
-import { forwardRef as U } from "react";
-import { uyTv as b } from "@payfit/unity-themes";
-import { DatePicker as B, Group as j, Button as E, Popover as M } from "react-aria-components/DatePicker";
-import { Dialog as R } from "react-aria-components/Dialog";
-import { useIntl as G } from "react-intl";
-import { DateCalendar as T } from "../date-calendar/DateCalendar.js";
-import { Icon as $ } from "../icon/Icon.js";
-import { DateInput as q } from "./parts/DateInput.js";
-const z = b({
-  slots: {
-    base: [
-      "uy:group uy:flex uy:h-5.5 uy:sm:h-500 uy:border uy:border-solid uy:rounded-100 uy:sm:rounded-75",
-      "uy:active:border-border-form-active uy:data-[focus-visible=true]:border-border-form-active uy:data-[open=true]:border-border-form-active"
-    ],
-    inputWrapper: [
-      "uy:flex uy:grow uy:rounded-100 uy:sm:rounded-75 uy:outline-none",
-      // Show focus styles when input wrapper is focused AND button is not focused
-      "uy:focus-within:outline-2 uy:focus-within:outline-solid uy:focus-within:outline-utility-focus-ring uy:focus-within:outline-offset-3",
-      // Hide focus styles when button is focused
-      "uy:group-[:has(button:focus)]:data-[focus-within]:outline-none uy:group-[:has(button:focus)]:data-[focus-within]:outline-offset-0 uy:group-[:has(button:focus)]:data-[focus-within]:outline-transparent"
-    ],
-    suffix: [
-      "uy:flex-grow-0 uy:content-center uy:p-125 uy:border-l uy:border-solid uy:rounded-r-100 uy:sm:rounded-r-75 uy:text-content-neutral-low",
-      "uy:hover:bg-surface-neutral-hover uy:active:bg-surface-neutral-pressed uy:active:border-border-form-active uy:data-[pressed=true]:not-group-data-[open=true]:bg-surface-neutral-pressed uy:data-[pressed=true]:not-group-data-[open=true]:border-border-form-active uy:group-data-[open=true]:border-border-form-active",
-      "uy:focus-visible:outline-2 uy:focus-visible:outline-utility-focus-ring uy:focus-visible:outline-offset-3"
-    ]
-  },
-  variants: {
-    isInvalid: {
-      true: {
-        base: "uy:border-border-form-error uy:bg-surface-form-error",
-        suffix: "uy:bg-surface-form-error uy:border-border-form-error"
-      }
-    },
-    isReadOnly: {
-      true: {
-        base: "uy:border-border-form-disabled uy:bg-surface-form-disabled",
-        inputWrapper: "uy:border-border-form-disabled uy:bg-surface-form-disabled",
-        suffix: "uy:bg-surface-form-disabled uy:border-border-form-disabled uy:text-content-form-disabled"
-      }
-    },
-    isDisabled: {
-      true: {
-        base: "uy:border-border-form-disabled uy:bg-surface-form-disabled",
-        inputWrapper: "uy:bg-surface-form-disabled uy:text-content-form-disabled",
-        suffix: "uy:bg-surface-form-disabled uy:border-border-form-disabled uy:text-content-form-disabled"
-      }
-    }
-  },
-  compoundVariants: [
-    {
-      isInvalid: !1,
-      isDisabled: !1,
-      isReadOnly: !1,
-      className: {
-        base: "uy:border-border-form-enabled uy:bg-surface-form-enabled",
-        suffix: "uy:border-border-form-enabled uy:bg-surface-neutral uy:text-content-neutral-low"
-      }
-    }
-  ]
-}), A = b({
-  base: "uy:w-[356px] uy:overflow-auto uy:shadow-300 uy:border uy:border-solid uy:border-border-neutral uy:bg-surface-neutral uy:rounded-md uy:sm:rounded-75",
-  variants: {
-    isEntering: {
-      true: "uy:animate-in uy:fade-in uy:data-[placement-bottom]:slide-in-from-top-1 uy:data-[placement-top]:slide-in-from-bottom-1 uy:duration-200 uy:ease-out"
-    },
-    isExiting: {
-      true: "uy:animate-out uy:fade-out uy:data-[placement-bottom]:slide-out-to-top-1 uy:data-[placement-top]:slide-out-to-bottom-1 uy:duration-150 uy:ease-in"
-    }
-  }
-}), H = U(
-  ({
-    value: t,
-    defaultValue: i,
-    isInvalid: d,
-    isLoading: y,
-    isDisabled: o,
-    isReadOnly: u,
-    onClearButtonPress: c,
-    onBlur: n,
-    onFocus: s,
-    onChange: m,
-    onOpenChange: p,
-    id: g,
-    "aria-label": h,
-    "aria-labelledby": v,
-    "aria-describedby": x,
-    "aria-details": D,
-    ...e
-  }, w) => {
-    const k = G(), { base: C, inputWrapper: P, suffix: V } = z({
-      isInvalid: !!d,
-      isReadOnly: !!u,
-      isDisabled: !!o
-    }), l = (r) => {
-      m?.(r);
-    }, N = (r) => {
-      p?.(r), r ? s?.() : n?.();
-    }, O = (r) => e.isDateUnavailable ? e.isDateUnavailable(r) : !1, W = () => {
-      c?.();
-    };
-    return /* @__PURE__ */ f(
-      B,
-      {
-        ref: w,
-        "data-dd-privacy": "mask",
-        ...e,
-        className: C(),
-        value: t,
-        defaultValue: i,
-        minValue: e.minValue,
-        maxValue: e.maxValue,
-        isReadOnly: !!u,
-        isDisabled: !!o,
-        onChange: l,
-        onFocus: s,
-        onBlur: n,
-        onOpenChange: N,
-        isDateUnavailable: O,
-        "aria-label": h,
-        "aria-labelledby": v,
-        "aria-describedby": x,
-        "aria-details": D,
-        children: [
-          /* @__PURE__ */ f(j, { className: P(), id: g, children: [
-            /* @__PURE__ */ a(
-              q,
-              {
-                isLoading: y,
-                isDisabled: o,
-                isReadOnly: u,
-                isInvalid: d,
-                onClearButtonPress: W
-              }
-            ),
-            /* @__PURE__ */ a(E, { className: V(), isDisabled: u || o, children: /* @__PURE__ */ a(
-              $,
-              {
-                src: "CalendarBlankOutlined",
-                color: "inherit",
-                alt: k.formatMessage({
-                  id: "unity:component:form-field:date-picker:calendar-button",
-                  defaultMessage: "Open Calendar"
-                })
-              }
-            ) })
-          ] }),
-          /* @__PURE__ */ a(
-            M,
-            {
-              className: ({ isEntering: r, isExiting: I }) => A({ isEntering: r, isExiting: I }),
-              children: /* @__PURE__ */ a(R, { className: "uy:p-150", "data-dd-privacy": "mask", children: /* @__PURE__ */ a(
-                T,
-                {
-                  value: t,
-                  defaultValue: i,
-                  minValue: e.minValue,
-                  maxValue: e.maxValue,
-                  onChange: l,
-                  firstDayOfWeek: e.firstDayOfWeek
-                }
-              ) })
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-H.displayName = "DatePicker";
-export {
-  H as DatePicker
-};

package/dist/esm/components/date-picker/TanstackDatePicker.d.ts

@@ -1,22 +0,0 @@
-import { DatePickerProps } from './DatePicker.js';
-export type TanstackDatePickerProps = Omit<DatePickerProps, 'value' | 'defaultValue' | 'isInvalid'>;
-/**
- * `TanstackDatePicker` is a controlled date picker wired to the TanStack Form field context.
- * It is based on the Unity `DatePicker` component.
- *
- * Example:
- * ```tsx
- * function ExampleField() {
- *   const form = useTanstackUnityForm<{ birthDate: CalendarDate | null }>({ validators: {} })
- *   return (
- *     <form>
- *       <form.AppField name="birthDate">
- *         {() => <TanstackDatePicker />}
- *       </form.AppField>
- *     </form>
- *   )
- * }
- * ```
- */
-declare const TanstackDatePicker: import('react').ForwardRefExoticComponent<TanstackDatePickerProps & import('react').RefAttributes<HTMLDivElement>>;
-export { TanstackDatePicker };

package/dist/esm/components/date-picker/TanstackDatePicker.js

@@ -1,53 +0,0 @@
-import { jsx as p } from "react/jsx-runtime";
-import { forwardRef as h } from "react";
-import { useFieldContext as b } from "../../hooks/tanstack-form-context.js";
-import { useFieldA11yContext as k } from "../form-field/TanstackFormField.context.js";
-import { DatePicker as x } from "./DatePicker.js";
-const y = h(
-  ({
-    onClearButtonPress: i,
-    onBlur: n,
-    onFocus: r,
-    onChange: l,
-    onOpenChange: s,
-    isReadOnly: d,
-    isDisabled: c,
-    ...m
-  }, u) => {
-    const e = b(), a = k(), f = e.state.meta.isTouched && !e.state.meta.isValid, o = [a.helperTextId, a.feedbackTextId].filter(Boolean).join(" ");
-    return /* @__PURE__ */ p(
-      x,
-      {
-        ...m,
-        ref: u,
-        id: a.inputId,
-        value: e.state.value,
-        onChange: (t) => {
-          e.handleChange(t), l?.(t);
-        },
-        onBlur: () => {
-          e.handleBlur(), n?.();
-        },
-        onFocus: () => {
-          r?.();
-        },
-        onOpenChange: (t) => {
-          s?.(t);
-        },
-        onClearButtonPress: () => {
-          e.setValue(null), i?.();
-        },
-        isReadOnly: d,
-        isDisabled: c,
-        isInvalid: f,
-        "aria-labelledby": a.labelId,
-        "aria-describedby": o.length > 0 ? o : void 0,
-        "aria-details": a.contextualLinkId
-      }
-    );
-  }
-);
-y.displayName = "TanstackDatePicker";
-export {
-  y as TanstackDatePicker
-};

package/dist/esm/components/date-picker/parts/DateInput.d.ts

@@ -1,115 +0,0 @@
-import { CalendarDate } from '@internationalized/date';
-import { ReactElement } from 'react';
-import { DateFieldProps } from 'react-aria-components/DateField';
-export declare const dateSegment: import('tailwind-variants').TVReturnType<{
-    isPlaceholder: {
-        true: string[];
-        false: string;
-    };
-    isLiteral: {
-        true: string;
-        false: string;
-    };
-}, undefined, string[], {
-    isPlaceholder: {
-        true: string[];
-        false: string;
-    };
-    isLiteral: {
-        true: string;
-        false: string;
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    isPlaceholder: {
-        true: string[];
-        false: string;
-    };
-    isLiteral: {
-        true: string;
-        false: string;
-    };
-}, undefined, string[], unknown, unknown, undefined>>;
-export declare const dateInput: import('tailwind-variants').TVReturnType<{
-    isInvalid: {
-        true: {
-            base: string;
-            state: string;
-        };
-    };
-    isReadOnly: {
-        true: {
-            base: string;
-        };
-    };
-    isDisabled: {
-        true: {
-            base: string;
-        };
-    };
-}, {
-    base: string;
-    input: string;
-    state: string;
-}, undefined, {
-    isInvalid: {
-        true: {
-            base: string;
-            state: string;
-        };
-    };
-    isReadOnly: {
-        true: {
-            base: string;
-        };
-    };
-    isDisabled: {
-        true: {
-            base: string;
-        };
-    };
-}, {
-    base: string;
-    input: string;
-    state: string;
-}, import('tailwind-variants').TVReturnType<{
-    isInvalid: {
-        true: {
-            base: string;
-            state: string;
-        };
-    };
-    isReadOnly: {
-        true: {
-            base: string;
-        };
-    };
-    isDisabled: {
-        true: {
-            base: string;
-        };
-    };
-}, {
-    base: string;
-    input: string;
-    state: string;
-}, undefined, unknown, unknown, undefined>>;
-export interface DateInputProps extends DateFieldProps<CalendarDate> {
-    /** Element to display after the input field */
-    suffix?: ReactElement;
-    /** Whether the field is required */
-    isRequired?: boolean;
-    /** Whether the field is in an invalid state */
-    isInvalid?: boolean;
-    /** Whether the field is in a loading state */
-    isLoading?: boolean;
-    /** Whether the field is disabled */
-    isDisabled?: boolean;
-    /** Whether the field is read-only */
-    isReadOnly?: boolean;
-    /** Clear button click handler */
-    onClearButtonPress?: () => void;
-}
-export declare function DateInput({ isLoading, isInvalid, isReadOnly, isDisabled, onClearButtonPress, }: DateInputProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace DateInput {
-    var displayName: string;
-}

package/dist/esm/components/date-picker/parts/DateInput.js

@@ -1,138 +0,0 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { useContext as p } from "react";
-import { uyTv as i } from "@payfit/unity-themes";
-import { DatePickerStateContext as x, DateInput as g, DateSegment as h } from "react-aria-components/DatePicker";
-import { useIntl as v } from "react-intl";
-import { CircularIconButton as I } from "../../icon-button/CircularIconButton.js";
-import { Icon as D } from "../../icon/Icon.js";
-import { Spinner as C } from "../../spinner/Spinner.js";
-const w = i({
-  base: [
-    //theme: common
-    "uy:group uy:box-content uy:rounded-25 uy:px-25 uy:text-end uy:tabular-nums! uy:outline-none uy:typography-body uy:focus:bg-surface-form-active uy:focus:rounded-25",
-    "uy:data-[disabled]:text-content-form-disabled",
-    //theme: legacy
-    "uy:theme-legacy:focus:text-content-inverted",
-    //theme: rebrand
-    "uy:theme-rebrand:focus:text-content-form-active"
-  ],
-  variants: {
-    isPlaceholder: {
-      true: [
-        //theme: legacy
-        "uy:theme-legacy:text-content-neutral-lowest",
-        // theme: rebrand
-        "uy:theme-rebrand:text-content-neutral-lowest-enabled"
-      ],
-      false: "uy:text-content-form-enabled"
-    },
-    isLiteral: {
-      true: "uy:text-content-neutral-lowest-enabled",
-      false: ""
-    }
-  }
-}), M = i({
-  slots: {
-    base: "uy:flex uy:gap-50 uy:flex-grow uy:py-125 uy:sm:py-100 uy:px-150 uy:rounded-100 uy:sm:rounded-75",
-    input: "uy:flex uy:gap-25 uy:w-fit uy:grow",
-    state: "uy:flex uy:gap-50 uy:items-center"
-  },
-  variants: {
-    isInvalid: {
-      true: {
-        base: "uy:bg-surface-form-error",
-        state: "uy:text-content-form-error"
-      }
-    },
-    isReadOnly: {
-      true: {
-        base: "uy:border-border-form-disabled uy:bg-surface-form-disabled"
-      }
-    },
-    isDisabled: {
-      true: {
-        base: "uy:bg-surface-form-disabled uy:text-content-form-disabled"
-      }
-    }
-  },
-  compoundVariants: [
-    {
-      isInvalid: !1,
-      isDisabled: !1,
-      isReadOnly: !1,
-      className: {
-        base: "uy:border-border-form-enabled uy:bg-surface-form-enabled",
-        state: "uy:text-content-neutral-disabled"
-      }
-    }
-  ]
-});
-function N({
-  isLoading: r,
-  isInvalid: o,
-  isReadOnly: n,
-  isDisabled: s,
-  onClearButtonPress: d
-}) {
-  const t = v(), u = p(x), { dateValue: c } = u, { base: m, input: y, state: f } = M({
-    isInvalid: !!o,
-    isReadOnly: !!n,
-    isDisabled: !!s
-  }), b = c && !r && !n && !s;
-  return /* @__PURE__ */ l("div", { className: m(), children: [
-    /* @__PURE__ */ e(g, { className: y(), children: (a) => /* @__PURE__ */ e(
-      h,
-      {
-        segment: a,
-        className: w({
-          isPlaceholder: a.isPlaceholder,
-          isLiteral: a.type === "literal"
-        })
-      }
-    ) }),
-    /* @__PURE__ */ l("div", { className: f(), children: [
-      r && /* @__PURE__ */ e(
-        C,
-        {
-          color: "inherit",
-          size: "small",
-          label: t.formatMessage({
-            id: "unity:component:common:loading:label",
-            defaultMessage: "Loading..."
-          })
-        }
-      ),
-      o && /* @__PURE__ */ e(
-        D,
-        {
-          src: "WarningCircleOutlined",
-          color: "content.form.invalid",
-          alt: t.formatMessage({
-            id: "unity:component:form-field:form-input:error:alt",
-            defaultMessage: "Error"
-          })
-        }
-      ),
-      b && /* @__PURE__ */ e(
-        I,
-        {
-          slot: null,
-          title: t.formatMessage({
-            id: "unity:component:common:clear:title",
-            defaultMessage: "Clear"
-          }),
-          icon: "CloseOutlined",
-          onPress: () => {
-            u?.setValue(null), d?.();
-          }
-        }
-      )
-    ] })
-  ] });
-}
-N.displayName = "DateInput";
-export {
-  N as DateInput,
-  M as dateInput,
-  w as dateSegment
-};

package/dist/esm/components/date-picker-field/DatePickerField.d.ts

@@ -1,85 +0,0 @@
-import { CalendarDate } from '@internationalized/date';
-import { StandardSchemaV1 } from '@standard-schema/spec';
-import { ForwardedRef, ReactNode } from 'react';
-import { FieldPath, FieldValues } from 'react-hook-form';
-import { Schema } from '../../hooks/use-form.types.js';
-import { DatePickerProps } from '../date-picker/DatePicker.js';
-import { LabelProps } from '../label/Label.js';
-export interface DatePickerFieldProps extends Pick<LabelProps, 'isRequired' | 'requiredVariant'>, DatePickerProps {
-    /** The name of the field, which should match the form schema. */
-    name: string;
-    /** The label for the date picker field. */
-    label: string;
-    /** The default value of the date picker field. */
-    defaultValue?: CalendarDate;
-    /** Helper text to display below the date picker field. */
-    helperText?: ReactNode;
-    /** Feedback text to display below the date picker field. */
-    feedbackText?: ReactNode;
-    /** A contextual link to display below the date picker field. */
-    contextualLink?: ReactNode;
-    /** Whether the field is in an invalid state. */
-    isInvalid?: boolean;
-    /** Whether the field is in a loading state. */
-    isLoading?: boolean;
-    /** Whether the field is disabled. */
-    isDisabled?: boolean;
-    /** Whether the field is read-only. */
-    isReadOnly?: boolean;
-    /** The minimum selectable date. */
-    minValue?: CalendarDate;
-    /** The maximum selectable date. */
-    maxValue?: CalendarDate;
-    /** Function to determine if a date should be disabled. */
-    isDateUnavailable?: (date: CalendarDate) => boolean;
-    /** Handler called when the clear button is pressed. */
-    onClearButtonPress?: () => void;
-    /** Handler called when the calendar overlay opens or closes. */
-    onOpenChange?: (isOpen: boolean) => void;
-    /** Handler called when the field loses focus. */
-    onBlur?: () => void;
-    /** Handler called when the field gains focus. */
-    onFocus?: () => void;
-}
-export type TypedDatePickerFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<DatePickerFieldProps, 'name'> & {
-    name: TName;
-};
-type DatePickerFieldComponent = {
-    <TSchema extends Schema>(props: TypedDatePickerFieldProps<StandardSchemaV1.InferOutput<TSchema>> & {
-        ref?: ForwardedRef<HTMLDivElement>;
-    }): React.JSX.Element;
-    displayName?: string;
-};
-/**
- * The `DatePickerField` component renders a full field that can accept date input, integrating with the `Form` component automatically.
- * It provides a calendar overlay for date selection and supports direct text input for dates.
- * @example
- * ```tsx
- * const schema = z.object({
- *   birthDate: z.custom<CalendarDate>(),
- *   startDate: z.custom<CalendarDate>()
- * })
- *
- * function MyForm() {
- *   const { Form } = useUnityForm(schema)
- *
- *   return (
- *     <Form action={handleSubmit}>
- *       <DatePickerField<typeof schema>
- *         name="birthDate"  // Only "birthDate" | "startDate" allowed
- *         label="Birth Date"
- *       />
- *     </Form>
- *   )
- * }
- * ```
- * @remarks
- * [API & Docs](https://master--66fe6715241b661107117e47.chromatic.com/?path=/docs/forms-datepickerfield--docs) • [Design Guidelines](https://www.payfit.design/24f360409/p/719ac2-date-picker)
- * @note The schema type parameter is needed to ensure type safety with the form's schema. If you omit it, the `name` prop will not be type-safe.
- * @note
- * This component requires `@internationalized/date` as a peer dependency. Make sure to install it in your project: `yarn add @internationalized/date`
- * @deprecated React Hook Form components are deprecated. Use the TanStack Form version instead.
- * @see Storybook docs: https://unity-components.payfit.io/?path=/docs/forms-introduction-to-unity-forms--docs
- */
-declare const DatePickerField: DatePickerFieldComponent;
-export { DatePickerField };