@mui/x-date-pickers 7.22.2 → 8.0.0-alpha.0

package/node/hooks/usePickerTranslations.js

@@ -0,0 +1,10 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePickerTranslations = void 0;
+var _useUtils = require("../internals/hooks/useUtils");
+const usePickerTranslations = () => (0, _useUtils.useLocalizationContext)().localeText;
+exports.usePickerTranslations = usePickerTranslations;

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v7.22.2
+ * @mui/x-date-pickers v8.0.0-alpha.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/internals/components/PickerProvider.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PickerPrivateContext = exports.PickerContext = void 0;
+exports.PickerProvider = PickerProvider;
+var React = _interopRequireWildcard(require("react"));
+var _LocalizationProvider = require("../../LocalizationProvider");
+var _jsxRuntime = require("react/jsx-runtime");
+const PickerContext = exports.PickerContext = /*#__PURE__*/React.createContext(null);
+const PickerPrivateContext = exports.PickerPrivateContext = /*#__PURE__*/React.createContext({
+  ownerState: {
+    isPickerDisabled: false,
+    isPickerReadOnly: false,
+    isPickerValueEmpty: false,
+    isPickerOpen: false
+  }
+});
+
+/**
+ * Provides the context for the various parts of a picker component:
+ * - contextValue: the context for the picker sub-components.
+ * - localizationProvider: the translations passed through the props and through a parent LocalizationProvider.
+ *
+ * @ignore - do not document.
+ */
+function PickerProvider(props) {
+  const {
+    contextValue,
+    privateContextValue,
+    localeText,
+    children
+  } = props;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(PickerContext.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PickerPrivateContext.Provider, {
+      value: privateContextValue,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_LocalizationProvider.LocalizationProvider, {
+        localeText: localeText,
+        children: children
+      })
+    })
+  });
+}

package/node/internals/hooks/useDesktopPicker/useDesktopPicker.js

@@ -17,7 +17,7 @@ var _useId = _interopRequireDefault(require("@mui/utils/useId"));
 var _PickersPopper = require("../../components/PickersPopper");
 var _usePicker = require("../usePicker");
 var _PickersLayout = require("../../../PickersLayout");
-var _PickersProvider = require("../../components/PickersProvider");
+var _PickerProvider = require("../../components/PickerProvider");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["props", "getOpenDialogAriaText"],
   _excluded2 = ["ownerState"],
@@ -63,14 +63,15 @@ const useDesktopPicker = _ref => {
     actions,
     hasUIView,
     layoutProps,
+    providerProps,
     renderCurrentView,
     shouldRestoreFocus,
     fieldProps: pickerFieldProps,
-    contextValue,
     ownerState
   } = (0, _usePicker.usePicker)((0, _extends2.default)({}, pickerParams, {
     props,
     fieldRef,
+    localeText,
     autoFocusView: true,
     additionalViewProps: {},
     wrapperVariant: 'desktop'
@@ -82,7 +83,7 @@ const useDesktopPicker = _ref => {
       additionalProps: {
         position: 'end'
       },
-      ownerState: props
+      ownerState
     }),
     inputAdornmentProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded2);
   const OpenPickerButton = slots.openPickerButton ?? _IconButton.default;
@@ -95,7 +96,7 @@ const useDesktopPicker = _ref => {
         'aria-label': getOpenDialogAriaText(pickerFieldProps.value),
         edge: inputAdornmentProps.position
       },
-      ownerState: props
+      ownerState
     }),
     openPickerButtonProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps2, _excluded3);
   const OpenPickerIcon = slots.openPickerIcon;
@@ -108,27 +109,32 @@ const useDesktopPicker = _ref => {
   const fieldProps = (0, _useSlotProps3.default)({
     elementType: Field,
     externalSlotProps: innerSlotProps?.field,
-    additionalProps: (0, _extends2.default)({}, pickerFieldProps, isToolbarHidden && {
-      id: labelId
-    }, {
+    additionalProps: (0, _extends2.default)({
+      // Internal props
       readOnly,
       disabled,
-      className,
-      sx,
       format,
       formatDensity,
       enableAccessibleFieldDOMStructure,
       selectedSections,
       onSelectedSectionsChange,
       timezone,
+      autoFocus: autoFocus && !props.open
+    }, pickerFieldProps, {
+      // onChange and value
+
+      // Forwarded props
+      className,
+      sx,
       label,
       name,
-      autoFocus: autoFocus && !props.open,
       focused: open ? true : undefined
-    }, inputRef ? {
+    }, isToolbarHidden && {
+      id: labelId
+    }, !!inputRef && {
       inputRef
-    } : {}),
-    ownerState: props
+    }),
+    ownerState
   });
 
   // TODO: Move to `useSlotProps` when https://github.com/mui/material-ui/pull/35088 will be merged
@@ -166,9 +172,7 @@ const useDesktopPicker = _ref => {
     }, innerSlotProps?.popper)
   });
   const handleFieldRef = (0, _useForkRef.default)(fieldRef, fieldProps.unstableFieldRef);
-  const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_PickersProvider.PickersProvider, {
-    contextValue: contextValue,
-    localeText: localeText,
+  const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_PickerProvider.PickerProvider, (0, _extends2.default)({}, providerProps, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Field, (0, _extends2.default)({}, fieldProps, {
       slots: slotsForField,
       slotProps: slotProps,
@@ -189,7 +193,7 @@ const useDesktopPicker = _ref => {
         children: renderCurrentView()
       }))
     }))]
-  });
+  }));
   return {
     renderPicker
   };

package/node/internals/hooks/useField/useField.js

@@ -25,7 +25,7 @@ const useField = params => {
     internalProps: {
       unstableFieldRef,
       minutesStep,
-      enableAccessibleFieldDOMStructure = false,
+      enableAccessibleFieldDOMStructure = true,
       disabled = false,
       readOnly = false
     },

package/node/internals/hooks/useField/useField.utils.js

@@ -598,7 +598,8 @@ const parseSelectedSections = (selectedSections, sections) => {
     return 'all';
   }
   if (typeof selectedSections === 'string') {
-    return sections.findIndex(section => section.type === selectedSections);
+    const index = sections.findIndex(section => section.type === selectedSections);
+    return index === -1 ? null : index;
   }
   return selectedSections;
 };

package/node/internals/hooks/useField/useFieldState.js

@@ -10,7 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _useControlled = _interopRequireDefault(require("@mui/utils/useControlled"));
 var _RtlProvider = require("@mui/system/RtlProvider");
-var _usePickersTranslations = require("../../../hooks/usePickersTranslations");
+var _usePickerTranslations = require("../../../hooks/usePickerTranslations");
 var _useUtils = require("../useUtils");
 var _useField = require("./useField.utils");
 var _buildSectionsFromFormat = require("./buildSectionsFromFormat");
@@ -18,7 +18,7 @@ var _useValueWithTimezone = require("../useValueWithTimezone");
 var _getDefaultReferenceDate = require("../../utils/getDefaultReferenceDate");
 const useFieldState = params => {
   const utils = (0, _useUtils.useUtils)();
-  const translations = (0, _usePickersTranslations.usePickersTranslations)();
+  const translations = (0, _usePickerTranslations.usePickerTranslations)();
   const adapter = (0, _useUtils.useLocalizationContext)();
   const isRtl = (0, _RtlProvider.useRtl)();
   const {
@@ -38,7 +38,7 @@ const useFieldState = params => {
       onSelectedSectionsChange,
       shouldRespectLeadingZeros = false,
       timezone: timezoneProp,
-      enableAccessibleFieldDOMStructure = false
+      enableAccessibleFieldDOMStructure = true
     }
   } = params;
   const {

package/node/internals/hooks/useField/useFieldV7TextField.js

@@ -13,7 +13,7 @@ var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedE
 var _useId = _interopRequireDefault(require("@mui/utils/useId"));
 var _useField = require("./useField.utils");
 var _utils = require("../../utils/utils");
-var _usePickersTranslations = require("../../../hooks/usePickersTranslations");
+var _usePickerTranslations = require("../../../hooks/usePickerTranslations");
 var _useUtils = require("../useUtils");
 const useFieldV7TextField = params => {
   const {
@@ -47,7 +47,7 @@ const useFieldV7TextField = params => {
   } = params;
   const sectionListRef = React.useRef(null);
   const handleSectionListRef = (0, _useForkRef.default)(inSectionListRef, sectionListRef);
-  const translations = (0, _usePickersTranslations.usePickersTranslations)();
+  const translations = (0, _usePickerTranslations.usePickerTranslations)();
   const utils = (0, _useUtils.useUtils)();
   const id = (0, _useId.default)();
   const [focused, setFocused] = React.useState(false);

package/node/internals/hooks/useMobilePicker/useMobilePicker.js

@@ -16,7 +16,7 @@ var _PickersModalDialog = require("../../components/PickersModalDialog");
 var _usePicker = require("../usePicker");
 var _utils = require("../../utils/utils");
 var _PickersLayout = require("../../../PickersLayout");
-var _PickersProvider = require("../../components/PickersProvider");
+var _PickerProvider = require("../../components/PickerProvider");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["props", "getOpenDialogAriaText"];
 /**
@@ -56,12 +56,14 @@ const useMobilePicker = _ref => {
     open,
     actions,
     layoutProps,
+    providerProps,
     renderCurrentView,
     fieldProps: pickerFieldProps,
-    contextValue
+    ownerState
   } = (0, _usePicker.usePicker)((0, _extends2.default)({}, pickerParams, {
     props,
     fieldRef,
+    localeText,
     autoFocusView: true,
     additionalViewProps: {},
     wrapperVariant: 'mobile'
@@ -70,28 +72,33 @@ const useMobilePicker = _ref => {
   const fieldProps = (0, _useSlotProps.default)({
     elementType: Field,
     externalSlotProps: innerSlotProps?.field,
-    additionalProps: (0, _extends2.default)({}, pickerFieldProps, isToolbarHidden && {
-      id: labelId
-    }, !(disabled || readOnly) && {
-      onClick: actions.onOpen,
-      onKeyDown: (0, _utils.onSpaceOrEnter)(actions.onOpen)
-    }, {
+    additionalProps: (0, _extends2.default)({
+      // Internal props
       readOnly: readOnly ?? true,
       disabled,
-      className,
-      sx,
       format,
       formatDensity,
       enableAccessibleFieldDOMStructure,
       selectedSections,
       onSelectedSectionsChange,
-      timezone,
+      timezone
+    }, pickerFieldProps, {
+      // onChange and value
+
+      // Forwarded props
+      className,
+      sx,
       label,
       name
-    }, inputRef ? {
+    }, isToolbarHidden && {
+      id: labelId
+    }, !(disabled || readOnly) && {
+      onClick: actions.onOpen,
+      onKeyDown: (0, _utils.onSpaceOrEnter)(actions.onOpen)
+    }, !!inputRef && {
       inputRef
-    } : {}),
-    ownerState: props
+    }),
+    ownerState
   });
 
   // TODO: Move to `useSlotProps` when https://github.com/mui/material-ui/pull/35088 will be merged
@@ -119,9 +126,7 @@ const useMobilePicker = _ref => {
     }, innerSlotProps?.mobilePaper)
   });
   const handleFieldRef = (0, _useForkRef.default)(fieldRef, fieldProps.unstableFieldRef);
-  const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_PickersProvider.PickersProvider, {
-    contextValue: contextValue,
-    localeText: localeText,
+  const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_PickerProvider.PickerProvider, (0, _extends2.default)({}, providerProps, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Field, (0, _extends2.default)({}, fieldProps, {
       slots: slotsForField,
       slotProps: slotProps,
@@ -136,7 +141,7 @@ const useMobilePicker = _ref => {
         children: renderCurrentView()
       }))
     }))]
-  });
+  }));
   return {
     renderPicker
   };

package/node/internals/hooks/usePicker/usePicker.js

@@ -9,6 +9,7 @@ var _usePickerValue = require("./usePickerValue");
 var _usePickerViews = require("./usePickerViews");
 var _usePickerLayoutProps = require("./usePickerLayoutProps");
 var _usePickerOwnerState = require("./usePickerOwnerState");
+var _usePickerProvider = require("./usePickerProvider");
 const usePicker = ({
   props,
   valueManager,
@@ -18,7 +19,8 @@ const usePicker = ({
   validator,
   autoFocusView,
   rendererInterceptor,
-  fieldRef
+  fieldRef,
+  localeText
 }) => {
   if (process.env.NODE_ENV !== 'production') {
     if (props.renderInput != null) {
@@ -48,7 +50,13 @@ const usePicker = ({
   });
   const pickerOwnerState = (0, _usePickerOwnerState.usePickerOwnerState)({
     props,
-    pickerValueResponse
+    pickerValueResponse,
+    valueManager
+  });
+  const providerProps = (0, _usePickerProvider.usePickerProvider)({
+    pickerValueResponse,
+    ownerState: pickerOwnerState,
+    localeText
   });
   return {
     // Picker value
@@ -61,8 +69,8 @@ const usePicker = ({
     shouldRestoreFocus: pickerViewsResponse.shouldRestoreFocus,
     // Picker layout
     layoutProps: pickerLayoutResponse.layoutProps,
-    // Picker context
-    contextValue: pickerValueResponse.contextValue,
+    // Picker provider
+    providerProps,
     // Picker owner state
     ownerState: pickerOwnerState
   };

package/node/internals/hooks/usePicker/usePickerOwnerState.js

@@ -6,15 +6,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.usePickerOwnerState = usePickerOwnerState;
 var React = _interopRequireWildcard(require("react"));
+var _useUtils = require("../useUtils");
 function usePickerOwnerState(parameters) {
   const {
     props,
-    pickerValueResponse
+    pickerValueResponse,
+    valueManager
   } = parameters;
+  const utils = (0, _useUtils.useUtils)();
   return React.useMemo(() => ({
-    value: pickerValueResponse.viewProps.value,
-    open: pickerValueResponse.open,
-    disabled: props.disabled ?? false,
-    readOnly: props.readOnly ?? false
-  }), [pickerValueResponse.viewProps.value, pickerValueResponse.open, props.disabled, props.readOnly]);
+    isPickerValueEmpty: valueManager.areValuesEqual(utils, pickerValueResponse.viewProps.value, valueManager.emptyValue),
+    isPickerOpen: pickerValueResponse.open,
+    isPickerDisabled: props.disabled ?? false,
+    isPickerReadOnly: props.readOnly ?? false
+  }), [utils, valueManager, pickerValueResponse.viewProps.value, pickerValueResponse.open, props.disabled, props.readOnly]);
 }

package/node/internals/hooks/usePicker/usePickerProvider.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePickerProvider = usePickerProvider;
+var React = _interopRequireWildcard(require("react"));
+function usePickerProvider(parameters) {
+  const {
+    pickerValueResponse,
+    ownerState,
+    localeText
+  } = parameters;
+  const contextValue = React.useMemo(() => ({
+    onOpen: pickerValueResponse.actions.onOpen,
+    onClose: pickerValueResponse.actions.onClose,
+    open: pickerValueResponse.open
+  }), [pickerValueResponse.actions.onOpen, pickerValueResponse.actions.onClose, pickerValueResponse.open]);
+  const privateContextValue = React.useMemo(() => ({
+    ownerState
+  }), [ownerState]);
+  return {
+    localeText,
+    contextValue,
+    privateContextValue
+  };
+}

package/node/internals/hooks/usePicker/usePickerValue.js

@@ -341,18 +341,12 @@ const usePickerValue = ({
     onSelectShortcut: handleSelectShortcut,
     isValid
   });
-  const contextValue = React.useMemo(() => ({
-    onOpen: handleOpen,
-    onClose: handleClose,
-    open: isOpen
-  }), [isOpen, handleClose, handleOpen]);
   return {
     open: isOpen,
     fieldProps: fieldResponse,
     viewProps: viewResponse,
     layoutProps: layoutResponse,
-    actions,
-    contextValue
+    actions
   };
 };
 exports.usePickerValue = usePickerValue;

package/node/internals/hooks/usePickerPrivateContext.js

@@ -0,0 +1,15 @@
+"use strict";
+'use client';
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePickerPrivateContext = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _PickerProvider = require("../components/PickerProvider");
+/**
+ * Returns the private context passed by the picker that wraps the current component.
+ */
+const usePickerPrivateContext = () => React.useContext(_PickerProvider.PickerPrivateContext);
+exports.usePickerPrivateContext = usePickerPrivateContext;

package/node/internals/hooks/useStaticPicker/useStaticPicker.js

@@ -12,7 +12,7 @@ var React = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _styles = require("@mui/material/styles");
 var _usePicker = require("../usePicker");
-var _LocalizationProvider = require("../../../LocalizationProvider");
+var _PickerProvider = require("../../components/PickerProvider");
 var _PickersLayout = require("../../../PickersLayout");
 var _dimensions = require("../../constants/dimensions");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -48,17 +48,18 @@ const useStaticPicker = _ref => {
   } = props;
   const {
     layoutProps,
+    providerProps,
     renderCurrentView
   } = (0, _usePicker.usePicker)((0, _extends2.default)({}, pickerParams, {
     props,
     autoFocusView: autoFocus ?? false,
     fieldRef: undefined,
+    localeText,
     additionalViewProps: {},
     wrapperVariant: displayStaticWrapperAs
   }));
   const Layout = slots?.layout ?? PickerStaticLayout;
-  const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_LocalizationProvider.LocalizationProvider, {
-    localeText: localeText,
+  const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickerProvider.PickerProvider, (0, _extends2.default)({}, providerProps, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Layout, (0, _extends2.default)({}, layoutProps, slotProps?.layout, {
       slots: slots,
       slotProps: slotProps,
@@ -67,7 +68,7 @@ const useStaticPicker = _ref => {
       ref: ref,
       children: renderCurrentView()
     }))
-  });
+  }));
   return {
     renderPicker
   };

package/node/internals/hooks/useViews.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useViews = useViews;
 var React = _interopRequireWildcard(require("react"));
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
-var _utils = require("@mui/utils");
+var _useControlled = _interopRequireDefault(require("@mui/utils/useControlled"));
 let warnedOnceNotValidView = false;
 function useViews({
   onChange,
@@ -35,14 +35,14 @@ function useViews({
   const previousOpenTo = React.useRef(openTo);
   const previousViews = React.useRef(views);
   const defaultView = React.useRef(views.includes(openTo) ? openTo : views[0]);
-  const [view, setView] = (0, _utils.unstable_useControlled)({
+  const [view, setView] = (0, _useControlled.default)({
     name: 'useViews',
     state: 'view',
     controlled: inView,
     default: defaultView.current
   });
   const defaultFocusedView = React.useRef(autoFocus ? view : null);
-  const [focusedView, setFocusedView] = (0, _utils.unstable_useControlled)({
+  const [focusedView, setFocusedView] = (0, _useControlled.default)({
     name: 'useViews',
     state: 'focusedView',
     controlled: inFocusedView,

package/node/internals/index.js

@@ -27,6 +27,12 @@ Object.defineProperty(exports, "DayCalendar", {
     return _DayCalendar.DayCalendar;
   }
 });
+Object.defineProperty(exports, "PickerProvider", {
+  enumerable: true,
+  get: function () {
+    return _PickerProvider.PickerProvider;
+  }
+});
 Object.defineProperty(exports, "PickersArrowSwitcher", {
   enumerable: true,
   get: function () {
@@ -45,12 +51,6 @@ Object.defineProperty(exports, "PickersPopper", {
     return _PickersPopper.PickersPopper;
   }
 });
-Object.defineProperty(exports, "PickersProvider", {
-  enumerable: true,
-  get: function () {
-    return _PickersProvider.PickersProvider;
-  }
-});
 Object.defineProperty(exports, "PickersToolbar", {
   enumerable: true,
   get: function () {
@@ -285,6 +285,12 @@ Object.defineProperty(exports, "usePicker", {
     return _usePicker.usePicker;
   }
 });
+Object.defineProperty(exports, "usePickerPrivateContext", {
+  enumerable: true,
+  get: function () {
+    return _usePickerPrivateContext.usePickerPrivateContext;
+  }
+});
 Object.defineProperty(exports, "usePreviousMonthDisabled", {
   enumerable: true,
   get: function () {
@@ -310,7 +316,7 @@ Object.defineProperty(exports, "useViews", {
   }
 });
 var _PickersArrowSwitcher = require("./components/PickersArrowSwitcher/PickersArrowSwitcher");
-var _PickersProvider = require("./components/PickersProvider");
+var _PickerProvider = require("./components/PickerProvider");
 var _PickersModalDialog = require("./components/PickersModalDialog");
 var _PickersPopper = require("./components/PickersPopper");
 var _PickersToolbar = require("./components/PickersToolbar");
@@ -324,6 +330,7 @@ var _dimensions = require("./constants/dimensions");
 var _useValueWithTimezone = require("./hooks/useValueWithTimezone");
 var _useField = require("./hooks/useField");
 var _usePicker = require("./hooks/usePicker");
+var _usePickerPrivateContext = require("./hooks/usePickerPrivateContext");
 var _useStaticPicker = require("./hooks/useStaticPicker");
 var _useUtils = require("./hooks/useUtils");
 var _useViews = require("./hooks/useViews");

package/node/internals/models/index.js

@@ -24,4 +24,26 @@ Object.keys(_common).forEach(function (key) {
       return _common[key];
     }
   });
+});
+var _value = require("./value");
+Object.keys(_value).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _value[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _value[key];
+    }
+  });
+});
+var _formProps = require("./formProps");
+Object.keys(_formProps).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _formProps[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _formProps[key];
+    }
+  });
 });

package/node/internals/models/props/time.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/node/internals/models/value.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/node/locales/beBY.js

@@ -39,7 +39,7 @@ const beBYPickers = {
   timePickerToolbarTitle: 'Абраць час',
   dateRangePickerToolbarTitle: 'Абраць каляндарны перыяд',
   // Clock labels
-  clockLabelText: (view, time, utils, formattedTime) => `Абярыце ${views[view]}. ${!formattedTime && (time === null || !utils.isValid(time)) ? 'Час не абраны' : `Абраны час ${formattedTime ?? utils.format(time, 'fullTime')}`}`,
+  clockLabelText: (view, formattedTime) => `Абярыце ${views[view]}. ${!formattedTime ? 'Час не абраны' : `Абраны час ${formattedTime}`}`,
   hoursClockNumberText: hours => `${hours} гадзін`,
   minutesClockNumberText: minutes => `${minutes} хвілін`,
   secondsClockNumberText: seconds => `${seconds} секунд`,
@@ -51,8 +51,8 @@ const beBYPickers = {
   calendarWeekNumberAriaLabelText: weekNumber => `Тыдзень ${weekNumber}`,
   calendarWeekNumberText: weekNumber => `${weekNumber}`,
   // Open picker labels
-  openDatePickerDialogue: (value, utils, formattedDate) => formattedDate || value !== null && utils.isValid(value) ? `Абраць дату, абрана дата  ${formattedDate ?? utils.format(value, 'fullDate')}` : 'Абраць дату',
-  openTimePickerDialogue: (value, utils, formattedTime) => formattedTime || value !== null && utils.isValid(value) ? `Абраць час, абрыны час  ${formattedTime ?? utils.format(value, 'fullTime')}` : 'Абраць час',
+  openDatePickerDialogue: formattedDate => formattedDate ? `Абраць дату, абрана дата  ${formattedDate}` : 'Абраць дату',
+  openTimePickerDialogue: formattedTime => formattedTime ? `Абраць час, абрыны час  ${formattedTime}` : 'Абраць час',
   // fieldClearLabel: 'Clear',
 
   // Table labels