@mui/x-date-pickers 7.0.0-alpha.0 → 7.0.0-alpha.1
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.d.ts +4 -15
- package/AdapterDateFns/AdapterDateFns.js +8 -90
- package/AdapterDateFnsJalali/AdapterDateFnsJalali.d.ts +4 -15
- package/AdapterDateFnsJalali/AdapterDateFnsJalali.js +8 -90
- package/AdapterDayjs/AdapterDayjs.d.ts +5 -17
- package/AdapterDayjs/AdapterDayjs.js +11 -60
- package/AdapterLuxon/AdapterLuxon.d.ts +4 -15
- package/AdapterLuxon/AdapterLuxon.js +3 -73
- package/AdapterMoment/AdapterMoment.d.ts +4 -20
- package/AdapterMoment/AdapterMoment.js +9 -66
- package/AdapterMomentHijri/AdapterMomentHijri.d.ts +1 -7
- package/AdapterMomentHijri/AdapterMomentHijri.js +1 -30
- package/AdapterMomentJalaali/AdapterMomentJalaali.d.ts +1 -9
- package/AdapterMomentJalaali/AdapterMomentJalaali.js +1 -40
- package/CHANGELOG.md +409 -1
- package/DateCalendar/DateCalendar.js +0 -1
- package/DateCalendar/DayCalendar.d.ts +1 -2
- package/DateCalendar/DayCalendar.js +9 -16
- package/DateCalendar/index.d.ts +0 -1
- package/DateCalendar/index.js +1 -3
- package/DatePicker/DatePicker.js +0 -1
- package/DatePicker/shared.d.ts +1 -1
- package/DateTimePicker/DateTimePicker.js +0 -1
- package/DateTimePicker/shared.d.ts +1 -1
- package/DesktopDatePicker/DesktopDatePicker.js +0 -1
- package/DesktopDateTimePicker/DesktopDateTimePicker.js +0 -1
- package/DigitalClock/DigitalClock.js +3 -2
- package/LocalizationProvider/LocalizationProvider.js +0 -6
- package/MobileDatePicker/MobileDatePicker.js +0 -1
- package/MobileDateTimePicker/MobileDateTimePicker.js +0 -1
- package/PickersCalendarHeader/PickersCalendarHeader.js +11 -4
- package/StaticDatePicker/StaticDatePicker.js +0 -1
- package/StaticDateTimePicker/StaticDateTimePicker.js +0 -1
- package/TimePicker/shared.d.ts +1 -1
- package/YearCalendar/YearCalendar.js +1 -1
- package/dateTimeViewRenderers/dateTimeViewRenderers.d.ts +1 -1
- package/index.d.ts +1 -0
- package/index.js +4 -1
- package/internals/components/PickersArrowSwitcher/PickersArrowSwitcher.types.d.ts +5 -0
- package/internals/hooks/useField/useField.utils.js +0 -1
- package/internals/hooks/useField/useFieldState.js +1 -1
- package/internals/utils/getDefaultReferenceDate.d.ts +1 -2
- package/internals/utils/getDefaultReferenceDate.js +0 -4
- package/legacy/AdapterDateFns/AdapterDateFns.js +11 -92
- package/legacy/AdapterDateFnsJalali/AdapterDateFnsJalali.js +11 -92
- package/legacy/AdapterDayjs/AdapterDayjs.js +15 -63
- package/legacy/AdapterLuxon/AdapterLuxon.js +6 -75
- package/legacy/AdapterMoment/AdapterMoment.js +12 -70
- package/legacy/AdapterMomentHijri/AdapterMomentHijri.js +5 -30
- package/legacy/AdapterMomentJalaali/AdapterMomentJalaali.js +5 -40
- package/legacy/DateCalendar/DateCalendar.js +0 -1
- package/legacy/DateCalendar/DayCalendar.js +7 -11
- package/legacy/DateCalendar/index.js +1 -3
- package/legacy/DatePicker/DatePicker.js +0 -1
- package/legacy/DateTimePicker/DateTimePicker.js +0 -1
- package/legacy/DesktopDatePicker/DesktopDatePicker.js +0 -1
- package/legacy/DesktopDateTimePicker/DesktopDateTimePicker.js +0 -1
- package/legacy/DigitalClock/DigitalClock.js +3 -2
- package/legacy/LocalizationProvider/LocalizationProvider.js +0 -6
- package/legacy/MobileDatePicker/MobileDatePicker.js +0 -1
- package/legacy/MobileDateTimePicker/MobileDateTimePicker.js +0 -1
- package/legacy/PickersCalendarHeader/PickersCalendarHeader.js +11 -3
- package/legacy/StaticDatePicker/StaticDatePicker.js +0 -1
- package/legacy/StaticDateTimePicker/StaticDateTimePicker.js +0 -1
- package/legacy/YearCalendar/YearCalendar.js +1 -1
- package/legacy/index.js +4 -1
- package/legacy/internals/hooks/useField/useField.utils.js +0 -1
- package/legacy/internals/hooks/useField/useFieldState.js +1 -1
- package/legacy/internals/utils/getDefaultReferenceDate.js +0 -6
- package/models/adapters.d.ts +10 -135
- package/models/fields.d.ts +0 -6
- package/modern/AdapterDateFns/AdapterDateFns.js +8 -90
- package/modern/AdapterDateFnsJalali/AdapterDateFnsJalali.js +8 -90
- package/modern/AdapterDayjs/AdapterDayjs.js +11 -59
- package/modern/AdapterLuxon/AdapterLuxon.js +3 -73
- package/modern/AdapterMoment/AdapterMoment.js +9 -65
- package/modern/AdapterMomentHijri/AdapterMomentHijri.js +1 -30
- package/modern/AdapterMomentJalaali/AdapterMomentJalaali.js +1 -40
- package/modern/DateCalendar/DateCalendar.js +0 -1
- package/modern/DateCalendar/DayCalendar.js +9 -15
- package/modern/DateCalendar/index.js +1 -3
- package/modern/DatePicker/DatePicker.js +0 -1
- package/modern/DateTimePicker/DateTimePicker.js +0 -1
- package/modern/DesktopDatePicker/DesktopDatePicker.js +0 -1
- package/modern/DesktopDateTimePicker/DesktopDateTimePicker.js +0 -1
- package/modern/DigitalClock/DigitalClock.js +3 -2
- package/modern/LocalizationProvider/LocalizationProvider.js +0 -6
- package/modern/MobileDatePicker/MobileDatePicker.js +0 -1
- package/modern/MobileDateTimePicker/MobileDateTimePicker.js +0 -1
- package/modern/PickersCalendarHeader/PickersCalendarHeader.js +11 -4
- package/modern/StaticDatePicker/StaticDatePicker.js +0 -1
- package/modern/StaticDateTimePicker/StaticDateTimePicker.js +0 -1
- package/modern/YearCalendar/YearCalendar.js +1 -1
- package/modern/index.js +4 -1
- package/modern/internals/hooks/useField/useField.utils.js +0 -1
- package/modern/internals/hooks/useField/useFieldState.js +1 -1
- package/modern/internals/utils/getDefaultReferenceDate.js +0 -1
- package/node/AdapterDateFns/AdapterDateFns.js +8 -90
- package/node/AdapterDateFnsJalali/AdapterDateFnsJalali.js +8 -90
- package/node/AdapterDayjs/AdapterDayjs.js +11 -59
- package/node/AdapterLuxon/AdapterLuxon.js +3 -73
- package/node/AdapterMoment/AdapterMoment.js +9 -65
- package/node/AdapterMomentHijri/AdapterMomentHijri.js +1 -30
- package/node/AdapterMomentJalaali/AdapterMomentJalaali.js +1 -40
- package/node/DateCalendar/DateCalendar.js +0 -1
- package/node/DateCalendar/DayCalendar.js +9 -15
- package/node/DateCalendar/index.js +1 -21
- package/node/DatePicker/DatePicker.js +0 -1
- package/node/DateTimePicker/DateTimePicker.js +0 -1
- package/node/DesktopDatePicker/DesktopDatePicker.js +0 -1
- package/node/DesktopDateTimePicker/DesktopDateTimePicker.js +0 -1
- package/node/DigitalClock/DigitalClock.js +3 -2
- package/node/LocalizationProvider/LocalizationProvider.js +0 -6
- package/node/MobileDatePicker/MobileDatePicker.js +0 -1
- package/node/MobileDateTimePicker/MobileDateTimePicker.js +0 -1
- package/node/PickersCalendarHeader/PickersCalendarHeader.js +11 -4
- package/node/StaticDatePicker/StaticDatePicker.js +0 -1
- package/node/StaticDateTimePicker/StaticDateTimePicker.js +0 -1
- package/node/YearCalendar/YearCalendar.js +1 -1
- package/node/index.js +13 -1
- package/node/internals/hooks/useField/useField.utils.js +0 -1
- package/node/internals/hooks/useField/useFieldState.js +1 -1
- package/node/internals/utils/getDefaultReferenceDate.js +1 -3
- package/package.json +1 -1
- package/themeAugmentation/overrides.d.ts +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
2
2
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
3
|
-
const _excluded = ["slots", "slotProps", "currentMonth", "disabled", "disableFuture", "disablePast", "maxDate", "minDate", "onMonthChange", "onViewChange", "view", "reduceAnimations", "views", "labelId", "className", "timezone"],
|
|
3
|
+
const _excluded = ["slots", "slotProps", "currentMonth", "disabled", "disableFuture", "disablePast", "maxDate", "minDate", "onMonthChange", "onViewChange", "view", "reduceAnimations", "views", "labelId", "className", "timezone", "format"],
|
|
4
4
|
_excluded2 = ["ownerState"];
|
|
5
5
|
import * as React from 'react';
|
|
6
6
|
import PropTypes from 'prop-types';
|
|
@@ -127,7 +127,8 @@ const PickersCalendarHeader = /*#__PURE__*/React.forwardRef(function PickersCale
|
|
|
127
127
|
views,
|
|
128
128
|
labelId,
|
|
129
129
|
className,
|
|
130
|
-
timezone
|
|
130
|
+
timezone,
|
|
131
|
+
format = `${utils.formats.month} ${utils.formats.year}`
|
|
131
132
|
} = props,
|
|
132
133
|
other = _objectWithoutPropertiesLoose(props, _excluded);
|
|
133
134
|
const ownerState = props;
|
|
@@ -181,6 +182,7 @@ const PickersCalendarHeader = /*#__PURE__*/React.forwardRef(function PickersCale
|
|
|
181
182
|
if (views.length === 1 && views[0] === 'year') {
|
|
182
183
|
return null;
|
|
183
184
|
}
|
|
185
|
+
const label = utils.formatByString(month, format);
|
|
184
186
|
return /*#__PURE__*/_jsxs(PickersCalendarHeaderRoot, _extends({}, other, {
|
|
185
187
|
ownerState: ownerState,
|
|
186
188
|
className: clsx(className, classes.root),
|
|
@@ -195,12 +197,12 @@ const PickersCalendarHeader = /*#__PURE__*/React.forwardRef(function PickersCale
|
|
|
195
197
|
className: classes.labelContainer,
|
|
196
198
|
children: [/*#__PURE__*/_jsx(PickersFadeTransitionGroup, {
|
|
197
199
|
reduceAnimations: reduceAnimations,
|
|
198
|
-
transKey:
|
|
200
|
+
transKey: label,
|
|
199
201
|
children: /*#__PURE__*/_jsx(PickersCalendarHeaderLabel, {
|
|
200
202
|
id: labelId,
|
|
201
203
|
ownerState: ownerState,
|
|
202
204
|
className: classes.label,
|
|
203
|
-
children:
|
|
205
|
+
children: label
|
|
204
206
|
})
|
|
205
207
|
}), views.length > 1 && !disabled && /*#__PURE__*/_jsx(SwitchViewButton, _extends({}, switchViewButtonProps, {
|
|
206
208
|
children: /*#__PURE__*/_jsx(SwitchViewIcon, _extends({}, switchViewIconProps))
|
|
@@ -237,6 +239,11 @@ process.env.NODE_ENV !== "production" ? PickersCalendarHeader.propTypes = {
|
|
|
237
239
|
disabled: PropTypes.bool,
|
|
238
240
|
disableFuture: PropTypes.bool,
|
|
239
241
|
disablePast: PropTypes.bool,
|
|
242
|
+
/**
|
|
243
|
+
* Format used to display the date.
|
|
244
|
+
* @default `${adapter.formats.month} ${adapter.formats.year}`
|
|
245
|
+
*/
|
|
246
|
+
format: PropTypes.string,
|
|
240
247
|
labelId: PropTypes.string,
|
|
241
248
|
maxDate: PropTypes.any.isRequired,
|
|
242
249
|
minDate: PropTypes.any.isRequired,
|
|
@@ -66,7 +66,6 @@ StaticDatePicker.propTypes = {
|
|
|
66
66
|
className: PropTypes.string,
|
|
67
67
|
/**
|
|
68
68
|
* Formats the day of week displayed in the calendar header.
|
|
69
|
-
* @param {string} day The day of week provided by the adapter. Deprecated, will be removed in v7: Use `date` instead.
|
|
70
69
|
* @param {TDate} date The date of the day of week provided by the adapter.
|
|
71
70
|
* @returns {string} The name to display.
|
|
72
71
|
* @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
|
|
@@ -86,7 +86,6 @@ StaticDateTimePicker.propTypes = {
|
|
|
86
86
|
className: PropTypes.string,
|
|
87
87
|
/**
|
|
88
88
|
* Formats the day of week displayed in the calendar header.
|
|
89
|
-
* @param {string} day The day of week provided by the adapter. Deprecated, will be removed in v7: Use `date` instead.
|
|
90
89
|
* @param {TDate} date The date of the day of week provided by the adapter.
|
|
91
90
|
* @returns {string} The name to display.
|
|
92
91
|
* @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
|
package/TimePicker/shared.d.ts
CHANGED
|
@@ -43,6 +43,6 @@ export interface BaseTimePickerProps<TDate, TView extends TimeViewWithMeridiem>
|
|
|
43
43
|
*/
|
|
44
44
|
viewRenderers?: Partial<PickerViewRendererLookup<TDate | null, TView, TimeViewRendererProps<TView, BaseClockProps<TDate, TView>>, {}>>;
|
|
45
45
|
}
|
|
46
|
-
type UseTimePickerDefaultizedProps<TDate, TView extends TimeViewWithMeridiem, Props extends BaseTimePickerProps<TDate, TView>> = LocalizedComponent<TDate,
|
|
46
|
+
type UseTimePickerDefaultizedProps<TDate, TView extends TimeViewWithMeridiem, Props extends BaseTimePickerProps<TDate, TView>> = LocalizedComponent<TDate, DefaultizedProps<Props, 'views' | 'openTo' | 'ampm' | keyof BaseTimeValidationProps>>;
|
|
47
47
|
export declare function useTimePickerDefaultizedProps<TDate, TView extends TimeViewWithMeridiem, Props extends BaseTimePickerProps<TDate, TView>>(props: Props, name: string): UseTimePickerDefaultizedProps<TDate, TView, Props>;
|
|
48
48
|
export {};
|
|
@@ -235,7 +235,7 @@ export const YearCalendar = /*#__PURE__*/React.forwardRef(function YearCalendar(
|
|
|
235
235
|
role: "radiogroup",
|
|
236
236
|
"aria-labelledby": gridLabelId
|
|
237
237
|
}, other, {
|
|
238
|
-
children: utils.getYearRange(minDate, maxDate).map(year => {
|
|
238
|
+
children: utils.getYearRange([minDate, maxDate]).map(year => {
|
|
239
239
|
const yearNumber = utils.getYear(year);
|
|
240
240
|
const isSelected = yearNumber === selectedYear;
|
|
241
241
|
const isDisabled = disabled || isYearDisabled(year);
|
|
@@ -3,7 +3,7 @@ import { DateCalendarProps } from '../DateCalendar';
|
|
|
3
3
|
import { DateOrTimeViewWithMeridiem } from '../internals/models';
|
|
4
4
|
import { MultiSectionDigitalClockProps } from '../MultiSectionDigitalClock';
|
|
5
5
|
import type { DateTimePickerProps } from '../DateTimePicker/DateTimePicker.types';
|
|
6
|
-
export interface DateTimeViewRendererProps<TDate> extends Omit<DateCalendarProps<TDate> & MultiSectionDigitalClockProps<TDate>, 'views' | 'openTo' | 'view' | 'onViewChange' | 'focusedView' | '
|
|
6
|
+
export interface DateTimeViewRendererProps<TDate> extends Omit<DateCalendarProps<TDate> & MultiSectionDigitalClockProps<TDate>, 'views' | 'openTo' | 'view' | 'onViewChange' | 'focusedView' | 'slots' | 'slotProps'>, Pick<DateTimePickerProps<TDate>, 'slots' | 'slotProps'> {
|
|
7
7
|
view: DateOrTimeViewWithMeridiem;
|
|
8
8
|
onViewChange?: (view: DateOrTimeViewWithMeridiem) => void;
|
|
9
9
|
views: readonly DateOrTimeViewWithMeridiem[];
|
package/index.d.ts
CHANGED
|
@@ -28,6 +28,7 @@ export * from './timeViewRenderers';
|
|
|
28
28
|
export * from './PickersLayout';
|
|
29
29
|
export * from './PickersActionBar';
|
|
30
30
|
export * from './PickersShortcuts';
|
|
31
|
+
export * from './PickersCalendarHeader';
|
|
31
32
|
export { DEFAULT_DESKTOP_MODE_MEDIA_QUERY } from './internals/utils/utils';
|
|
32
33
|
export * from './models';
|
|
33
34
|
export * from './icons';
|
package/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @mui/x-date-pickers v7.0.0-alpha.
|
|
2
|
+
* @mui/x-date-pickers v7.0.0-alpha.1
|
|
3
3
|
*
|
|
4
4
|
* @license MIT
|
|
5
5
|
* This source code is licensed under the MIT license found in the
|
|
@@ -46,6 +46,9 @@ export * from './timeViewRenderers';
|
|
|
46
46
|
export * from './PickersLayout';
|
|
47
47
|
export * from './PickersActionBar';
|
|
48
48
|
export * from './PickersShortcuts';
|
|
49
|
+
|
|
50
|
+
// Other slots
|
|
51
|
+
export * from './PickersCalendarHeader';
|
|
49
52
|
export { DEFAULT_DESKTOP_MODE_MEDIA_QUERY } from './internals/utils/utils';
|
|
50
53
|
export * from './models';
|
|
51
54
|
export * from './icons';
|
|
@@ -15,6 +15,11 @@ export interface ExportedPickersArrowSwitcherProps {
|
|
|
15
15
|
*/
|
|
16
16
|
slotProps?: PickersArrowSwitcherSlotsComponentsProps;
|
|
17
17
|
classes?: Partial<PickersArrowSwitcherClasses>;
|
|
18
|
+
/**
|
|
19
|
+
* Format used to display the date.
|
|
20
|
+
* @default `${adapter.formats.month} ${adapter.formats.year}`
|
|
21
|
+
*/
|
|
22
|
+
format?: string;
|
|
18
23
|
}
|
|
19
24
|
export interface PickersArrowSwitcherProps extends ExportedPickersArrowSwitcherProps, Omit<React.HTMLProps<HTMLDivElement>, 'ref' | 'as'> {
|
|
20
25
|
children?: React.ReactNode;
|
|
@@ -357,7 +357,6 @@ export const splitFormatIntoSections = (utils, timezone, localeText, format, dat
|
|
|
357
357
|
maxLength,
|
|
358
358
|
value: sectionValue,
|
|
359
359
|
placeholder: getSectionPlaceholder(utils, timezone, localeText, sectionConfig, token),
|
|
360
|
-
hasLeadingZeros: hasLeadingZerosInFormat,
|
|
361
360
|
hasLeadingZerosInFormat,
|
|
362
361
|
hasLeadingZerosInInput,
|
|
363
362
|
startSeparator: sections.length === 0 ? startSeparator : '',
|
|
@@ -249,7 +249,7 @@ export const useFieldState = params => {
|
|
|
249
249
|
}, [format, utils.locale]); // eslint-disable-line react-hooks/exhaustive-deps
|
|
250
250
|
|
|
251
251
|
React.useEffect(() => {
|
|
252
|
-
let shouldUpdate
|
|
252
|
+
let shouldUpdate;
|
|
253
253
|
if (!valueManager.areValuesEqual(utils, state.value, valueFromTheOutside)) {
|
|
254
254
|
shouldUpdate = true;
|
|
255
255
|
} else {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { getTodayDate } from './date-utils';
|
|
2
|
-
import {
|
|
2
|
+
import { FieldSection, MuiPickersAdapter, PickersTimezone } from '../../models';
|
|
3
3
|
export interface GetDefaultReferenceDateProps<TDate> {
|
|
4
4
|
maxDate?: TDate;
|
|
5
5
|
minDate?: TDate;
|
|
@@ -17,7 +17,6 @@ export declare const SECTION_TYPE_GRANULARITY: {
|
|
|
17
17
|
milliseconds: number;
|
|
18
18
|
};
|
|
19
19
|
export declare const getSectionTypeGranularity: (sections: FieldSection[]) => number;
|
|
20
|
-
export declare const getViewsGranularity: (views: readonly DateOrTimeView[]) => number;
|
|
21
20
|
export declare const getDefaultReferenceDate: <TDate>({ props, utils, granularity, timezone, getTodayDate: inGetTodayDate, }: {
|
|
22
21
|
props: GetDefaultReferenceDateProps<TDate>;
|
|
23
22
|
utils: MuiPickersAdapter<TDate, any>;
|
|
@@ -13,10 +13,6 @@ export const getSectionTypeGranularity = sections => Math.max(...sections.map(se
|
|
|
13
13
|
var _SECTION_TYPE_GRANULA;
|
|
14
14
|
return (_SECTION_TYPE_GRANULA = SECTION_TYPE_GRANULARITY[section.type]) != null ? _SECTION_TYPE_GRANULA : 1;
|
|
15
15
|
}));
|
|
16
|
-
export const getViewsGranularity = views => Math.max(...views.map(view => {
|
|
17
|
-
var _SECTION_TYPE_GRANULA2;
|
|
18
|
-
return (_SECTION_TYPE_GRANULA2 = SECTION_TYPE_GRANULARITY[view]) != null ? _SECTION_TYPE_GRANULA2 : 1;
|
|
19
|
-
}));
|
|
20
16
|
const roundDate = (utils, granularity, date) => {
|
|
21
17
|
if (granularity === SECTION_TYPE_GRANULARITY.year) {
|
|
22
18
|
return utils.startOfYear(date);
|
|
@@ -10,16 +10,6 @@ import addHours from 'date-fns/addHours';
|
|
|
10
10
|
import addWeeks from 'date-fns/addWeeks';
|
|
11
11
|
import addMonths from 'date-fns/addMonths';
|
|
12
12
|
import addYears from 'date-fns/addYears';
|
|
13
|
-
import differenceInYears from 'date-fns/differenceInYears';
|
|
14
|
-
import differenceInQuarters from 'date-fns/differenceInQuarters';
|
|
15
|
-
import differenceInMonths from 'date-fns/differenceInMonths';
|
|
16
|
-
import differenceInWeeks from 'date-fns/differenceInWeeks';
|
|
17
|
-
import differenceInDays from 'date-fns/differenceInDays';
|
|
18
|
-
import differenceInHours from 'date-fns/differenceInHours';
|
|
19
|
-
import differenceInMinutes from 'date-fns/differenceInMinutes';
|
|
20
|
-
import differenceInSeconds from 'date-fns/differenceInSeconds';
|
|
21
|
-
import differenceInMilliseconds from 'date-fns/differenceInMilliseconds';
|
|
22
|
-
import eachDayOfInterval from 'date-fns/eachDayOfInterval';
|
|
23
13
|
import endOfDay from 'date-fns/endOfDay';
|
|
24
14
|
import endOfWeek from 'date-fns/endOfWeek';
|
|
25
15
|
import endOfYear from 'date-fns/endOfYear';
|
|
@@ -54,8 +44,6 @@ import startOfMonth from 'date-fns/startOfMonth';
|
|
|
54
44
|
import endOfMonth from 'date-fns/endOfMonth';
|
|
55
45
|
import startOfWeek from 'date-fns/startOfWeek';
|
|
56
46
|
import startOfYear from 'date-fns/startOfYear';
|
|
57
|
-
import parseISO from 'date-fns/parseISO';
|
|
58
|
-
import formatISO from 'date-fns/formatISO';
|
|
59
47
|
import isWithinInterval from 'date-fns/isWithinInterval';
|
|
60
48
|
import defaultLocale from 'date-fns/locale/en-US';
|
|
61
49
|
// @ts-ignore
|
|
@@ -238,19 +226,13 @@ var defaultFormats = {
|
|
|
238
226
|
minutes: 'mm',
|
|
239
227
|
seconds: 'ss',
|
|
240
228
|
fullDate: 'PP',
|
|
241
|
-
fullDateWithWeekday: 'PPPP',
|
|
242
229
|
keyboardDate: 'P',
|
|
243
230
|
shortDate: 'MMM d',
|
|
244
231
|
normalDate: 'd MMMM',
|
|
245
232
|
normalDateWithWeekday: 'EEE, MMM d',
|
|
246
|
-
monthAndYear: 'LLLL yyyy',
|
|
247
|
-
monthAndDate: 'MMMM d',
|
|
248
233
|
fullTime: 'p',
|
|
249
234
|
fullTime12h: 'hh:mm aa',
|
|
250
235
|
fullTime24h: 'HH:mm',
|
|
251
|
-
fullDateTime: 'PP p',
|
|
252
|
-
fullDateTime12h: 'PP hh:mm aa',
|
|
253
|
-
fullDateTime24h: 'PP HH:mm',
|
|
254
236
|
keyboardDateTime: 'P p',
|
|
255
237
|
keyboardDateTime12h: 'P hh:mm aa',
|
|
256
238
|
keyboardDateTime24h: 'P HH:mm'
|
|
@@ -318,14 +300,6 @@ export var AdapterDateFns = /*#__PURE__*/_createClass(function AdapterDateFns()
|
|
|
318
300
|
this.toJsDate = function (value) {
|
|
319
301
|
return value;
|
|
320
302
|
};
|
|
321
|
-
this.parseISO = function (isoString) {
|
|
322
|
-
return parseISO(isoString);
|
|
323
|
-
};
|
|
324
|
-
this.toISO = function (value) {
|
|
325
|
-
return formatISO(value, {
|
|
326
|
-
format: 'extended'
|
|
327
|
-
});
|
|
328
|
-
};
|
|
329
303
|
this.parse = function (value, format) {
|
|
330
304
|
if (value === '') {
|
|
331
305
|
return null;
|
|
@@ -362,14 +336,11 @@ export var AdapterDateFns = /*#__PURE__*/_createClass(function AdapterDateFns()
|
|
|
362
336
|
return token;
|
|
363
337
|
}).join('');
|
|
364
338
|
};
|
|
365
|
-
this.getFormatHelperText = function (format) {
|
|
366
|
-
return _this.expandFormat(format).replace(/(aaa|aa|a)/g, '(a|p)m').toLocaleLowerCase();
|
|
367
|
-
};
|
|
368
|
-
this.isNull = function (value) {
|
|
369
|
-
return value === null;
|
|
370
|
-
};
|
|
371
339
|
this.isValid = function (value) {
|
|
372
|
-
|
|
340
|
+
if (value == null) {
|
|
341
|
+
return false;
|
|
342
|
+
}
|
|
343
|
+
return isValid(value);
|
|
373
344
|
};
|
|
374
345
|
this.format = function (value, formatKey) {
|
|
375
346
|
return _this.formatByString(value, _this.formats[formatKey]);
|
|
@@ -382,34 +353,13 @@ export var AdapterDateFns = /*#__PURE__*/_createClass(function AdapterDateFns()
|
|
|
382
353
|
this.formatNumber = function (numberToFormat) {
|
|
383
354
|
return numberToFormat;
|
|
384
355
|
};
|
|
385
|
-
this.getDiff = function (value, comparing, unit) {
|
|
386
|
-
switch (unit) {
|
|
387
|
-
case 'years':
|
|
388
|
-
return differenceInYears(value, _this.date(comparing));
|
|
389
|
-
case 'quarters':
|
|
390
|
-
return differenceInQuarters(value, _this.date(comparing));
|
|
391
|
-
case 'months':
|
|
392
|
-
return differenceInMonths(value, _this.date(comparing));
|
|
393
|
-
case 'weeks':
|
|
394
|
-
return differenceInWeeks(value, _this.date(comparing));
|
|
395
|
-
case 'days':
|
|
396
|
-
return differenceInDays(value, _this.date(comparing));
|
|
397
|
-
case 'hours':
|
|
398
|
-
return differenceInHours(value, _this.date(comparing));
|
|
399
|
-
case 'minutes':
|
|
400
|
-
return differenceInMinutes(value, _this.date(comparing));
|
|
401
|
-
case 'seconds':
|
|
402
|
-
return differenceInSeconds(value, _this.date(comparing));
|
|
403
|
-
default:
|
|
404
|
-
{
|
|
405
|
-
return differenceInMilliseconds(value, _this.date(comparing));
|
|
406
|
-
}
|
|
407
|
-
}
|
|
408
|
-
};
|
|
409
356
|
this.isEqual = function (value, comparing) {
|
|
410
357
|
if (value === null && comparing === null) {
|
|
411
358
|
return true;
|
|
412
359
|
}
|
|
360
|
+
if (value === null || comparing === null) {
|
|
361
|
+
return false;
|
|
362
|
+
}
|
|
413
363
|
return isEqual(value, comparing);
|
|
414
364
|
};
|
|
415
365
|
this.isSameYear = function (value, comparing) {
|
|
@@ -545,37 +495,6 @@ export var AdapterDateFns = /*#__PURE__*/_createClass(function AdapterDateFns()
|
|
|
545
495
|
this.getDaysInMonth = function (value) {
|
|
546
496
|
return getDaysInMonth(value);
|
|
547
497
|
};
|
|
548
|
-
this.getNextMonth = function (value) {
|
|
549
|
-
return addMonths(value, 1);
|
|
550
|
-
};
|
|
551
|
-
this.getPreviousMonth = function (value) {
|
|
552
|
-
return addMonths(value, -1);
|
|
553
|
-
};
|
|
554
|
-
this.getMonthArray = function (value) {
|
|
555
|
-
var firstMonth = startOfYear(value);
|
|
556
|
-
var monthArray = [firstMonth];
|
|
557
|
-
while (monthArray.length < 12) {
|
|
558
|
-
var prevMonth = monthArray[monthArray.length - 1];
|
|
559
|
-
monthArray.push(_this.getNextMonth(prevMonth));
|
|
560
|
-
}
|
|
561
|
-
return monthArray;
|
|
562
|
-
};
|
|
563
|
-
this.mergeDateAndTime = function (dateParam, timeParam) {
|
|
564
|
-
return _this.setSeconds(_this.setMinutes(_this.setHours(dateParam, _this.getHours(timeParam)), _this.getMinutes(timeParam)), _this.getSeconds(timeParam));
|
|
565
|
-
};
|
|
566
|
-
this.getWeekdays = function () {
|
|
567
|
-
var now = new Date();
|
|
568
|
-
return eachDayOfInterval({
|
|
569
|
-
start: startOfWeek(now, {
|
|
570
|
-
locale: _this.locale
|
|
571
|
-
}),
|
|
572
|
-
end: endOfWeek(now, {
|
|
573
|
-
locale: _this.locale
|
|
574
|
-
})
|
|
575
|
-
}).map(function (day) {
|
|
576
|
-
return _this.formatByString(day, 'EEEEEE');
|
|
577
|
-
});
|
|
578
|
-
};
|
|
579
498
|
this.getWeekArray = function (value) {
|
|
580
499
|
var start = startOfWeek(startOfMonth(value), {
|
|
581
500
|
locale: _this.locale
|
|
@@ -600,7 +519,10 @@ export var AdapterDateFns = /*#__PURE__*/_createClass(function AdapterDateFns()
|
|
|
600
519
|
locale: _this.locale
|
|
601
520
|
});
|
|
602
521
|
};
|
|
603
|
-
this.getYearRange = function (
|
|
522
|
+
this.getYearRange = function (_ref4) {
|
|
523
|
+
var _ref5 = _slicedToArray(_ref4, 2),
|
|
524
|
+
start = _ref5[0],
|
|
525
|
+
end = _ref5[1];
|
|
604
526
|
var startDate = startOfYear(start);
|
|
605
527
|
var endDate = endOfYear(end);
|
|
606
528
|
var years = [];
|
|
@@ -611,9 +533,6 @@ export var AdapterDateFns = /*#__PURE__*/_createClass(function AdapterDateFns()
|
|
|
611
533
|
}
|
|
612
534
|
return years;
|
|
613
535
|
};
|
|
614
|
-
this.getMeridiemText = function (ampm) {
|
|
615
|
-
return ampm === 'am' ? 'AM' : 'PM';
|
|
616
|
-
};
|
|
617
536
|
this.locale = _locale;
|
|
618
537
|
this.formats = _extends({}, defaultFormats, formats);
|
|
619
538
|
});
|
|
@@ -10,21 +10,10 @@ import addDays from 'date-fns-jalali/addDays';
|
|
|
10
10
|
import addWeeks from 'date-fns-jalali/addWeeks';
|
|
11
11
|
import addMonths from 'date-fns-jalali/addMonths';
|
|
12
12
|
import addYears from 'date-fns-jalali/addYears';
|
|
13
|
-
import differenceInYears from 'date-fns-jalali/differenceInYears';
|
|
14
|
-
import differenceInQuarters from 'date-fns-jalali/differenceInQuarters';
|
|
15
|
-
import differenceInMonths from 'date-fns-jalali/differenceInMonths';
|
|
16
|
-
import differenceInWeeks from 'date-fns-jalali/differenceInWeeks';
|
|
17
|
-
import differenceInDays from 'date-fns-jalali/differenceInDays';
|
|
18
|
-
import differenceInHours from 'date-fns-jalali/differenceInHours';
|
|
19
|
-
import differenceInMinutes from 'date-fns-jalali/differenceInMinutes';
|
|
20
|
-
import differenceInSeconds from 'date-fns-jalali/differenceInSeconds';
|
|
21
|
-
import differenceInMilliseconds from 'date-fns-jalali/differenceInMilliseconds';
|
|
22
|
-
import eachDayOfInterval from 'date-fns-jalali/eachDayOfInterval';
|
|
23
13
|
import endOfDay from 'date-fns-jalali/endOfDay';
|
|
24
14
|
import endOfWeek from 'date-fns-jalali/endOfWeek';
|
|
25
15
|
import endOfYear from 'date-fns-jalali/endOfYear';
|
|
26
16
|
import dateFnsFormat from 'date-fns-jalali/format';
|
|
27
|
-
import formatISO from 'date-fns-jalali/formatISO';
|
|
28
17
|
import getHours from 'date-fns-jalali/getHours';
|
|
29
18
|
import getSeconds from 'date-fns-jalali/getSeconds';
|
|
30
19
|
import getMilliseconds from 'date-fns-jalali/getMilliseconds';
|
|
@@ -43,7 +32,6 @@ import isSameMonth from 'date-fns-jalali/isSameMonth';
|
|
|
43
32
|
import isSameHour from 'date-fns-jalali/isSameHour';
|
|
44
33
|
import isValid from 'date-fns-jalali/isValid';
|
|
45
34
|
import dateFnsParse from 'date-fns-jalali/parse';
|
|
46
|
-
import parseISO from 'date-fns-jalali/parseISO';
|
|
47
35
|
import setDate from 'date-fns-jalali/setDate';
|
|
48
36
|
import setHours from 'date-fns-jalali/setHours';
|
|
49
37
|
import setMinutes from 'date-fns-jalali/setMinutes';
|
|
@@ -238,16 +226,10 @@ var defaultFormats = {
|
|
|
238
226
|
minutes: 'mm',
|
|
239
227
|
seconds: 'ss',
|
|
240
228
|
fullDate: 'PPP',
|
|
241
|
-
fullDateWithWeekday: 'PPPP',
|
|
242
229
|
keyboardDate: 'P',
|
|
243
230
|
shortDate: 'd MMM',
|
|
244
231
|
normalDate: 'd MMMM',
|
|
245
232
|
normalDateWithWeekday: 'EEE, d MMMM',
|
|
246
|
-
monthAndYear: 'LLLL yyyy',
|
|
247
|
-
monthAndDate: 'd MMMM',
|
|
248
|
-
fullDateTime: 'PPP p',
|
|
249
|
-
fullDateTime12h: 'PPP hh:mm aa',
|
|
250
|
-
fullDateTime24h: 'PPP HH:mm',
|
|
251
233
|
fullTime: 'p',
|
|
252
234
|
fullTime12h: 'hh:mm aaa',
|
|
253
235
|
fullTime24h: 'HH:mm',
|
|
@@ -330,14 +312,6 @@ export var AdapterDateFnsJalali = /*#__PURE__*/_createClass(function AdapterDate
|
|
|
330
312
|
this.toJsDate = function (value) {
|
|
331
313
|
return value;
|
|
332
314
|
};
|
|
333
|
-
this.parseISO = function (isoString) {
|
|
334
|
-
return parseISO(isoString);
|
|
335
|
-
};
|
|
336
|
-
this.toISO = function (value) {
|
|
337
|
-
return formatISO(value, {
|
|
338
|
-
format: 'extended'
|
|
339
|
-
});
|
|
340
|
-
};
|
|
341
315
|
this.parse = function (value, format) {
|
|
342
316
|
if (value === '') {
|
|
343
317
|
return null;
|
|
@@ -374,14 +348,11 @@ export var AdapterDateFnsJalali = /*#__PURE__*/_createClass(function AdapterDate
|
|
|
374
348
|
return token;
|
|
375
349
|
}).join('');
|
|
376
350
|
};
|
|
377
|
-
this.getFormatHelperText = function (format) {
|
|
378
|
-
return _this.expandFormat(format).replace(/(aaa|aa|a)/g, '(a|p)m').toLocaleLowerCase();
|
|
379
|
-
};
|
|
380
|
-
this.isNull = function (value) {
|
|
381
|
-
return value === null;
|
|
382
|
-
};
|
|
383
351
|
this.isValid = function (value) {
|
|
384
|
-
|
|
352
|
+
if (value == null) {
|
|
353
|
+
return false;
|
|
354
|
+
}
|
|
355
|
+
return isValid(value);
|
|
385
356
|
};
|
|
386
357
|
this.format = function (value, formatKey) {
|
|
387
358
|
return _this.formatByString(value, _this.formats[formatKey]);
|
|
@@ -396,34 +367,13 @@ export var AdapterDateFnsJalali = /*#__PURE__*/_createClass(function AdapterDate
|
|
|
396
367
|
return NUMBER_SYMBOL_MAP[match];
|
|
397
368
|
}).replace(/,/g, '،');
|
|
398
369
|
};
|
|
399
|
-
this.getDiff = function (value, comparing, unit) {
|
|
400
|
-
switch (unit) {
|
|
401
|
-
case 'years':
|
|
402
|
-
return differenceInYears(value, _this.date(comparing));
|
|
403
|
-
case 'quarters':
|
|
404
|
-
return differenceInQuarters(value, _this.date(comparing));
|
|
405
|
-
case 'months':
|
|
406
|
-
return differenceInMonths(value, _this.date(comparing));
|
|
407
|
-
case 'weeks':
|
|
408
|
-
return differenceInWeeks(value, _this.date(comparing));
|
|
409
|
-
case 'days':
|
|
410
|
-
return differenceInDays(value, _this.date(comparing));
|
|
411
|
-
case 'hours':
|
|
412
|
-
return differenceInHours(value, _this.date(comparing));
|
|
413
|
-
case 'minutes':
|
|
414
|
-
return differenceInMinutes(value, _this.date(comparing));
|
|
415
|
-
case 'seconds':
|
|
416
|
-
return differenceInSeconds(value, _this.date(comparing));
|
|
417
|
-
default:
|
|
418
|
-
{
|
|
419
|
-
return differenceInMilliseconds(value, _this.date(comparing));
|
|
420
|
-
}
|
|
421
|
-
}
|
|
422
|
-
};
|
|
423
370
|
this.isEqual = function (value, comparing) {
|
|
424
371
|
if (value === null && comparing === null) {
|
|
425
372
|
return true;
|
|
426
373
|
}
|
|
374
|
+
if (value === null || comparing === null) {
|
|
375
|
+
return false;
|
|
376
|
+
}
|
|
427
377
|
return isEqual(value, comparing);
|
|
428
378
|
};
|
|
429
379
|
this.isSameYear = function (value, comparing) {
|
|
@@ -559,37 +509,6 @@ export var AdapterDateFnsJalali = /*#__PURE__*/_createClass(function AdapterDate
|
|
|
559
509
|
this.getDaysInMonth = function (value) {
|
|
560
510
|
return getDaysInMonth(value);
|
|
561
511
|
};
|
|
562
|
-
this.getNextMonth = function (value) {
|
|
563
|
-
return addMonths(value, 1);
|
|
564
|
-
};
|
|
565
|
-
this.getPreviousMonth = function (value) {
|
|
566
|
-
return addMonths(value, -1);
|
|
567
|
-
};
|
|
568
|
-
this.getMonthArray = function (value) {
|
|
569
|
-
var firstMonth = startOfYear(value);
|
|
570
|
-
var monthArray = [firstMonth];
|
|
571
|
-
while (monthArray.length < 12) {
|
|
572
|
-
var prevMonth = monthArray[monthArray.length - 1];
|
|
573
|
-
monthArray.push(_this.getNextMonth(prevMonth));
|
|
574
|
-
}
|
|
575
|
-
return monthArray;
|
|
576
|
-
};
|
|
577
|
-
this.mergeDateAndTime = function (dateParam, timeParam) {
|
|
578
|
-
return _this.setSeconds(_this.setMinutes(_this.setHours(dateParam, _this.getHours(timeParam)), _this.getMinutes(timeParam)), _this.getSeconds(timeParam));
|
|
579
|
-
};
|
|
580
|
-
this.getWeekdays = function () {
|
|
581
|
-
var now = new Date();
|
|
582
|
-
return eachDayOfInterval({
|
|
583
|
-
start: startOfWeek(now, {
|
|
584
|
-
locale: _this.locale
|
|
585
|
-
}),
|
|
586
|
-
end: endOfWeek(now, {
|
|
587
|
-
locale: _this.locale
|
|
588
|
-
})
|
|
589
|
-
}).map(function (day) {
|
|
590
|
-
return _this.formatByString(day, 'EEEEEE');
|
|
591
|
-
});
|
|
592
|
-
};
|
|
593
512
|
this.getWeekArray = function (value) {
|
|
594
513
|
var start = startOfWeek(startOfMonth(value), {
|
|
595
514
|
locale: _this.locale
|
|
@@ -614,7 +533,10 @@ export var AdapterDateFnsJalali = /*#__PURE__*/_createClass(function AdapterDate
|
|
|
614
533
|
locale: _this.locale
|
|
615
534
|
});
|
|
616
535
|
};
|
|
617
|
-
this.getYearRange = function (
|
|
536
|
+
this.getYearRange = function (_ref4) {
|
|
537
|
+
var _ref5 = _slicedToArray(_ref4, 2),
|
|
538
|
+
start = _ref5[0],
|
|
539
|
+
end = _ref5[1];
|
|
618
540
|
var startDate = startOfYear(start);
|
|
619
541
|
var endDate = endOfYear(end);
|
|
620
542
|
var years = [];
|
|
@@ -625,9 +547,6 @@ export var AdapterDateFnsJalali = /*#__PURE__*/_createClass(function AdapterDate
|
|
|
625
547
|
}
|
|
626
548
|
return years;
|
|
627
549
|
};
|
|
628
|
-
this.getMeridiemText = function (ampm) {
|
|
629
|
-
return ampm === 'am' ? 'ق.ظ' : 'ب.ظ';
|
|
630
|
-
};
|
|
631
550
|
this.locale = _locale;
|
|
632
551
|
this.formats = _extends({}, defaultFormats, formats);
|
|
633
552
|
});
|