@mui/x-date-pickers 6.6.0 → 6.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AdapterDateFns/AdapterDateFns.js +20 -19
- package/AdapterDateFnsJalali/AdapterDateFnsJalali.js +17 -16
- package/AdapterDayjs/AdapterDayjs.js +12 -11
- package/AdapterLuxon/AdapterLuxon.js +20 -19
- package/AdapterMoment/AdapterMoment.js +12 -11
- package/AdapterMomentHijri/AdapterMomentHijri.js +20 -19
- package/AdapterMomentJalaali/AdapterMomentJalaali.js +20 -19
- package/CHANGELOG.md +72 -0
- package/DatePicker/DatePickerToolbar.js +6 -15
- package/DatePicker/shared.d.ts +1 -5
- package/DatePicker/shared.js +1 -16
- package/DesktopDatePicker/DesktopDatePicker.js +3 -2
- package/DesktopDateTimePicker/DesktopDateTimePicker.js +5 -1
- package/DesktopTimePicker/DesktopTimePicker.js +5 -1
- package/LocalizationProvider/LocalizationProvider.js +1 -0
- package/MobileDatePicker/MobileDatePicker.js +3 -2
- package/MobileDateTimePicker/MobileDateTimePicker.js +5 -1
- package/MobileTimePicker/MobileTimePicker.js +5 -1
- package/TimePicker/shared.d.ts +1 -1
- package/index.js +1 -1
- package/internals/utils/date-time-utils.d.ts +6 -0
- package/internals/utils/date-time-utils.js +41 -0
- package/internals/utils/date-utils.d.ts +4 -0
- package/internals/utils/date-utils.js +33 -1
- package/internals/utils/time-utils.d.ts +6 -1
- package/internals/utils/time-utils.js +27 -0
- package/internals/utils/validation/extractValidationProps.d.ts +1 -1
- package/internals/utils/views.d.ts +2 -3
- package/internals/utils/views.js +6 -2
- package/legacy/AdapterDateFns/AdapterDateFns.js +20 -19
- package/legacy/AdapterDateFnsJalali/AdapterDateFnsJalali.js +17 -16
- package/legacy/AdapterDayjs/AdapterDayjs.js +12 -11
- package/legacy/AdapterLuxon/AdapterLuxon.js +20 -19
- package/legacy/AdapterMoment/AdapterMoment.js +12 -11
- package/legacy/AdapterMomentHijri/AdapterMomentHijri.js +20 -19
- package/legacy/AdapterMomentJalaali/AdapterMomentJalaali.js +20 -19
- package/legacy/DatePicker/DatePickerToolbar.js +6 -15
- package/legacy/DatePicker/shared.js +1 -15
- package/legacy/DesktopDatePicker/DesktopDatePicker.js +3 -2
- package/legacy/DesktopDateTimePicker/DesktopDateTimePicker.js +5 -1
- package/legacy/DesktopTimePicker/DesktopTimePicker.js +5 -1
- package/legacy/LocalizationProvider/LocalizationProvider.js +1 -0
- package/legacy/MobileDatePicker/MobileDatePicker.js +3 -2
- package/legacy/MobileDateTimePicker/MobileDateTimePicker.js +5 -1
- package/legacy/MobileTimePicker/MobileTimePicker.js +5 -1
- package/legacy/index.js +1 -1
- package/legacy/internals/utils/date-time-utils.js +39 -0
- package/legacy/internals/utils/date-utils.js +31 -0
- package/legacy/internals/utils/time-utils.js +26 -0
- package/legacy/internals/utils/views.js +7 -5
- package/legacy/locales/deDE.js +2 -2
- package/legacy/locales/index.js +16 -15
- package/legacy/locales/roRO.js +81 -0
- package/locales/deDE.js +2 -2
- package/locales/index.d.ts +16 -15
- package/locales/index.js +16 -15
- package/locales/roRO.d.ts +53 -0
- package/locales/roRO.js +63 -0
- package/models/adapters.d.ts +137 -37
- package/modern/AdapterDateFns/AdapterDateFns.js +20 -19
- package/modern/AdapterDateFnsJalali/AdapterDateFnsJalali.js +17 -16
- package/modern/AdapterDayjs/AdapterDayjs.js +12 -11
- package/modern/AdapterLuxon/AdapterLuxon.js +20 -19
- package/modern/AdapterMoment/AdapterMoment.js +12 -11
- package/modern/AdapterMomentHijri/AdapterMomentHijri.js +20 -19
- package/modern/AdapterMomentJalaali/AdapterMomentJalaali.js +20 -19
- package/modern/DatePicker/DatePickerToolbar.js +6 -15
- package/modern/DatePicker/shared.js +1 -16
- package/modern/DesktopDatePicker/DesktopDatePicker.js +3 -2
- package/modern/DesktopDateTimePicker/DesktopDateTimePicker.js +5 -1
- package/modern/DesktopTimePicker/DesktopTimePicker.js +5 -1
- package/modern/LocalizationProvider/LocalizationProvider.js +1 -0
- package/modern/MobileDatePicker/MobileDatePicker.js +3 -2
- package/modern/MobileDateTimePicker/MobileDateTimePicker.js +5 -1
- package/modern/MobileTimePicker/MobileTimePicker.js +5 -1
- package/modern/index.js +1 -1
- package/modern/internals/utils/date-time-utils.js +41 -0
- package/modern/internals/utils/date-utils.js +33 -1
- package/modern/internals/utils/time-utils.js +27 -0
- package/modern/internals/utils/views.js +6 -2
- package/modern/locales/deDE.js +2 -2
- package/modern/locales/index.js +16 -15
- package/modern/locales/roRO.js +60 -0
- package/node/AdapterDateFns/AdapterDateFns.js +20 -19
- package/node/AdapterDateFnsJalali/AdapterDateFnsJalali.js +17 -16
- package/node/AdapterDayjs/AdapterDayjs.js +12 -11
- package/node/AdapterLuxon/AdapterLuxon.js +20 -19
- package/node/AdapterMoment/AdapterMoment.js +12 -11
- package/node/AdapterMomentHijri/AdapterMomentHijri.js +20 -19
- package/node/AdapterMomentJalaali/AdapterMomentJalaali.js +20 -19
- package/node/DatePicker/DatePickerToolbar.js +6 -15
- package/node/DatePicker/shared.js +0 -17
- package/node/DesktopDatePicker/DesktopDatePicker.js +2 -1
- package/node/DesktopDateTimePicker/DesktopDateTimePicker.js +7 -3
- package/node/DesktopTimePicker/DesktopTimePicker.js +7 -3
- package/node/LocalizationProvider/LocalizationProvider.js +1 -0
- package/node/MobileDatePicker/MobileDatePicker.js +2 -1
- package/node/MobileDateTimePicker/MobileDateTimePicker.js +7 -3
- package/node/MobileTimePicker/MobileTimePicker.js +7 -3
- package/node/index.js +1 -1
- package/node/internals/utils/date-time-utils.js +49 -0
- package/node/internals/utils/date-utils.js +35 -2
- package/node/internals/utils/time-utils.js +30 -2
- package/node/internals/utils/views.js +8 -5
- package/node/locales/deDE.js +2 -2
- package/node/locales/index.js +108 -97
- package/node/locales/roRO.js +67 -0
- package/package.json +1 -1
|
@@ -3,13 +3,14 @@ import * as React from 'react';
|
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
4
|
import { resolveComponentProps } from '@mui/base/utils';
|
|
5
5
|
import { singleItemValueManager } from '../internals/utils/valueManagers';
|
|
6
|
-
import {
|
|
6
|
+
import { useDatePickerDefaultizedProps } from '../DatePicker/shared';
|
|
7
7
|
import { useLocaleText, useUtils, validateDate } from '../internals';
|
|
8
8
|
import { useDesktopPicker } from '../internals/hooks/useDesktopPicker';
|
|
9
9
|
import { CalendarIcon } from '../icons';
|
|
10
10
|
import { DateField } from '../DateField';
|
|
11
11
|
import { extractValidationProps } from '../internals/utils/validation/extractValidationProps';
|
|
12
12
|
import { renderDateViewCalendar } from '../dateViewRenderers';
|
|
13
|
+
import { resolveDateFormat } from '../internals/utils/date-utils';
|
|
13
14
|
var DesktopDatePicker = /*#__PURE__*/React.forwardRef(function DesktopDatePicker(inProps, ref) {
|
|
14
15
|
var _defaultizedProps$yea, _defaultizedProps$slo2;
|
|
15
16
|
var localeText = useLocaleText();
|
|
@@ -26,7 +27,7 @@ var DesktopDatePicker = /*#__PURE__*/React.forwardRef(function DesktopDatePicker
|
|
|
26
27
|
// Props with the default values specific to the desktop variant
|
|
27
28
|
var props = _extends({}, defaultizedProps, {
|
|
28
29
|
viewRenderers: viewRenderers,
|
|
29
|
-
format:
|
|
30
|
+
format: resolveDateFormat(utils, defaultizedProps, false),
|
|
30
31
|
yearsPerRow: (_defaultizedProps$yea = defaultizedProps.yearsPerRow) != null ? _defaultizedProps$yea : 4,
|
|
31
32
|
slots: _extends({
|
|
32
33
|
openPickerIcon: CalendarIcon,
|
|
@@ -8,13 +8,16 @@ import { DateTimeField } from '../DateTimeField';
|
|
|
8
8
|
import { useDateTimePickerDefaultizedProps } from '../DateTimePicker/shared';
|
|
9
9
|
import { renderDateViewCalendar } from '../dateViewRenderers/dateViewRenderers';
|
|
10
10
|
import { renderDesktopDateTimeView } from '../dateTimeViewRenderers';
|
|
11
|
-
import { useLocaleText,
|
|
11
|
+
import { useLocaleText, useUtils } from '../internals/hooks/useUtils';
|
|
12
|
+
import { validateDateTime } from '../internals/utils/validation/validateDateTime';
|
|
12
13
|
import { CalendarIcon } from '../icons';
|
|
13
14
|
import { useDesktopPicker } from '../internals/hooks/useDesktopPicker';
|
|
14
15
|
import { extractValidationProps } from '../internals/utils/validation/extractValidationProps';
|
|
16
|
+
import { resolveDateTimeFormat } from '../internals/utils/date-time-utils';
|
|
15
17
|
var DesktopDateTimePicker = /*#__PURE__*/React.forwardRef(function DesktopDateTimePicker(inProps, ref) {
|
|
16
18
|
var _defaultizedProps$amp, _defaultizedProps$yea, _defaultizedProps$slo2, _defaultizedProps$slo3, _defaultizedProps$slo4;
|
|
17
19
|
var localeText = useLocaleText();
|
|
20
|
+
var utils = useUtils();
|
|
18
21
|
|
|
19
22
|
// Props with the default values common to all date time pickers
|
|
20
23
|
var defaultizedProps = useDateTimePickerDefaultizedProps(inProps, 'MuiDesktopDateTimePicker');
|
|
@@ -50,6 +53,7 @@ var DesktopDateTimePicker = /*#__PURE__*/React.forwardRef(function DesktopDateTi
|
|
|
50
53
|
// Props with the default values specific to the desktop variant
|
|
51
54
|
var props = _extends({}, defaultizedProps, {
|
|
52
55
|
viewRenderers: viewRenderers,
|
|
56
|
+
format: resolveDateTimeFormat(utils, defaultizedProps),
|
|
53
57
|
views: defaultizedProps.ampm ? [].concat(_toConsumableArray(defaultizedProps.views), ['meridiem']) : defaultizedProps.views,
|
|
54
58
|
yearsPerRow: (_defaultizedProps$yea = defaultizedProps.yearsPerRow) != null ? _defaultizedProps$yea : 4,
|
|
55
59
|
ampmInClock: ampmInClock,
|
|
@@ -6,14 +6,17 @@ import { resolveComponentProps } from '@mui/base/utils';
|
|
|
6
6
|
import { singleItemValueManager } from '../internals/utils/valueManagers';
|
|
7
7
|
import { TimeField } from '../TimeField';
|
|
8
8
|
import { useTimePickerDefaultizedProps } from '../TimePicker/shared';
|
|
9
|
-
import { useLocaleText,
|
|
9
|
+
import { useLocaleText, useUtils } from '../internals/hooks/useUtils';
|
|
10
|
+
import { validateTime } from '../internals/utils/validation/validateTime';
|
|
10
11
|
import { ClockIcon } from '../icons';
|
|
11
12
|
import { useDesktopPicker } from '../internals/hooks/useDesktopPicker';
|
|
12
13
|
import { extractValidationProps } from '../internals/utils/validation/extractValidationProps';
|
|
13
14
|
import { renderDigitalClockTimeView, renderMultiSectionDigitalClockTimeView } from '../timeViewRenderers';
|
|
15
|
+
import { resolveTimeFormat } from '../internals/utils/time-utils';
|
|
14
16
|
var DesktopTimePicker = /*#__PURE__*/React.forwardRef(function DesktopTimePicker(inProps, ref) {
|
|
15
17
|
var _defaultizedProps$thr, _defaultizedProps$amp, _viewRenderers$hours, _defaultizedProps$slo2, _defaultizedProps$slo3;
|
|
16
18
|
var localeText = useLocaleText();
|
|
19
|
+
var utils = useUtils();
|
|
17
20
|
|
|
18
21
|
// Props with the default values common to all time pickers
|
|
19
22
|
var defaultizedProps = useTimePickerDefaultizedProps(inProps, 'MuiDesktopTimePicker');
|
|
@@ -42,6 +45,7 @@ var DesktopTimePicker = /*#__PURE__*/React.forwardRef(function DesktopTimePicker
|
|
|
42
45
|
ampmInClock: ampmInClock,
|
|
43
46
|
timeSteps: timeSteps,
|
|
44
47
|
viewRenderers: viewRenderers,
|
|
48
|
+
format: resolveTimeFormat(utils, defaultizedProps),
|
|
45
49
|
// Setting only `hours` time view in case of single column time picker
|
|
46
50
|
// Allows for easy view lifecycle management
|
|
47
51
|
views: shouldRenderTimeInASingleColumn ? ['hours'] : views,
|
|
@@ -109,6 +109,7 @@ process.env.NODE_ENV !== "production" ? LocalizationProvider.propTypes = {
|
|
|
109
109
|
keyboardDateTime: PropTypes.string,
|
|
110
110
|
keyboardDateTime12h: PropTypes.string,
|
|
111
111
|
keyboardDateTime24h: PropTypes.string,
|
|
112
|
+
meridiem: PropTypes.string,
|
|
112
113
|
minutes: PropTypes.string,
|
|
113
114
|
month: PropTypes.string,
|
|
114
115
|
monthAndDate: PropTypes.string,
|
|
@@ -3,12 +3,13 @@ import * as React from 'react';
|
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
4
|
import { resolveComponentProps } from '@mui/base/utils';
|
|
5
5
|
import { useMobilePicker } from '../internals/hooks/useMobilePicker';
|
|
6
|
-
import {
|
|
6
|
+
import { useDatePickerDefaultizedProps } from '../DatePicker/shared';
|
|
7
7
|
import { useLocaleText, useUtils, validateDate } from '../internals';
|
|
8
8
|
import { DateField } from '../DateField';
|
|
9
9
|
import { extractValidationProps } from '../internals/utils/validation/extractValidationProps';
|
|
10
10
|
import { singleItemValueManager } from '../internals/utils/valueManagers';
|
|
11
11
|
import { renderDateViewCalendar } from '../dateViewRenderers';
|
|
12
|
+
import { resolveDateFormat } from '../internals/utils/date-utils';
|
|
12
13
|
var MobileDatePicker = /*#__PURE__*/React.forwardRef(function MobileDatePicker(inProps, ref) {
|
|
13
14
|
var _defaultizedProps$slo2;
|
|
14
15
|
var localeText = useLocaleText();
|
|
@@ -25,7 +26,7 @@ var MobileDatePicker = /*#__PURE__*/React.forwardRef(function MobileDatePicker(i
|
|
|
25
26
|
// Props with the default values specific to the mobile variant
|
|
26
27
|
var props = _extends({}, defaultizedProps, {
|
|
27
28
|
viewRenderers: viewRenderers,
|
|
28
|
-
format:
|
|
29
|
+
format: resolveDateFormat(utils, defaultizedProps, false),
|
|
29
30
|
slots: _extends({
|
|
30
31
|
field: DateField
|
|
31
32
|
}, defaultizedProps.slots),
|
|
@@ -5,14 +5,17 @@ import { resolveComponentProps } from '@mui/base/utils';
|
|
|
5
5
|
import { singleItemValueManager } from '../internals/utils/valueManagers';
|
|
6
6
|
import { DateTimeField } from '../DateTimeField';
|
|
7
7
|
import { useDateTimePickerDefaultizedProps } from '../DateTimePicker/shared';
|
|
8
|
-
import { useLocaleText,
|
|
8
|
+
import { useLocaleText, useUtils } from '../internals/hooks/useUtils';
|
|
9
|
+
import { validateDateTime } from '../internals/utils/validation/validateDateTime';
|
|
9
10
|
import { useMobilePicker } from '../internals/hooks/useMobilePicker';
|
|
10
11
|
import { extractValidationProps } from '../internals/utils/validation/extractValidationProps';
|
|
11
12
|
import { renderDateViewCalendar } from '../dateViewRenderers';
|
|
12
13
|
import { renderTimeViewClock } from '../timeViewRenderers';
|
|
14
|
+
import { resolveDateTimeFormat } from '../internals/utils/date-time-utils';
|
|
13
15
|
var MobileDateTimePicker = /*#__PURE__*/React.forwardRef(function MobileDateTimePicker(inProps, ref) {
|
|
14
16
|
var _defaultizedProps$amp, _defaultizedProps$slo2, _defaultizedProps$slo3;
|
|
15
17
|
var localeText = useLocaleText();
|
|
18
|
+
var utils = useUtils();
|
|
16
19
|
|
|
17
20
|
// Props with the default values common to all date time pickers
|
|
18
21
|
var defaultizedProps = useDateTimePickerDefaultizedProps(inProps, 'MuiMobileDateTimePicker');
|
|
@@ -29,6 +32,7 @@ var MobileDateTimePicker = /*#__PURE__*/React.forwardRef(function MobileDateTime
|
|
|
29
32
|
// Props with the default values specific to the mobile variant
|
|
30
33
|
var props = _extends({}, defaultizedProps, {
|
|
31
34
|
viewRenderers: viewRenderers,
|
|
35
|
+
format: resolveDateTimeFormat(utils, defaultizedProps),
|
|
32
36
|
ampmInClock: ampmInClock,
|
|
33
37
|
slots: _extends({
|
|
34
38
|
field: DateTimeField
|
|
@@ -5,13 +5,16 @@ import { resolveComponentProps } from '@mui/base/utils';
|
|
|
5
5
|
import { singleItemValueManager } from '../internals/utils/valueManagers';
|
|
6
6
|
import { TimeField } from '../TimeField';
|
|
7
7
|
import { useTimePickerDefaultizedProps } from '../TimePicker/shared';
|
|
8
|
-
import { useLocaleText,
|
|
8
|
+
import { useLocaleText, useUtils } from '../internals/hooks/useUtils';
|
|
9
|
+
import { validateTime } from '../internals/utils/validation/validateTime';
|
|
9
10
|
import { useMobilePicker } from '../internals/hooks/useMobilePicker';
|
|
10
11
|
import { extractValidationProps } from '../internals/utils/validation/extractValidationProps';
|
|
11
12
|
import { renderTimeViewClock } from '../timeViewRenderers';
|
|
13
|
+
import { resolveTimeFormat } from '../internals/utils/time-utils';
|
|
12
14
|
var MobileTimePicker = /*#__PURE__*/React.forwardRef(function MobileTimePicker(inProps, ref) {
|
|
13
15
|
var _defaultizedProps$amp, _defaultizedProps$slo2;
|
|
14
16
|
var localeText = useLocaleText();
|
|
17
|
+
var utils = useUtils();
|
|
15
18
|
|
|
16
19
|
// Props with the default values common to all time pickers
|
|
17
20
|
var defaultizedProps = useTimePickerDefaultizedProps(inProps, 'MuiMobileTimePicker');
|
|
@@ -26,6 +29,7 @@ var MobileTimePicker = /*#__PURE__*/React.forwardRef(function MobileTimePicker(i
|
|
|
26
29
|
var props = _extends({}, defaultizedProps, {
|
|
27
30
|
ampmInClock: ampmInClock,
|
|
28
31
|
viewRenderers: viewRenderers,
|
|
32
|
+
format: resolveTimeFormat(utils, defaultizedProps),
|
|
29
33
|
slots: _extends({
|
|
30
34
|
field: TimeField
|
|
31
35
|
}, defaultizedProps.slots),
|
package/legacy/index.js
CHANGED
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
3
|
+
var _excluded = ["views", "format"];
|
|
4
|
+
import { resolveTimeFormat, isTimeView } from './time-utils';
|
|
5
|
+
import { resolveDateFormat } from './date-utils';
|
|
6
|
+
export var resolveDateTimeFormat = function resolveDateTimeFormat(utils, _ref) {
|
|
7
|
+
var views = _ref.views,
|
|
8
|
+
format = _ref.format,
|
|
9
|
+
other = _objectWithoutProperties(_ref, _excluded);
|
|
10
|
+
if (format) {
|
|
11
|
+
return format;
|
|
12
|
+
}
|
|
13
|
+
var dateViews = [];
|
|
14
|
+
var timeViews = [];
|
|
15
|
+
views.forEach(function (view) {
|
|
16
|
+
if (isTimeView(view)) {
|
|
17
|
+
timeViews.push(view);
|
|
18
|
+
} else {
|
|
19
|
+
dateViews.push(view);
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
if (timeViews.length === 0) {
|
|
23
|
+
return resolveDateFormat(utils, _extends({
|
|
24
|
+
views: dateViews
|
|
25
|
+
}, other), false);
|
|
26
|
+
}
|
|
27
|
+
if (dateViews.length === 0) {
|
|
28
|
+
return resolveTimeFormat(utils, _extends({
|
|
29
|
+
views: timeViews
|
|
30
|
+
}, other));
|
|
31
|
+
}
|
|
32
|
+
var timeFormat = resolveTimeFormat(utils, _extends({
|
|
33
|
+
views: timeViews
|
|
34
|
+
}, other));
|
|
35
|
+
var dateFormat = resolveDateFormat(utils, _extends({
|
|
36
|
+
views: dateViews
|
|
37
|
+
}, other), false);
|
|
38
|
+
return "".concat(dateFormat, " ").concat(timeFormat);
|
|
39
|
+
};
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { areViewsEqual } from './views';
|
|
1
2
|
export var findClosestEnabledDate = function findClosestEnabledDate(_ref) {
|
|
2
3
|
var date = _ref.date,
|
|
3
4
|
disableFuture = _ref.disableFuture,
|
|
@@ -93,4 +94,34 @@ export var getTodayDate = function getTodayDate(utils, valueType) {
|
|
|
93
94
|
var dateViews = ['year', 'month', 'day'];
|
|
94
95
|
export var isDatePickerView = function isDatePickerView(view) {
|
|
95
96
|
return dateViews.includes(view);
|
|
97
|
+
};
|
|
98
|
+
export var resolveDateFormat = function resolveDateFormat(utils, _ref2, isInToolbar) {
|
|
99
|
+
var format = _ref2.format,
|
|
100
|
+
views = _ref2.views;
|
|
101
|
+
if (format != null) {
|
|
102
|
+
return format;
|
|
103
|
+
}
|
|
104
|
+
var formats = utils.formats;
|
|
105
|
+
if (areViewsEqual(views, ['year'])) {
|
|
106
|
+
return formats.year;
|
|
107
|
+
}
|
|
108
|
+
if (areViewsEqual(views, ['month'])) {
|
|
109
|
+
return formats.month;
|
|
110
|
+
}
|
|
111
|
+
if (areViewsEqual(views, ['day'])) {
|
|
112
|
+
return formats.dayOfMonth;
|
|
113
|
+
}
|
|
114
|
+
if (areViewsEqual(views, ['month', 'year'])) {
|
|
115
|
+
return "".concat(formats.month, " ").concat(formats.year);
|
|
116
|
+
}
|
|
117
|
+
if (areViewsEqual(views, ['day', 'month'])) {
|
|
118
|
+
return "".concat(formats.month, " ").concat(formats.dayOfMonth);
|
|
119
|
+
}
|
|
120
|
+
if (isInToolbar) {
|
|
121
|
+
// Little localization hack (Google is doing the same for android native pickers):
|
|
122
|
+
// For english localization it is convenient to include weekday into the date "Mon, Jun 1".
|
|
123
|
+
// For other locales using strings like "June 1", without weekday.
|
|
124
|
+
return /en/.test(utils.getCurrentLocaleCode()) ? formats.normalDateWithWeekday : formats.normalDate;
|
|
125
|
+
}
|
|
126
|
+
return formats.keyboardDate;
|
|
96
127
|
};
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { areViewsEqual } from './views';
|
|
1
2
|
var timeViews = ['hours', 'minutes', 'seconds'];
|
|
2
3
|
export var isTimeView = function isTimeView(view) {
|
|
3
4
|
return timeViews.includes(view);
|
|
@@ -34,4 +35,29 @@ export var createIsAfterIgnoreDatePart = function createIsAfterIgnoreDatePart(di
|
|
|
34
35
|
}
|
|
35
36
|
return getSecondsInDay(dateLeft, utils) > getSecondsInDay(dateRight, utils);
|
|
36
37
|
};
|
|
38
|
+
};
|
|
39
|
+
export var resolveTimeFormat = function resolveTimeFormat(utils, _ref) {
|
|
40
|
+
var format = _ref.format,
|
|
41
|
+
views = _ref.views,
|
|
42
|
+
ampm = _ref.ampm;
|
|
43
|
+
if (format != null) {
|
|
44
|
+
return format;
|
|
45
|
+
}
|
|
46
|
+
var formats = utils.formats;
|
|
47
|
+
if (areViewsEqual(views, ['hours'])) {
|
|
48
|
+
return ampm ? "".concat(formats.hours12h, " ").concat(formats.meridiem) : formats.hours24h;
|
|
49
|
+
}
|
|
50
|
+
if (areViewsEqual(views, ['minutes'])) {
|
|
51
|
+
return formats.minutes;
|
|
52
|
+
}
|
|
53
|
+
if (areViewsEqual(views, ['seconds'])) {
|
|
54
|
+
return formats.seconds;
|
|
55
|
+
}
|
|
56
|
+
if (areViewsEqual(views, ['minutes', 'seconds'])) {
|
|
57
|
+
return "".concat(formats.minutes, ":").concat(formats.seconds);
|
|
58
|
+
}
|
|
59
|
+
if (areViewsEqual(views, ['hours', 'minutes', 'seconds'])) {
|
|
60
|
+
return ampm ? "".concat(formats.hours12h, ":").concat(formats.minutes, ":").concat(formats.seconds, " ").concat(formats.meridiem) : "".concat(formats.hours24h, ":").concat(formats.minutes, ":").concat(formats.seconds);
|
|
61
|
+
}
|
|
62
|
+
return ampm ? "".concat(formats.hours12h, ":").concat(formats.minutes, " ").concat(formats.meridiem) : "".concat(formats.hours24h, ":").concat(formats.minutes);
|
|
37
63
|
};
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
export var
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
return
|
|
1
|
+
export var areViewsEqual = function areViewsEqual(views, expectedViews) {
|
|
2
|
+
if (views.length !== expectedViews.length) {
|
|
3
|
+
return false;
|
|
4
|
+
}
|
|
5
|
+
return expectedViews.every(function (expectedView) {
|
|
6
|
+
return views.includes(expectedView);
|
|
7
|
+
});
|
|
6
8
|
};
|
|
7
9
|
export var applyDefaultViewProps = function applyDefaultViewProps(_ref) {
|
|
8
10
|
var openTo = _ref.openTo,
|
package/legacy/locales/deDE.js
CHANGED
|
@@ -45,7 +45,7 @@ var deDEPickers = {
|
|
|
45
45
|
},
|
|
46
46
|
// Digital clock labels
|
|
47
47
|
selectViewText: function selectViewText(view) {
|
|
48
|
-
return "
|
|
48
|
+
return "".concat(timeViews[view], " ausw\xE4hlen");
|
|
49
49
|
},
|
|
50
50
|
// Calendar labels
|
|
51
51
|
calendarWeekNumberHeaderLabel: 'Kalenderwoche',
|
|
@@ -78,7 +78,7 @@ var deDEPickers = {
|
|
|
78
78
|
},
|
|
79
79
|
// fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
|
|
80
80
|
fieldHoursPlaceholder: function fieldHoursPlaceholder() {
|
|
81
|
-
return '
|
|
81
|
+
return 'hh';
|
|
82
82
|
},
|
|
83
83
|
fieldMinutesPlaceholder: function fieldMinutesPlaceholder() {
|
|
84
84
|
return 'mm';
|
package/legacy/locales/index.js
CHANGED
|
@@ -1,29 +1,30 @@
|
|
|
1
|
+
export * from './beBY';
|
|
1
2
|
export * from './caES';
|
|
2
|
-
export * from './
|
|
3
|
-
export * from './plPL';
|
|
4
|
-
export * from './ptBR';
|
|
5
|
-
export * from './trTR';
|
|
3
|
+
export * from './csCZ';
|
|
6
4
|
export * from './deDE';
|
|
5
|
+
export * from './enUS';
|
|
7
6
|
export * from './esES';
|
|
8
7
|
export * from './faIR';
|
|
9
8
|
export * from './fiFI';
|
|
10
|
-
export * from './csCZ';
|
|
11
9
|
export * from './frFR';
|
|
10
|
+
export * from './heIL';
|
|
12
11
|
export * from './huHU';
|
|
13
|
-
export * from './
|
|
14
|
-
export * from './nbNO';
|
|
15
|
-
export * from './svSE';
|
|
12
|
+
export * from './isIS';
|
|
16
13
|
export * from './itIT';
|
|
17
|
-
export * from './
|
|
14
|
+
export * from './jaJP';
|
|
18
15
|
export * from './koKR';
|
|
19
16
|
export * from './kzKZ';
|
|
20
|
-
export * from './
|
|
21
|
-
export * from './
|
|
22
|
-
export * from './
|
|
23
|
-
export * from './
|
|
24
|
-
export * from './
|
|
17
|
+
export * from './nbNO';
|
|
18
|
+
export * from './nlNL';
|
|
19
|
+
export * from './plPL';
|
|
20
|
+
export * from './ptBR';
|
|
21
|
+
export * from './roRO';
|
|
25
22
|
export * from './ruRU';
|
|
26
|
-
export * from './heIL';
|
|
27
23
|
export * from './skSK';
|
|
24
|
+
export * from './svSE';
|
|
25
|
+
export * from './trTR';
|
|
26
|
+
export * from './ukUA';
|
|
27
|
+
export * from './urPK';
|
|
28
28
|
export * from './viVN';
|
|
29
|
+
export * from './zhCN';
|
|
29
30
|
export * from './utils/pickersLocaleTextApi';
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import { getPickersLocalization } from './utils/getPickersLocalization';
|
|
2
|
+
// maps TimeView to its translation
|
|
3
|
+
var timeViews = {
|
|
4
|
+
hours: 'Ore',
|
|
5
|
+
minutes: 'Minute',
|
|
6
|
+
seconds: 'Secunde',
|
|
7
|
+
meridiem: 'Meridiane'
|
|
8
|
+
};
|
|
9
|
+
var roROPickers = {
|
|
10
|
+
// Calendar navigation
|
|
11
|
+
previousMonth: 'Luna anterioară',
|
|
12
|
+
nextMonth: 'Luna următoare',
|
|
13
|
+
// View navigation
|
|
14
|
+
openPreviousView: 'Deschideți vizualizarea anterioară',
|
|
15
|
+
openNextView: 'Deschideți vizualizarea următoare',
|
|
16
|
+
calendarViewSwitchingButtonAriaLabel: function calendarViewSwitchingButtonAriaLabel(view) {
|
|
17
|
+
return view === 'year' ? 'Vizualizarea anuală este deschisă, comutați la vizualizarea calendarului' : 'Vizualizarea calendarului este deschisă, comutați la vizualizarea anuală';
|
|
18
|
+
},
|
|
19
|
+
// DateRange placeholders
|
|
20
|
+
start: 'Început',
|
|
21
|
+
end: 'Sfârșit',
|
|
22
|
+
// Action bar
|
|
23
|
+
cancelButtonLabel: 'Anulare',
|
|
24
|
+
clearButtonLabel: 'Ștergere',
|
|
25
|
+
okButtonLabel: 'OK',
|
|
26
|
+
todayButtonLabel: 'Astăzi',
|
|
27
|
+
// Toolbar titles
|
|
28
|
+
datePickerToolbarTitle: 'Selectați data',
|
|
29
|
+
dateTimePickerToolbarTitle: 'Selectați data și ora',
|
|
30
|
+
timePickerToolbarTitle: 'Selectați ora',
|
|
31
|
+
dateRangePickerToolbarTitle: 'Selectați intervalul de date',
|
|
32
|
+
// Clock labels
|
|
33
|
+
clockLabelText: function clockLabelText(view, time, adapter) {
|
|
34
|
+
var _timeViews$view;
|
|
35
|
+
return "Selecta\u021Bi ".concat((_timeViews$view = timeViews[view]) != null ? _timeViews$view : view, ". ").concat(time === null ? 'Nicio oră selectată' : "Ora selectat\u0103 este ".concat(adapter.format(time, 'fullTime')));
|
|
36
|
+
},
|
|
37
|
+
hoursClockNumberText: function hoursClockNumberText(hours) {
|
|
38
|
+
return "".concat(hours, " ").concat(timeViews.hours);
|
|
39
|
+
},
|
|
40
|
+
minutesClockNumberText: function minutesClockNumberText(minutes) {
|
|
41
|
+
return "".concat(minutes, " ").concat(timeViews.minutes);
|
|
42
|
+
},
|
|
43
|
+
secondsClockNumberText: function secondsClockNumberText(seconds) {
|
|
44
|
+
return "".concat(seconds, " ").concat(timeViews.seconds);
|
|
45
|
+
},
|
|
46
|
+
// Digital clock labels
|
|
47
|
+
selectViewText: function selectViewText(view) {
|
|
48
|
+
return "Selecta\u021Bi ".concat(timeViews[view]);
|
|
49
|
+
},
|
|
50
|
+
// Calendar labels
|
|
51
|
+
calendarWeekNumberHeaderLabel: 'Număr săptămână',
|
|
52
|
+
calendarWeekNumberHeaderText: '#',
|
|
53
|
+
calendarWeekNumberAriaLabelText: function calendarWeekNumberAriaLabelText(weekNumber) {
|
|
54
|
+
return "S\u0103pt\u0103m\xE2na ".concat(weekNumber);
|
|
55
|
+
},
|
|
56
|
+
calendarWeekNumberText: function calendarWeekNumberText(weekNumber) {
|
|
57
|
+
return "".concat(weekNumber);
|
|
58
|
+
},
|
|
59
|
+
// Open picker labels
|
|
60
|
+
openDatePickerDialogue: function openDatePickerDialogue(value, utils) {
|
|
61
|
+
return value !== null && utils.isValid(value) ? "Selecta\u021Bi data, data selectat\u0103 este ".concat(utils.format(value, 'fullDate')) : 'Selectați data';
|
|
62
|
+
},
|
|
63
|
+
openTimePickerDialogue: function openTimePickerDialogue(value, utils) {
|
|
64
|
+
return value !== null && utils.isValid(value) ? "Selecta\u021Bi ora, ora selectat\u0103 este ".concat(utils.format(value, 'fullTime')) : 'Selectați ora';
|
|
65
|
+
},
|
|
66
|
+
// Table labels
|
|
67
|
+
timeTableLabel: 'Selectați ora',
|
|
68
|
+
dateTableLabel: 'Selectați data'
|
|
69
|
+
|
|
70
|
+
// Field section placeholders
|
|
71
|
+
// fieldYearPlaceholder: params => 'Y'.repeat(params.digitAmount),
|
|
72
|
+
// fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
|
|
73
|
+
// fieldDayPlaceholder: () => 'DD',
|
|
74
|
+
// fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
|
|
75
|
+
// fieldHoursPlaceholder: () => 'hh',
|
|
76
|
+
// fieldMinutesPlaceholder: () => 'mm',
|
|
77
|
+
// fieldSecondsPlaceholder: () => 'ss',
|
|
78
|
+
// fieldMeridiemPlaceholder: () => 'aa',
|
|
79
|
+
};
|
|
80
|
+
|
|
81
|
+
export var roRO = getPickersLocalization(roROPickers);
|
package/locales/deDE.js
CHANGED
|
@@ -36,7 +36,7 @@ const deDEPickers = {
|
|
|
36
36
|
minutesClockNumberText: minutes => `${minutes} ${timeViews.minutes}`,
|
|
37
37
|
secondsClockNumberText: seconds => `${seconds} ${timeViews.seconds}`,
|
|
38
38
|
// Digital clock labels
|
|
39
|
-
selectViewText: view =>
|
|
39
|
+
selectViewText: view => `${timeViews[view]} auswählen`,
|
|
40
40
|
// Calendar labels
|
|
41
41
|
calendarWeekNumberHeaderLabel: 'Kalenderwoche',
|
|
42
42
|
calendarWeekNumberHeaderText: '#',
|
|
@@ -53,7 +53,7 @@ const deDEPickers = {
|
|
|
53
53
|
fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
|
|
54
54
|
fieldDayPlaceholder: () => 'TT',
|
|
55
55
|
// fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
|
|
56
|
-
fieldHoursPlaceholder: () => '
|
|
56
|
+
fieldHoursPlaceholder: () => 'hh',
|
|
57
57
|
fieldMinutesPlaceholder: () => 'mm',
|
|
58
58
|
fieldSecondsPlaceholder: () => 'ss',
|
|
59
59
|
fieldMeridiemPlaceholder: () => 'aa'
|
package/locales/index.d.ts
CHANGED
|
@@ -1,29 +1,30 @@
|
|
|
1
|
+
export * from './beBY';
|
|
1
2
|
export * from './caES';
|
|
2
|
-
export * from './
|
|
3
|
-
export * from './plPL';
|
|
4
|
-
export * from './ptBR';
|
|
5
|
-
export * from './trTR';
|
|
3
|
+
export * from './csCZ';
|
|
6
4
|
export * from './deDE';
|
|
5
|
+
export * from './enUS';
|
|
7
6
|
export * from './esES';
|
|
8
7
|
export * from './faIR';
|
|
9
8
|
export * from './fiFI';
|
|
10
|
-
export * from './csCZ';
|
|
11
9
|
export * from './frFR';
|
|
10
|
+
export * from './heIL';
|
|
12
11
|
export * from './huHU';
|
|
13
|
-
export * from './
|
|
14
|
-
export * from './nbNO';
|
|
15
|
-
export * from './svSE';
|
|
12
|
+
export * from './isIS';
|
|
16
13
|
export * from './itIT';
|
|
17
|
-
export * from './
|
|
14
|
+
export * from './jaJP';
|
|
18
15
|
export * from './koKR';
|
|
19
16
|
export * from './kzKZ';
|
|
20
|
-
export * from './
|
|
21
|
-
export * from './
|
|
22
|
-
export * from './
|
|
23
|
-
export * from './
|
|
24
|
-
export * from './
|
|
17
|
+
export * from './nbNO';
|
|
18
|
+
export * from './nlNL';
|
|
19
|
+
export * from './plPL';
|
|
20
|
+
export * from './ptBR';
|
|
21
|
+
export * from './roRO';
|
|
25
22
|
export * from './ruRU';
|
|
26
|
-
export * from './heIL';
|
|
27
23
|
export * from './skSK';
|
|
24
|
+
export * from './svSE';
|
|
25
|
+
export * from './trTR';
|
|
26
|
+
export * from './ukUA';
|
|
27
|
+
export * from './urPK';
|
|
28
28
|
export * from './viVN';
|
|
29
|
+
export * from './zhCN';
|
|
29
30
|
export * from './utils/pickersLocaleTextApi';
|
package/locales/index.js
CHANGED
|
@@ -1,29 +1,30 @@
|
|
|
1
|
+
export * from './beBY';
|
|
1
2
|
export * from './caES';
|
|
2
|
-
export * from './
|
|
3
|
-
export * from './plPL';
|
|
4
|
-
export * from './ptBR';
|
|
5
|
-
export * from './trTR';
|
|
3
|
+
export * from './csCZ';
|
|
6
4
|
export * from './deDE';
|
|
5
|
+
export * from './enUS';
|
|
7
6
|
export * from './esES';
|
|
8
7
|
export * from './faIR';
|
|
9
8
|
export * from './fiFI';
|
|
10
|
-
export * from './csCZ';
|
|
11
9
|
export * from './frFR';
|
|
10
|
+
export * from './heIL';
|
|
12
11
|
export * from './huHU';
|
|
13
|
-
export * from './
|
|
14
|
-
export * from './nbNO';
|
|
15
|
-
export * from './svSE';
|
|
12
|
+
export * from './isIS';
|
|
16
13
|
export * from './itIT';
|
|
17
|
-
export * from './
|
|
14
|
+
export * from './jaJP';
|
|
18
15
|
export * from './koKR';
|
|
19
16
|
export * from './kzKZ';
|
|
20
|
-
export * from './
|
|
21
|
-
export * from './
|
|
22
|
-
export * from './
|
|
23
|
-
export * from './
|
|
24
|
-
export * from './
|
|
17
|
+
export * from './nbNO';
|
|
18
|
+
export * from './nlNL';
|
|
19
|
+
export * from './plPL';
|
|
20
|
+
export * from './ptBR';
|
|
21
|
+
export * from './roRO';
|
|
25
22
|
export * from './ruRU';
|
|
26
|
-
export * from './heIL';
|
|
27
23
|
export * from './skSK';
|
|
24
|
+
export * from './svSE';
|
|
25
|
+
export * from './trTR';
|
|
26
|
+
export * from './ukUA';
|
|
27
|
+
export * from './urPK';
|
|
28
28
|
export * from './viVN';
|
|
29
|
+
export * from './zhCN';
|
|
29
30
|
export * from './utils/pickersLocaleTextApi';
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { TimeViewWithMeridiem } from '../internals/models';
|
|
2
|
+
export declare const roRO: {
|
|
3
|
+
components: {
|
|
4
|
+
MuiLocalizationProvider: {
|
|
5
|
+
defaultProps: {
|
|
6
|
+
localeText: {
|
|
7
|
+
previousMonth?: string | undefined;
|
|
8
|
+
nextMonth?: string | undefined;
|
|
9
|
+
calendarWeekNumberHeaderLabel?: string | undefined;
|
|
10
|
+
calendarWeekNumberHeaderText?: string | undefined;
|
|
11
|
+
calendarWeekNumberAriaLabelText?: ((weekNumber: number) => string) | undefined;
|
|
12
|
+
calendarWeekNumberText?: ((weekNumber: number) => string) | undefined;
|
|
13
|
+
openPreviousView?: string | undefined;
|
|
14
|
+
openNextView?: string | undefined;
|
|
15
|
+
calendarViewSwitchingButtonAriaLabel?: ((currentView: import("..").DateView) => string) | undefined;
|
|
16
|
+
start?: string | undefined;
|
|
17
|
+
end?: string | undefined;
|
|
18
|
+
cancelButtonLabel?: string | undefined;
|
|
19
|
+
clearButtonLabel?: string | undefined;
|
|
20
|
+
okButtonLabel?: string | undefined;
|
|
21
|
+
todayButtonLabel?: string | undefined;
|
|
22
|
+
clockLabelText?: ((view: import("..").TimeView, time: any, adapter: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
|
|
23
|
+
hoursClockNumberText?: ((hours: string) => string) | undefined;
|
|
24
|
+
minutesClockNumberText?: ((minutes: string) => string) | undefined;
|
|
25
|
+
secondsClockNumberText?: ((seconds: string) => string) | undefined;
|
|
26
|
+
selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
|
|
27
|
+
openDatePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
|
|
28
|
+
openTimePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any, any>) => string) | undefined;
|
|
29
|
+
timeTableLabel?: string | undefined;
|
|
30
|
+
dateTableLabel?: string | undefined;
|
|
31
|
+
fieldYearPlaceholder?: ((params: {
|
|
32
|
+
digitAmount: number;
|
|
33
|
+
}) => string) | undefined;
|
|
34
|
+
fieldMonthPlaceholder?: ((params: {
|
|
35
|
+
contentType: import("..").FieldSectionContentType;
|
|
36
|
+
}) => string) | undefined;
|
|
37
|
+
fieldDayPlaceholder?: (() => string) | undefined;
|
|
38
|
+
fieldWeekDayPlaceholder?: ((params: {
|
|
39
|
+
contentType: import("..").FieldSectionContentType;
|
|
40
|
+
}) => string) | undefined;
|
|
41
|
+
fieldHoursPlaceholder?: (() => string) | undefined;
|
|
42
|
+
fieldMinutesPlaceholder?: (() => string) | undefined;
|
|
43
|
+
fieldSecondsPlaceholder?: (() => string) | undefined;
|
|
44
|
+
fieldMeridiemPlaceholder?: (() => string) | undefined;
|
|
45
|
+
datePickerToolbarTitle?: string | undefined;
|
|
46
|
+
timePickerToolbarTitle?: string | undefined;
|
|
47
|
+
dateTimePickerToolbarTitle?: string | undefined;
|
|
48
|
+
dateRangePickerToolbarTitle?: string | undefined;
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
};
|