@am92/react-design-system 2.5.5 → 2.5.7
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/dist/Components/DsIcon/DsIcon.Types.d.ts +2 -2
- package/dist/Components/DsIconButton/DsIconButton.Types.d.ts +2 -2
- package/dist/Components/DsImage/DsImage.Types.d.ts +1 -1
- package/dist/Components/DsLoader/DsLoader.Component.js +0 -1
- package/dist/Components/DsSlider/DsSlider.Overrides.d.ts +1 -1
- package/dist/Components/DsSlider/DsSlider.Overrides.js +1 -1
- package/dist/Components/DsSvgIcon/DsSvgIcon.Types.d.ts +2 -2
- package/dist/Components/index.d.ts +0 -1
- package/dist/Components/index.js +0 -1
- package/dist/Theme/componentOverrides.d.ts +287 -220
- package/dist/Theme/componentOverrides.js +4 -3
- package/dist/Theme/index.d.ts +1 -1
- package/dist/Theme/index.js +2 -2
- package/dist/Types/DsColor.d.ts +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/locale.d.ts +59 -1
- package/dist/locale.js +58 -1
- package/dist/x-charts/Components/index.d.ts +34 -0
- package/dist/x-charts/Components/index.js +34 -0
- package/dist/x-charts/Constants/DATA_VIS_PALETTE.d.ts +2 -0
- package/dist/x-charts/Constants/DATA_VIS_PALETTE.js +51 -0
- package/dist/x-charts/Constants/index.d.ts +1 -0
- package/dist/x-charts/Constants/index.js +1 -0
- package/dist/x-charts/Types/DsDataVisColor.d.ts +7 -0
- package/dist/x-charts/Types/DsDataVisColor.js +1 -0
- package/dist/x-charts/Types/DsDataVisPalette.d.ts +6 -0
- package/dist/x-charts/Types/DsDataVisPalette.js +1 -0
- package/dist/x-charts/Types/index.d.ts +1 -0
- package/dist/x-charts/Types/index.js +1 -0
- package/dist/x-charts/componentOverrides.d.ts +105 -0
- package/dist/x-charts/componentOverrides.js +115 -0
- package/dist/x-charts/index.d.ts +3 -0
- package/dist/x-charts/index.js +3 -0
- package/dist/x-datepicker/Components/DsDatePicker/DateCalenderHeader.d.ts +3 -0
- package/dist/x-datepicker/Components/DsDatePicker/DateCalenderHeader.js +27 -0
- package/dist/{Components → x-datepicker/Components}/DsDatePicker/DatePickerTextField.d.ts +4 -4
- package/dist/x-datepicker/Components/DsDatePicker/DatePickerTextField.js +13 -0
- package/dist/x-datepicker/Components/DsDatePicker/DefaultActionBar.d.ts +7 -0
- package/dist/x-datepicker/Components/DsDatePicker/DefaultActionBar.js +27 -0
- package/dist/x-datepicker/Components/DsDatePicker/DefaultToolbar.d.ts +5 -0
- package/dist/x-datepicker/Components/DsDatePicker/DefaultToolbar.js +25 -0
- package/dist/x-datepicker/Components/DsDatePicker/DsDatePicker.Component.d.ts +3 -0
- package/dist/x-datepicker/Components/DsDatePicker/DsDatePicker.Component.js +97 -0
- package/dist/{Components → x-datepicker/Components}/DsDatePicker/DsDatePicker.Overrides.d.ts +67 -0
- package/dist/{Components → x-datepicker/Components}/DsDatePicker/DsDatePicker.Overrides.js +8 -0
- package/dist/x-datepicker/Components/DsDatePicker/DsDatePicker.Types.d.ts +17 -0
- package/dist/{Components → x-datepicker/Components}/DsDatePicker/DsDatePicker.Types.js +2 -5
- package/dist/x-datepicker/Components/index.d.ts +1 -0
- package/dist/x-datepicker/Components/index.js +1 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleBeBY.d.ts +68 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleBeBY.js +15 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleCaES.d.ts +68 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleCaES.js +15 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleCsCZ.d.ts +68 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleCsCZ.js +15 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleDaDK.d.ts +68 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleDaDK.js +15 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleDeDE.d.ts +68 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleDeDE.js +15 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleElGR.d.ts +68 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleElGR.js +15 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleEnUS.d.ts +68 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleEnUS.js +15 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleEsES.d.ts +68 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleEsES.js +15 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleEu.d.ts +68 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleEu.js +15 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleFaIR.d.ts +68 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleFaIR.js +15 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleFiFI.d.ts +68 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleFiFI.js +15 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleFrFR.d.ts +68 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleFrFR.js +15 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleHeIL.d.ts +68 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleHeIL.js +15 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleHuHU.d.ts +68 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleHuHU.js +15 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleIsIS.d.ts +68 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleIsIS.js +15 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleItIT.d.ts +68 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleItIT.js +15 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleJaJP.d.ts +68 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleJaJP.js +15 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleKoKR.d.ts +68 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleKoKR.js +15 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleKzKZ.d.ts +68 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleKzKZ.js +15 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleMk.d.ts +68 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleMk.js +15 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleNbNO.d.ts +68 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleNbNO.js +15 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleNlNL.d.ts +68 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleNlNL.js +15 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocalePlPL.d.ts +68 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocalePlPL.js +15 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocalePtBR.d.ts +68 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocalePtBR.js +15 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleRoRO.d.ts +68 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleRoRO.js +15 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleRuRU.d.ts +68 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleRuRU.js +15 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleSkSK.d.ts +68 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleSkSK.js +15 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleSvSE.d.ts +68 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleSvSE.js +15 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleTrTR.d.ts +68 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleTrTR.js +15 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleUkUA.d.ts +68 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleUkUA.js +15 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleUrPK.d.ts +66 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleUrPK.js +13 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleViVN.d.ts +68 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleViVN.js +15 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleZhCN.d.ts +68 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleZhCN.js +15 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleZhHK.d.ts +68 -0
- package/dist/x-datepicker/Locale/DsDatePickerLocaleZhHK.js +15 -0
- package/dist/x-datepicker/Locale/index.d.ts +35 -0
- package/dist/x-datepicker/Locale/index.js +34 -0
- package/dist/x-datepicker/componentOverrides.d.ts +289 -0
- package/dist/x-datepicker/componentOverrides.js +5 -0
- package/dist/x-datepicker/index.d.ts +2 -0
- package/dist/x-datepicker/index.js +2 -0
- package/package.json +1 -1
- package/dist/Components/DsDatePicker/DateCalenderHeader.d.ts +0 -7
- package/dist/Components/DsDatePicker/DateCalenderHeader.js +0 -26
- package/dist/Components/DsDatePicker/DatePickerTextField.js +0 -8
- package/dist/Components/DsDatePicker/DefaultActionBar.d.ts +0 -7
- package/dist/Components/DsDatePicker/DefaultActionBar.js +0 -28
- package/dist/Components/DsDatePicker/DefaultToolbar.d.ts +0 -7
- package/dist/Components/DsDatePicker/DefaultToolbar.js +0 -29
- package/dist/Components/DsDatePicker/DsDatePicker.Component.d.ts +0 -16
- package/dist/Components/DsDatePicker/DsDatePicker.Component.js +0 -94
- package/dist/Components/DsDatePicker/DsDatePicker.Types.d.ts +0 -20
- /package/dist/{Components → x-datepicker/Components}/DsDatePicker/index.d.ts +0 -0
- /package/dist/{Components → x-datepicker/Components}/DsDatePicker/index.js +0 -0
- /package/dist/{Components → x-datepicker/Components}/DsDatePicker/utils.d.ts +0 -0
- /package/dist/{Components → x-datepicker/Components}/DsDatePicker/utils.js +0 -0
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { useUtils } from '@mui/x-date-pickers/internals';
|
|
4
|
+
import { useThemeProps } from '@mui/system';
|
|
5
|
+
import { useLocaleText } from '@mui/x-date-pickers/internals';
|
|
6
|
+
import { DsStack, DsTypography, DsIconButton, DsRemixIcon } from '../../../Components';
|
|
7
|
+
export const DefaultToolbar = React.forwardRef(function DatePickerToolbar(inProps, ref) {
|
|
8
|
+
const props = useThemeProps({ props: inProps, name: 'MuiDatePickerToolbar' });
|
|
9
|
+
const { value, ownerState } = props;
|
|
10
|
+
const { onCancel } = ownerState;
|
|
11
|
+
const translations = useLocaleText();
|
|
12
|
+
const utils = useUtils();
|
|
13
|
+
const dateText = (value && `: ${utils.formatByString(value, utils.formats.fullDate)}`) || '';
|
|
14
|
+
return (_jsx(DsStack, { sx: {
|
|
15
|
+
backgroundColor: 'var(--ds-colour-surfaceSecondary)',
|
|
16
|
+
padding: 'var(--ds-spacing-cool) var(--ds-spacing-bitterCold)',
|
|
17
|
+
gridArea: '1 / 2 / auto / 4',
|
|
18
|
+
borderRadius: '16px 16px 0px 0px',
|
|
19
|
+
borderBottom: '1px solid var(--ds-colour-strokeDefault)'
|
|
20
|
+
}, children: _jsxs(DsTypography, { sx: {
|
|
21
|
+
display: 'flex',
|
|
22
|
+
alignItems: 'center',
|
|
23
|
+
justifyContent: 'space-between'
|
|
24
|
+
}, variant: "headingBoldExtraSmall", children: [`${translations.datePickerToolbarTitle}${dateText}`, _jsx(DsIconButton, { onClick: onCancel, children: _jsx(DsRemixIcon, { className: "ri-close-line" }) })] }) }));
|
|
25
|
+
});
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useState, useRef } from 'react';
|
|
3
|
+
import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
|
|
4
|
+
import { DatePicker, LocalizationProvider } from '@mui/x-date-pickers';
|
|
5
|
+
import { DefaultActionBar } from './DefaultActionBar';
|
|
6
|
+
import { DefaultToolbar } from './DefaultToolbar';
|
|
7
|
+
import { DsDatePickerDefaultProps } from './DsDatePicker.Types';
|
|
8
|
+
import { DateCalenderHeader } from './DateCalenderHeader';
|
|
9
|
+
import { DatePickerTextField } from './DatePickerTextField';
|
|
10
|
+
import { getDateFromValue, getErrorFromErrorMap, getValueTypeFromValue } from './utils';
|
|
11
|
+
import { DsInputAdornment, DsIconButton, DsRemixIcon } from '../../../Components';
|
|
12
|
+
import { useThemeProps } from '@mui/system';
|
|
13
|
+
export const DsDatePicker = inProps => {
|
|
14
|
+
const props = useThemeProps({
|
|
15
|
+
props: inProps,
|
|
16
|
+
name: 'MuiDatePicker'
|
|
17
|
+
});
|
|
18
|
+
const [open, setOpen] = useState(false);
|
|
19
|
+
const [views, setViews] = useState(['day']);
|
|
20
|
+
const ref = useRef(null);
|
|
21
|
+
const onOpen = () => setOpen(true);
|
|
22
|
+
const onClose = () => setOpen(false);
|
|
23
|
+
const handleChange = (value, context) => {
|
|
24
|
+
const { onChange, onError, errorMap, name, valueType, format: formatType, views } = props;
|
|
25
|
+
if (!views)
|
|
26
|
+
setViews(['day']);
|
|
27
|
+
if (context.validationError && typeof onError === 'function') {
|
|
28
|
+
const error = getErrorFromErrorMap(errorMap, context.validationError, value);
|
|
29
|
+
onError(name, error, context.validationError, getValueTypeFromValue(value, valueType, formatType));
|
|
30
|
+
return;
|
|
31
|
+
}
|
|
32
|
+
if (typeof onChange === 'function' && formatType) {
|
|
33
|
+
onChange(name, getValueTypeFromValue(value, valueType, formatType));
|
|
34
|
+
}
|
|
35
|
+
};
|
|
36
|
+
const handleError = (error, value) => {
|
|
37
|
+
const { onError, errorMap, name } = props;
|
|
38
|
+
if (error && typeof onError === 'function') {
|
|
39
|
+
const errorMsg = getErrorFromErrorMap(errorMap, error, value);
|
|
40
|
+
onError(name, errorMsg, error, value);
|
|
41
|
+
}
|
|
42
|
+
};
|
|
43
|
+
const handleViewChange = (value) => {
|
|
44
|
+
setViews([value, 'day']);
|
|
45
|
+
};
|
|
46
|
+
const { onChange, onError, defaultValue, value, valueType, format, views: propViews, disabled, readOnly = false, required, fullWidth, onBlur, onFocus, label, InputLabelProps, labelSupportText, helperText, HelperTextProps, FormControlProps, success, error, LocalizationProviderProps: inLocalizationProviderProps, ...restProps } = props;
|
|
47
|
+
const LocalizationProviderProps = useThemeProps({
|
|
48
|
+
props: inLocalizationProviderProps,
|
|
49
|
+
name: 'MuiLocalizationProvider'
|
|
50
|
+
});
|
|
51
|
+
return (_jsx(LocalizationProvider, { dateAdapter: AdapterDateFns, ...LocalizationProviderProps, children: _jsx(DatePicker, { ...restProps, slots: {
|
|
52
|
+
actionBar: DefaultActionBar,
|
|
53
|
+
toolbar: DefaultToolbar,
|
|
54
|
+
textField: DatePickerTextField,
|
|
55
|
+
calendarHeader: DateCalenderHeader,
|
|
56
|
+
...props.slots
|
|
57
|
+
}, slotProps: {
|
|
58
|
+
...props.slotProps,
|
|
59
|
+
day: {
|
|
60
|
+
// commented to show current day border highlight
|
|
61
|
+
// disableHighlightToday: true,
|
|
62
|
+
...props.slotProps?.day
|
|
63
|
+
},
|
|
64
|
+
textField: {
|
|
65
|
+
required,
|
|
66
|
+
fullWidth,
|
|
67
|
+
onBlur,
|
|
68
|
+
onFocus,
|
|
69
|
+
label,
|
|
70
|
+
InputLabelProps,
|
|
71
|
+
labelSupportText,
|
|
72
|
+
helperText,
|
|
73
|
+
HelperTextProps,
|
|
74
|
+
FormControlProps,
|
|
75
|
+
success,
|
|
76
|
+
error,
|
|
77
|
+
readOnly,
|
|
78
|
+
...props.slotProps?.textField,
|
|
79
|
+
endAdornment: (_jsx(DsInputAdornment, { position: "end", disablePointerEvents: disabled, children: _jsx(DsIconButton, { disabled: disabled, onClick: onOpen, children: _jsx(DsRemixIcon, { className: "ri-calendar-line", fontSize: "bitterCold" }) }) }))
|
|
80
|
+
},
|
|
81
|
+
actionBar: ownerState => ({
|
|
82
|
+
actions: ownerState.view === 'day' ? ['clear', 'accept'] : [],
|
|
83
|
+
...props.slotProps?.actionBar
|
|
84
|
+
}),
|
|
85
|
+
popper: {
|
|
86
|
+
anchorEl: ref.current,
|
|
87
|
+
// style to unset fixed width
|
|
88
|
+
sx: {
|
|
89
|
+
'.MuiMonthCalendar-root': {
|
|
90
|
+
width: '100%'
|
|
91
|
+
}
|
|
92
|
+
},
|
|
93
|
+
...props.slotProps?.popper
|
|
94
|
+
}
|
|
95
|
+
}, readOnly: readOnly, disabled: disabled, format: format, open: open, reduceAnimations: true, onOpen: onOpen, onClose: onClose, onChange: handleChange, onViewChange: handleViewChange, onError: handleError, views: propViews || views, value: getDateFromValue(value, valueType, format), defaultValue: getDateFromValue(defaultValue, valueType, format), inputRef: ref }) }));
|
|
96
|
+
};
|
|
97
|
+
DsDatePicker.defaultProps = DsDatePickerDefaultProps;
|
package/dist/{Components → x-datepicker/Components}/DsDatePicker/DsDatePicker.Overrides.d.ts
RENAMED
|
@@ -1,4 +1,71 @@
|
|
|
1
|
+
/// <reference types="date-fns" />
|
|
1
2
|
export declare const DsDatePickerOverrides: {
|
|
3
|
+
MuiDatePicker: {
|
|
4
|
+
defaultProps: import("./DsDatePicker.Types").DsDatePickerProps<Date>;
|
|
5
|
+
};
|
|
6
|
+
MuiLocalizationProvider: {
|
|
7
|
+
defaultProps: {
|
|
8
|
+
adapterLocale: Locale;
|
|
9
|
+
localeText: {
|
|
10
|
+
okButtonLabel: string;
|
|
11
|
+
previousMonth?: string | undefined;
|
|
12
|
+
nextMonth?: string | undefined;
|
|
13
|
+
calendarWeekNumberHeaderLabel?: string | undefined;
|
|
14
|
+
calendarWeekNumberHeaderText?: string | undefined;
|
|
15
|
+
calendarWeekNumberAriaLabelText?: ((weekNumber: number) => string) | undefined;
|
|
16
|
+
calendarWeekNumberText?: ((weekNumber: number) => string) | undefined;
|
|
17
|
+
openPreviousView?: string | undefined;
|
|
18
|
+
openNextView?: string | undefined;
|
|
19
|
+
calendarViewSwitchingButtonAriaLabel?: ((currentView: import("@mui/x-date-pickers").DateView) => string) | undefined;
|
|
20
|
+
start?: string | undefined;
|
|
21
|
+
end?: string | undefined;
|
|
22
|
+
cancelButtonLabel?: string | undefined;
|
|
23
|
+
clearButtonLabel?: string | undefined;
|
|
24
|
+
todayButtonLabel?: string | undefined;
|
|
25
|
+
clockLabelText?: ((view: import("@mui/x-date-pickers").TimeView, time: any, adapter: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
|
|
26
|
+
hoursClockNumberText?: ((hours: string) => string) | undefined;
|
|
27
|
+
minutesClockNumberText?: ((minutes: string) => string) | undefined;
|
|
28
|
+
secondsClockNumberText?: ((seconds: string) => string) | undefined;
|
|
29
|
+
selectViewText?: ((view: import("@mui/x-date-pickers/internals/models").TimeViewWithMeridiem) => string) | undefined;
|
|
30
|
+
openDatePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
|
|
31
|
+
openTimePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
|
|
32
|
+
fieldClearLabel?: string | undefined;
|
|
33
|
+
timeTableLabel?: string | undefined;
|
|
34
|
+
dateTableLabel?: string | undefined;
|
|
35
|
+
fieldYearPlaceholder?: ((params: {
|
|
36
|
+
digitAmount: number;
|
|
37
|
+
format: string;
|
|
38
|
+
}) => string) | undefined;
|
|
39
|
+
fieldMonthPlaceholder?: ((params: {
|
|
40
|
+
contentType: import("@mui/x-date-pickers").FieldSectionContentType;
|
|
41
|
+
format: string;
|
|
42
|
+
}) => string) | undefined;
|
|
43
|
+
fieldDayPlaceholder?: ((params: {
|
|
44
|
+
format: string;
|
|
45
|
+
}) => string) | undefined;
|
|
46
|
+
fieldWeekDayPlaceholder?: ((params: {
|
|
47
|
+
contentType: import("@mui/x-date-pickers").FieldSectionContentType;
|
|
48
|
+
format: string;
|
|
49
|
+
}) => string) | undefined;
|
|
50
|
+
fieldHoursPlaceholder?: ((params: {
|
|
51
|
+
format: string;
|
|
52
|
+
}) => string) | undefined;
|
|
53
|
+
fieldMinutesPlaceholder?: ((params: {
|
|
54
|
+
format: string;
|
|
55
|
+
}) => string) | undefined;
|
|
56
|
+
fieldSecondsPlaceholder?: ((params: {
|
|
57
|
+
format: string;
|
|
58
|
+
}) => string) | undefined;
|
|
59
|
+
fieldMeridiemPlaceholder?: ((params: {
|
|
60
|
+
format: string;
|
|
61
|
+
}) => string) | undefined;
|
|
62
|
+
datePickerToolbarTitle?: string | undefined;
|
|
63
|
+
timePickerToolbarTitle?: string | undefined;
|
|
64
|
+
dateTimePickerToolbarTitle?: string | undefined;
|
|
65
|
+
dateRangePickerToolbarTitle?: string | undefined;
|
|
66
|
+
};
|
|
67
|
+
};
|
|
68
|
+
};
|
|
2
69
|
MuiPickersPopper: {
|
|
3
70
|
styleOverrides: {
|
|
4
71
|
root: {
|
|
@@ -1,4 +1,12 @@
|
|
|
1
|
+
import { DsDatePickerLocaleEnUS } from '../../Locale';
|
|
2
|
+
import { DsDatePickerDefaultProps } from './DsDatePicker.Types';
|
|
1
3
|
export const DsDatePickerOverrides = {
|
|
4
|
+
MuiDatePicker: {
|
|
5
|
+
defaultProps: DsDatePickerDefaultProps
|
|
6
|
+
},
|
|
7
|
+
MuiLocalizationProvider: {
|
|
8
|
+
defaultProps: DsDatePickerLocaleEnUS.components.MuiLocalizationProvider.defaultProps
|
|
9
|
+
},
|
|
2
10
|
MuiPickersPopper: {
|
|
3
11
|
styleOverrides: {
|
|
4
12
|
root: {
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { DatePickerProps, DateValidationError, LocalizationProviderProps } from '@mui/x-date-pickers';
|
|
2
|
+
import { DsTextFieldProps } from '../../../Components';
|
|
3
|
+
import { Locale } from 'date-fns';
|
|
4
|
+
export type TErrorMapKeys = Exclude<DateValidationError, null>;
|
|
5
|
+
export type TValue = string | Date | undefined | null;
|
|
6
|
+
export type TValueType = 'date' | 'formattedValue' | 'ISO' | undefined;
|
|
7
|
+
export interface DsDatePickerProps<TDate extends Date> extends Omit<DatePickerProps<TDate>, 'open' | 'onOpen' | 'onClose' | 'yearsPerRow' | 'monthsPerRow' | 'onChange' | 'onError' | 'value' | 'defaultValue'>, Pick<DsTextFieldProps, 'required' | 'fullWidth' | 'label' | 'InputLabelProps' | 'labelSupportText' | 'helperText' | 'HelperTextProps' | 'FormControlProps' | 'success' | 'error' | 'onFocus' | 'onBlur'> {
|
|
8
|
+
onChange?: (name: string, value: TValue) => void;
|
|
9
|
+
onError?: (name: string, error: string, errorCode: DateValidationError, value: TValue | null) => void;
|
|
10
|
+
name: string;
|
|
11
|
+
value?: TValue;
|
|
12
|
+
defaultValue?: TValue;
|
|
13
|
+
valueType?: TValueType;
|
|
14
|
+
errorMap?: Partial<Record<TErrorMapKeys, string>>;
|
|
15
|
+
LocalizationProviderProps?: LocalizationProviderProps<Date, Locale>;
|
|
16
|
+
}
|
|
17
|
+
export declare const DsDatePickerDefaultProps: DsDatePickerProps<Date>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './DsDatePicker';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './DsDatePicker';
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
/// <reference types="date-fns" />
|
|
2
|
+
export declare const DsDatePickerLocaleBeBY: {
|
|
3
|
+
components: {
|
|
4
|
+
MuiLocalizationProvider: {
|
|
5
|
+
defaultProps: {
|
|
6
|
+
adapterLocale: Locale;
|
|
7
|
+
localeText: {
|
|
8
|
+
okButtonLabel: string;
|
|
9
|
+
previousMonth?: string | undefined;
|
|
10
|
+
nextMonth?: string | undefined;
|
|
11
|
+
calendarWeekNumberHeaderLabel?: string | undefined;
|
|
12
|
+
calendarWeekNumberHeaderText?: string | undefined;
|
|
13
|
+
calendarWeekNumberAriaLabelText?: ((weekNumber: number) => string) | undefined;
|
|
14
|
+
calendarWeekNumberText?: ((weekNumber: number) => string) | undefined;
|
|
15
|
+
openPreviousView?: string | undefined;
|
|
16
|
+
openNextView?: string | undefined;
|
|
17
|
+
calendarViewSwitchingButtonAriaLabel?: ((currentView: import("@mui/x-date-pickers").DateView) => string) | undefined;
|
|
18
|
+
start?: string | undefined;
|
|
19
|
+
end?: string | undefined;
|
|
20
|
+
cancelButtonLabel?: string | undefined;
|
|
21
|
+
clearButtonLabel?: string | undefined;
|
|
22
|
+
todayButtonLabel?: string | undefined;
|
|
23
|
+
clockLabelText?: ((view: import("@mui/x-date-pickers").TimeView, time: any, adapter: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
|
|
24
|
+
hoursClockNumberText?: ((hours: string) => string) | undefined;
|
|
25
|
+
minutesClockNumberText?: ((minutes: string) => string) | undefined;
|
|
26
|
+
secondsClockNumberText?: ((seconds: string) => string) | undefined;
|
|
27
|
+
selectViewText?: ((view: import("@mui/x-date-pickers/internals/models").TimeViewWithMeridiem) => string) | undefined;
|
|
28
|
+
openDatePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
|
|
29
|
+
openTimePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
|
|
30
|
+
fieldClearLabel?: string | undefined;
|
|
31
|
+
timeTableLabel?: string | undefined;
|
|
32
|
+
dateTableLabel?: string | undefined;
|
|
33
|
+
fieldYearPlaceholder?: ((params: {
|
|
34
|
+
digitAmount: number;
|
|
35
|
+
format: string;
|
|
36
|
+
}) => string) | undefined;
|
|
37
|
+
fieldMonthPlaceholder?: ((params: {
|
|
38
|
+
contentType: import("@mui/x-date-pickers").FieldSectionContentType;
|
|
39
|
+
format: string;
|
|
40
|
+
}) => string) | undefined;
|
|
41
|
+
fieldDayPlaceholder?: ((params: {
|
|
42
|
+
format: string;
|
|
43
|
+
}) => string) | undefined;
|
|
44
|
+
fieldWeekDayPlaceholder?: ((params: {
|
|
45
|
+
contentType: import("@mui/x-date-pickers").FieldSectionContentType;
|
|
46
|
+
format: string;
|
|
47
|
+
}) => string) | undefined;
|
|
48
|
+
fieldHoursPlaceholder?: ((params: {
|
|
49
|
+
format: string;
|
|
50
|
+
}) => string) | undefined;
|
|
51
|
+
fieldMinutesPlaceholder?: ((params: {
|
|
52
|
+
format: string;
|
|
53
|
+
}) => string) | undefined;
|
|
54
|
+
fieldSecondsPlaceholder?: ((params: {
|
|
55
|
+
format: string;
|
|
56
|
+
}) => string) | undefined;
|
|
57
|
+
fieldMeridiemPlaceholder?: ((params: {
|
|
58
|
+
format: string;
|
|
59
|
+
}) => string) | undefined;
|
|
60
|
+
datePickerToolbarTitle?: string | undefined;
|
|
61
|
+
timePickerToolbarTitle?: string | undefined;
|
|
62
|
+
dateTimePickerToolbarTitle?: string | undefined;
|
|
63
|
+
dateRangePickerToolbarTitle?: string | undefined;
|
|
64
|
+
};
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
};
|
|
68
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { beBY } from '@mui/x-date-pickers/locales';
|
|
2
|
+
import be from 'date-fns/locale/be';
|
|
3
|
+
export const DsDatePickerLocaleBeBY = {
|
|
4
|
+
components: {
|
|
5
|
+
MuiLocalizationProvider: {
|
|
6
|
+
defaultProps: {
|
|
7
|
+
adapterLocale: be,
|
|
8
|
+
localeText: {
|
|
9
|
+
...beBY.components.MuiLocalizationProvider.defaultProps.localeText,
|
|
10
|
+
okButtonLabel: 'Пацвердзіць'
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
};
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
/// <reference types="date-fns" />
|
|
2
|
+
export declare const DsDatePickerLocaleCaES: {
|
|
3
|
+
components: {
|
|
4
|
+
MuiLocalizationProvider: {
|
|
5
|
+
defaultProps: {
|
|
6
|
+
adapterLocale: Locale;
|
|
7
|
+
localeText: {
|
|
8
|
+
okButtonLabel: string;
|
|
9
|
+
previousMonth?: string | undefined;
|
|
10
|
+
nextMonth?: string | undefined;
|
|
11
|
+
calendarWeekNumberHeaderLabel?: string | undefined;
|
|
12
|
+
calendarWeekNumberHeaderText?: string | undefined;
|
|
13
|
+
calendarWeekNumberAriaLabelText?: ((weekNumber: number) => string) | undefined;
|
|
14
|
+
calendarWeekNumberText?: ((weekNumber: number) => string) | undefined;
|
|
15
|
+
openPreviousView?: string | undefined;
|
|
16
|
+
openNextView?: string | undefined;
|
|
17
|
+
calendarViewSwitchingButtonAriaLabel?: ((currentView: import("@mui/x-date-pickers").DateView) => string) | undefined;
|
|
18
|
+
start?: string | undefined;
|
|
19
|
+
end?: string | undefined;
|
|
20
|
+
cancelButtonLabel?: string | undefined;
|
|
21
|
+
clearButtonLabel?: string | undefined;
|
|
22
|
+
todayButtonLabel?: string | undefined;
|
|
23
|
+
clockLabelText?: ((view: import("@mui/x-date-pickers").TimeView, time: any, adapter: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
|
|
24
|
+
hoursClockNumberText?: ((hours: string) => string) | undefined;
|
|
25
|
+
minutesClockNumberText?: ((minutes: string) => string) | undefined;
|
|
26
|
+
secondsClockNumberText?: ((seconds: string) => string) | undefined;
|
|
27
|
+
selectViewText?: ((view: import("@mui/x-date-pickers/internals/models").TimeViewWithMeridiem) => string) | undefined;
|
|
28
|
+
openDatePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
|
|
29
|
+
openTimePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
|
|
30
|
+
fieldClearLabel?: string | undefined;
|
|
31
|
+
timeTableLabel?: string | undefined;
|
|
32
|
+
dateTableLabel?: string | undefined;
|
|
33
|
+
fieldYearPlaceholder?: ((params: {
|
|
34
|
+
digitAmount: number;
|
|
35
|
+
format: string;
|
|
36
|
+
}) => string) | undefined;
|
|
37
|
+
fieldMonthPlaceholder?: ((params: {
|
|
38
|
+
contentType: import("@mui/x-date-pickers").FieldSectionContentType;
|
|
39
|
+
format: string;
|
|
40
|
+
}) => string) | undefined;
|
|
41
|
+
fieldDayPlaceholder?: ((params: {
|
|
42
|
+
format: string;
|
|
43
|
+
}) => string) | undefined;
|
|
44
|
+
fieldWeekDayPlaceholder?: ((params: {
|
|
45
|
+
contentType: import("@mui/x-date-pickers").FieldSectionContentType;
|
|
46
|
+
format: string;
|
|
47
|
+
}) => string) | undefined;
|
|
48
|
+
fieldHoursPlaceholder?: ((params: {
|
|
49
|
+
format: string;
|
|
50
|
+
}) => string) | undefined;
|
|
51
|
+
fieldMinutesPlaceholder?: ((params: {
|
|
52
|
+
format: string;
|
|
53
|
+
}) => string) | undefined;
|
|
54
|
+
fieldSecondsPlaceholder?: ((params: {
|
|
55
|
+
format: string;
|
|
56
|
+
}) => string) | undefined;
|
|
57
|
+
fieldMeridiemPlaceholder?: ((params: {
|
|
58
|
+
format: string;
|
|
59
|
+
}) => string) | undefined;
|
|
60
|
+
datePickerToolbarTitle?: string | undefined;
|
|
61
|
+
timePickerToolbarTitle?: string | undefined;
|
|
62
|
+
dateTimePickerToolbarTitle?: string | undefined;
|
|
63
|
+
dateRangePickerToolbarTitle?: string | undefined;
|
|
64
|
+
};
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
};
|
|
68
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { caES } from '@mui/x-date-pickers/locales';
|
|
2
|
+
import ca from 'date-fns/locale/ca';
|
|
3
|
+
export const DsDatePickerLocaleCaES = {
|
|
4
|
+
components: {
|
|
5
|
+
MuiLocalizationProvider: {
|
|
6
|
+
defaultProps: {
|
|
7
|
+
adapterLocale: ca,
|
|
8
|
+
localeText: {
|
|
9
|
+
...caES.components.MuiLocalizationProvider.defaultProps.localeText,
|
|
10
|
+
okButtonLabel: 'Confirmar'
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
};
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
/// <reference types="date-fns" />
|
|
2
|
+
export declare const DsDatePickerLocaleCsCZ: {
|
|
3
|
+
components: {
|
|
4
|
+
MuiLocalizationProvider: {
|
|
5
|
+
defaultProps: {
|
|
6
|
+
adapterLocale: Locale;
|
|
7
|
+
localeText: {
|
|
8
|
+
okButtonLabel: string;
|
|
9
|
+
previousMonth?: string | undefined;
|
|
10
|
+
nextMonth?: string | undefined;
|
|
11
|
+
calendarWeekNumberHeaderLabel?: string | undefined;
|
|
12
|
+
calendarWeekNumberHeaderText?: string | undefined;
|
|
13
|
+
calendarWeekNumberAriaLabelText?: ((weekNumber: number) => string) | undefined;
|
|
14
|
+
calendarWeekNumberText?: ((weekNumber: number) => string) | undefined;
|
|
15
|
+
openPreviousView?: string | undefined;
|
|
16
|
+
openNextView?: string | undefined;
|
|
17
|
+
calendarViewSwitchingButtonAriaLabel?: ((currentView: import("@mui/x-date-pickers").DateView) => string) | undefined;
|
|
18
|
+
start?: string | undefined;
|
|
19
|
+
end?: string | undefined;
|
|
20
|
+
cancelButtonLabel?: string | undefined;
|
|
21
|
+
clearButtonLabel?: string | undefined;
|
|
22
|
+
todayButtonLabel?: string | undefined;
|
|
23
|
+
clockLabelText?: ((view: import("@mui/x-date-pickers").TimeView, time: any, adapter: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
|
|
24
|
+
hoursClockNumberText?: ((hours: string) => string) | undefined;
|
|
25
|
+
minutesClockNumberText?: ((minutes: string) => string) | undefined;
|
|
26
|
+
secondsClockNumberText?: ((seconds: string) => string) | undefined;
|
|
27
|
+
selectViewText?: ((view: import("@mui/x-date-pickers/internals/models").TimeViewWithMeridiem) => string) | undefined;
|
|
28
|
+
openDatePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
|
|
29
|
+
openTimePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
|
|
30
|
+
fieldClearLabel?: string | undefined;
|
|
31
|
+
timeTableLabel?: string | undefined;
|
|
32
|
+
dateTableLabel?: string | undefined;
|
|
33
|
+
fieldYearPlaceholder?: ((params: {
|
|
34
|
+
digitAmount: number;
|
|
35
|
+
format: string;
|
|
36
|
+
}) => string) | undefined;
|
|
37
|
+
fieldMonthPlaceholder?: ((params: {
|
|
38
|
+
contentType: import("@mui/x-date-pickers").FieldSectionContentType;
|
|
39
|
+
format: string;
|
|
40
|
+
}) => string) | undefined;
|
|
41
|
+
fieldDayPlaceholder?: ((params: {
|
|
42
|
+
format: string;
|
|
43
|
+
}) => string) | undefined;
|
|
44
|
+
fieldWeekDayPlaceholder?: ((params: {
|
|
45
|
+
contentType: import("@mui/x-date-pickers").FieldSectionContentType;
|
|
46
|
+
format: string;
|
|
47
|
+
}) => string) | undefined;
|
|
48
|
+
fieldHoursPlaceholder?: ((params: {
|
|
49
|
+
format: string;
|
|
50
|
+
}) => string) | undefined;
|
|
51
|
+
fieldMinutesPlaceholder?: ((params: {
|
|
52
|
+
format: string;
|
|
53
|
+
}) => string) | undefined;
|
|
54
|
+
fieldSecondsPlaceholder?: ((params: {
|
|
55
|
+
format: string;
|
|
56
|
+
}) => string) | undefined;
|
|
57
|
+
fieldMeridiemPlaceholder?: ((params: {
|
|
58
|
+
format: string;
|
|
59
|
+
}) => string) | undefined;
|
|
60
|
+
datePickerToolbarTitle?: string | undefined;
|
|
61
|
+
timePickerToolbarTitle?: string | undefined;
|
|
62
|
+
dateTimePickerToolbarTitle?: string | undefined;
|
|
63
|
+
dateRangePickerToolbarTitle?: string | undefined;
|
|
64
|
+
};
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
};
|
|
68
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { csCZ } from '@mui/x-date-pickers/locales';
|
|
2
|
+
import cs from 'date-fns/locale/cs';
|
|
3
|
+
export const DsDatePickerLocaleCsCZ = {
|
|
4
|
+
components: {
|
|
5
|
+
MuiLocalizationProvider: {
|
|
6
|
+
defaultProps: {
|
|
7
|
+
adapterLocale: cs,
|
|
8
|
+
localeText: {
|
|
9
|
+
...csCZ.components.MuiLocalizationProvider.defaultProps.localeText,
|
|
10
|
+
okButtonLabel: 'Potvrdit'
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
};
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
/// <reference types="date-fns" />
|
|
2
|
+
export declare const DsDatePickerLocaleDaDK: {
|
|
3
|
+
components: {
|
|
4
|
+
MuiLocalizationProvider: {
|
|
5
|
+
defaultProps: {
|
|
6
|
+
adapterLocale: Locale;
|
|
7
|
+
localeText: {
|
|
8
|
+
okButtonLabel: string;
|
|
9
|
+
previousMonth?: string | undefined;
|
|
10
|
+
nextMonth?: string | undefined;
|
|
11
|
+
calendarWeekNumberHeaderLabel?: string | undefined;
|
|
12
|
+
calendarWeekNumberHeaderText?: string | undefined;
|
|
13
|
+
calendarWeekNumberAriaLabelText?: ((weekNumber: number) => string) | undefined;
|
|
14
|
+
calendarWeekNumberText?: ((weekNumber: number) => string) | undefined;
|
|
15
|
+
openPreviousView?: string | undefined;
|
|
16
|
+
openNextView?: string | undefined;
|
|
17
|
+
calendarViewSwitchingButtonAriaLabel?: ((currentView: import("@mui/x-date-pickers").DateView) => string) | undefined;
|
|
18
|
+
start?: string | undefined;
|
|
19
|
+
end?: string | undefined;
|
|
20
|
+
cancelButtonLabel?: string | undefined;
|
|
21
|
+
clearButtonLabel?: string | undefined;
|
|
22
|
+
todayButtonLabel?: string | undefined;
|
|
23
|
+
clockLabelText?: ((view: import("@mui/x-date-pickers").TimeView, time: any, adapter: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
|
|
24
|
+
hoursClockNumberText?: ((hours: string) => string) | undefined;
|
|
25
|
+
minutesClockNumberText?: ((minutes: string) => string) | undefined;
|
|
26
|
+
secondsClockNumberText?: ((seconds: string) => string) | undefined;
|
|
27
|
+
selectViewText?: ((view: import("@mui/x-date-pickers/internals/models").TimeViewWithMeridiem) => string) | undefined;
|
|
28
|
+
openDatePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
|
|
29
|
+
openTimePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
|
|
30
|
+
fieldClearLabel?: string | undefined;
|
|
31
|
+
timeTableLabel?: string | undefined;
|
|
32
|
+
dateTableLabel?: string | undefined;
|
|
33
|
+
fieldYearPlaceholder?: ((params: {
|
|
34
|
+
digitAmount: number;
|
|
35
|
+
format: string;
|
|
36
|
+
}) => string) | undefined;
|
|
37
|
+
fieldMonthPlaceholder?: ((params: {
|
|
38
|
+
contentType: import("@mui/x-date-pickers").FieldSectionContentType;
|
|
39
|
+
format: string;
|
|
40
|
+
}) => string) | undefined;
|
|
41
|
+
fieldDayPlaceholder?: ((params: {
|
|
42
|
+
format: string;
|
|
43
|
+
}) => string) | undefined;
|
|
44
|
+
fieldWeekDayPlaceholder?: ((params: {
|
|
45
|
+
contentType: import("@mui/x-date-pickers").FieldSectionContentType;
|
|
46
|
+
format: string;
|
|
47
|
+
}) => string) | undefined;
|
|
48
|
+
fieldHoursPlaceholder?: ((params: {
|
|
49
|
+
format: string;
|
|
50
|
+
}) => string) | undefined;
|
|
51
|
+
fieldMinutesPlaceholder?: ((params: {
|
|
52
|
+
format: string;
|
|
53
|
+
}) => string) | undefined;
|
|
54
|
+
fieldSecondsPlaceholder?: ((params: {
|
|
55
|
+
format: string;
|
|
56
|
+
}) => string) | undefined;
|
|
57
|
+
fieldMeridiemPlaceholder?: ((params: {
|
|
58
|
+
format: string;
|
|
59
|
+
}) => string) | undefined;
|
|
60
|
+
datePickerToolbarTitle?: string | undefined;
|
|
61
|
+
timePickerToolbarTitle?: string | undefined;
|
|
62
|
+
dateTimePickerToolbarTitle?: string | undefined;
|
|
63
|
+
dateRangePickerToolbarTitle?: string | undefined;
|
|
64
|
+
};
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
};
|
|
68
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { daDK } from '@mui/x-date-pickers/locales';
|
|
2
|
+
import da from 'date-fns/locale/da';
|
|
3
|
+
export const DsDatePickerLocaleDaDK = {
|
|
4
|
+
components: {
|
|
5
|
+
MuiLocalizationProvider: {
|
|
6
|
+
defaultProps: {
|
|
7
|
+
adapterLocale: da,
|
|
8
|
+
localeText: {
|
|
9
|
+
...daDK.components.MuiLocalizationProvider.defaultProps.localeText,
|
|
10
|
+
okButtonLabel: 'Bekræft'
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
};
|