@7shifts/sous-chef 3.30.0 → 3.30.1

package/dist/forms/TextAreaField/TextAreaField.d.ts

@@ -1,28 +1,28 @@
-import React, { KeyboardEvent } from 'react';
-declare type Props = {
-    name: string;
-    /** If not provided it will generate a random id so the label links properly with the text input. */
-    id?: string;
-    value?: string;
-    onChange?: (e: string) => void;
-    onBlur?: (e: string) => void;
-    onKeyPress?: (e: KeyboardEvent) => void;
-    label?: React.ReactNode;
-    caption?: React.ReactNode;
-    error?: React.ReactNode;
-    placeholder?: string;
-    disabled?: boolean;
-    defaultValue?: string;
-    /** When `true` the field will grow as more lines is added until it hits the `maxHeight` defined. */
-    autoGrow?: boolean;
-    /** It defines the minimum size the input can grow. */
-    minHeight?: number;
-    /** It defines the maximum size the input can grow. */
-    maxHeight?: number;
-    /** A JSX containing the toolbar elements. You can use `Inline` to place the buttons properly on the toolbar space. */
-    toolbar?: React.ReactNode;
-    testId?: string;
-    maxLength?: number;
-};
-declare const TextAreaField: React.FC<Props>;
-export default TextAreaField;
+import React, { KeyboardEvent } from 'react';
+type Props = {
+    name: string;
+    /** If not provided it will generate a random id so the label links properly with the text input. */
+    id?: string;
+    value?: string;
+    onChange?: (e: string) => void;
+    onBlur?: (e: string) => void;
+    onKeyPress?: (e: KeyboardEvent) => void;
+    label?: React.ReactNode;
+    caption?: React.ReactNode;
+    error?: React.ReactNode;
+    placeholder?: string;
+    disabled?: boolean;
+    defaultValue?: string;
+    /** When `true` the field will grow as more lines is added until it hits the `maxHeight` defined. */
+    autoGrow?: boolean;
+    /** It defines the minimum size the input can grow. */
+    minHeight?: number;
+    /** It defines the maximum size the input can grow. */
+    maxHeight?: number;
+    /** A JSX containing the toolbar elements. You can use `Inline` to place the buttons properly on the toolbar space. */
+    toolbar?: React.ReactNode;
+    testId?: string;
+    maxLength?: number;
+};
+declare const TextAreaField: React.FC<Props>;
+export default TextAreaField;

package/dist/forms/TextAreaField/index.d.ts

@@ -1 +1 @@
-export { default } from './TextAreaField';
+export { default } from './TextAreaField';

package/dist/forms/TextField/TextField.d.ts

@@ -1,28 +1,28 @@
-import React from 'react';
-declare type AutoCompleteType = 'off' | 'on';
-export declare type Props = {
-    autoComplete?: AutoCompleteType;
-    autoFocus?: boolean;
-    caption?: React.ReactNode;
-    defaultValue?: string;
-    disabled?: boolean;
-    error?: React.ReactNode;
-    /** If not provided it will generate a random id so the label links properly with the text input */
-    id?: string;
-    label?: React.ReactNode;
-    maxLength?: number;
-    name: string;
-    onBlur?: (value: string) => void;
-    onChange?: (value: string) => void;
-    onFocus?: (value: string) => void;
-    onKeyDown?: (key: string) => void;
-    placeholder?: string;
-    /** Use a prefix for things like currency symbols (“$”, “¥”, “£”) or icons. */
-    prefix?: React.ReactNode;
-    /** Use suffix for things like units of measure (“in”, “cm”, ”hours”) or icons. */
-    suffix?: React.ReactNode;
-    value?: string;
-    testId?: string;
-};
-declare const TextField: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
-export default TextField;
+import React from 'react';
+type AutoCompleteType = 'off' | 'on';
+export type Props = {
+    autoComplete?: AutoCompleteType;
+    autoFocus?: boolean;
+    caption?: React.ReactNode;
+    defaultValue?: string;
+    disabled?: boolean;
+    error?: React.ReactNode;
+    /** If not provided it will generate a random id so the label links properly with the text input */
+    id?: string;
+    label?: React.ReactNode;
+    maxLength?: number;
+    name: string;
+    onBlur?: (value: string) => void;
+    onChange?: (value: string) => void;
+    onFocus?: (value: string) => void;
+    onKeyDown?: (key: string) => void;
+    placeholder?: string;
+    /** Use a prefix for things like currency symbols (“$”, “¥”, “£”) or icons. */
+    prefix?: React.ReactNode;
+    /** Use suffix for things like units of measure (“in”, “cm”, ”hours”) or icons. */
+    suffix?: React.ReactNode;
+    value?: string;
+    testId?: string;
+};
+declare const TextField: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
+export default TextField;

package/dist/forms/TextField/index.d.ts

@@ -1 +1 @@
-export { default } from './TextField';
+export { default } from './TextField';

package/dist/forms/TextField/useTextField.d.ts

@@ -1,38 +1,38 @@
-/// <reference types="react" />
-import { RefType } from '../../utils/types';
-import type { Props } from './TextField';
-declare type UseTextFieldProps = Props & {
-    ref: RefType<HTMLInputElement>;
-};
-export declare const useTextField: ({ autoComplete, autoFocus, defaultValue, disabled, error, id, maxLength, name, caption, label, onBlur, onChange, onFocus, onKeyDown, placeholder, value, ref, testId }: UseTextFieldProps) => {
-    inputProps: {
-        'aria-describedby': string;
-        'aria-invalid': boolean;
-        autoComplete: "on" | "off" | undefined;
-        autoFocus: boolean | undefined;
-        className: string;
-        'data-testid': string | undefined;
-        disabled: boolean | undefined;
-        defaultValue: string | undefined;
-        id: string;
-        maxLength: number | undefined;
-        name: string;
-        onBlur: (e: import("react").ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-        onChange: (e: import("react").ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-        onFocus: (e: import("react").FocusEvent<HTMLInputElement | HTMLTextAreaElement, Element>) => void;
-        onKeyDown: (e: import("react").KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-        placeholder: string | undefined;
-        ref: RefType<HTMLInputElement>;
-        size: number;
-        type: string;
-        value: string | undefined;
-    };
-    fieldProps: {
-        caption: import("react").ReactNode;
-        error: import("react").ReactNode;
-        label: import("react").ReactNode;
-        id: string;
-        name: string;
-    };
-};
-export {};
+/// <reference types="react" />
+import { RefType } from '../../utils/types';
+import type { Props } from './TextField';
+type UseTextFieldProps = Props & {
+    ref: RefType<HTMLInputElement>;
+};
+export declare const useTextField: ({ autoComplete, autoFocus, defaultValue, disabled, error, id, maxLength, name, caption, label, onBlur, onChange, onFocus, onKeyDown, placeholder, value, ref, testId }: UseTextFieldProps) => {
+    inputProps: {
+        'aria-describedby': string;
+        'aria-invalid': boolean;
+        autoComplete: ("on" | "off") | undefined;
+        autoFocus: boolean | undefined;
+        className: string;
+        'data-testid': string | undefined;
+        disabled: boolean | undefined;
+        defaultValue: string | undefined;
+        id: string;
+        maxLength: number | undefined;
+        name: string;
+        onBlur: (e: import("react").ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+        onChange: (e: import("react").ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+        onFocus: (e: import("react").FocusEvent<HTMLInputElement | HTMLTextAreaElement, Element>) => void;
+        onKeyDown: (e: import("react").KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+        placeholder: string | undefined;
+        ref: RefType<HTMLInputElement>;
+        size: number;
+        type: string;
+        value: string | undefined;
+    };
+    fieldProps: {
+        caption: import("react").ReactNode;
+        error: import("react").ReactNode;
+        label: import("react").ReactNode;
+        id: string;
+        name: string;
+    };
+};
+export {};

package/dist/forms/TimeField/TimeField.d.ts

@@ -1,26 +1,26 @@
-import React from 'react';
-import type { Props as TextFieldProps } from '../TextField/TextField';
-import { StartTime, TimeInterval } from '../../utils/date';
-declare type Props = TextFieldProps & {
-    onClick?: () => void;
-    interval?: TimeInterval;
-    startTime?: StartTime;
-    prefix?: React.ReactElement;
-    endField?: boolean;
-    duration?: string;
-};
-export declare const TimeRangeSelector: React.ForwardRefExoticComponent<TextFieldProps & {
-    onClick?: (() => void) | undefined;
-    interval?: 15 | 30 | undefined;
-    startTime?: string | undefined;
-    prefix?: React.ReactElement<any, string | ((props: any, deprecatedLegacyContext?: any) => React.ReactElement<any, any> | null) | (new (props: any, deprecatedLegacyContext?: any) => React.Component<any, any, any>)> | undefined;
-    endField?: boolean | undefined;
-    duration?: string | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
-/**
- * `TimeField` are like `TextField` but it auto-format the value when the user leaves the field.
- *
- * At the end, it is just a string formatted nicely. **You are in charge of validating the value and parsing it back to a value that you can use on your application**.
- */
-declare const TimeField: React.ForwardRefExoticComponent<Pick<Props, "disabled" | "onClick" | "onBlur" | "onFocus" | "onKeyDown" | "id" | "testId" | "caption" | "label" | "name" | "onChange" | "error" | "placeholder" | "value" | "defaultValue" | "autoComplete" | "autoFocus" | "maxLength" | "interval" | "startTime" | "endField" | "duration"> & React.RefAttributes<HTMLInputElement>>;
-export default TimeField;
+import React from 'react';
+import type { Props as TextFieldProps } from '../TextField/TextField';
+import { StartTime, TimeInterval } from '../../utils/date';
+type Props = TextFieldProps & {
+    onClick?: () => void;
+    interval?: TimeInterval;
+    startTime?: StartTime;
+    prefix?: React.ReactElement;
+    endField?: boolean;
+    duration?: string;
+};
+export declare const TimeRangeSelector: React.ForwardRefExoticComponent<TextFieldProps & {
+    onClick?: (() => void) | undefined;
+    interval?: TimeInterval | undefined;
+    startTime?: string | undefined;
+    prefix?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+    endField?: boolean | undefined;
+    duration?: string | undefined;
+} & React.RefAttributes<HTMLInputElement>>;
+/**
+ * `TimeField` are like `TextField` but it auto-format the value when the user leaves the field.
+ *
+ * At the end, it is just a string formatted nicely. **You are in charge of validating the value and parsing it back to a value that you can use on your application**.
+ */
+declare const TimeField: React.ForwardRefExoticComponent<Omit<Props, "prefix" | "suffix"> & React.RefAttributes<HTMLInputElement>>;
+export default TimeField;

package/dist/forms/TimeField/TimeFieldDropdown/TimeFieldDropdown.d.ts

@@ -1,13 +1,13 @@
-import React from 'react';
-import { StartTime, TimeInterval } from '../../../utils/date';
-declare type TimeFieldDropdownProps = {
-    trigger: React.ReactElement;
-    interval: TimeInterval;
-    startTime?: StartTime;
-    onOptionClick: (option: string) => void;
-    inputValue?: string;
-    width?: number;
-    endField: boolean;
-};
-declare const TimeFieldDropdown: ({ trigger, interval, startTime, onOptionClick, inputValue, width, endField }: TimeFieldDropdownProps) => React.JSX.Element;
-export default TimeFieldDropdown;
+import React from 'react';
+import { StartTime, TimeInterval } from '../../../utils/date';
+type TimeFieldDropdownProps = {
+    trigger: React.ReactElement;
+    interval: TimeInterval;
+    startTime?: StartTime;
+    onOptionClick: (option: string) => void;
+    inputValue?: string;
+    width?: number;
+    endField: boolean;
+};
+declare const TimeFieldDropdown: ({ trigger, interval, startTime, onOptionClick, inputValue, width, endField }: TimeFieldDropdownProps) => React.JSX.Element;
+export default TimeFieldDropdown;

package/dist/forms/TimeField/TimeFieldDropdown/index.d.ts

@@ -1 +1 @@
-export { default } from './TimeFieldDropdown';
+export { default } from './TimeFieldDropdown';

package/dist/forms/TimeField/TimeFieldDropdownTrigger/TimeFieldDropdownTrigger.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-import type { Props as TextFieldProps } from '../../TextField/TextField';
-declare const TimeFieldDropdownTrigger: React.ForwardRefExoticComponent<Pick<TextFieldProps, "disabled" | "onBlur" | "onFocus" | "onKeyDown" | "id" | "testId" | "caption" | "label" | "name" | "onChange" | "error" | "placeholder" | "prefix" | "value" | "defaultValue" | "autoComplete" | "autoFocus" | "maxLength"> & {
-    onClick?: (() => void) | undefined;
-    onInputChange?: ((e: string) => void) | undefined;
-    selectedTimeOption?: string | undefined;
-    startTime?: string | undefined;
-    duration?: string | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
-export default TimeFieldDropdownTrigger;
+import React from 'react';
+import type { Props as TextFieldProps } from '../../TextField/TextField';
+declare const TimeFieldDropdownTrigger: React.ForwardRefExoticComponent<Omit<TextFieldProps, "suffix"> & {
+    onClick?: (() => void) | undefined;
+    onInputChange?: ((e: string) => void) | undefined;
+    selectedTimeOption?: string | undefined;
+    startTime?: string | undefined;
+    duration?: string | undefined;
+} & React.RefAttributes<HTMLInputElement>>;
+export default TimeFieldDropdownTrigger;

package/dist/forms/TimeField/TimeFieldDropdownTrigger/index.d.ts

@@ -1 +1 @@
-export { default } from './TimeFieldDropdownTrigger';
+export { default } from './TimeFieldDropdownTrigger';

package/dist/forms/TimeField/TimeFieldInput/TimeFieldInput.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-declare type Props = {
-    inputProps: any;
-    allOtherProps: any;
-    onInputChange?: (e: string) => void;
-    prefix?: React.ReactNode;
-    duration?: string;
-};
-declare const TimeFieldInput: ({ inputProps, allOtherProps, prefix, duration }: Props) => React.JSX.Element;
-export default TimeFieldInput;
+import React from 'react';
+type Props = {
+    inputProps: any;
+    allOtherProps: any;
+    onInputChange?: (e: string) => void;
+    prefix?: React.ReactNode;
+    duration?: string;
+};
+declare const TimeFieldInput: ({ inputProps, allOtherProps, prefix, duration }: Props) => React.JSX.Element;
+export default TimeFieldInput;

package/dist/forms/TimeField/TimeFieldInput/index.d.ts

@@ -1 +1 @@
-export { default } from './TimeFieldInput';
+export { default } from './TimeFieldInput';

package/dist/forms/TimeField/domain.d.ts

@@ -1,4 +1,4 @@
-import { StartTime } from '../../utils/date';
-export declare const getTimeOptions: (interval: number, startTime?: Date, skipStartTime?: boolean) => string[];
-export declare const getDuration: (timeOption: string, startTime: string) => string | undefined;
-export declare const getDateWithStartTime: (startTime: StartTime) => Date;
+import { StartTime } from '../../utils/date';
+export declare const getTimeOptions: (interval: number, startTime?: Date, skipStartTime?: boolean) => string[];
+export declare const getDuration: (timeOption: string, startTime: string) => string | undefined;
+export declare const getDateWithStartTime: (startTime: StartTime) => Date;

package/dist/forms/TimeField/index.d.ts

@@ -1 +1 @@
-export { default } from './TimeField';
+export { default } from './TimeField';

package/dist/forms/TimeRangeField/TimeRangeEnd/TimeRangeEnd.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { TimeRangeInputProps } from '../types';
-declare const TimeRangeEnd: ({ startTime, onChange, interval, placeholder, duration, disabled, testId, value }: TimeRangeInputProps & {
-    duration?: string | undefined;
-}) => React.JSX.Element;
-export default TimeRangeEnd;
+import React from 'react';
+import { TimeRangeInputProps } from '../types';
+declare const TimeRangeEnd: ({ startTime, onChange, interval, placeholder, duration, disabled, testId, value }: TimeRangeInputProps & {
+    duration?: string | undefined;
+}) => React.JSX.Element;
+export default TimeRangeEnd;

package/dist/forms/TimeRangeField/TimeRangeEnd/index.d.ts

@@ -1 +1 @@
-export { default } from './TimeRangeEnd';
+export { default } from './TimeRangeEnd';

package/dist/forms/TimeRangeField/TimeRangeField.d.ts

@@ -1,20 +1,20 @@
-import React from 'react';
-import { StartTime, TimeInterval, TimeRange } from '../../utils/date';
-declare type Props = {
-    name: string;
-    /** If not provided it will generate a random id so the label links properly with the text input */
-    id?: string;
-    value?: TimeRange;
-    interval?: TimeInterval;
-    startTime?: StartTime;
-    onChange?: (e: TimeRange) => void;
-    onBlur?: () => void;
-    label?: React.ReactNode;
-    caption?: React.ReactNode;
-    error?: React.ReactNode;
-    placeholder?: string;
-    disabled?: boolean;
-    testId?: string;
-};
-declare const TimeRangeField: ({ name, id: inputId, value, interval, startTime, onChange, onBlur, label, caption, error, placeholder, disabled, testId }: Props) => React.JSX.Element;
-export default TimeRangeField;
+import React from 'react';
+import { StartTime, TimeInterval, TimeRange } from '../../utils/date';
+type Props = {
+    name: string;
+    /** If not provided it will generate a random id so the label links properly with the text input */
+    id?: string;
+    value?: TimeRange;
+    interval?: TimeInterval;
+    startTime?: StartTime;
+    onChange?: (e: TimeRange) => void;
+    onBlur?: () => void;
+    label?: React.ReactNode;
+    caption?: React.ReactNode;
+    error?: React.ReactNode;
+    placeholder?: string;
+    disabled?: boolean;
+    testId?: string;
+};
+declare const TimeRangeField: ({ name, id: inputId, value, interval, startTime, onChange, onBlur, label, caption, error, placeholder, disabled, testId }: Props) => React.JSX.Element;
+export default TimeRangeField;

package/dist/forms/TimeRangeField/TimeRangeStart/TimeRangeStart.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { TimeRangeInputProps } from '../types';
-declare const TimeRangeStart: ({ startTime, onChange, interval, placeholder, id, disabled, testId, value }: TimeRangeInputProps & {
-    id?: string | undefined;
-}) => React.JSX.Element;
-export default TimeRangeStart;
+import React from 'react';
+import { TimeRangeInputProps } from '../types';
+declare const TimeRangeStart: ({ startTime, onChange, interval, placeholder, id, disabled, testId, value }: TimeRangeInputProps & {
+    id?: string | undefined;
+}) => React.JSX.Element;
+export default TimeRangeStart;

package/dist/forms/TimeRangeField/TimeRangeStart/index.d.ts

@@ -1 +1 @@
-export { default } from './TimeRangeStart';
+export { default } from './TimeRangeStart';

package/dist/forms/TimeRangeField/index.d.ts

@@ -1 +1 @@
-export { default } from './TimeRangeField';
+export { default } from './TimeRangeField';

package/dist/forms/TimeRangeField/types.d.ts

@@ -1,10 +1,10 @@
-import { StartTime, TimeInterval } from '../../utils/date';
-export declare type TimeRangeInputProps = {
-    interval: TimeInterval;
-    startTime?: StartTime;
-    onChange: (value: string) => void;
-    placeholder?: string;
-    testId?: string;
-    disabled?: boolean;
-    value: string;
-};
+import { StartTime, TimeInterval } from '../../utils/date';
+export type TimeRangeInputProps = {
+    interval: TimeInterval;
+    startTime?: StartTime;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    testId?: string;
+    disabled?: boolean;
+    value: string;
+};

package/dist/forms/WeekField/WeekField.d.ts

@@ -1,26 +1,26 @@
-import React from 'react';
-import { WeekStart } from '../../utils/date';
-declare type Props = {
-    name: string;
-    /** If not provided it will generate a random id so the label links properly with the text input */
-    id?: string;
-    value?: Date;
-    disabledDays?: (day: Date) => boolean;
-    /** Reference this for valid formats: https://date-fns.org/v2.18.0/docs/format */
-    format?: string;
-    initialMonth?: Date;
-    onChange?: (e: Date) => void;
-    onBlur?: () => void;
-    label?: React.ReactNode;
-    caption?: React.ReactNode;
-    error?: React.ReactNode;
-    placeholder?: string;
-    disabled?: boolean;
-    defaultValue?: Date;
-    readOnly?: boolean;
-    weekStart?: WeekStart;
-    testId?: string;
-};
-/** WeekField form element. */
-declare const WeekField: React.FC<Props>;
-export default WeekField;
+import React from 'react';
+import { WeekStart } from '../../utils/date';
+type Props = {
+    name: string;
+    /** If not provided it will generate a random id so the label links properly with the text input */
+    id?: string;
+    value?: Date;
+    disabledDays?: (day: Date) => boolean;
+    /** Reference this for valid formats: https://date-fns.org/v2.18.0/docs/format */
+    format?: string;
+    initialMonth?: Date;
+    onChange?: (e: Date) => void;
+    onBlur?: () => void;
+    label?: React.ReactNode;
+    caption?: React.ReactNode;
+    error?: React.ReactNode;
+    placeholder?: string;
+    disabled?: boolean;
+    defaultValue?: Date;
+    readOnly?: boolean;
+    weekStart?: WeekStart;
+    testId?: string;
+};
+/** WeekField form element. */
+declare const WeekField: React.FC<Props>;
+export default WeekField;

package/dist/forms/WeekField/index.d.ts

@@ -1 +1 @@
-export { default } from './WeekField';
+export { default } from './WeekField';

package/dist/forms/hooks/useCheckBoxFieldControllers.d.ts

@@ -1,18 +1,18 @@
-import React from 'react';
-declare type FieldControls = {
-    id: string;
-    error?: React.ReactNode;
-    checked?: boolean;
-    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    onBlur: (e: React.ChangeEvent<HTMLInputElement>) => void;
-};
-declare type Props = {
-    name: string;
-    id?: string;
-    checked?: boolean;
-    onChange?: (e: boolean) => void;
-    onBlur?: (e: boolean) => void;
-    error?: React.ReactNode;
-};
-export declare const useCheckBoxFieldControllers: ({ name, id: inputId, checked, onChange, onBlur, error }: Props) => FieldControls;
-export {};
+import React from 'react';
+type FieldControls = {
+    id: string;
+    error?: React.ReactNode;
+    checked?: boolean;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onBlur: (e: React.ChangeEvent<HTMLInputElement>) => void;
+};
+type Props = {
+    name: string;
+    id?: string;
+    checked?: boolean;
+    onChange?: (e: boolean) => void;
+    onBlur?: (e: boolean) => void;
+    error?: React.ReactNode;
+};
+export declare const useCheckBoxFieldControllers: ({ name, id: inputId, checked, onChange, onBlur, error }: Props) => FieldControls;
+export {};

package/dist/forms/hooks/useDateFieldControllers.d.ts

@@ -1,18 +1,18 @@
-/// <reference types="react" />
-declare type FieldControls = {
-    id: string;
-    error?: React.ReactNode;
-    value?: Date;
-    onChange: (e: Date) => void;
-    onBlur: () => void;
-};
-declare type Props = {
-    name: string;
-    id?: string;
-    value?: Date;
-    onChange?: (e: Date) => void;
-    onBlur?: () => void;
-    error?: React.ReactNode;
-};
-export declare const useDateFieldControllers: ({ name, id: inputId, value, onChange, onBlur, error }: Props) => FieldControls;
-export {};
+/// <reference types="react" />
+type FieldControls = {
+    id: string;
+    error?: React.ReactNode;
+    value?: Date;
+    onChange: (e: Date) => void;
+    onBlur: () => void;
+};
+type Props = {
+    name: string;
+    id?: string;
+    value?: Date;
+    onChange?: (e: Date) => void;
+    onBlur?: () => void;
+    error?: React.ReactNode;
+};
+export declare const useDateFieldControllers: ({ name, id: inputId, value, onChange, onBlur, error }: Props) => FieldControls;
+export {};