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

package/modern/internals/components/PickersToolbarButton.js

@@ -1,61 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["align", "className", "classes", "selected", "typographyClassName", "value", "variant", "width"];
-import * as React from 'react';
-import clsx from 'clsx';
-import Button from '@mui/material/Button';
-import { styled, useThemeProps } from '@mui/material/styles';
-import composeClasses from '@mui/utils/composeClasses';
-import { PickersToolbarText } from "./PickersToolbarText.js";
-import { getPickersToolbarUtilityClass } from "./pickersToolbarClasses.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = classes => {
-  const slots = {
-    root: ['root']
-  };
-  return composeClasses(slots, getPickersToolbarUtilityClass, classes);
-};
-const PickersToolbarButtonRoot = styled(Button, {
-  name: 'MuiPickersToolbarButton',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.root
-})({
-  padding: 0,
-  minWidth: 16,
-  textTransform: 'none'
-});
-export const PickersToolbarButton = /*#__PURE__*/React.forwardRef(function PickersToolbarButton(inProps, ref) {
-  const props = useThemeProps({
-    props: inProps,
-    name: 'MuiPickersToolbarButton'
-  });
-  const {
-      align,
-      className,
-      classes: classesProp,
-      selected,
-      typographyClassName,
-      value,
-      variant,
-      width
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const classes = useUtilityClasses(classesProp);
-  return /*#__PURE__*/_jsx(PickersToolbarButtonRoot, _extends({
-    variant: "text",
-    ref: ref,
-    className: clsx(classes.root, className)
-  }, width ? {
-    sx: {
-      width
-    }
-  } : {}, other, {
-    children: /*#__PURE__*/_jsx(PickersToolbarText, {
-      align: align,
-      className: typographyClassName,
-      variant: variant,
-      value: value,
-      selected: selected
-    })
-  }));
-});

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

@@ -1,11 +0,0 @@
-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/PickersToolbarText.js

@@ -1,52 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["className", "classes", "selected", "value"];
-import * as React from 'react';
-import clsx from 'clsx';
-import Typography from '@mui/material/Typography';
-import { styled, useThemeProps } from '@mui/material/styles';
-import composeClasses from '@mui/utils/composeClasses';
-import { getPickersToolbarTextUtilityClass } from "./pickersToolbarTextClasses.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = classes => {
-  const slots = {
-    root: ['root']
-  };
-  return composeClasses(slots, getPickersToolbarTextUtilityClass, classes);
-};
-const PickersToolbarTextRoot = styled(Typography, {
-  name: 'MuiPickersToolbarText',
-  slot: 'Root',
-  overridesResolver: (_, styles) => [styles.root]
-})(({
-  theme
-}) => ({
-  transition: theme.transitions.create('color'),
-  color: (theme.vars || theme).palette.text.secondary,
-  [`&[data-selected]`]: {
-    color: (theme.vars || theme).palette.text.primary
-  }
-}));
-export const PickersToolbarText = /*#__PURE__*/React.forwardRef(function PickersToolbarText(inProps, ref) {
-  const props = useThemeProps({
-    props: inProps,
-    name: 'MuiPickersToolbarText'
-  });
-  const {
-      className,
-      classes: classesProp,
-      selected,
-      value
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const classes = useUtilityClasses(classesProp);
-  return /*#__PURE__*/_jsx(PickersToolbarTextRoot, _extends({
-    ref: ref,
-    className: clsx(classes.root, className),
-    component: "span"
-  }, selected && {
-    'data-selected': true
-  }, other, {
-    children: value
-  }));
-});

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

@@ -1,7 +0,0 @@
-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/pickersToolbarButtonClasses.js

@@ -1,5 +0,0 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-export function getPickersToolbarButtonUtilityClass(slot) {
-  return generateUtilityClass('MuiPickersToolbarButton', slot);
-}
-export const pickersToolbarButtonClasses = generateUtilityClasses('MuiPickersToolbarButton', ['root']);

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

@@ -1,11 +0,0 @@
-export interface PickersToolbarClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to the title element. */
-  title: 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" | "title" | "root", string>;

package/modern/internals/components/pickersToolbarClasses.js

@@ -1,5 +0,0 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-export function getPickersToolbarUtilityClass(slot) {
-  return generateUtilityClass('MuiPickersToolbar', slot);
-}
-export const pickersToolbarClasses = generateUtilityClasses('MuiPickersToolbar', ['root', 'title', 'content']);

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

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

package/modern/internals/components/pickersToolbarTextClasses.js

@@ -1,5 +0,0 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-export function getPickersToolbarTextUtilityClass(slot) {
-  return generateUtilityClass('MuiPickersToolbarText', slot);
-}
-export const pickersToolbarTextClasses = generateUtilityClasses('MuiPickersToolbarText', ['root']);

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

@@ -1,7 +0,0 @@
-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/constants/dimensions.js

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

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

@@ -1,27 +0,0 @@
-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

@@ -1,178 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import Stack, { stackClasses } from '@mui/material/Stack';
-import Typography from '@mui/material/Typography';
-import { textFieldClasses } from '@mui/material/TextField';
-import { pickersTextFieldClasses } from "../../PickersTextField/index.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const getChildTypeFromChildName = childName => {
-  if (childName.match(/^([A-Za-z]+)Range(Calendar|Clock)$/)) {
-    return 'multi-panel-UI-view';
-  }
-  if (childName.match(/^([A-Za-z]*)(DigitalClock)$/)) {
-    return 'Tall-UI-view';
-  }
-  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$/)) {
-    return 'multi-input-range-field';
-  }
-  if (childName.match(/^SingleInput([A-Za-z]+)RangeField$/) || childName.match(/^([A-Za-z]+)RangePicker$/)) {
-    return 'single-input-range-field';
-  }
-  return 'single-input-field';
-};
-const getSupportedSectionFromChildName = childName => {
-  if (childName.includes('DateTime')) {
-    return 'date-time';
-  }
-  if (childName.includes('Date')) {
-    return 'date';
-  }
-  return 'time';
-};
-/**
- * WARNING: This is an internal component used in documentation to achieve a desired layout.
- * Please do not use it in your application.
- */
-export function DemoItem(props) {
-  const {
-    label,
-    children,
-    component,
-    sx: sxProp
-  } = props;
-  let spacing;
-  let sx = sxProp;
-  if (component && getChildTypeFromChildName(component) === 'multi-input-range-field') {
-    spacing = 1.5;
-    sx = _extends({}, sx, {
-      [`& .${textFieldClasses.root}`]: {
-        flexGrow: 1
-      }
-    });
-  } else {
-    spacing = 1;
-  }
-  return /*#__PURE__*/_jsxs(Stack, {
-    direction: "column",
-    alignItems: "stretch",
-    spacing: spacing,
-    sx: sx,
-    children: [label && /*#__PURE__*/_jsx(Typography, {
-      variant: "body2",
-      children: label
-    }), children]
-  });
-}
-DemoItem.displayName = 'DemoItem';
-const isDemoItem = child => {
-  if (/*#__PURE__*/React.isValidElement(child) && typeof child.type !== 'string') {
-    // @ts-ignore
-    return child.type.displayName === 'DemoItem';
-  }
-  return false;
-};
-/**
- * WARNING: This is an internal component used in documentation to achieve a desired layout.
- * Please do not use it in your application.
- */
-export function DemoContainer(props) {
-  const {
-    children,
-    components,
-    sx: sxProp
-  } = props;
-  const childrenTypes = new Set();
-  const childrenSupportedSections = new Set();
-  components.forEach(childName => {
-    childrenTypes.add(getChildTypeFromChildName(childName));
-    childrenSupportedSections.add(getSupportedSectionFromChildName(childName));
-  });
-  const getSpacing = direction => {
-    if (direction === 'row') {
-      return childrenTypes.has('UI-view') || childrenTypes.has('Tall-UI-view') ? 3 : 2;
-    }
-    return childrenTypes.has('UI-view') ? 4 : 3;
-  };
-  let direction;
-  let spacing;
-  let extraSx = {};
-  let demoItemSx = {};
-  const sx = _extends({
-    overflow: 'auto',
-    // Add padding as overflow can hide the outline text field label.
-    pt: 1
-  }, sxProp);
-  if (components.length > 2 || childrenTypes.has('multi-input-range-field') || childrenTypes.has('single-input-range-field') || childrenTypes.has('multi-panel-UI-view') || childrenTypes.has('UI-view') || childrenSupportedSections.has('date-time')) {
-    direction = 'column';
-    spacing = getSpacing('column');
-  } else {
-    direction = {
-      xs: 'column',
-      lg: 'row'
-    };
-    spacing = {
-      xs: getSpacing('column'),
-      lg: getSpacing('row')
-    };
-  }
-  if (childrenTypes.has('UI-view')) {
-    // noop
-  } else if (childrenTypes.has('single-input-range-field')) {
-    if (!childrenSupportedSections.has('date-time')) {
-      extraSx = {
-        [`& > .${textFieldClasses.root}, & > .${pickersTextFieldClasses.root}`]: {
-          minWidth: 300
-        }
-      };
-    } else {
-      extraSx = {
-        [`& > .${textFieldClasses.root}, & > .${pickersTextFieldClasses.root}`]: {
-          minWidth: {
-            xs: 300,
-            // If demo also contains MultiInputDateTimeRangeField, increase width to avoid cutting off the value.
-            md: childrenTypes.has('multi-input-range-field') ? 460 : 440
-          }
-        }
-      };
-    }
-  } else if (childrenSupportedSections.has('date-time')) {
-    extraSx = {
-      [`& > .${textFieldClasses.root}, & > .${pickersTextFieldClasses.root}`]: {
-        minWidth: 270
-      }
-    };
-    if (childrenTypes.has('multi-input-range-field')) {
-      // increase width for the multi input date time range fields
-      demoItemSx = {
-        [`& > .${stackClasses.root} > .${textFieldClasses.root}, & > .${stackClasses.root} > .${pickersTextFieldClasses.root}`]: {
-          minWidth: 210
-        }
-      };
-    }
-  } else {
-    extraSx = {
-      [`& > .${textFieldClasses.root}, & > .${pickersTextFieldClasses.root}`]: {
-        minWidth: 200
-      }
-    };
-  }
-  const finalSx = _extends({}, sx, extraSx);
-  return /*#__PURE__*/_jsx(Stack, {
-    direction: direction,
-    spacing: spacing,
-    sx: finalSx,
-    children: React.Children.map(children, child => {
-      if (/*#__PURE__*/React.isValidElement(child) && isDemoItem(child)) {
-        // Inject sx styles to the `DemoItem` if it is a direct child of `DemoContainer`.
-        // @ts-ignore
-        return /*#__PURE__*/React.cloneElement(child, {
-          sx: _extends({}, extraSx, demoItemSx)
-        });
-      }
-      return child;
-    })
-  });
-}

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

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

package/modern/internals/demo/index.js

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

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

@@ -1,24 +0,0 @@
-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/date-helpers-hooks.js

@@ -1,40 +0,0 @@
-import * as React from 'react';
-import { useUtils } from "./useUtils.js";
-import { getMeridiem, convertToMeridiem } from "../utils/time-utils.js";
-export function useNextMonthDisabled(month, {
-  disableFuture,
-  maxDate,
-  timezone
-}) {
-  const utils = useUtils();
-  return React.useMemo(() => {
-    const now = utils.date(undefined, timezone);
-    const lastEnabledMonth = utils.startOfMonth(disableFuture && utils.isBefore(now, maxDate) ? now : maxDate);
-    return !utils.isAfter(lastEnabledMonth, month);
-  }, [disableFuture, maxDate, month, utils, timezone]);
-}
-export function usePreviousMonthDisabled(month, {
-  disablePast,
-  minDate,
-  timezone
-}) {
-  const utils = useUtils();
-  return React.useMemo(() => {
-    const now = utils.date(undefined, timezone);
-    const firstEnabledMonth = utils.startOfMonth(disablePast && utils.isAfter(now, minDate) ? now : minDate);
-    return !utils.isBefore(firstEnabledMonth, month);
-  }, [disablePast, minDate, month, utils, timezone]);
-}
-export function useMeridiemMode(date, ampm, onChange, selectionState) {
-  const utils = useUtils();
-  const cleanDate = React.useMemo(() => !utils.isValid(date) ? null : date, [utils, date]);
-  const meridiemMode = getMeridiem(cleanDate, utils);
-  const handleMeridiemChange = React.useCallback(mode => {
-    const timeWithMeridiem = cleanDate == null ? null : convertToMeridiem(cleanDate, mode, Boolean(ampm), utils);
-    onChange(timeWithMeridiem, selectionState ?? 'partial');
-  }, [ampm, cleanDate, onChange, selectionState, utils]);
-  return {
-    meridiemMode,
-    handleMeridiemChange
-  };
-}

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

@@ -1,15 +0,0 @@
-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/useClockReferenceDate.js

@@ -1,25 +0,0 @@
-import * as React from 'react';
-import { singleItemValueManager } from "../utils/valueManagers.js";
-import { getTodayDate } from "../utils/date-utils.js";
-import { SECTION_TYPE_GRANULARITY } from "../utils/getDefaultReferenceDate.js";
-export const useClockReferenceDate = ({
-  value,
-  referenceDate: referenceDateProp,
-  utils,
-  props,
-  timezone
-}) => {
-  const referenceDate = React.useMemo(() => singleItemValueManager.getInitialReferenceValue({
-    value,
-    utils,
-    props,
-    referenceDate: referenceDateProp,
-    granularity: SECTION_TYPE_GRANULARITY.day,
-    timezone,
-    getTodayDate: () => getTodayDate(utils, timezone, 'date')
-  }),
-  // We only want to compute the reference date on mount.
-  [] // eslint-disable-line react-hooks/exhaustive-deps
-  );
-  return value ?? referenceDate;
-};

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

@@ -1,38 +0,0 @@
-import type { PickerValueManager } from '../models';
-import { PickersTimezone, PickerValidDate } from "../../models/index.js";
-import { PickerValidValue } from "../models/index.js";
-/**
- * Hooks controlling the value while making sure that:
- * - The value returned by `onChange` always have the timezone of `props.value` or `props.defaultValue` if defined
- * - The value rendered is always the one from `props.timezone` if defined
- */
-export declare const useControlledValue: <TValue extends PickerValidValue, TChange extends (...params: any[]) => void>({
-  name,
-  timezone: timezoneProp,
-  value: valueProp,
-  defaultValue,
-  referenceDate,
-  onChange: onChangeProp,
-  valueManager
-}: UseControlledValueWithTimezoneParameters<TValue, TChange>) => {
-  value: TValue;
-  handleValueChange: TChange;
-  timezone: string;
-};
-interface UseValueWithTimezoneParameters<TValue extends PickerValidValue, TChange extends (...params: any[]) => void> {
-  timezone: PickersTimezone | undefined;
-  value: TValue | undefined;
-  defaultValue: TValue | undefined;
-  /**
-   * The reference date as passed to `props.referenceDate`.
-   * It does not need to have its default value.
-   * This is only used to determine the timezone to use when `props.value` and `props.defaultValue` are not defined.
-   */
-  referenceDate: PickerValidDate | undefined;
-  onChange: TChange | undefined;
-  valueManager: PickerValueManager<TValue, any>;
-}
-interface UseControlledValueWithTimezoneParameters<TValue extends PickerValidValue, TChange extends (...params: any[]) => void> extends UseValueWithTimezoneParameters<TValue, TChange> {
-  name: string;
-}
-export {};

package/modern/internals/hooks/useControlledValue.js

@@ -1,56 +0,0 @@
-import * as React from 'react';
-import useEventCallback from '@mui/utils/useEventCallback';
-import useControlled from '@mui/utils/useControlled';
-import { useUtils } from "./useUtils.js";
-/**
- * Hooks controlling the value while making sure that:
- * - The value returned by `onChange` always have the timezone of `props.value` or `props.defaultValue` if defined
- * - The value rendered is always the one from `props.timezone` if defined
- */
-export const useControlledValue = ({
-  name,
-  timezone: timezoneProp,
-  value: valueProp,
-  defaultValue,
-  referenceDate,
-  onChange: onChangeProp,
-  valueManager
-}) => {
-  const utils = useUtils();
-  const [valueWithInputTimezone, setValue] = useControlled({
-    name,
-    state: 'value',
-    controlled: valueProp,
-    default: defaultValue ?? valueManager.emptyValue
-  });
-  const inputTimezone = React.useMemo(() => valueManager.getTimezone(utils, valueWithInputTimezone), [utils, valueManager, valueWithInputTimezone]);
-  const setInputTimezone = useEventCallback(newValue => {
-    if (inputTimezone == null) {
-      return newValue;
-    }
-    return valueManager.setTimezone(utils, inputTimezone, newValue);
-  });
-  const timezoneToRender = React.useMemo(() => {
-    if (timezoneProp) {
-      return timezoneProp;
-    }
-    if (inputTimezone) {
-      return inputTimezone;
-    }
-    if (referenceDate) {
-      return utils.getTimezone(referenceDate);
-    }
-    return 'default';
-  }, [timezoneProp, inputTimezone, referenceDate, utils]);
-  const valueWithTimezoneToRender = React.useMemo(() => valueManager.setTimezone(utils, timezoneToRender, valueWithInputTimezone), [valueManager, utils, timezoneToRender, valueWithInputTimezone]);
-  const handleValueChange = useEventCallback((newValue, ...otherParams) => {
-    const newValueWithInputTimezone = setInputTimezone(newValue);
-    setValue(newValueWithInputTimezone);
-    onChangeProp?.(newValueWithInputTimezone, ...otherParams);
-  });
-  return {
-    value: valueWithTimezoneToRender,
-    handleValueChange,
-    timezone: timezoneToRender
-  };
-};

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

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

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

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

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

@@ -1,16 +0,0 @@
-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,
-  steps,
-  ...pickerParams
-}: UseDesktopPickerParams<TView, TEnableAccessibleFieldDOMStructure, TExternalProps>) => {
-  renderPicker: () => React.JSX.Element;
-};