@mui/x-date-pickers 6.4.0 → 6.6.0

package/node/internals/utils/date-utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.replaceInvalidDateByNull = exports.mergeDateAndTime = exports.getMonthsInYear = exports.findClosestEnabledDate = exports.clamp = exports.areDatesEqual = exports.applyDefaultDate = void 0;
+exports.replaceInvalidDateByNull = exports.mergeDateAndTime = exports.isDatePickerView = exports.getTodayDate = exports.getMonthsInYear = exports.findClosestEnabledDate = exports.clamp = exports.areDatesEqual = exports.applyDefaultDate = void 0;
 const findClosestEnabledDate = ({
   date,
   disableFuture,
@@ -98,4 +98,9 @@ const mergeDateAndTime = (utils, dateParam, timeParam) => {
   mergedDate = utils.setSeconds(mergedDate, utils.getSeconds(timeParam));
   return mergedDate;
 };
-exports.mergeDateAndTime = mergeDateAndTime;
+exports.mergeDateAndTime = mergeDateAndTime;
+const getTodayDate = (utils, valueType) => valueType === 'date' ? utils.startOfDay(utils.date()) : utils.date();
+exports.getTodayDate = getTodayDate;
+const dateViews = ['year', 'month', 'day'];
+const isDatePickerView = view => dateViews.includes(view);
+exports.isDatePickerView = isDatePickerView;

package/node/internals/utils/fields.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.splitFieldInternalAndForwardedProps = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _extractValidationProps = require("./validation/extractValidationProps");
+const SHARED_FIELD_INTERNAL_PROP_NAMES = ['value', 'defaultValue', 'referenceDate', 'format', 'formatDensity', 'onChange', 'readOnly', 'onError', 'shouldRespectLeadingZeros', 'selectedSections', 'onSelectedSectionsChange', 'unstableFieldRef'];
+const splitFieldInternalAndForwardedProps = (props, valueType) => {
+  const forwardedProps = (0, _extends2.default)({}, props);
+  const internalProps = {};
+  const extractProp = propName => {
+    if (forwardedProps.hasOwnProperty(propName)) {
+      // @ts-ignore
+      internalProps[propName] = forwardedProps[propName];
+      delete forwardedProps[propName];
+    }
+  };
+  SHARED_FIELD_INTERNAL_PROP_NAMES.forEach(extractProp);
+  if (valueType === 'date') {
+    _extractValidationProps.DATE_VALIDATION_PROP_NAMES.forEach(extractProp);
+  } else if (valueType === 'time') {
+    _extractValidationProps.TIME_VALIDATION_PROP_NAMES.forEach(extractProp);
+  } else if (valueType === 'date-time') {
+    _extractValidationProps.DATE_VALIDATION_PROP_NAMES.forEach(extractProp);
+    _extractValidationProps.TIME_VALIDATION_PROP_NAMES.forEach(extractProp);
+    _extractValidationProps.DATE_TIME_VALIDATION_PROP_NAMES.forEach(extractProp);
+  }
+  return {
+    forwardedProps,
+    internalProps
+  };
+};
+exports.splitFieldInternalAndForwardedProps = splitFieldInternalAndForwardedProps;

package/node/internals/utils/getDefaultReferenceDate.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSectionTypeGranularity = exports.getDefaultReferenceDate = void 0;
+var _timeUtils = require("./time-utils");
+var _dateUtils = require("./date-utils");
+const SECTION_TYPE_GRANULARITY = {
+  year: 1,
+  month: 2,
+  day: 3,
+  hours: 4,
+  minutes: 5,
+  seconds: 6,
+  milliseconds: 7
+};
+const getSectionTypeGranularity = sections => Math.max(...sections.map(section => SECTION_TYPE_GRANULARITY[section.type] ?? 1));
+exports.getSectionTypeGranularity = getSectionTypeGranularity;
+const roundDate = (utils, granularity, date) => {
+  if (granularity === SECTION_TYPE_GRANULARITY.year) {
+    return utils.startOfYear(date);
+  }
+  if (granularity === SECTION_TYPE_GRANULARITY.month) {
+    return utils.startOfMonth(date);
+  }
+  if (granularity === SECTION_TYPE_GRANULARITY.day) {
+    return utils.startOfDay(date);
+  }
+
+  // We don't have startOfHour / startOfMinute / startOfSecond
+  let roundedDate = date;
+  if (granularity < SECTION_TYPE_GRANULARITY.minutes) {
+    roundedDate = utils.setMinutes(roundedDate, 0);
+  }
+  if (granularity < SECTION_TYPE_GRANULARITY.seconds) {
+    roundedDate = utils.setSeconds(roundedDate, 0);
+  }
+  if (granularity < SECTION_TYPE_GRANULARITY.milliseconds) {
+    roundedDate = utils.setMilliseconds(roundedDate, 0);
+  }
+  return roundedDate;
+};
+const getDefaultReferenceDate = ({
+  props,
+  utils,
+  valueType,
+  granularity
+}) => {
+  let referenceDate = roundDate(utils, granularity, (0, _dateUtils.getTodayDate)(utils, valueType));
+  if (props.minDate != null && utils.isAfterDay(props.minDate, referenceDate)) {
+    referenceDate = roundDate(utils, granularity, props.minDate);
+  }
+  if (props.maxDate != null && utils.isBeforeDay(props.maxDate, referenceDate)) {
+    referenceDate = roundDate(utils, granularity, props.maxDate);
+  }
+  const isAfter = (0, _timeUtils.createIsAfterIgnoreDatePart)(props.disableIgnoringDatePartForTimeValidation ?? false, utils);
+  if (props.minTime != null && isAfter(props.minTime, referenceDate)) {
+    referenceDate = roundDate(utils, granularity, props.disableIgnoringDatePartForTimeValidation ? props.minTime : (0, _dateUtils.mergeDateAndTime)(utils, referenceDate, props.minTime));
+  }
+  if (props.maxTime != null && isAfter(referenceDate, props.maxTime)) {
+    referenceDate = roundDate(utils, granularity, props.disableIgnoringDatePartForTimeValidation ? props.maxTime : (0, _dateUtils.mergeDateAndTime)(utils, referenceDate, props.maxTime));
+  }
+  return referenceDate;
+};
+exports.getDefaultReferenceDate = getDefaultReferenceDate;

package/node/internals/utils/time-utils.js

@@ -3,10 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isTimeView = exports.getSecondsInDay = exports.getMeridiem = exports.createIsAfterIgnoreDatePart = exports.convertValueToMeridiem = exports.convertToMeridiem = void 0;
+exports.isTimeView = exports.isInternalTimeView = exports.getSecondsInDay = exports.getMeridiem = exports.createIsAfterIgnoreDatePart = exports.convertValueToMeridiem = exports.convertToMeridiem = void 0;
 const timeViews = ['hours', 'minutes', 'seconds'];
 const isTimeView = view => timeViews.includes(view);
 exports.isTimeView = isTimeView;
+const isInternalTimeView = view => timeViews.includes(view) || view === 'meridiem';
+exports.isInternalTimeView = isInternalTimeView;
 const getMeridiem = (date, utils) => {
   if (!date) {
     return null;

package/node/internals/utils/validation/extractValidationProps.js

@@ -3,8 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.extractValidationProps = void 0;
-const VALIDATION_PROP_NAMES = ['disablePast', 'disableFuture', 'minDate', 'maxDate', 'minTime', 'maxTime', 'minDateTime', 'maxDateTime', 'shouldDisableDate', 'shouldDisableMonth', 'shouldDisableYear', 'shouldDisableClock', 'shouldDisableTime', 'minutesStep'];
+exports.extractValidationProps = exports.TIME_VALIDATION_PROP_NAMES = exports.DATE_VALIDATION_PROP_NAMES = exports.DATE_TIME_VALIDATION_PROP_NAMES = void 0;
+const DATE_VALIDATION_PROP_NAMES = ['disablePast', 'disableFuture', 'minDate', 'maxDate', 'shouldDisableDate', 'shouldDisableMonth', 'shouldDisableYear'];
+exports.DATE_VALIDATION_PROP_NAMES = DATE_VALIDATION_PROP_NAMES;
+const TIME_VALIDATION_PROP_NAMES = ['disablePast', 'disableFuture', 'minTime', 'maxTime', 'shouldDisableClock', 'shouldDisableTime', 'minutesStep', 'ampm', 'disableIgnoringDatePartForTimeValidation'];
+exports.TIME_VALIDATION_PROP_NAMES = TIME_VALIDATION_PROP_NAMES;
+const DATE_TIME_VALIDATION_PROP_NAMES = ['minDateTime', 'maxDateTime'];
+exports.DATE_TIME_VALIDATION_PROP_NAMES = DATE_TIME_VALIDATION_PROP_NAMES;
+const VALIDATION_PROP_NAMES = [...DATE_VALIDATION_PROP_NAMES, ...TIME_VALIDATION_PROP_NAMES, ...DATE_TIME_VALIDATION_PROP_NAMES];
 /**
  * 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/node/internals/utils/valueManagers.js

@@ -1,19 +1,38 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.singleItemValueManager = exports.singleItemFieldValueManager = void 0;
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _dateUtils = require("./date-utils");
+var _getDefaultReferenceDate = require("./getDefaultReferenceDate");
 var _useField = require("../hooks/useField/useField.utils");
+const _excluded = ["value", "referenceDate"];
 const singleItemValueManager = {
   emptyValue: null,
-  getTodayValue: (utils, valueType) => valueType === 'date' ? utils.startOfDay(utils.date()) : utils.date(),
+  getTodayValue: _dateUtils.getTodayDate,
+  getInitialReferenceValue: _ref => {
+    let {
+        value,
+        referenceDate
+      } = _ref,
+      params = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
+    if (value != null && params.utils.isValid(value)) {
+      return value;
+    }
+    if (referenceDate != null) {
+      return referenceDate;
+    }
+    return (0, _getDefaultReferenceDate.getDefaultReferenceDate)(params);
+  },
   cleanValue: _dateUtils.replaceInvalidDateByNull,
   areValuesEqual: _dateUtils.areDatesEqual,
   isSameError: (a, b) => a === b,
   hasError: error => error != null,
-  defaultErrorState: null
+  defaultErrorState: null,
+  getTimezone: (utils, value) => value == null ? null : utils.getTimezone(value)
 };
 exports.singleItemValueManager = singleItemValueManager;
 const singleItemFieldValueManager = {

package/node/locales/index.js

@@ -300,6 +300,17 @@ Object.keys(_skSK).forEach(function (key) {
     }
   });
 });
+var _viVN = require("./viVN");
+Object.keys(_viVN).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _viVN[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _viVN[key];
+    }
+  });
+});
 var _pickersLocaleTextApi = require("./utils/pickersLocaleTextApi");
 Object.keys(_pickersLocaleTextApi).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/node/locales/viVN.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.viVN = void 0;
+var _getPickersLocalization = require("./utils/getPickersLocalization");
+const views = {
+  hours: 'giờ',
+  minutes: 'phút',
+  seconds: 'giây',
+  meridiem: 'buổi'
+};
+const viVNPickers = {
+  // Calendar navigation
+  previousMonth: 'Tháng trước',
+  nextMonth: 'Tháng sau',
+  // View navigation
+  openPreviousView: 'mở xem trước',
+  openNextView: 'mở xem sau',
+  calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'đang mở xem năm, chuyển sang xem lịch' : 'đang mở xem lịch, chuyển sang xem năm',
+  // DateRange placeholders
+  start: 'Bắt đầu',
+  end: 'Kết thúc',
+  // Action bar
+  cancelButtonLabel: 'Hủy',
+  clearButtonLabel: 'Xóa',
+  okButtonLabel: 'OK',
+  todayButtonLabel: 'Hôm nay',
+  // Toolbar titles
+  datePickerToolbarTitle: 'Chọn ngày',
+  dateTimePickerToolbarTitle: 'Chọn ngày và giờ',
+  timePickerToolbarTitle: 'Chọn giờ',
+  dateRangePickerToolbarTitle: 'Chọn khoảng ngày',
+  // Clock labels
+  clockLabelText: (view, time, adapter) => `Chọn ${views[view]}. ${time === null ? 'Không có giờ được chọn' : `Giờ được chọn là ${adapter.format(time, 'fullTime')}`}`,
+  hoursClockNumberText: hours => `${hours} giờ`,
+  minutesClockNumberText: minutes => `${minutes} phút`,
+  secondsClockNumberText: seconds => `${seconds} giây`,
+  // Digital clock labels
+  selectViewText: view => `Chọn ${views[view]}`,
+  // Calendar labels
+  calendarWeekNumberHeaderLabel: 'Số tuần',
+  calendarWeekNumberHeaderText: '#',
+  calendarWeekNumberAriaLabelText: weekNumber => `Tuần ${weekNumber}`,
+  calendarWeekNumberText: weekNumber => `${weekNumber}`,
+  // Open picker labels
+  openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Chọn ngày, ngày đã chọn là ${utils.format(value, 'fullDate')}` : 'Chọn ngày',
+  openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Chọn giờ, giờ đã chọn là ${utils.format(value, 'fullTime')}` : 'Chọn giờ',
+  // Table labels
+  timeTableLabel: 'chọn giờ',
+  dateTableLabel: 'chọn ngày',
+  // Field section placeholders
+  fieldYearPlaceholder: params => 'Y'.repeat(params.digitAmount),
+  fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
+  fieldDayPlaceholder: () => 'DD',
+  fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
+  fieldHoursPlaceholder: () => 'hh',
+  fieldMinutesPlaceholder: () => 'mm',
+  fieldSecondsPlaceholder: () => 'ss',
+  fieldMeridiemPlaceholder: () => 'aa'
+};
+const viVN = (0, _getPickersLocalization.getPickersLocalization)(viVNPickers);
+exports.viVN = viVN;

package/node/models/index.js

@@ -14,6 +14,17 @@ Object.keys(_fields).forEach(function (key) {
     }
   });
 });
+var _timezone = require("./timezone");
+Object.keys(_timezone).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _timezone[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _timezone[key];
+    }
+  });
+});
 var _validation = require("./validation");
 Object.keys(_validation).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/node/models/timezone.js

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

package/node/tests/describeGregorianAdapter/describeGregorianAdapter.js

@@ -11,10 +11,22 @@ var _testCalculations = require("./testCalculations");
 var _testLocalization = require("./testLocalization");
 var _testFormat = require("./testFormat");
 function innerGregorianDescribeAdapter(Adapter, params) {
+  const prepareAdapter = params.prepareAdapter ?? (e => e);
   const adapter = new Adapter();
+  const adapterTZ = params.dateLibInstanceWithTimezoneSupport ? new Adapter({
+    dateLibInstance: params.dateLibInstanceWithTimezoneSupport
+  }) : new Adapter();
+  const adapterFr = new Adapter({
+    locale: params.frenchLocale,
+    dateLibInstance: params.dateLibInstanceWithTimezoneSupport
+  });
+  prepareAdapter(adapter);
+  prepareAdapter(adapterTZ);
   describe(adapter.lib, () => {
     const testSuitParams = (0, _extends2.default)({}, params, {
-      adapter
+      adapter,
+      adapterTZ,
+      adapterFr
     });
     (0, _testCalculations.testCalculations)(testSuitParams);
     (0, _testLocalization.testLocalization)(testSuitParams);