@mui/x-date-pickers 8.0.0-alpha.2 → 8.0.0-alpha.4

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

@@ -158,8 +158,8 @@ const usePickerValue = ({
   const utils = (0, _useUtils.useUtils)();
   const adapter = (0, _useUtils.useLocalizationContext)();
   const {
-    isOpen,
-    setIsOpen
+    open,
+    setOpen
   } = (0, _useOpenState.useOpenState)(props);
   const {
     timezone,
@@ -245,7 +245,7 @@ const usePickerValue = ({
       onAccept(action.value, getContext());
     }
     if (shouldClose) {
-      setIsOpen(false);
+      setOpen(false);
     }
   });
   if (dateState.lastControlledValue !== inValueWithoutRenderTimezone) {
@@ -296,11 +296,11 @@ const usePickerValue = ({
   });
   const handleOpen = (0, _useEventCallback.default)(event => {
     event.preventDefault();
-    setIsOpen(true);
+    setOpen(true);
   });
   const handleClose = (0, _useEventCallback.default)(event => {
     event?.preventDefault();
-    setIsOpen(false);
+    setOpen(false);
   });
   const handleChange = (0, _useEventCallback.default)((newValue, selectionState = 'partial') => updateDate({
     name: 'setValueFromView',
@@ -331,12 +331,12 @@ const usePickerValue = ({
     value: dateState.draft,
     onChange: handleChangeFromField
   };
-  const viewValue = React.useMemo(() => valueManager.cleanValue(utils, dateState.draft), [utils, valueManager, dateState.draft]);
+  const valueWithoutError = React.useMemo(() => valueManager.cleanValue(utils, dateState.draft), [utils, valueManager, dateState.draft]);
   const viewResponse = {
-    value: viewValue,
+    value: valueWithoutError,
     onChange: handleChange,
     onClose: handleClose,
-    open: isOpen
+    open
   };
   const isValid = testedValue => {
     const error = validator({
@@ -348,17 +348,28 @@ const usePickerValue = ({
     return !valueManager.hasError(error);
   };
   const layoutResponse = (0, _extends2.default)({}, actions, {
-    value: viewValue,
+    value: valueWithoutError,
     onChange: handleChange,
     onSelectShortcut: handleSelectShortcut,
     isValid
   });
+  const contextValue = React.useMemo(() => {
+    return {
+      open,
+      setOpen
+    };
+  }, [open, setOpen]);
+  const providerParams = {
+    value: valueWithoutError,
+    contextValue
+  };
   return {
-    open: isOpen,
+    open,
     fieldProps: fieldResponse,
     viewProps: viewResponse,
     layoutProps: layoutResponse,
-    actions
+    actions,
+    provider: providerParams
   };
 };
 exports.usePickerValue = usePickerValue;

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

@@ -18,10 +18,6 @@ const _excluded = ["className", "sx"];
  * Props used to handle the views that are common to all pickers.
  */
 
-/**
- * Props used to handle the views of the pickers.
- */
-
 /**
  * Props used to handle the value of the pickers.
  */
@@ -139,11 +135,14 @@ const usePickerViews = ({
     view: popperView,
     onViewChange: setView
   };
-  return {
+  const providerParams = {
     hasUIView,
-    views,
+    views
+  };
+  return {
     shouldRestoreFocus,
     layoutProps,
+    provider: providerParams,
     renderCurrentView: () => {
       if (popperView == null) {
         return null;

package/node/internals/hooks/useToolbarOwnerState.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useToolbarOwnerState = useToolbarOwnerState;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _RtlProvider = require("@mui/system/RtlProvider");
+var _usePickerPrivateContext = require("./usePickerPrivateContext");
+function useToolbarOwnerState() {
+  const {
+    ownerState: pickerOwnerState
+  } = (0, _usePickerPrivateContext.usePickerPrivateContext)();
+  const isRtl = (0, _RtlProvider.useRtl)();
+  return React.useMemo(() => (0, _extends2.default)({}, pickerOwnerState, {
+    toolbarDirection: isRtl ? 'rtl' : 'ltr'
+  }), [pickerOwnerState, isRtl]);
+}

package/node/internals/index.js

@@ -21,6 +21,12 @@ Object.defineProperty(exports, "DIALOG_WIDTH", {
     return _dimensions.DIALOG_WIDTH;
   }
 });
+Object.defineProperty(exports, "DateTimePickerToolbarForceDesktopVariant", {
+  enumerable: true,
+  get: function () {
+    return _DateTimePickerToolbar.DateTimePickerToolbarForceDesktopVariant;
+  }
+});
 Object.defineProperty(exports, "DayCalendar", {
   enumerable: true,
   get: function () {
@@ -309,6 +315,12 @@ Object.defineProperty(exports, "useStaticPicker", {
     return _useStaticPicker.useStaticPicker;
   }
 });
+Object.defineProperty(exports, "useToolbarOwnerState", {
+  enumerable: true,
+  get: function () {
+    return _useToolbarOwnerState.useToolbarOwnerState;
+  }
+});
 Object.defineProperty(exports, "useUtils", {
   enumerable: true,
   get: function () {
@@ -339,6 +351,7 @@ var _useFieldOwnerState = require("./hooks/useFieldOwnerState");
 var _usePicker = require("./hooks/usePicker");
 var _usePickerPrivateContext = require("./hooks/usePickerPrivateContext");
 var _useStaticPicker = require("./hooks/useStaticPicker");
+var _useToolbarOwnerState = require("./hooks/useToolbarOwnerState");
 var _useUtils = require("./hooks/useUtils");
 var _useViews = require("./hooks/useViews");
 var _dateHelpersHooks = require("./hooks/date-helpers-hooks");
@@ -352,4 +365,5 @@ var _useDefaultReduceAnimations = require("./hooks/useDefaultReduceAnimations");
 var _views = require("./utils/views");
 var _DayCalendar = require("../DateCalendar/DayCalendar");
 var _useCalendarState = require("../DateCalendar/useCalendarState");
-var _timeUtils = require("./utils/time-utils");
+var _timeUtils = require("./utils/time-utils");
+var _DateTimePickerToolbar = require("../DateTimePicker/DateTimePickerToolbar");

package/node/locales/roRO.js

@@ -23,11 +23,10 @@ const roROPickers = {
   // DateRange labels
   start: 'Început',
   end: 'Sfârșit',
-  // startDate: 'Start date',
-  // startTime: 'Start time',
-  // endDate: 'End date',
-  // endTime: 'End time',
-
+  startDate: 'Data de început',
+  startTime: 'Ora de început',
+  endDate: 'Data de sfârșit',
+  endTime: 'Ora de sfârșit',
   // Action bar
   cancelButtonLabel: 'Anulare',
   clearButtonLabel: 'Ștergere',
@@ -61,23 +60,21 @@ const roROPickers = {
   fieldYearPlaceholder: params => 'A'.repeat(params.digitAmount),
   fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'LLLL' : 'LL',
   fieldDayPlaceholder: () => 'ZZ',
-  // fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
+  fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'ZZZZ' : 'ZZ',
   fieldHoursPlaceholder: () => 'hh',
   fieldMinutesPlaceholder: () => 'mm',
   fieldSecondsPlaceholder: () => 'ss',
-  fieldMeridiemPlaceholder: () => 'aa'
-
+  fieldMeridiemPlaceholder: () => 'aa',
   // View names
-  // year: 'Year',
-  // month: 'Month',
-  // day: 'Day',
-  // weekDay: 'Week day',
-  // hours: 'Hours',
-  // minutes: 'Minutes',
-  // seconds: 'Seconds',
-  // meridiem: 'Meridiem',
-
+  year: 'An',
+  month: 'Luna',
+  day: 'Ziua',
+  weekDay: 'Ziua saptămânii',
+  hours: 'Ore',
+  minutes: 'Minute',
+  seconds: 'Secunde',
+  meridiem: 'Meridiem',
   // Common
-  // empty: 'Empty',
+  empty: 'Gol'
 };
 const roRO = exports.roRO = (0, _getPickersLocalization.getPickersLocalization)(roROPickers);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "8.0.0-alpha.2",
+  "version": "8.0.0-alpha.4",
   "description": "The community edition of the Date and Time Picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",