@mui/x-date-pickers 6.2.1 → 6.3.1

package/internals/hooks/useViews.d.ts

@@ -1,15 +1,16 @@
 import type { PickerSelectionState } from './usePicker';
-import { DateOrTimeView } from '../../models';
 import { MakeOptional } from '../models/helpers';
+import { DateOrTimeViewWithMeridiem } from '../models';
 export type PickerOnChangeFn<TDate> = (date: TDate | null, selectionState?: PickerSelectionState) => void;
-export interface UseViewsOptions<TValue, TView extends DateOrTimeView> {
+export interface UseViewsOptions<TValue, TView extends DateOrTimeViewWithMeridiem> {
     /**
      * Callback fired when the value changes.
      * @template TValue
      * @param {TValue} value The new value.
      * @param {PickerSelectionState | undefined} selectionState Indicates if the date selection is complete.
+     * @param {TView | undefined} selectedView Indicates the view in which the selection has been made.
      */
-    onChange: (value: TValue, selectionState?: PickerSelectionState) => void;
+    onChange: (value: TValue, selectionState?: PickerSelectionState, selectedView?: TView) => void;
     /**
      * Callback fired on view change.
      * @template TView
@@ -51,9 +52,9 @@ export interface UseViewsOptions<TValue, TView extends DateOrTimeView> {
      */
     onFocusedViewChange?: (view: TView, hasFocus: boolean) => void;
 }
-export interface ExportedUseViewsOptions<TView extends DateOrTimeView> extends MakeOptional<Omit<UseViewsOptions<any, TView>, 'onChange'>, 'openTo' | 'views'> {
+export interface ExportedUseViewsOptions<TView extends DateOrTimeViewWithMeridiem> extends MakeOptional<Omit<UseViewsOptions<any, TView>, 'onChange'>, 'openTo' | 'views'> {
 }
-interface UseViewsResponse<TValue, TView extends DateOrTimeView> {
+interface UseViewsResponse<TValue, TView extends DateOrTimeViewWithMeridiem> {
     view: TView;
     setView: (view: TView) => void;
     focusedView: TView | null;
@@ -63,6 +64,7 @@ interface UseViewsResponse<TValue, TView extends DateOrTimeView> {
     defaultView: TView;
     goToNextView: () => void;
     setValueAndGoToNextView: (value: TValue, currentViewSelectionState?: PickerSelectionState) => void;
+    setValueAndGoToView: (value: TValue, newView: TView | null, selectedView: TView) => void;
 }
-export declare function useViews<TValue, TView extends DateOrTimeView>({ onChange, onViewChange, openTo, view: inView, views, autoFocus, focusedView: inFocusedView, onFocusedViewChange, }: UseViewsOptions<TValue, TView>): UseViewsResponse<TValue, TView>;
+export declare function useViews<TValue, TView extends DateOrTimeViewWithMeridiem>({ onChange, onViewChange, openTo, view: inView, views, autoFocus, focusedView: inFocusedView, onFocusedViewChange, }: UseViewsOptions<TValue, TView>): UseViewsResponse<TValue, TView>;
 export {};

package/internals/hooks/useViews.js

@@ -51,35 +51,50 @@ export function useViews({
   const previousView = (_views = views[viewIndex - 1]) != null ? _views : null;
   const nextView = (_views2 = views[viewIndex + 1]) != null ? _views2 : null;
   const handleChangeView = useEventCallback(newView => {
+    if (newView === view) {
+      return;
+    }
     setView(newView);
     if (onViewChange) {
       onViewChange(newView);
     }
   });
+  const handleFocusedViewChange = useEventCallback((viewToFocus, hasFocus) => {
+    if (hasFocus) {
+      // Focus event
+      setFocusedView(viewToFocus);
+    } else {
+      // Blur event
+      setFocusedView(prevFocusedView => viewToFocus === prevFocusedView ? null : prevFocusedView // If false the blur is due to view switching
+      );
+    }
+
+    onFocusedViewChange == null ? void 0 : onFocusedViewChange(viewToFocus, hasFocus);
+  });
   const goToNextView = useEventCallback(() => {
     if (nextView) {
       handleChangeView(nextView);
     }
+    handleFocusedViewChange(nextView, true);
   });
-  const setValueAndGoToNextView = useEventCallback((value, currentViewSelectionState) => {
+  const setValueAndGoToNextView = useEventCallback((value, currentViewSelectionState, selectedView) => {
     const isSelectionFinishedOnCurrentView = currentViewSelectionState === 'finish';
-    const globalSelectionState = isSelectionFinishedOnCurrentView && Boolean(nextView) ? 'partial' : currentViewSelectionState;
+    const hasMoreViews = selectedView ?
+    // handles case like `DateTimePicker`, where a view might return a `finish` selection state
+    // but we it's not the final view given all `views` -> overall selection state should be `partial`.
+    views.indexOf(selectedView) < views.length - 1 : Boolean(nextView);
+    const globalSelectionState = isSelectionFinishedOnCurrentView && hasMoreViews ? 'partial' : currentViewSelectionState;
     onChange(value, globalSelectionState);
     if (isSelectionFinishedOnCurrentView) {
       goToNextView();
     }
   });
-  const handleFocusedViewChange = useEventCallback((viewToFocus, hasFocus) => {
-    if (hasFocus) {
-      // Focus event
-      setFocusedView(viewToFocus);
-    } else {
-      // Blur event
-      setFocusedView(prevFocusedView => viewToFocus === prevFocusedView ? null : prevFocusedView // If false the blur is due to view switching
-      );
+  const setValueAndGoToView = useEventCallback((value, newView, selectedView) => {
+    onChange(value, newView ? 'partial' : 'finish', selectedView);
+    if (newView) {
+      handleChangeView(newView);
+      handleFocusedViewChange(newView, true);
     }
-
-    onFocusedViewChange == null ? void 0 : onFocusedViewChange(viewToFocus, hasFocus);
   });
   return {
     view,
@@ -90,6 +105,7 @@ export function useViews({
     previousView,
     defaultView: defaultView.current,
     goToNextView,
-    setValueAndGoToNextView
+    setValueAndGoToNextView,
+    setValueAndGoToView
   };
 }

package/internals/index.d.ts

@@ -33,22 +33,22 @@ export { useStaticPicker } from './hooks/useStaticPicker';
 export type { StaticOnlyPickerProps, UseStaticPickerSlotsComponent, UseStaticPickerSlotsComponentsProps, } from './hooks/useStaticPicker';
 export { useLocalizationContext, useDefaultDates, useUtils, useLocaleText, useNow, } from './hooks/useUtils';
 export type { ExportedUseViewsOptions } from './hooks/useViews';
-export type { BaseDateValidationProps, BaseTimeValidationProps, TimeValidationProps, MonthValidationProps, YearValidationProps, DayValidationProps, } from './hooks/validation/models';
-export { useValidation } from './hooks/validation/useValidation';
-export type { ValidationCommonProps, ValidationProps, Validator, InferError, } from './hooks/validation/useValidation';
-export { validateDate } from './hooks/validation/useDateValidation';
-export { validateTime } from './hooks/validation/useTimeValidation';
-export { validateDateTime } from './hooks/validation/useDateTimeValidation';
+export { useValidation } from './hooks/useValidation';
+export type { ValidationProps, Validator, InferError } from './hooks/useValidation';
 export { usePreviousMonthDisabled, useNextMonthDisabled } from './hooks/date-helpers-hooks';
 export type { BaseFieldProps, FieldsTextFieldProps } from './models/fields';
 export type { BasePickerProps, BasePickerInputProps, BaseNonStaticPickerProps, } from './models/props/basePickerProps';
 export type { BaseToolbarProps, ExportedBaseToolbarProps } from './models/props/toolbar';
 export type { DefaultizedProps, MakeOptional } from './models/helpers';
 export type { WrapperVariant } from './models/common';
+export type { BaseDateValidationProps, BaseTimeValidationProps, TimeValidationProps, MonthValidationProps, YearValidationProps, DayValidationProps, DateTimeValidationProps, } from './models/validation';
 export { applyDefaultDate, replaceInvalidDateByNull, areDatesEqual } from './utils/date-utils';
 export { executeInTheNextEventLoopTick, getActiveElement, onSpaceOrEnter, DEFAULT_DESKTOP_MODE_MEDIA_QUERY, } from './utils/utils';
 export { defaultReduceAnimations } from './utils/defaultReduceAnimations';
-export { extractValidationProps } from './utils/validation';
+export { extractValidationProps } from './utils/validation/extractValidationProps';
+export { validateDate } from './utils/validation/validateDate';
+export { validateDateTime } from './utils/validation/validateDateTime';
+export { validateTime } from './utils/validation/validateTime';
 export { buildDeprecatedPropsWarning } from './utils/warning';
 export { uncapitalizeObjectKeys } from './utils/slots-migration';
 export type { UncapitalizeObjectKeys, SlotsAndSlotProps } from './utils/slots-migration';

package/internals/index.js

@@ -13,15 +13,15 @@ export { useField, createDateStrForInputFromSections, addPositionPropertiesToSec
 export { usePicker } from './hooks/usePicker';
 export { useStaticPicker } from './hooks/useStaticPicker';
 export { useLocalizationContext, useDefaultDates, useUtils, useLocaleText, useNow } from './hooks/useUtils';
-export { useValidation } from './hooks/validation/useValidation';
-export { validateDate } from './hooks/validation/useDateValidation';
-export { validateTime } from './hooks/validation/useTimeValidation';
-export { validateDateTime } from './hooks/validation/useDateTimeValidation';
+export { useValidation } from './hooks/useValidation';
 export { usePreviousMonthDisabled, useNextMonthDisabled } from './hooks/date-helpers-hooks';
 export { applyDefaultDate, replaceInvalidDateByNull, areDatesEqual } from './utils/date-utils';
 export { executeInTheNextEventLoopTick, getActiveElement, onSpaceOrEnter, DEFAULT_DESKTOP_MODE_MEDIA_QUERY } from './utils/utils';
 export { defaultReduceAnimations } from './utils/defaultReduceAnimations';
-export { extractValidationProps } from './utils/validation';
+export { extractValidationProps } from './utils/validation/extractValidationProps';
+export { validateDate } from './utils/validation/validateDate';
+export { validateDateTime } from './utils/validation/validateDateTime';
+export { validateTime } from './utils/validation/validateTime';
 export { buildDeprecatedPropsWarning } from './utils/warning';
 export { uncapitalizeObjectKeys } from './utils/slots-migration';
 export { PickersCalendarHeader } from '../DateCalendar/PickersCalendarHeader';

package/internals/models/common.d.ts

@@ -1 +1,4 @@
+import { DateView, TimeView } from '@mui/x-date-pickers/models/views';
 export type WrapperVariant = 'mobile' | 'desktop' | null;
+export type TimeViewWithMeridiem = TimeView | 'meridiem';
+export type DateOrTimeViewWithMeridiem = DateView | TimeViewWithMeridiem;

package/internals/models/index.d.ts

@@ -1 +1,2 @@
 export * from './fields';
+export * from './common';

package/internals/models/index.js

@@ -1 +1,2 @@
-export * from './fields';
+export * from './fields';
+export * from './common';

package/internals/models/props/basePickerProps.d.ts

@@ -2,14 +2,14 @@ import * as React from 'react';
 import { Theme } from '@mui/material/styles';
 import { SxProps } from '@mui/system';
 import { UsePickerBaseProps } from '../../hooks/usePicker';
-import { DateOrTimeView } from '../../../models';
 import { PickersInputComponentLocaleText } from '../../../locales/utils/pickersLocaleTextApi';
 import type { UsePickerViewsProps } from '../../hooks/usePicker/usePickerViews';
 import { MakeOptional } from '../helpers';
+import { DateOrTimeViewWithMeridiem } from '../common';
 /**
  * Props common to all pickers after applying the default props on each picker.
  */
-export interface BasePickerProps<TValue, TDate, TView extends DateOrTimeView, TError, TExternalProps extends UsePickerViewsProps<TValue, TView, any, any>, TAdditionalProps extends {}> extends UsePickerBaseProps<TValue, TView, TError, TExternalProps, TAdditionalProps> {
+export interface BasePickerProps<TValue, TDate, TView extends DateOrTimeViewWithMeridiem, TError, TExternalProps extends UsePickerViewsProps<TValue, TView, any, any>, TAdditionalProps extends {}> extends UsePickerBaseProps<TValue, TView, TError, TExternalProps, TAdditionalProps> {
     /**
      * Class name applied to the root element.
      */
@@ -27,7 +27,7 @@ export interface BasePickerProps<TValue, TDate, TView extends DateOrTimeView, TE
 /**
  * Props common to all pickers before applying the default props on each picker.
  */
-export interface BasePickerInputProps<TValue, TDate, TView extends DateOrTimeView, TError> extends Omit<MakeOptional<BasePickerProps<TValue, TDate, TView, TError, any, any>, 'openTo' | 'views'>, 'viewRenderers'> {
+export interface BasePickerInputProps<TValue, TDate, TView extends DateOrTimeViewWithMeridiem, TError> extends Omit<MakeOptional<BasePickerProps<TValue, TDate, TView, TError, any, any>, 'openTo' | 'views'>, 'viewRenderers'> {
 }
 /**
  * Props common to all non-static pickers.

package/internals/models/props/clock.d.ts

@@ -0,0 +1,88 @@
+import { SxProps, Theme } from '@mui/material/styles';
+import { BaseTimeValidationProps, TimeValidationProps } from '../validation';
+import { PickerSelectionState } from '../../hooks/usePicker/usePickerValue.types';
+import { TimeStepOptions } from '../../../models';
+import type { ExportedDigitalClockProps } from '../../../DigitalClock/DigitalClock.types';
+import type { ExportedMultiSectionDigitalClockProps } from '../../../MultiSectionDigitalClock/MultiSectionDigitalClock.types';
+import type { ExportedUseViewsOptions } from '../../hooks/useViews';
+import { TimeViewWithMeridiem } from '../common';
+export interface ExportedBaseClockProps<TDate> extends TimeValidationProps<TDate>, BaseTimeValidationProps {
+    /**
+     * 12h/24h view for hour selection clock.
+     * @default `utils.is12HourCycleInCurrentLocale()`
+     */
+    ampm?: boolean;
+}
+export interface BaseClockProps<TDate, TView extends TimeViewWithMeridiem> extends ExportedUseViewsOptions<TView>, ExportedBaseClockProps<TDate> {
+    className?: string;
+    /**
+     * The system prop that allows defining system overrides as well as additional CSS styles.
+     */
+    sx?: SxProps<Theme>;
+    /**
+     * The selected value.
+     * Used when the component is controlled.
+     */
+    value?: TDate | null;
+    /**
+     * The default selected value.
+     * Used when the component is not controlled.
+     */
+    defaultValue?: TDate | null;
+    /**
+     * Callback fired when the value changes.
+     * @template TDate
+     * @param {TDate | null} value The new value.
+     * @param {PickerSelectionState | undefined} selectionState Indicates if the date selection is complete.
+     * @param {TView | undefined} selectedView Indicates the view in which the selection has been made.
+     */
+    onChange?: (value: TDate | null, selectionState?: PickerSelectionState, selectedView?: TView) => void;
+    /**
+     * If `true`, the picker views and text field are disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * If `true`, the picker views and text field are read-only.
+     * @default false
+     */
+    readOnly?: boolean;
+}
+export interface DesktopOnlyTimePickerProps<TDate> extends Omit<ExportedDigitalClockProps<TDate>, 'timeStep'>, Omit<ExportedMultiSectionDigitalClockProps<TDate>, 'timeSteps'> {
+    /**
+     * Amount of time options below or at which the single column time renderer is used.
+     * @default 24
+     */
+    thresholdToRenderTimeInASingleColumn?: number;
+    /**
+     * The time steps between two time unit options.
+     * For example, if `timeStep.minutes = 8`, then the available minute options will be `[0, 8, 16, 24, 32, 40, 48, 56]`.
+     * When single column time renderer is used, only `timeStep.minutes` will be used.
+     * @default{ hours: 1, minutes: 5, seconds: 5 }
+     */
+    timeSteps?: TimeStepOptions;
+}
+interface DigitalClockOnlyBaseProps {
+    /**
+     * If `true`, disabled digital clock items will not be rendered.
+     * @default false
+     */
+    skipDisabled?: boolean;
+}
+export interface DigitalClockOnlyProps extends DigitalClockOnlyBaseProps {
+    /**
+     * The time steps between two time options.
+     * For example, if `timeStep = 45`, then the available time options will be `[00:00, 00:45, 01:30, 02:15, 03:00, etc.]`.
+     * @default 30
+     */
+    timeStep?: number;
+}
+export interface MultiSectionDigitalClockOnlyProps extends DigitalClockOnlyBaseProps {
+    /**
+     * The time steps between two time unit options.
+     * For example, if `timeStep.minutes = 8`, then the available minute options will be `[0, 8, 16, 24, 32, 40, 48, 56]`.
+     * @default{ hours: 1, minutes: 5, seconds: 5 }
+     */
+    timeSteps?: TimeStepOptions;
+}
+export {};

package/internals/models/props/tabs.d.ts

@@ -1,5 +1,5 @@
-import { DateOrTimeView } from '../../../models';
-export interface BaseTabsProps<TView extends DateOrTimeView> {
+import { DateOrTimeViewWithMeridiem } from '../common';
+export interface BaseTabsProps<TView extends DateOrTimeViewWithMeridiem> {
     /**
      * Currently visible picker view.
      */

package/internals/models/props/toolbar.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { DateOrTimeView } from '../../../models';
-export interface BaseToolbarProps<TValue, TView extends DateOrTimeView> extends ExportedBaseToolbarProps {
+import { DateOrTimeViewWithMeridiem } from '../common';
+export interface BaseToolbarProps<TValue, TView extends DateOrTimeViewWithMeridiem> extends ExportedBaseToolbarProps {
     isLandscape: boolean;
     onChange: (newValue: TValue) => void;
     value: TValue;
@@ -14,7 +14,7 @@ export interface BaseToolbarProps<TValue, TView extends DateOrTimeView> extends
      * @param {TView} view The view to open
      */
     onViewChange: (view: TView) => void;
-    views: readonly DateOrTimeView[];
+    views: readonly TView[];
     disabled?: boolean;
     readOnly?: boolean;
     titleId?: string;

package/internals/{hooks/validation/models.d.ts → models/validation.d.ts}

@@ -1,4 +1,4 @@
-import { TimeView } from '../../../models';
+import { TimeView } from '../../models';
 interface FutureAndPastValidationProps {
     /**
      * If `true`, disable values before the current date for date components, time for time components and both for date time components.
@@ -38,6 +38,7 @@ export interface TimeValidationProps<TDate> {
     minutesStep?: number;
     /**
      * Disable specific time.
+     * @template TDate
      * @param {TDate} value The value to check.
      * @param {TimeView} view The clock type of the timeValue.
      * @returns {boolean} If `true` the time will be disabled.
@@ -108,7 +109,16 @@ export interface YearValidationProps<TDate> {
     shouldDisableYear?: (year: TDate) => boolean;
 }
 /**
- * Common validation error types applicable to both date and time validation
+ * Props used to validate a date time value.
  */
-export type CommonDateTimeValidationError = 'invalidDate' | 'disableFuture' | 'disablePast' | null;
+export interface DateTimeValidationProps<TDate> {
+    /**
+     * Minimal selectable moment of time with binding to date, to set min time in each day use `minTime`.
+     */
+    minDateTime?: TDate;
+    /**
+     * Maximal selectable moment of time with binding to date, to set max time in each day use `maxTime`.
+     */
+    maxDateTime?: TDate;
+}
 export {};

package/internals/models/validation.js

@@ -0,0 +1 @@
+export {};

package/internals/utils/time-utils.d.ts

@@ -1,9 +1,9 @@
-import { DateOrTimeView, MuiPickersAdapter } from '../../models';
-export declare const isTimeView: (view: DateOrTimeView) => boolean;
-type Meridiem = 'am' | 'pm' | null;
-export declare const getMeridiem: <TDate>(date: TDate | null, utils: MuiPickersAdapter<TDate>) => Meridiem;
-export declare const convertValueToMeridiem: (value: number, meridiem: Meridiem, ampm: boolean) => number;
-export declare const convertToMeridiem: <TDate>(time: TDate, meridiem: 'am' | 'pm', ampm: boolean, utils: MuiPickersAdapter<TDate>) => TDate;
+import { MuiPickersAdapter } from '../../models';
+import { DateOrTimeViewWithMeridiem } from '../models';
+export declare const isTimeView: (view: DateOrTimeViewWithMeridiem) => boolean;
+export type Meridiem = 'am' | 'pm';
+export declare const getMeridiem: <TDate>(date: TDate | null, utils: MuiPickersAdapter<TDate>) => Meridiem | null;
+export declare const convertValueToMeridiem: (value: number, meridiem: Meridiem | null, ampm: boolean) => number;
+export declare const convertToMeridiem: <TDate>(time: TDate, meridiem: Meridiem, ampm: boolean, utils: MuiPickersAdapter<TDate>) => TDate;
 export declare const getSecondsInDay: <TDate>(date: TDate, utils: MuiPickersAdapter<TDate>) => number;
 export declare const createIsAfterIgnoreDatePart: <TDate>(disableIgnoringDatePartForTimeValidation: boolean, utils: MuiPickersAdapter<TDate>) => (dateLeft: TDate, dateRight: TDate) => boolean;
-export {};

package/internals/utils/time-utils.js

@@ -1,4 +1,5 @@
-export const isTimeView = view => ['hours', 'minutes', 'seconds'].includes(view);
+const timeViews = ['hours', 'minutes', 'seconds'];
+export const isTimeView = view => timeViews.includes(view);
 export const getMeridiem = (date, utils) => {
   if (!date) {
     return null;

package/internals/utils/{validation.d.ts → validation/extractValidationProps.d.ts}

@@ -4,4 +4,4 @@
  */
 export declare const extractValidationProps: <Props extends {
     [key: string]: any;
-}>(props: Props) => Pick<Props, "disableFuture" | "disablePast" | "shouldDisableDate" | "shouldDisableMonth" | "shouldDisableYear" | "minDate" | "maxDate" | "minTime" | "maxTime" | "shouldDisableTime" | "shouldDisableClock" | "minDateTime" | "maxDateTime" | "minuteStep">;
+}>(props: Props) => Pick<Props, "disableFuture" | "disablePast" | "shouldDisableDate" | "shouldDisableMonth" | "shouldDisableYear" | "minDate" | "maxDate" | "minutesStep" | "minTime" | "maxTime" | "shouldDisableTime" | "shouldDisableClock" | "disableIgnoringDatePartForTimeValidation" | "minDateTime" | "maxDateTime">;

package/internals/utils/{validation.js → validation/extractValidationProps.js}

@@ -1,4 +1,4 @@
-const VALIDATION_PROP_NAMES = ['disablePast', 'disableFuture', 'minDate', 'maxDate', 'minTime', 'maxTime', 'minDateTime', 'maxDateTime', 'shouldDisableDate', 'shouldDisableMonth', 'shouldDisableYear', 'shouldDisableClock', 'shouldDisableTime', 'minuteStep'];
+const VALIDATION_PROP_NAMES = ['disablePast', 'disableFuture', 'minDate', 'maxDate', 'minTime', 'maxTime', 'minDateTime', 'maxDateTime', 'shouldDisableDate', 'shouldDisableMonth', 'shouldDisableYear', 'shouldDisableClock', 'shouldDisableTime', 'minutesStep'];
 /**
  * Extract the validation props for the props received by a component.
  * Limit the risk of forgetting some of them and reduce the bundle size.

package/internals/{hooks/validation/useDateValidation.d.ts → utils/validation/validateDate.d.ts}

@@ -1,7 +1,6 @@
-import { Validator } from './useValidation';
-import { BaseDateValidationProps, DayValidationProps, MonthValidationProps, YearValidationProps } from './models';
+import { Validator } from '../../hooks/useValidation';
+import { BaseDateValidationProps, DayValidationProps, MonthValidationProps, YearValidationProps } from '../../models/validation';
 import { DateValidationError } from '../../../models';
 export interface DateComponentValidationProps<TDate> extends DayValidationProps<TDate>, MonthValidationProps<TDate>, YearValidationProps<TDate>, Required<BaseDateValidationProps<TDate>> {
 }
 export declare const validateDate: Validator<any | null, any, DateValidationError, DateComponentValidationProps<any>>;
-export declare const useIsDateDisabled: <TDate>({ shouldDisableDate, shouldDisableMonth, shouldDisableYear, minDate, maxDate, disableFuture, disablePast, }: DateComponentValidationProps<TDate>) => (day: TDate | null) => boolean;

package/internals/{hooks/validation/useDateValidation.js → utils/validation/validateDate.js}

@@ -1,6 +1,4 @@
-import * as React from 'react';
-import { useLocalizationContext } from '../useUtils';
-import { applyDefaultDate } from '../../utils/date-utils';
+import { applyDefaultDate } from '../date-utils';
 export const validateDate = ({
   props,
   value,
@@ -32,28 +30,4 @@ export const validateDate = ({
     default:
       return null;
   }
-};
-export const useIsDateDisabled = ({
-  shouldDisableDate,
-  shouldDisableMonth,
-  shouldDisableYear,
-  minDate,
-  maxDate,
-  disableFuture,
-  disablePast
-}) => {
-  const adapter = useLocalizationContext();
-  return React.useCallback(day => validateDate({
-    adapter,
-    value: day,
-    props: {
-      shouldDisableDate,
-      shouldDisableMonth,
-      shouldDisableYear,
-      minDate,
-      maxDate,
-      disableFuture,
-      disablePast
-    }
-  }) !== null, [adapter, shouldDisableDate, shouldDisableMonth, shouldDisableYear, minDate, maxDate, disableFuture, disablePast]);
 };

package/internals/{hooks/validation/useDateTimeValidation.d.ts → utils/validation/validateDateTime.d.ts}

@@ -1,6 +1,6 @@
-import { Validator } from './useValidation';
-import { DateComponentValidationProps } from './useDateValidation';
-import { TimeComponentValidationProps } from './useTimeValidation';
+import { Validator } from '../../hooks/useValidation';
+import { DateComponentValidationProps } from './validateDate';
+import { TimeComponentValidationProps } from './validateTime';
 import { DateTimeValidationError } from '../../../models';
 export interface DateTimeComponentValidationProps<TDate> extends DateComponentValidationProps<TDate>, TimeComponentValidationProps<TDate> {
 }

package/{modern/internals/hooks/validation/useDateTimeValidation.js → internals/utils/validation/validateDateTime.js}

@@ -1,5 +1,5 @@
-import { validateDate } from './useDateValidation';
-import { validateTime } from './useTimeValidation';
+import { validateDate } from './validateDate';
+import { validateTime } from './validateTime';
 export const validateDateTime = ({
   props,
   value,

package/internals/{hooks/validation/useTimeValidation.d.ts → utils/validation/validateTime.d.ts}

@@ -1,5 +1,5 @@
-import { Validator } from './useValidation';
-import { BaseTimeValidationProps, TimeValidationProps } from './models';
+import { Validator } from '../../hooks/useValidation';
+import { BaseTimeValidationProps, TimeValidationProps } from '../../models/validation';
 import { TimeValidationError } from '../../../models';
 export interface TimeComponentValidationProps<TDate> extends Required<BaseTimeValidationProps>, TimeValidationProps<TDate> {
 }

package/{modern/internals/hooks/validation/useTimeValidation.js → internals/utils/validation/validateTime.js}

@@ -1,4 +1,4 @@
-import { createIsAfterIgnoreDatePart } from '../../utils/time-utils';
+import { createIsAfterIgnoreDatePart } from '../time-utils';
 export const validateTime = ({
   adapter,
   value,

package/internals/utils/views.d.ts

@@ -1,7 +1,8 @@
-import { DateOrTimeView, DateView } from '../../models';
+import { DateView } from '../../models';
+import { DateOrTimeViewWithMeridiem } from '../models';
 export declare const isYearOnlyView: (views: readonly DateView[]) => views is readonly "year"[];
 export declare const isYearAndMonthViews: (views: readonly DateView[]) => views is readonly ("month" | "year")[];
-export declare const applyDefaultViewProps: <TView extends DateOrTimeView>({ openTo, defaultOpenTo, views, defaultViews, }: {
+export declare const applyDefaultViewProps: <TView extends DateOrTimeViewWithMeridiem>({ openTo, defaultOpenTo, views, defaultViews, }: {
     openTo: TView | undefined;
     defaultOpenTo: TView;
     views: readonly TView[] | undefined;