@mui/x-date-pickers-pro 8.0.0-beta.3 → 8.0.0

package/modern/hooks/useMultiInputRangeField/useMultiInputRangeField.d.ts

@@ -1,72 +0,0 @@
-import { PickerManagerEnableAccessibleFieldDOMStructure, PickerManagerFieldInternalProps, UseFieldReturnValue } from '@mui/x-date-pickers/internals';
-import { UseTextFieldBaseForwardedProps } from "./useTextFieldProps.js";
-import { PickerAnyRangeManager } from "../../internals/models/managers.js";
-import { UseMultiInputRangeFieldRootPropsReturnValue } from "./useMultiInputRangeFieldRootProps.js";
-/**
- * Basic example:
- *
- * ```tsx
- * import Box from '@mui/material/Box';
- * import { useSplitFieldProps } from '@mui/x-date-pickers/hooks';
- * import { PickersTextField } from '@mui/x-date-pickers/PickersTextField';
- * import { useDateRangeManager } from '@mui/x-date-pickers-pro/managers';
- *
- * function MultiInputField(props) {
- *   const manager = useDateRangeManager();
- *   const { internalProps, forwardedProps } = useSplitFieldProps(props, 'date');
- *   const response = useMultiInputRangeField({
- *     manager,
- *     internalProps,
- *     startTextFieldProps: {},
- *     endTextFieldProps: {},
- *     rootProps: forwardedProps,
- *   });
- *
- *   return (
- *     <Box {...response.root}>
- *       <PickersTextField {...response.startTextField} />
- *       <span>{' – '}</span>
- *       <PickersTextField {...response.endTextField} />
- *     </Box>
- *   );
- * }
- * ```
- *
- * @param {UseMultiInputRangeFieldParameters<TManager, TTextFieldProps>} parameters The parameters of the hook.
- * @param {TManager} parameters.manager The manager of the field.
- * @param {PickerManagerFieldInternalProps<TManager>} parameters.internalProps The internal props of the field.
- * @param {TTextFieldProps} parameters.startForwardedProps The forwarded props of the start field.
- * @param {TTextFieldProps} parameters.endForwardedProps The forwarded props of the end field.
- * @returns {UseMultiInputRangeFieldReturnValue<TManager, TTextFieldProps>} The props to pass to the start and the end components.
- */
-export declare function useMultiInputRangeField<TManager extends PickerAnyRangeManager, TTextFieldProps extends UseTextFieldBaseForwardedProps, TRootProps extends {
-  [key: string]: any;
-}>(parameters: UseMultiInputRangeFieldParameters<TManager, TTextFieldProps, TRootProps>): UseMultiInputRangeFieldReturnValue<TManager, TTextFieldProps, TRootProps>;
-interface UseMultiInputRangeFieldParameters<TManager extends PickerAnyRangeManager, TTextFieldProps extends {
-  [key: string]: any;
-}, TRootProps extends {
-  [key: string]: any;
-}> {
-  manager: TManager;
-  internalProps: PickerManagerFieldInternalProps<TManager>;
-  rootProps: TRootProps;
-  startTextFieldProps: TTextFieldProps;
-  endTextFieldProps: TTextFieldProps;
-}
-interface UseMultiInputRangeFieldReturnValue<TManager extends PickerAnyRangeManager, TTextFieldProps extends {
-  [key: string]: any;
-}, TRootProps extends {
-  [key: string]: any;
-}> {
-  root: UseMultiInputRangeFieldRootPropsReturnValue<TRootProps>;
-  startTextField: UseMultiInputRangeFieldTextFieldProps<PickerManagerEnableAccessibleFieldDOMStructure<TManager>, TTextFieldProps>;
-  endTextField: UseMultiInputRangeFieldTextFieldProps<PickerManagerEnableAccessibleFieldDOMStructure<TManager>, TTextFieldProps>;
-  enableAccessibleFieldDOMStructure: PickerManagerEnableAccessibleFieldDOMStructure<TManager>;
-}
-export type UseMultiInputRangeFieldTextFieldProps<TEnableAccessibleFieldDOMStructure extends boolean, TForwardedProps extends UseTextFieldBaseForwardedProps> = Omit<UseFieldReturnValue<TEnableAccessibleFieldDOMStructure, TForwardedProps & {
-  onKeyDown: React.KeyboardEventHandler;
-  onClick: React.MouseEventHandler;
-  onFocus: React.FocusEventHandler;
-  id: string;
-}>, 'onClear' | 'clearable' | 'openPickerAriaLabel'>;
-export {};

package/modern/hooks/useMultiInputRangeField/useMultiInputRangeField.js

@@ -1,140 +0,0 @@
-'use client';
-
-import { useControlledValue, useFieldInternalPropsWithDefaults } from '@mui/x-date-pickers/internals';
-import { useValidation } from '@mui/x-date-pickers/validation';
-import { useTextFieldProps } from "./useTextFieldProps.js";
-import { useMultiInputRangeFieldSelectedSections } from "./useMultiInputRangeFieldSelectedSections.js";
-import { useMultiInputRangeFieldRootProps } from "./useMultiInputRangeFieldRootProps.js";
-
-/**
- * Basic example:
- *
- * ```tsx
- * import Box from '@mui/material/Box';
- * import { useSplitFieldProps } from '@mui/x-date-pickers/hooks';
- * import { PickersTextField } from '@mui/x-date-pickers/PickersTextField';
- * import { useDateRangeManager } from '@mui/x-date-pickers-pro/managers';
- *
- * function MultiInputField(props) {
- *   const manager = useDateRangeManager();
- *   const { internalProps, forwardedProps } = useSplitFieldProps(props, 'date');
- *   const response = useMultiInputRangeField({
- *     manager,
- *     internalProps,
- *     startTextFieldProps: {},
- *     endTextFieldProps: {},
- *     rootProps: forwardedProps,
- *   });
- *
- *   return (
- *     <Box {...response.root}>
- *       <PickersTextField {...response.startTextField} />
- *       <span>{' – '}</span>
- *       <PickersTextField {...response.endTextField} />
- *     </Box>
- *   );
- * }
- * ```
- *
- * @param {UseMultiInputRangeFieldParameters<TManager, TTextFieldProps>} parameters The parameters of the hook.
- * @param {TManager} parameters.manager The manager of the field.
- * @param {PickerManagerFieldInternalProps<TManager>} parameters.internalProps The internal props of the field.
- * @param {TTextFieldProps} parameters.startForwardedProps The forwarded props of the start field.
- * @param {TTextFieldProps} parameters.endForwardedProps The forwarded props of the end field.
- * @returns {UseMultiInputRangeFieldReturnValue<TManager, TTextFieldProps>} The props to pass to the start and the end components.
- */
-export function useMultiInputRangeField(parameters) {
-  const {
-    manager,
-    internalProps,
-    rootProps,
-    startTextFieldProps,
-    endTextFieldProps
-  } = parameters;
-  const internalPropsWithDefaults = useFieldInternalPropsWithDefaults({
-    manager,
-    internalProps
-  });
-  const {
-    value: valueProp,
-    defaultValue,
-    format,
-    formatDensity,
-    shouldRespectLeadingZeros,
-    onChange,
-    disabled,
-    readOnly,
-    selectedSections,
-    onSelectedSectionsChange,
-    timezone: timezoneProp,
-    enableAccessibleFieldDOMStructure,
-    autoFocus,
-    referenceDate,
-    unstableStartFieldRef,
-    unstableEndFieldRef
-  } = internalPropsWithDefaults;
-  const {
-    value,
-    handleValueChange,
-    timezone
-  } = useControlledValue({
-    name: 'useMultiInputRangeField',
-    timezone: timezoneProp,
-    value: valueProp,
-    defaultValue,
-    referenceDate,
-    onChange,
-    valueManager: manager.internal_valueManager
-  });
-  const validation = useValidation({
-    props: internalPropsWithDefaults,
-    value,
-    timezone,
-    validator: manager.validator,
-    onError: internalPropsWithDefaults.onError
-  });
-  const selectedSectionsResponse = useMultiInputRangeFieldSelectedSections({
-    selectedSections,
-    onSelectedSectionsChange,
-    unstableStartFieldRef,
-    unstableEndFieldRef
-  });
-  const sharedInternalProps = {
-    disabled,
-    readOnly,
-    timezone,
-    format,
-    formatDensity,
-    shouldRespectLeadingZeros,
-    enableAccessibleFieldDOMStructure
-  };
-  const rootResponse = useMultiInputRangeFieldRootProps(rootProps);
-  const startTextFieldResponse = useTextFieldProps({
-    valueType: manager.valueType,
-    position: 'start',
-    value,
-    onChange: handleValueChange,
-    autoFocus,
-    validation,
-    forwardedProps: startTextFieldProps,
-    selectedSectionProps: selectedSectionsResponse.start,
-    sharedInternalProps
-  });
-  const endTextFieldResponse = useTextFieldProps({
-    valueType: manager.valueType,
-    position: 'end',
-    value,
-    onChange: handleValueChange,
-    autoFocus,
-    validation,
-    forwardedProps: endTextFieldProps,
-    selectedSectionProps: selectedSectionsResponse.end,
-    sharedInternalProps
-  });
-  return {
-    root: rootResponse,
-    startTextField: startTextFieldResponse,
-    endTextField: endTextFieldResponse,
-    enableAccessibleFieldDOMStructure
-  };
-}

package/modern/hooks/useMultiInputRangeField/useMultiInputRangeFieldRootProps.d.ts

@@ -1,11 +0,0 @@
-/**
- * @ignore - internal hook.
- */
-export declare function useMultiInputRangeFieldRootProps<TForwardedProps extends {
-  [key: string]: any;
-}>(forwardedProps: TForwardedProps): UseMultiInputRangeFieldRootPropsReturnValue<TForwardedProps>;
-export type UseMultiInputRangeFieldRootPropsReturnValue<TForwardedProps extends {
-  [key: string]: any;
-}> = Omit<TForwardedProps, 'onBlur'> & {
-  onBlur: () => void;
-};

package/modern/hooks/useMultiInputRangeField/useMultiInputRangeFieldRootProps.js

@@ -1,25 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import useEventCallback from '@mui/utils/useEventCallback';
-import { executeInTheNextEventLoopTick, getActiveElement, useNullablePickerContext, usePickerPrivateContext } from '@mui/x-date-pickers/internals';
-
-/**
- * @ignore - internal hook.
- */
-export function useMultiInputRangeFieldRootProps(forwardedProps) {
-  const pickerContext = useNullablePickerContext();
-  const privatePickerContext = usePickerPrivateContext();
-  const handleBlur = useEventCallback(() => {
-    if (!pickerContext || privatePickerContext.viewContainerRole !== 'tooltip') {
-      return;
-    }
-    executeInTheNextEventLoopTick(() => {
-      if (privatePickerContext.rootRefObject.current?.contains(getActiveElement(document)) || pickerContext.popupRef.current?.contains(getActiveElement(document))) {
-        return;
-      }
-      privatePickerContext.dismissViews();
-    });
-  });
-  return _extends({}, forwardedProps, {
-    onBlur: handleBlur
-  });
-}

package/modern/hooks/useMultiInputRangeField/useMultiInputRangeFieldSelectedSections.d.ts

@@ -1,19 +0,0 @@
-import * as React from 'react';
-import { PickerRangeValue, PickerValue, UseFieldInternalProps } from '@mui/x-date-pickers/internals';
-import { FieldRef, FieldSelectedSections } from '@mui/x-date-pickers/models';
-import { MultiInputFieldRefs } from "../../models/index.js";
-interface UseMultiInputRangeFieldSelectedSectionsParameters extends Pick<UseFieldInternalProps<PickerRangeValue, any, any>, 'selectedSections' | 'onSelectedSectionsChange'>, MultiInputFieldRefs {}
-export interface UseMultiInputFieldSelectedSectionsResponseItem {
-  unstableFieldRef?: React.Ref<FieldRef<PickerValue>>;
-  selectedSections: FieldSelectedSections;
-  onSelectedSectionsChange: (newSelectedSections: FieldSelectedSections) => void;
-}
-interface UseMultiInputFieldSelectedSectionsResponse {
-  start: UseMultiInputFieldSelectedSectionsResponseItem;
-  end: UseMultiInputFieldSelectedSectionsResponseItem;
-}
-/**
- * @ignore - internal hook.
- */
-export declare const useMultiInputRangeFieldSelectedSections: (parameters: UseMultiInputRangeFieldSelectedSectionsParameters) => UseMultiInputFieldSelectedSectionsResponse;
-export {};

package/modern/hooks/useMultiInputRangeField/useMultiInputRangeFieldSelectedSections.js

@@ -1,43 +0,0 @@
-import * as React from 'react';
-import useForkRef from '@mui/utils/useForkRef';
-import useEventCallback from '@mui/utils/useEventCallback';
-/**
- * @ignore - internal hook.
- */
-export const useMultiInputRangeFieldSelectedSections = parameters => {
-  const unstableEndFieldRef = React.useRef(null);
-  const handleUnstableEndFieldRef = useForkRef(parameters.unstableEndFieldRef, unstableEndFieldRef);
-  const [startSelectedSection, setStartSelectedSection] = React.useState(parameters.selectedSections ?? null);
-  const [endSelectedSection, setEndSelectedSection] = React.useState(null);
-  const getActiveField = () => {
-    if (unstableEndFieldRef.current && unstableEndFieldRef.current.isFieldFocused()) {
-      return 'end';
-    }
-    return 'start';
-  };
-  const handleStartSelectedSectionChange = useEventCallback(newSelectedSections => {
-    setStartSelectedSection(newSelectedSections);
-    if (getActiveField() === 'start') {
-      parameters.onSelectedSectionsChange?.(newSelectedSections);
-    }
-  });
-  const handleEndSelectedSectionChange = useEventCallback(newSelectedSections => {
-    setEndSelectedSection(newSelectedSections);
-    if (getActiveField() === 'end') {
-      parameters.onSelectedSectionsChange?.(newSelectedSections);
-    }
-  });
-  const activeField = getActiveField();
-  return {
-    start: {
-      unstableFieldRef: parameters.unstableStartFieldRef,
-      selectedSections: activeField === 'start' && parameters.selectedSections !== undefined ? parameters.selectedSections : startSelectedSection,
-      onSelectedSectionsChange: handleStartSelectedSectionChange
-    },
-    end: {
-      unstableFieldRef: handleUnstableEndFieldRef,
-      selectedSections: activeField === 'end' && parameters.selectedSections !== undefined ? parameters.selectedSections : endSelectedSection,
-      onSelectedSectionsChange: handleEndSelectedSectionChange
-    }
-  };
-};

package/modern/hooks/useMultiInputRangeField/useTextFieldProps.d.ts

@@ -1,30 +0,0 @@
-import * as React from 'react';
-import { UseValidationReturnValue } from '@mui/x-date-pickers/validation';
-import { PickerValueType } from '@mui/x-date-pickers/models';
-import { FieldChangeHandler, PickerManagerEnableAccessibleFieldDOMStructure, PickerManagerError, PickerRangeValue, PickerValue, RangePosition, UseFieldInternalProps } from '@mui/x-date-pickers/internals';
-import { PickerAnyRangeManager } from "../../internals/models/managers.js";
-import { UseMultiInputFieldSelectedSectionsResponseItem } from "./useMultiInputRangeFieldSelectedSections.js";
-import type { UseMultiInputRangeFieldTextFieldProps } from './useMultiInputRangeField';
-/**
- * @ignore - internal hook.
- */
-export declare function useTextFieldProps<TManager extends PickerAnyRangeManager, TForwardedProps extends UseTextFieldBaseForwardedProps>(parameters: UseTextFieldPropsParameters<TManager, TForwardedProps>): UseMultiInputRangeFieldTextFieldProps<PickerManagerEnableAccessibleFieldDOMStructure<TManager>, TForwardedProps>;
-interface UseTextFieldPropsParameters<TManager extends PickerAnyRangeManager, TForwardedProps extends UseTextFieldBaseForwardedProps> {
-  valueType: PickerValueType;
-  value: PickerRangeValue;
-  onChange: FieldChangeHandler<PickerRangeValue, PickerManagerError<TManager>>;
-  autoFocus: boolean | undefined;
-  forwardedProps: TForwardedProps;
-  sharedInternalProps: UseTextFieldSharedInternalProps<TManager>;
-  selectedSectionProps: UseMultiInputFieldSelectedSectionsResponseItem;
-  position: RangePosition;
-  validation: UseValidationReturnValue<PickerRangeValue, PickerManagerError<TManager>>;
-}
-export interface UseTextFieldBaseForwardedProps {
-  onKeyDown?: React.KeyboardEventHandler;
-  onClick?: React.MouseEventHandler;
-  onFocus?: React.FocusEventHandler;
-  [key: string]: any;
-}
-interface UseTextFieldSharedInternalProps<TManager extends PickerAnyRangeManager> extends Pick<UseFieldInternalProps<PickerValue, PickerManagerEnableAccessibleFieldDOMStructure<TManager>, PickerManagerError<TManager>>, 'enableAccessibleFieldDOMStructure' | 'disabled' | 'readOnly' | 'timezone' | 'format' | 'formatDensity' | 'shouldRespectLeadingZeros'> {}
-export {};

package/modern/hooks/useMultiInputRangeField/useTextFieldProps.js

@@ -1,129 +0,0 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["clearable", "onClear", "openPickerAriaLabel"];
-import * as React from 'react';
-import useEventCallback from '@mui/utils/useEventCallback';
-import { useDateManager, useDateTimeManager, useTimeManager } from '@mui/x-date-pickers/managers';
-import { useField, useNullableFieldPrivateContext, useNullablePickerContext, usePickerPrivateContext } from '@mui/x-date-pickers/internals';
-import { useNullablePickerRangePositionContext } from "../../internals/hooks/useNullablePickerRangePositionContext.js";
-/**
- * @ignore - internal hook.
- */
-export function useTextFieldProps(parameters) {
-  const pickerContext = useNullablePickerContext();
-  const fieldPrivateContext = useNullableFieldPrivateContext();
-  const pickerPrivateContext = usePickerPrivateContext();
-  const rangePositionContext = useNullablePickerRangePositionContext();
-  const rangePosition = rangePositionContext?.rangePosition ?? 'start';
-  const setRangePosition = rangePositionContext?.setRangePosition;
-  const previousRangePosition = React.useRef(rangePosition);
-  const {
-    forwardedProps,
-    sharedInternalProps,
-    selectedSectionProps,
-    valueType,
-    position,
-    value,
-    onChange,
-    autoFocus,
-    validation
-  } = parameters;
-  let useManager;
-  switch (valueType) {
-    case 'date':
-      {
-        useManager = useDateManager;
-        break;
-      }
-    case 'time':
-      {
-        useManager = useTimeManager;
-        break;
-      }
-    case 'date-time':
-      {
-        useManager = useDateTimeManager;
-        break;
-      }
-    default:
-      {
-        throw new Error(`Unknown valueType: ${valueType}`);
-      }
-  }
-  const manager = useManager({
-    enableAccessibleFieldDOMStructure: sharedInternalProps.enableAccessibleFieldDOMStructure
-  });
-  const openPickerIfPossible = event => {
-    if (!pickerContext) {
-      return;
-    }
-    setRangePosition?.(position);
-    if (pickerContext.triggerStatus === 'enabled') {
-      event.preventDefault();
-      pickerContext.setOpen(true);
-    }
-  };
-  const handleKeyDown = useEventCallback(event => {
-    if (event.key === 'Enter' || event.key === ' ') {
-      openPickerIfPossible(event);
-    }
-  });
-
-  // Registering `onClick` listener on the root element as well to correctly handle cases where user is clicking on `label`
-  // which has `pointer-events: none` and due to DOM structure the `input` does not catch the click event
-  const handleClick = useEventCallback(event => {
-    openPickerIfPossible(event);
-  });
-  const handleFocus = useEventCallback(event => {
-    forwardedProps.onFocus?.(event);
-    if (pickerContext?.open) {
-      setRangePosition?.(position);
-      if (previousRangePosition.current !== position && pickerContext.initialView) {
-        pickerContext.setView?.(pickerContext.initialView);
-      }
-    }
-  });
-  const handleChange = useEventCallback((newSingleValue, rawContext) => {
-    const newRange = position === 'start' ? [newSingleValue, value[1]] : [value[0], newSingleValue];
-    const context = _extends({}, rawContext, {
-      validationError: validation.getValidationErrorForNewValue(newRange)
-    });
-    onChange(newRange, context);
-  });
-  const allProps = _extends({
-    value: position === 'start' ? value[0] : value[1],
-    error: position === 'start' ? !!validation.validationError[0] : !!validation.validationError[1],
-    id: `${pickerPrivateContext.labelId}-${position}`,
-    autoFocus: position === 'start' ? autoFocus : undefined
-  }, forwardedProps, sharedInternalProps, selectedSectionProps, {
-    onClick: handleClick,
-    onFocus: handleFocus,
-    onKeyDown: handleKeyDown,
-    onChange: handleChange
-  });
-  const _ref = useField({
-      manager,
-      props: allProps,
-      skipContextFieldRefAssignment: rangePosition !== position
-    }),
-    fieldResponse = _objectWithoutPropertiesLoose(_ref, _excluded);
-  React.useEffect(() => {
-    if (!pickerContext?.open || pickerContext?.variant === 'mobile') {
-      return;
-    }
-    fieldPrivateContext?.fieldRef.current?.focusField();
-    if (!fieldPrivateContext?.fieldRef.current || pickerContext.view === pickerContext.initialView) {
-      // could happen when the user is switching between the inputs
-      previousRangePosition.current = rangePosition;
-      return;
-    }
-
-    // bring back focus to the field
-    // currentView is present on DateTimeRangePicker
-    fieldPrivateContext?.fieldRef.current.setSelectedSections(
-    // use the current view or `0` when the range position has just been swapped
-    previousRangePosition.current === rangePosition ? pickerContext.view : 0);
-    previousRangePosition.current = rangePosition;
-  }, [rangePosition, pickerContext?.open, pickerContext?.variant, pickerContext?.initialView, pickerContext?.view, fieldPrivateContext?.fieldRef]);
-  return fieldResponse;
-}

package/modern/hooks/usePickerRangePositionContext.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { UseRangePositionResponse } from "../internals/hooks/useRangePosition.js";
-export declare const PickerRangePositionContext: React.Context<UseRangePositionResponse | null>;
-/**
- * Returns information about the range position of the picker that wraps the current component.
- */
-export declare function usePickerRangePositionContext(): UseRangePositionResponse;

package/modern/hooks/usePickerRangePositionContext.js

@@ -1,15 +0,0 @@
-'use client';
-
-import * as React from 'react';
-export const PickerRangePositionContext = /*#__PURE__*/React.createContext(null);
-
-/**
- * Returns information about the range position of the picker that wraps the current component.
- */
-export function usePickerRangePositionContext() {
-  const value = React.useContext(PickerRangePositionContext);
-  if (value == null) {
-    throw new Error(['MUI X: The `usePickerRangePositionContext` can only be called in components that are used inside a picker component'].join('\n'));
-  }
-  return value;
-}

package/modern/index.d.ts

@@ -1,25 +0,0 @@
-export * from '@mui/x-date-pickers';
-export * from "./DateRangePickerDay/index.js";
-export * from "./MultiInputDateRangeField/index.js";
-export * from "./MultiInputTimeRangeField/index.js";
-export * from "./MultiInputDateTimeRangeField/index.js";
-export * from "./SingleInputDateRangeField/index.js";
-export * from "./SingleInputTimeRangeField/index.js";
-export * from "./SingleInputDateTimeRangeField/index.js";
-export * from "./DateRangeCalendar/index.js";
-export * from "./PickersRangeCalendarHeader/index.js";
-export * from "./DateRangePicker/index.js";
-export * from "./DesktopDateRangePicker/index.js";
-export * from "./MobileDateRangePicker/index.js";
-export * from "./StaticDateRangePicker/index.js";
-export * from "./TimeRangePicker/index.js";
-export * from "./DesktopTimeRangePicker/index.js";
-export * from "./MobileTimeRangePicker/index.js";
-export * from "./DateTimeRangePicker/index.js";
-export * from "./DesktopDateTimeRangePicker/index.js";
-export * from "./MobileDateTimeRangePicker/index.js";
-export * from "./dateRangeViewRenderers/index.js";
-export * from "./models/index.js";
-export * from "./hooks/index.js";
-export * from "./validation/index.js";
-export * from "./managers/index.js";

package/modern/index.js

@@ -1,40 +0,0 @@
-/**
- * @mui/x-date-pickers-pro v8.0.0-beta.3
- *
- * @license MUI X Commercial
- * This source code is licensed under the commercial license found in the
- * LICENSE file in the root directory of this source tree.
- */
-export * from '@mui/x-date-pickers';
-export * from "./DateRangePickerDay/index.js";
-
-// Fields
-export * from "./MultiInputDateRangeField/index.js";
-export * from "./MultiInputTimeRangeField/index.js";
-export * from "./MultiInputDateTimeRangeField/index.js";
-export * from "./SingleInputDateRangeField/index.js";
-export * from "./SingleInputTimeRangeField/index.js";
-export * from "./SingleInputDateTimeRangeField/index.js";
-
-// Calendars
-export * from "./DateRangeCalendar/index.js";
-export * from "./PickersRangeCalendarHeader/index.js";
-
-// New pickers
-export * from "./DateRangePicker/index.js";
-export * from "./DesktopDateRangePicker/index.js";
-export * from "./MobileDateRangePicker/index.js";
-export * from "./StaticDateRangePicker/index.js";
-export * from "./TimeRangePicker/index.js";
-export * from "./DesktopTimeRangePicker/index.js";
-export * from "./MobileTimeRangePicker/index.js";
-export * from "./DateTimeRangePicker/index.js";
-export * from "./DesktopDateTimeRangePicker/index.js";
-export * from "./MobileDateTimeRangePicker/index.js";
-
-// View renderers
-export * from "./dateRangeViewRenderers/index.js";
-export * from "./models/index.js";
-export * from "./hooks/index.js";
-export * from "./validation/index.js";
-export * from "./managers/index.js";

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

@@ -1,3 +0,0 @@
-export { DAY_MARGIN } from '@mui/x-date-pickers/internals';
-export declare const DAY_RANGE_SIZE = 40;
-export declare const RANGE_VIEW_HEIGHT: number;

package/modern/internals/constants/dimensions.js

@@ -1,5 +0,0 @@
-import { DAY_MARGIN, VIEW_HEIGHT } from '@mui/x-date-pickers/internals';
-export { DAY_MARGIN } from '@mui/x-date-pickers/internals';
-export const DAY_RANGE_SIZE = 40;
-// adding the extra height of the range day element height difference (40px vs 36px)
-export const RANGE_VIEW_HEIGHT = VIEW_HEIGHT + 6 * 2 * DAY_MARGIN;

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

@@ -1,2 +0,0 @@
-export { useDesktopRangePicker } from "./useDesktopRangePicker.js";
-export type { UseDesktopRangePickerSlots, UseDesktopRangePickerSlotProps, DesktopRangeOnlyPickerProps, UseDesktopRangePickerProps } from './useDesktopRangePicker.types';

package/modern/internals/hooks/useDesktopRangePicker/index.js

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

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

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals';
-import { UseDesktopRangePickerParams, UseDesktopRangePickerProps } from "./useDesktopRangePicker.types.js";
-export declare const useDesktopRangePicker: <TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseDesktopRangePickerProps<TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>>({
-  props,
-  steps,
-  ...pickerParams
-}: UseDesktopRangePickerParams<TView, TEnableAccessibleFieldDOMStructure, TExternalProps>) => {
-  renderPicker: () => React.JSX.Element;
-};