@mui/x-date-pickers 7.16.0 → 7.17.0

package/node/DateField/useDateField.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -6,21 +7,21 @@ Object.defineProperty(exports, "__esModule", {
 exports.useDateField = void 0;
 var _valueManagers = require("../internals/utils/valueManagers");
 var _useField = require("../internals/hooks/useField");
-var _validateDate = require("../internals/utils/validation/validateDate");
-var _fields = require("../internals/utils/fields");
+var _validation = require("../validation");
+var _hooks = require("../hooks");
 var _defaultizedFieldProps = require("../internals/hooks/defaultizedFieldProps");
 const useDateField = inProps => {
   const props = (0, _defaultizedFieldProps.useDefaultizedDateField)(inProps);
   const {
     forwardedProps,
     internalProps
-  } = (0, _fields.splitFieldInternalAndForwardedProps)(props, 'date');
+  } = (0, _hooks.useSplitFieldProps)(props, 'date');
   return (0, _useField.useField)({
     forwardedProps,
     internalProps,
     valueManager: _valueManagers.singleItemValueManager,
     fieldValueManager: _valueManagers.singleItemFieldValueManager,
-    validator: _validateDate.validateDate,
+    validator: _validation.validateDate,
     valueType: 'date'
   });
 };

package/node/DatePicker/DatePicker.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;

package/node/DatePicker/DatePickerToolbar.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;

package/node/DateTimeField/DateTimeField.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;

package/node/DateTimeField/useDateTimeField.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -6,21 +7,21 @@ Object.defineProperty(exports, "__esModule", {
 exports.useDateTimeField = void 0;
 var _valueManagers = require("../internals/utils/valueManagers");
 var _useField = require("../internals/hooks/useField");
-var _validateDateTime = require("../internals/utils/validation/validateDateTime");
-var _fields = require("../internals/utils/fields");
+var _validation = require("../validation");
+var _hooks = require("../hooks");
 var _defaultizedFieldProps = require("../internals/hooks/defaultizedFieldProps");
 const useDateTimeField = inProps => {
   const props = (0, _defaultizedFieldProps.useDefaultizedDateTimeField)(inProps);
   const {
     forwardedProps,
     internalProps
-  } = (0, _fields.splitFieldInternalAndForwardedProps)(props, 'date-time');
+  } = (0, _hooks.useSplitFieldProps)(props, 'date-time');
   return (0, _useField.useField)({
     forwardedProps,
     internalProps,
     valueManager: _valueManagers.singleItemValueManager,
     fieldValueManager: _valueManagers.singleItemFieldValueManager,
-    validator: _validateDateTime.validateDateTime,
+    validator: _validation.validateDateTime,
     valueType: 'date-time'
   });
 };

package/node/DateTimePicker/DateTimePicker.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;

package/node/DateTimePicker/DateTimePickerTabs.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;

package/node/DateTimePicker/DateTimePickerToolbar.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;

package/node/DayCalendarSkeleton/DayCalendarSkeleton.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;

package/node/DesktopDatePicker/DesktopDatePicker.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
@@ -15,13 +16,13 @@ var _valueManagers = require("../internals/utils/valueManagers");
 var _shared = require("../DatePicker/shared");
 var _usePickersTranslations = require("../hooks/usePickersTranslations");
 var _useUtils = require("../internals/hooks/useUtils");
-var _validateDate = require("../internals/utils/validation/validateDate");
+var _validation = require("../validation");
 var _useDesktopPicker = require("../internals/hooks/useDesktopPicker");
 var _icons = require("../icons");
 var _DateField = require("../DateField");
-var _extractValidationProps = require("../internals/utils/validation/extractValidationProps");
 var _dateViewRenderers = require("../dateViewRenderers");
 var _dateUtils = require("../internals/utils/date-utils");
+var _getPickersLocalization = require("../locales/utils/getPickersLocalization");
 /**
  * Demos:
  *
@@ -54,7 +55,7 @@ const DesktopDatePicker = exports.DesktopDatePicker = /*#__PURE__*/React.forward
       field: _DateField.DateField
     }, defaultizedProps.slots),
     slotProps: (0, _extends2.default)({}, defaultizedProps.slotProps, {
-      field: ownerState => (0, _extends2.default)({}, (0, _resolveComponentProps.default)(defaultizedProps.slotProps?.field, ownerState), (0, _extractValidationProps.extractValidationProps)(defaultizedProps), {
+      field: ownerState => (0, _extends2.default)({}, (0, _resolveComponentProps.default)(defaultizedProps.slotProps?.field, ownerState), (0, _validation.extractValidationProps)(defaultizedProps), {
         ref
       }),
       toolbar: (0, _extends2.default)({
@@ -68,8 +69,13 @@ const DesktopDatePicker = exports.DesktopDatePicker = /*#__PURE__*/React.forward
     props,
     valueManager: _valueManagers.singleItemValueManager,
     valueType: 'date',
-    getOpenDialogAriaText: props.localeText?.openDatePickerDialogue ?? translations.openDatePickerDialogue,
-    validator: _validateDate.validateDate
+    getOpenDialogAriaText: (0, _getPickersLocalization.buildGetOpenDialogAriaText)({
+      utils,
+      formatKey: 'fullDate',
+      contextTranslation: translations.openDatePickerDialogue,
+      propsTranslation: props.localeText?.openDatePickerDialogue
+    }),
+    validator: _validation.validateDate
   });
   return renderPicker();
 });

package/node/DesktopDateTimePicker/DesktopDateTimePicker.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
@@ -19,10 +20,9 @@ var _shared = require("../DateTimePicker/shared");
 var _dateViewRenderers = require("../dateViewRenderers/dateViewRenderers");
 var _usePickersTranslations = require("../hooks/usePickersTranslations");
 var _useUtils = require("../internals/hooks/useUtils");
-var _validateDateTime = require("../internals/utils/validation/validateDateTime");
+var _validation = require("../validation");
 var _icons = require("../icons");
 var _useDesktopPicker = require("../internals/hooks/useDesktopPicker");
-var _extractValidationProps = require("../internals/utils/validation/extractValidationProps");
 var _dateTimeUtils = require("../internals/utils/date-time-utils");
 var _timeViewRenderers = require("../timeViewRenderers");
 var _MultiSectionDigitalClock = require("../MultiSectionDigitalClock");
@@ -31,6 +31,7 @@ var _DesktopDateTimePickerLayout = require("./DesktopDateTimePickerLayout");
 var _dimensions = require("../internals/constants/dimensions");
 var _timeUtils = require("../internals/utils/time-utils");
 var _dateUtils = require("../internals/utils/date-utils");
+var _getPickersLocalization = require("../locales/utils/getPickersLocalization");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["openTo", "focusedView", "timeViewsCount"];
 const rendererInterceptor = function rendererInterceptor(inViewRenderers, popperView, rendererProps) {
@@ -132,7 +133,7 @@ const DesktopDateTimePicker = exports.DesktopDateTimePicker = /*#__PURE__*/React
       openPickerIcon: _icons.CalendarIcon
     }, defaultizedProps.slots),
     slotProps: (0, _extends2.default)({}, defaultizedProps.slotProps, {
-      field: ownerState => (0, _extends2.default)({}, (0, _resolveComponentProps.default)(defaultizedProps.slotProps?.field, ownerState), (0, _extractValidationProps.extractValidationProps)(defaultizedProps), {
+      field: ownerState => (0, _extends2.default)({}, (0, _resolveComponentProps.default)(defaultizedProps.slotProps?.field, ownerState), (0, _validation.extractValidationProps)(defaultizedProps), {
         ref
       }),
       toolbar: (0, _extends2.default)({
@@ -154,8 +155,13 @@ const DesktopDateTimePicker = exports.DesktopDateTimePicker = /*#__PURE__*/React
     props,
     valueManager: _valueManagers.singleItemValueManager,
     valueType: 'date-time',
-    getOpenDialogAriaText: props.localeText?.openDatePickerDialogue ?? translations.openDatePickerDialogue,
-    validator: _validateDateTime.validateDateTime,
+    getOpenDialogAriaText: (0, _getPickersLocalization.buildGetOpenDialogAriaText)({
+      utils,
+      formatKey: 'fullDate',
+      contextTranslation: translations.openDatePickerDialogue,
+      propsTranslation: props.localeText?.openDatePickerDialogue
+    }),
+    validator: _validation.validateDateTime,
     rendererInterceptor
   });
   return renderPicker();

package/node/DesktopTimePicker/DesktopTimePicker.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
@@ -16,13 +17,13 @@ var _TimeField = require("../TimeField");
 var _shared = require("../TimePicker/shared");
 var _usePickersTranslations = require("../hooks/usePickersTranslations");
 var _useUtils = require("../internals/hooks/useUtils");
-var _validateTime = require("../internals/utils/validation/validateTime");
+var _validation = require("../validation");
 var _icons = require("../icons");
 var _useDesktopPicker = require("../internals/hooks/useDesktopPicker");
-var _extractValidationProps = require("../internals/utils/validation/extractValidationProps");
 var _timeViewRenderers = require("../timeViewRenderers");
 var _timeUtils = require("../internals/utils/time-utils");
 var _dateTimeUtils = require("../internals/utils/date-time-utils");
+var _getPickersLocalization = require("../locales/utils/getPickersLocalization");
 /**
  * Demos:
  *
@@ -71,7 +72,7 @@ const DesktopTimePicker = exports.DesktopTimePicker = /*#__PURE__*/React.forward
       openPickerIcon: _icons.ClockIcon
     }, defaultizedProps.slots),
     slotProps: (0, _extends2.default)({}, defaultizedProps.slotProps, {
-      field: ownerState => (0, _extends2.default)({}, (0, _resolveComponentProps.default)(defaultizedProps.slotProps?.field, ownerState), (0, _extractValidationProps.extractValidationProps)(defaultizedProps), {
+      field: ownerState => (0, _extends2.default)({}, (0, _resolveComponentProps.default)(defaultizedProps.slotProps?.field, ownerState), (0, _validation.extractValidationProps)(defaultizedProps), {
         ref
       }),
       toolbar: (0, _extends2.default)({
@@ -89,8 +90,13 @@ const DesktopTimePicker = exports.DesktopTimePicker = /*#__PURE__*/React.forward
     props,
     valueManager: _valueManagers.singleItemValueManager,
     valueType: 'time',
-    getOpenDialogAriaText: props.localeText?.openTimePickerDialogue ?? translations.openTimePickerDialogue,
-    validator: _validateTime.validateTime
+    getOpenDialogAriaText: (0, _getPickersLocalization.buildGetOpenDialogAriaText)({
+      utils,
+      formatKey: 'fullTime',
+      contextTranslation: translations.openTimePickerDialogue,
+      propsTranslation: props.localeText?.openTimePickerDialogue
+    }),
+    validator: _validation.validateTime
   });
   return renderPicker();
 });

package/node/DigitalClock/DigitalClock.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;

package/node/LocalizationProvider/LocalizationProvider.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;

package/node/MobileDatePicker/MobileDatePicker.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
@@ -15,12 +16,12 @@ var _useMobilePicker = require("../internals/hooks/useMobilePicker");
 var _shared = require("../DatePicker/shared");
 var _usePickersTranslations = require("../hooks/usePickersTranslations");
 var _useUtils = require("../internals/hooks/useUtils");
-var _validateDate = require("../internals/utils/validation/validateDate");
+var _validation = require("../validation");
 var _DateField = require("../DateField");
-var _extractValidationProps = require("../internals/utils/validation/extractValidationProps");
 var _valueManagers = require("../internals/utils/valueManagers");
 var _dateViewRenderers = require("../dateViewRenderers");
 var _dateUtils = require("../internals/utils/date-utils");
+var _getPickersLocalization = require("../locales/utils/getPickersLocalization");
 /**
  * Demos:
  *
@@ -51,7 +52,7 @@ const MobileDatePicker = exports.MobileDatePicker = /*#__PURE__*/React.forwardRe
       field: _DateField.DateField
     }, defaultizedProps.slots),
     slotProps: (0, _extends2.default)({}, defaultizedProps.slotProps, {
-      field: ownerState => (0, _extends2.default)({}, (0, _resolveComponentProps.default)(defaultizedProps.slotProps?.field, ownerState), (0, _extractValidationProps.extractValidationProps)(defaultizedProps), {
+      field: ownerState => (0, _extends2.default)({}, (0, _resolveComponentProps.default)(defaultizedProps.slotProps?.field, ownerState), (0, _validation.extractValidationProps)(defaultizedProps), {
         ref
       }),
       toolbar: (0, _extends2.default)({
@@ -65,8 +66,13 @@ const MobileDatePicker = exports.MobileDatePicker = /*#__PURE__*/React.forwardRe
     props,
     valueManager: _valueManagers.singleItemValueManager,
     valueType: 'date',
-    getOpenDialogAriaText: props.localeText?.openDatePickerDialogue ?? translations.openDatePickerDialogue,
-    validator: _validateDate.validateDate
+    getOpenDialogAriaText: (0, _getPickersLocalization.buildGetOpenDialogAriaText)({
+      utils,
+      formatKey: 'fullDate',
+      contextTranslation: translations.openDatePickerDialogue,
+      propsTranslation: props.localeText?.openDatePickerDialogue
+    }),
+    validator: _validation.validateDate
   });
   return renderPicker();
 });

package/node/MobileDateTimePicker/MobileDateTimePicker.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
@@ -16,12 +17,12 @@ var _DateTimeField = require("../DateTimeField");
 var _shared = require("../DateTimePicker/shared");
 var _usePickersTranslations = require("../hooks/usePickersTranslations");
 var _useUtils = require("../internals/hooks/useUtils");
-var _validateDateTime = require("../internals/utils/validation/validateDateTime");
+var _validation = require("../validation");
 var _useMobilePicker = require("../internals/hooks/useMobilePicker");
-var _extractValidationProps = require("../internals/utils/validation/extractValidationProps");
 var _dateViewRenderers = require("../dateViewRenderers");
 var _timeViewRenderers = require("../timeViewRenderers");
 var _dateTimeUtils = require("../internals/utils/date-time-utils");
+var _getPickersLocalization = require("../locales/utils/getPickersLocalization");
 /**
  * Demos:
  *
@@ -57,7 +58,7 @@ const MobileDateTimePicker = exports.MobileDateTimePicker = /*#__PURE__*/React.f
       field: _DateTimeField.DateTimeField
     }, defaultizedProps.slots),
     slotProps: (0, _extends2.default)({}, defaultizedProps.slotProps, {
-      field: ownerState => (0, _extends2.default)({}, (0, _resolveComponentProps.default)(defaultizedProps.slotProps?.field, ownerState), (0, _extractValidationProps.extractValidationProps)(defaultizedProps), {
+      field: ownerState => (0, _extends2.default)({}, (0, _resolveComponentProps.default)(defaultizedProps.slotProps?.field, ownerState), (0, _validation.extractValidationProps)(defaultizedProps), {
         ref
       }),
       toolbar: (0, _extends2.default)({
@@ -75,8 +76,13 @@ const MobileDateTimePicker = exports.MobileDateTimePicker = /*#__PURE__*/React.f
     props,
     valueManager: _valueManagers.singleItemValueManager,
     valueType: 'date-time',
-    getOpenDialogAriaText: props.localeText?.openDatePickerDialogue ?? translations.openDatePickerDialogue,
-    validator: _validateDateTime.validateDateTime
+    getOpenDialogAriaText: (0, _getPickersLocalization.buildGetOpenDialogAriaText)({
+      utils,
+      formatKey: 'fullDate',
+      contextTranslation: translations.openDatePickerDialogue,
+      propsTranslation: props.localeText?.openDatePickerDialogue
+    }),
+    validator: _validation.validateDateTime
   });
   return renderPicker();
 });

package/node/MobileTimePicker/MobileTimePicker.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
@@ -16,11 +17,11 @@ var _TimeField = require("../TimeField");
 var _shared = require("../TimePicker/shared");
 var _usePickersTranslations = require("../hooks/usePickersTranslations");
 var _useUtils = require("../internals/hooks/useUtils");
-var _validateTime = require("../internals/utils/validation/validateTime");
+var _validation = require("../validation");
 var _useMobilePicker = require("../internals/hooks/useMobilePicker");
-var _extractValidationProps = require("../internals/utils/validation/extractValidationProps");
 var _timeViewRenderers = require("../timeViewRenderers");
 var _timeUtils = require("../internals/utils/time-utils");
+var _getPickersLocalization = require("../locales/utils/getPickersLocalization");
 /**
  * Demos:
  *
@@ -53,7 +54,7 @@ const MobileTimePicker = exports.MobileTimePicker = /*#__PURE__*/React.forwardRe
       field: _TimeField.TimeField
     }, defaultizedProps.slots),
     slotProps: (0, _extends2.default)({}, defaultizedProps.slotProps, {
-      field: ownerState => (0, _extends2.default)({}, (0, _resolveComponentProps.default)(defaultizedProps.slotProps?.field, ownerState), (0, _extractValidationProps.extractValidationProps)(defaultizedProps), {
+      field: ownerState => (0, _extends2.default)({}, (0, _resolveComponentProps.default)(defaultizedProps.slotProps?.field, ownerState), (0, _validation.extractValidationProps)(defaultizedProps), {
         ref
       }),
       toolbar: (0, _extends2.default)({
@@ -68,8 +69,13 @@ const MobileTimePicker = exports.MobileTimePicker = /*#__PURE__*/React.forwardRe
     props,
     valueManager: _valueManagers.singleItemValueManager,
     valueType: 'time',
-    getOpenDialogAriaText: props.localeText?.openTimePickerDialogue ?? translations.openTimePickerDialogue,
-    validator: _validateTime.validateTime
+    getOpenDialogAriaText: (0, _getPickersLocalization.buildGetOpenDialogAriaText)({
+      utils,
+      formatKey: 'fullTime',
+      contextTranslation: translations.openTimePickerDialogue,
+      propsTranslation: props.localeText?.openTimePickerDialogue
+    }),
+    validator: _validation.validateTime
   });
   return renderPicker();
 });

package/node/MonthCalendar/MonthCalendar.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;

package/node/MultiSectionDigitalClock/MultiSectionDigitalClock.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;

package/node/PickersActionBar/PickersActionBar.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;

package/node/PickersCalendarHeader/PickersCalendarHeader.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;

package/node/PickersDay/PickersDay.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;

package/node/PickersLayout/PickersLayout.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;

package/node/PickersLayout/usePickerLayout.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;

package/node/PickersSectionList/PickersSectionList.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;

package/node/PickersShortcuts/PickersShortcuts.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;

package/node/PickersTextField/PickersTextField.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;

package/node/StaticDatePicker/StaticDatePicker.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
@@ -12,7 +13,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _shared = require("../DatePicker/shared");
 var _dateViewRenderers = require("../dateViewRenderers");
 var _useStaticPicker = require("../internals/hooks/useStaticPicker");
-var _validateDate = require("../internals/utils/validation/validateDate");
+var _validation = require("../validation");
 var _valueManagers = require("../internals/utils/valueManagers");
 /**
  * Demos:
@@ -50,7 +51,7 @@ const StaticDatePicker = exports.StaticDatePicker = /*#__PURE__*/React.forwardRe
     props,
     valueManager: _valueManagers.singleItemValueManager,
     valueType: 'date',
-    validator: _validateDate.validateDate,
+    validator: _validation.validateDate,
     ref
   });
   return renderPicker();

package/node/StaticDateTimePicker/StaticDateTimePicker.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
@@ -14,7 +15,7 @@ var _timeViewRenderers = require("../timeViewRenderers");
 var _dateViewRenderers = require("../dateViewRenderers");
 var _valueManagers = require("../internals/utils/valueManagers");
 var _useStaticPicker = require("../internals/hooks/useStaticPicker");
-var _validateDateTime = require("../internals/utils/validation/validateDateTime");
+var _validation = require("../validation");
 /**
  * Demos:
  *
@@ -60,7 +61,7 @@ const StaticDateTimePicker = exports.StaticDateTimePicker = /*#__PURE__*/React.f
     props,
     valueManager: _valueManagers.singleItemValueManager,
     valueType: 'date-time',
-    validator: _validateDateTime.validateDateTime,
+    validator: _validation.validateDateTime,
     ref
   });
   return renderPicker();

package/node/StaticTimePicker/StaticTimePicker.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
@@ -13,7 +14,7 @@ var _shared = require("../TimePicker/shared");
 var _timeViewRenderers = require("../timeViewRenderers");
 var _valueManagers = require("../internals/utils/valueManagers");
 var _useStaticPicker = require("../internals/hooks/useStaticPicker");
-var _validateTime = require("../internals/utils/validation/validateTime");
+var _validation = require("../validation");
 /**
  * Demos:
  *
@@ -52,7 +53,7 @@ const StaticTimePicker = exports.StaticTimePicker = /*#__PURE__*/React.forwardRe
     props,
     valueManager: _valueManagers.singleItemValueManager,
     valueType: 'time',
-    validator: _validateTime.validateTime,
+    validator: _validation.validateTime,
     ref
   });
   return renderPicker();

package/node/TimeClock/Clock.js

@@ -316,7 +316,7 @@ function Clock(inProps) {
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ClockWrapper, {
         "aria-activedescendant": selectedId,
-        "aria-label": translations.clockLabelText(type, value, utils),
+        "aria-label": translations.clockLabelText(type, value, utils, value == null ? null : utils.format(value, 'fullTime')),
         ref: listboxRef,
         role: "listbox",
         onKeyDown: handleKeyDown,

package/node/TimeClock/TimeClock.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;

package/node/TimeField/TimeField.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;

package/node/TimeField/useTimeField.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -6,21 +7,21 @@ Object.defineProperty(exports, "__esModule", {
 exports.useTimeField = void 0;
 var _valueManagers = require("../internals/utils/valueManagers");
 var _useField = require("../internals/hooks/useField");
-var _validateTime = require("../internals/utils/validation/validateTime");
-var _fields = require("../internals/utils/fields");
+var _validation = require("../validation");
+var _hooks = require("../hooks");
 var _defaultizedFieldProps = require("../internals/hooks/defaultizedFieldProps");
 const useTimeField = inProps => {
   const props = (0, _defaultizedFieldProps.useDefaultizedTimeField)(inProps);
   const {
     forwardedProps,
     internalProps
-  } = (0, _fields.splitFieldInternalAndForwardedProps)(props, 'time');
+  } = (0, _hooks.useSplitFieldProps)(props, 'time');
   return (0, _useField.useField)({
     forwardedProps,
     internalProps,
     valueManager: _valueManagers.singleItemValueManager,
     fieldValueManager: _valueManagers.singleItemFieldValueManager,
-    validator: _validateTime.validateTime,
+    validator: _validation.validateTime,
     valueType: 'time'
   });
 };

package/node/TimePicker/TimePicker.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;

package/node/TimePicker/TimePickerToolbar.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;