@mui/x-date-pickers 8.0.0-alpha.11 → 8.0.0-alpha.13

package/modern/internals/components/PickersArrowSwitcher/PickersArrowSwitcher.types.d.ts

@@ -0,0 +1,74 @@
+import * as React from 'react';
+import { SlotComponentProps } from '@mui/utils';
+import IconButton from '@mui/material/IconButton';
+import SvgIcon from '@mui/material/SvgIcon';
+import { PickersArrowSwitcherClasses } from "./pickersArrowSwitcherClasses.js";
+import { PickerOwnerState } from "../../../models/index.js";
+export interface ExportedPickersArrowSwitcherProps {
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots?: PickersArrowSwitcherSlots;
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps?: PickersArrowSwitcherSlotProps;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<PickersArrowSwitcherClasses>;
+  /**
+   * Format used to display the date.
+   * @default `${adapter.formats.month} ${adapter.formats.year}`
+   */
+  format?: string;
+}
+export interface PickersArrowSwitcherProps extends ExportedPickersArrowSwitcherProps, Omit<React.HTMLProps<HTMLDivElement>, 'ref' | 'as'> {
+  children?: React.ReactNode;
+  isPreviousDisabled: boolean;
+  isPreviousHidden?: boolean;
+  onGoToPrevious: () => void;
+  previousLabel: string;
+  isNextDisabled: boolean;
+  isNextHidden?: boolean;
+  onGoToNext: () => void;
+  nextLabel: string;
+  labelId?: string;
+}
+export interface PickersArrowSwitcherOwnerState extends PickerOwnerState {
+  /**
+   * If `true`, this button should be hidden.
+   */
+  isButtonHidden: boolean;
+}
+export interface PickersArrowSwitcherSlotPropsOverrides {}
+export interface PickersArrowSwitcherSlots {
+  /**
+   * Button allowing to switch to the left view.
+   * @default IconButton
+   */
+  previousIconButton?: React.ElementType;
+  /**
+   * Button allowing to switch to the right view.
+   * @default IconButton
+   */
+  nextIconButton?: React.ElementType;
+  /**
+   * Icon displayed in the left view switch button.
+   * @default ArrowLeft
+   */
+  leftArrowIcon?: React.ElementType;
+  /**
+   * Icon displayed in the right view switch button.
+   * @default ArrowRight
+   */
+  rightArrowIcon?: React.ElementType;
+}
+export interface PickersArrowSwitcherSlotProps {
+  previousIconButton?: SlotComponentProps<typeof IconButton, PickersArrowSwitcherSlotPropsOverrides, PickersArrowSwitcherOwnerState>;
+  nextIconButton?: SlotComponentProps<typeof IconButton, PickersArrowSwitcherSlotPropsOverrides, PickersArrowSwitcherOwnerState>;
+  leftArrowIcon?: SlotComponentProps<typeof SvgIcon, PickersArrowSwitcherSlotPropsOverrides, PickerOwnerState>;
+  rightArrowIcon?: SlotComponentProps<typeof SvgIcon, PickersArrowSwitcherSlotPropsOverrides, PickerOwnerState>;
+}

package/modern/internals/components/PickersArrowSwitcher/index.d.ts

@@ -0,0 +1,4 @@
+export { PickersArrowSwitcher } from "./PickersArrowSwitcher.js";
+export type { PickersArrowSwitcherSlots, PickersArrowSwitcherSlotProps, ExportedPickersArrowSwitcherProps } from './PickersArrowSwitcher.types';
+export { pickersArrowSwitcherClasses, getPickersArrowSwitcherUtilityClass } from "./pickersArrowSwitcherClasses.js";
+export type { PickersArrowSwitcherClassKey, PickersArrowSwitcherClasses } from './pickersArrowSwitcherClasses';

package/modern/internals/components/PickersArrowSwitcher/pickersArrowSwitcherClasses.d.ts

@@ -0,0 +1,19 @@
+export interface PickersArrowSwitcherClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the spacer element. */
+  spacer: string;
+  /** Styles applied to the button element. */
+  button: string;
+  /** Styles applied to the previous icon button element. */
+  previousIconButton: string;
+  /** Styles applied to the next icon button element. */
+  nextIconButton: string;
+  /** Styles applied to the left icon element. */
+  leftArrowIcon: string;
+  /** Styles applied to the right icon element. */
+  rightArrowIcon: string;
+}
+export type PickersArrowSwitcherClassKey = keyof PickersArrowSwitcherClasses;
+export declare function getPickersArrowSwitcherUtilityClass(slot: string): string;
+export declare const pickersArrowSwitcherClasses: Record<"button" | "root" | "spacer" | "previousIconButton" | "nextIconButton" | "leftArrowIcon" | "rightArrowIcon", string>;

package/modern/internals/components/PickersModalDialog.d.ts

@@ -0,0 +1,48 @@
+import * as React from 'react';
+import { DialogProps as MuiDialogProps } from '@mui/material/Dialog';
+import { PaperProps as MuiPaperProps } from '@mui/material/Paper';
+import { TransitionProps as MuiTransitionProps } from '@mui/material/transitions';
+export interface PickersModalDialogSlots {
+  /**
+   * Custom component for the dialog inside which the views are rendered on mobile.
+   * @default PickersModalDialogRoot
+   */
+  dialog?: React.ElementType<MuiDialogProps>;
+  /**
+   * Custom component for the paper rendered inside the mobile picker's Dialog.
+   * @default Paper from '@mui/material'.
+   */
+  mobilePaper?: React.JSXElementConstructor<MuiPaperProps>;
+  /**
+   * Custom component for the mobile dialog [Transition](https://mui.com/material-ui/transitions/).
+   * @default Fade from '@mui/material'.
+   */
+  mobileTransition?: React.JSXElementConstructor<MuiTransitionProps>;
+}
+export interface PickersModalDialogSlotProps {
+  /**
+   * Props passed down to the [`Dialog`](https://mui.com/material-ui/api/dialog/) component.
+   */
+  dialog?: Partial<MuiDialogProps>;
+  /**
+   * Props passed down to the mobile [Paper](https://mui.com/material-ui/api/paper/) component.
+   */
+  mobilePaper?: Partial<MuiPaperProps>;
+  /**
+   * Props passed down to the mobile [Transition](https://mui.com/material-ui/transitions/) component.
+   */
+  mobileTransition?: Partial<MuiTransitionProps>;
+}
+export interface PickersModalDialogProps {
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots?: PickersModalDialogSlots;
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps?: PickersModalDialogSlotProps;
+}
+export declare function PickersModalDialog(props: React.PropsWithChildren<PickersModalDialogProps>): React.JSX.Element;

package/modern/internals/components/PickersToolbar.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { BaseToolbarProps } from "../models/props/toolbar.js";
+import { PickersToolbarClasses } from "./pickersToolbarClasses.js";
+export interface PickersToolbarProps extends Pick<BaseToolbarProps, 'hidden' | 'titleId'> {
+  className?: string;
+  landscapeDirection?: 'row' | 'column';
+  toolbarTitle: React.ReactNode;
+  classes?: Partial<PickersToolbarClasses>;
+}
+type PickersToolbarComponent = ((props: React.PropsWithChildren<PickersToolbarProps> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
+  propTypes?: any;
+};
+export declare const PickersToolbar: PickersToolbarComponent;
+export {};

package/modern/internals/components/PickersToolbarButton.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { ButtonProps } from '@mui/material/Button';
+import { TypographyProps } from '@mui/material/Typography';
+import { ExtendMui } from "../models/helpers.js";
+import { PickersToolbarButtonClasses } from "./pickersToolbarButtonClasses.js";
+export interface PickersToolbarButtonProps extends ExtendMui<ButtonProps, 'value' | 'variant'> {
+  align?: TypographyProps['align'];
+  selected: boolean;
+  typographyClassName?: string;
+  value: React.ReactNode;
+  variant: TypographyProps['variant'];
+  classes?: Partial<PickersToolbarButtonClasses>;
+  width?: number;
+}
+export declare const PickersToolbarButton: React.ForwardRefExoticComponent<Omit<PickersToolbarButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/modern/internals/components/PickersToolbarText.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { TypographyProps } from '@mui/material/Typography';
+import { PickersToolbarTextClasses } from "./pickersToolbarTextClasses.js";
+export interface ExportedPickersToolbarTextProps extends Omit<TypographyProps, 'classes' | 'variant' | 'align'> {
+  classes?: Partial<PickersToolbarTextClasses>;
+}
+export interface PickersToolbarTextProps extends Omit<TypographyProps, 'classes'>, Pick<ExportedPickersToolbarTextProps, 'classes'> {
+  selected?: boolean;
+  value: React.ReactNode;
+}
+export declare const PickersToolbarText: React.ForwardRefExoticComponent<Omit<PickersToolbarTextProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;

package/modern/internals/components/pickersToolbarButtonClasses.d.ts

@@ -0,0 +1,7 @@
+export interface PickersToolbarButtonClasses {
+  /** Styles applied to the root element. */
+  root: string;
+}
+export type PickersToolbarButtonClassKey = keyof PickersToolbarButtonClasses;
+export declare function getPickersToolbarButtonUtilityClass(slot: string): string;
+export declare const pickersToolbarButtonClasses: Record<"root", string>;

package/modern/internals/components/pickersToolbarClasses.d.ts

@@ -0,0 +1,9 @@
+export interface PickersToolbarClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the content element. */
+  content: string;
+}
+export type PickersToolbarClassKey = keyof PickersToolbarClasses;
+export declare function getPickersToolbarUtilityClass(slot: string): string;
+export declare const pickersToolbarClasses: Record<"content" | "root", string>;

package/modern/internals/components/pickersToolbarTextClasses.d.ts

@@ -0,0 +1,9 @@
+export interface PickersToolbarTextClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to a selected root element. */
+  selected: string;
+}
+export type PickersToolbarTextClassKey = keyof PickersToolbarTextClasses;
+export declare function getPickersToolbarTextUtilityClass(slot: string): string;
+export declare const pickersToolbarTextClasses: Record<"selected" | "root", string>;

package/modern/internals/constants/dimensions.d.ts

@@ -0,0 +1,7 @@
+export declare const DAY_SIZE = 36;
+export declare const DAY_MARGIN = 2;
+export declare const DIALOG_WIDTH = 320;
+export declare const MAX_CALENDAR_HEIGHT = 280;
+export declare const VIEW_HEIGHT = 336;
+export declare const DIGITAL_CLOCK_VIEW_HEIGHT = 232;
+export declare const MULTI_SECTION_CLOCK_SECTION_WIDTH = 48;

package/modern/internals/demo/DemoContainer.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+interface DemoGridProps {
+  children: React.ReactNode;
+  components: string[];
+  sx?: SxProps<Theme>;
+}
+interface DemoItemProps {
+  label?: React.ReactNode;
+  component?: string;
+  children: React.ReactNode;
+  sx?: SxProps<Theme>;
+}
+/**
+ * WARNING: This is an internal component used in documentation to achieve a desired layout.
+ * Please do not use it in your application.
+ */
+export declare function DemoItem(props: DemoItemProps): React.JSX.Element;
+export declare namespace DemoItem {
+  var displayName: string;
+}
+/**
+ * WARNING: This is an internal component used in documentation to achieve a desired layout.
+ * Please do not use it in your application.
+ */
+export declare function DemoContainer(props: DemoGridProps): React.JSX.Element;
+export {};

package/modern/internals/demo/DemoContainer.js

@@ -15,10 +15,10 @@ const getChildTypeFromChildName = childName => {
   if (childName.match(/^Static([A-Za-z]+)/) || childName.match(/^([A-Za-z]+)(Calendar|Clock)$/)) {
     return 'UI-view';
   }
-  if (childName.match(/^MultiInput([A-Za-z]+)RangeField$/) || childName.match(/^([A-Za-z]+)RangePicker$/)) {
+  if (childName.match(/^MultiInput([A-Za-z]+)RangeField$/)) {
     return 'multi-input-range-field';
   }
-  if (childName.match(/^SingleInput([A-Za-z]+)RangeField$/)) {
+  if (childName.match(/^SingleInput([A-Za-z]+)RangeField$/) || childName.match(/^([A-Za-z]+)RangePicker$/)) {
     return 'single-input-range-field';
   }
   return 'single-input-field';
@@ -133,7 +133,7 @@ export function DemoContainer(props) {
           minWidth: {
             xs: 300,
             // If demo also contains MultiInputDateTimeRangeField, increase width to avoid cutting off the value.
-            md: childrenTypes.has('multi-input-range-field') ? 460 : 400
+            md: childrenTypes.has('multi-input-range-field') ? 460 : 440
           }
         }
       };

package/modern/internals/demo/index.d.ts

@@ -0,0 +1 @@
+export { DemoContainer, DemoItem } from "./DemoContainer.js";

package/modern/internals/hooks/date-helpers-hooks.d.ts

@@ -0,0 +1,24 @@
+import { PickerOnChangeFn } from "./useViews.js";
+import { PickerSelectionState } from "./usePicker/index.js";
+import { PickersTimezone, PickerValidDate } from "../../models/index.js";
+export interface MonthValidationOptions {
+  disablePast?: boolean;
+  disableFuture?: boolean;
+  minDate: PickerValidDate;
+  maxDate: PickerValidDate;
+  timezone: PickersTimezone;
+}
+export declare function useNextMonthDisabled(month: PickerValidDate, {
+  disableFuture,
+  maxDate,
+  timezone
+}: Pick<MonthValidationOptions, 'disableFuture' | 'maxDate' | 'timezone'>): boolean;
+export declare function usePreviousMonthDisabled(month: PickerValidDate, {
+  disablePast,
+  minDate,
+  timezone
+}: Pick<MonthValidationOptions, 'disablePast' | 'minDate' | 'timezone'>): boolean;
+export declare function useMeridiemMode(date: PickerValidDate | null, ampm: boolean | undefined, onChange: PickerOnChangeFn, selectionState?: PickerSelectionState): {
+  meridiemMode: import("../utils/time-utils").Meridiem | null;
+  handleMeridiemChange: (mode: "am" | "pm") => void;
+};

package/modern/internals/hooks/useClockReferenceDate.d.ts

@@ -0,0 +1,15 @@
+import { MuiPickersAdapter, PickersTimezone, PickerValidDate } from "../../models/index.js";
+import { PickerValue } from "../models/index.js";
+export declare const useClockReferenceDate: <TProps extends {}>({
+  value,
+  referenceDate: referenceDateProp,
+  utils,
+  props,
+  timezone
+}: {
+  value: PickerValue;
+  referenceDate: PickerValidDate | undefined;
+  utils: MuiPickersAdapter;
+  props: TProps;
+  timezone: PickersTimezone;
+}) => PickerValidDate;

package/modern/internals/hooks/useDesktopPicker/index.d.ts

@@ -0,0 +1,2 @@
+export { useDesktopPicker } from "./useDesktopPicker.js";
+export type { UseDesktopPickerSlots, UseDesktopPickerSlotProps, ExportedUseDesktopPickerSlotProps, DesktopOnlyPickerProps, UseDesktopPickerProps } from './useDesktopPicker.types';

package/modern/internals/hooks/useDesktopPicker/useDesktopPicker.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { UseDesktopPickerParams, UseDesktopPickerProps } from "./useDesktopPicker.types.js";
+import { DateOrTimeViewWithMeridiem } from "../../models/index.js";
+/**
+ * Hook managing all the single-date desktop pickers:
+ * - DesktopDatePicker
+ * - DesktopDateTimePicker
+ * - DesktopTimePicker
+ */
+export declare const useDesktopPicker: <TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseDesktopPickerProps<TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>>({
+  props,
+  ...pickerParams
+}: UseDesktopPickerParams<TView, TEnableAccessibleFieldDOMStructure, TExternalProps>) => {
+  renderPicker: () => React.JSX.Element;
+};

package/modern/internals/hooks/useDesktopPicker/useDesktopPicker.js

@@ -4,8 +4,6 @@ const _excluded = ["props"],
   _excluded2 = ["ownerState"];
 import * as React from 'react';
 import useSlotProps from '@mui/utils/useSlotProps';
-import useForkRef from '@mui/utils/useForkRef';
-import useId from '@mui/utils/useId';
 import { PickerPopper } from "../../components/PickerPopper/PickerPopper.js";
 import { usePicker } from "../usePicker/index.js";
 import { PickersLayout } from "../../../PickersLayout/index.js";
@@ -29,35 +27,26 @@ export const useDesktopPicker = _ref => {
     slotProps: innerSlotProps,
     label,
     inputRef,
-    readOnly,
-    autoFocus,
     localeText
   } = props;
-  const fieldRef = React.useRef(null);
-  const labelId = useId();
-  const isToolbarHidden = innerSlotProps?.toolbar?.hidden ?? false;
   const {
     providerProps,
     renderCurrentView,
     ownerState
   } = usePicker(_extends({}, pickerParams, {
     props,
-    fieldRef,
     localeText,
     autoFocusView: true,
+    viewContainerRole: 'dialog',
     variant: 'desktop'
   }));
+  const labelId = providerProps.privateContextValue.labelId;
+  const isToolbarHidden = innerSlotProps?.toolbar?.hidden ?? false;
   const Field = slots.field;
   const _useSlotProps = useSlotProps({
       elementType: Field,
       externalSlotProps: innerSlotProps?.field,
-      additionalProps: _extends({
-        // Internal props
-        readOnly,
-        autoFocus: autoFocus && !props.open,
-        // Forwarded props
-        focused: providerProps.contextValue.open ? true : undefined
-      }, isToolbarHidden && {
+      additionalProps: _extends({}, isToolbarHidden && {
         id: labelId
       }),
       ownerState
@@ -80,18 +69,12 @@ export const useDesktopPicker = _ref => {
       'aria-labelledby': labelledById
     }, innerSlotProps?.popper)
   });
-
-  // TODO: This `as any` will go away once the field ref is handled by the context.
-  const handleFieldRef = useForkRef(fieldRef, fieldProps.unstableFieldRef);
   const renderPicker = () => /*#__PURE__*/_jsx(PickerProvider, _extends({}, providerProps, {
     children: /*#__PURE__*/_jsxs(PickerFieldUIContextProvider, {
       slots: slots,
       slotProps: slotProps,
       inputRef: inputRef,
-      children: [/*#__PURE__*/_jsx(Field, _extends({}, fieldProps, {
-        unstableFieldRef: handleFieldRef
-      })), /*#__PURE__*/_jsx(PickerPopper, {
-        role: "dialog",
+      children: [/*#__PURE__*/_jsx(Field, _extends({}, fieldProps)), /*#__PURE__*/_jsx(PickerPopper, {
         slots: slots,
         slotProps: slotProps,
         children: /*#__PURE__*/_jsx(Layout, _extends({}, slotProps?.layout, {

package/modern/internals/hooks/useDesktopPicker/useDesktopPicker.types.d.ts

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import { MakeRequired, SlotComponentPropsFromProps } from '@mui/x-internals/types';
+import { BasePickerProps } from "../../models/props/basePickerProps.js";
+import { PickerPopperSlots, PickerPopperSlotProps } from "../../components/PickerPopper/PickerPopper.js";
+import { UsePickerParams } from "../usePicker/index.js";
+import { PickerFieldSlotProps, PickerOwnerState } from "../../../models/index.js";
+import { ExportedPickersLayoutSlots, ExportedPickersLayoutSlotProps, PickersLayoutSlotProps } from "../../../PickersLayout/PickersLayout.types.js";
+import { UsePickerValueNonStaticProps } from "../usePicker/usePickerValue.types.js";
+import { UsePickerViewsProps } from "../usePicker/usePickerViews.js";
+import { DateOrTimeViewWithMeridiem, PickerValue } from "../../models/index.js";
+import { PickerFieldUISlotsFromContext, PickerFieldUISlotPropsFromContext } from "../../components/PickerFieldUI.js";
+import { UsePickerProviderNonStaticProps } from "../usePicker/usePickerProvider.js";
+export interface UseDesktopPickerSlots extends Pick<PickerPopperSlots, 'desktopPaper' | 'desktopTransition' | 'desktopTrapFocus' | 'popper'>, ExportedPickersLayoutSlots<PickerValue>, PickerFieldUISlotsFromContext {
+  /**
+   * Component used to enter the date with the keyboard.
+   */
+  field: React.ElementType;
+}
+export interface ExportedUseDesktopPickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends PickerPopperSlotProps, ExportedPickersLayoutSlotProps<PickerValue>, PickerFieldUISlotPropsFromContext {
+  field?: SlotComponentPropsFromProps<PickerFieldSlotProps<PickerValue, TEnableAccessibleFieldDOMStructure>, {}, PickerOwnerState>;
+}
+export interface UseDesktopPickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends ExportedUseDesktopPickerSlotProps<TEnableAccessibleFieldDOMStructure>, Pick<PickersLayoutSlotProps<PickerValue>, 'toolbar'> {}
+export interface DesktopOnlyPickerProps extends UsePickerValueNonStaticProps, UsePickerProviderNonStaticProps {
+  /**
+   * If `true`, the `input` element is focused during the first mount.
+   * @default false
+   */
+  autoFocus?: boolean;
+}
+export interface UseDesktopPickerProps<TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TError, TExternalProps extends UsePickerViewsProps<PickerValue, TView, any>> extends BasePickerProps<PickerValue, any, TError, TExternalProps>, MakeRequired<DesktopOnlyPickerProps, 'format'> {
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots: UseDesktopPickerSlots;
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps?: UseDesktopPickerSlotProps<TEnableAccessibleFieldDOMStructure>;
+}
+export interface UseDesktopPickerParams<TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseDesktopPickerProps<TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>> extends Pick<UsePickerParams<PickerValue, TView, TExternalProps>, 'valueManager' | 'valueType' | 'validator' | 'rendererInterceptor' | 'ref'> {
+  props: TExternalProps;
+}

package/modern/internals/hooks/useField/buildSectionsFromFormat.d.ts

@@ -0,0 +1,15 @@
+import { FieldSection, MuiPickersAdapter, PickerValidDate } from "../../../models/index.js";
+import { PickersLocaleText } from "../../../locales/index.js";
+interface BuildSectionsFromFormatParams {
+  utils: MuiPickersAdapter;
+  format: string;
+  formatDensity: 'dense' | 'spacious';
+  isRtl: boolean;
+  shouldRespectLeadingZeros: boolean;
+  localeText: PickersLocaleText;
+  localizedDigits: string[];
+  date: PickerValidDate | null;
+  enableAccessibleFieldDOMStructure: boolean;
+}
+export declare const buildSectionsFromFormat: (params: BuildSectionsFromFormatParams) => FieldSection[];
+export {};

package/modern/internals/hooks/useField/index.d.ts

@@ -0,0 +1,4 @@
+export { useField } from "./useField.js";
+export type { FieldValueManager, UseFieldInternalProps, UseFieldParams, UseFieldResponse, FieldChangeHandler, FieldChangeHandlerContext } from './useField.types';
+export { createDateStrForV7HiddenInputFromSections, createDateStrForV6InputFromSections } from "./useField.utils.js";
+export { useFieldInternalPropsWithDefaults } from "./useFieldInternalPropsWithDefaults.js";

package/modern/internals/hooks/useField/useField.d.ts

@@ -0,0 +1,5 @@
+import { UseFieldParams, UseFieldResponse, UseFieldCommonForwardedProps, UseFieldInternalProps, UseFieldForwardedProps } from "./useField.types.js";
+import { PickerValidValue } from "../../models/index.js";
+export declare const useField: <TValue extends PickerValidValue, TEnableAccessibleFieldDOMStructure extends boolean, TForwardedProps extends UseFieldCommonForwardedProps & UseFieldForwardedProps<TEnableAccessibleFieldDOMStructure>, TInternalProps extends UseFieldInternalProps<TValue, TEnableAccessibleFieldDOMStructure, any> & {
+  minutesStep?: number;
+}>(params: UseFieldParams<TValue, TEnableAccessibleFieldDOMStructure, TForwardedProps, TInternalProps>) => UseFieldResponse<TEnableAccessibleFieldDOMStructure, TForwardedProps>;