@am92/react-design-system 2.10.2 → 3.0.1-beta.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.
Files changed (156) hide show
  1. package/dist/Components/DsAddItem/DsAddItem.Component.d.ts +2 -0
  2. package/dist/Components/DsAddItem/DsAddItem.Component.js +105 -0
  3. package/dist/Components/DsAddItem/DsAddItem.Overrides.d.ts +5 -0
  4. package/dist/Components/DsAddItem/DsAddItem.Overrides.js +6 -0
  5. package/dist/Components/DsAddItem/DsAddItem.Types.d.ts +78 -0
  6. package/dist/Components/DsAddItem/DsAddItem.Types.js +35 -0
  7. package/dist/Components/DsAddItem/Slots/DsAddItemActionIcon.Slot.d.ts +3 -0
  8. package/dist/Components/DsAddItem/Slots/DsAddItemActionIcon.Slot.js +9 -0
  9. package/dist/Components/DsAddItem/Slots/DsAddItemCounterText.Slot.d.ts +3 -0
  10. package/dist/Components/DsAddItem/Slots/DsAddItemCounterText.Slot.js +15 -0
  11. package/dist/Components/DsAddItem/index.d.ts +3 -0
  12. package/dist/Components/DsAddItem/index.js +3 -0
  13. package/dist/Components/DsAvatar/DsAvatar.Overrides.d.ts +54 -50
  14. package/dist/Components/DsAvatar/DsAvatar.Overrides.js +107 -103
  15. package/dist/Components/DsBadge/DsBadge.Component.d.ts +2 -1
  16. package/dist/Components/DsBadge/DsBadge.Component.js +11 -1
  17. package/dist/Components/DsBadge/DsBadge.Overrides.d.ts +23 -1
  18. package/dist/Components/DsBadge/DsBadge.Overrides.js +23 -0
  19. package/dist/Components/DsBadge/DsBadge.Types.d.ts +5 -1
  20. package/dist/Components/DsBottomSheet/DsBottomSheet.Component.js +16 -10
  21. package/dist/Components/DsButton/DsButton.Overrides.d.ts +8 -12
  22. package/dist/Components/DsButton/DsButton.Overrides.js +26 -26
  23. package/dist/Components/DsButtonBase/DsButtonBase.Overrides.d.ts +10 -1
  24. package/dist/Components/DsButtonBase/DsButtonBase.Overrides.js +11 -1
  25. package/dist/Components/DsChip/DsChip.Overrides.d.ts +9 -6
  26. package/dist/Components/DsChip/DsChip.Overrides.js +136 -133
  27. package/dist/Components/DsDialog/DsDialog.Component.js +22 -16
  28. package/dist/Components/DsDialog/DsDialog.Types.d.ts +3 -1
  29. package/dist/Components/DsDivider/DsDivider.Overrides.d.ts +5 -5
  30. package/dist/Components/DsDivider/DsDivider.Overrides.js +32 -32
  31. package/dist/Components/DsFab/DsFab.Overrides.js +1 -0
  32. package/dist/Components/DsInputBase/DsInputBase.Overrides.d.ts +3 -7
  33. package/dist/Components/DsInputBase/DsInputBase.Overrides.js +61 -61
  34. package/dist/Components/DsInputLabel/DsInputLabel.Component.js +5 -1
  35. package/dist/Components/DsProgressIndicator/DsProgressIndicator.Component.js +6 -1
  36. package/dist/Components/DsProgressTracker/Components/DsProgressStepper.Component.js +4 -1
  37. package/dist/Components/DsProgressTracker/Components/DsProgressTrackerHeader.Component.js +16 -3
  38. package/dist/Components/DsSearchbar/DsSearchbar.Component.js +4 -1
  39. package/dist/Components/DsSelect/DsSelect.Component.js +3 -1
  40. package/dist/Components/DsSelect/DsSelect.Types.d.ts +1 -0
  41. package/dist/Components/DsSlider/DsSlider.Overrides.d.ts +13 -13
  42. package/dist/Components/DsSlider/DsSlider.Overrides.js +16 -16
  43. package/dist/Components/DsTabs/DsTabs.Overrides.d.ts +3 -7
  44. package/dist/Components/DsTabs/DsTabs.Overrides.js +84 -44
  45. package/dist/Components/DsTabs/DsTabs.Types.d.ts +2 -2
  46. package/dist/Components/DsTabs/DsTabs.Types.js +2 -2
  47. package/dist/Components/DsTag/DsTag.Component.js +29 -9
  48. package/dist/Components/DsToggleButtonGroup/DsToggleButtonGroup.Overrides.d.ts +9 -5
  49. package/dist/Components/DsToggleButtonGroup/DsToggleButtonGroup.Overrides.js +47 -43
  50. package/dist/Components/index.d.ts +1 -0
  51. package/dist/Components/index.js +1 -0
  52. package/dist/Theme/componentOverrides.d.ts +165 -129
  53. package/dist/Theme/componentOverrides.js +2 -1
  54. package/dist/Theme/getColorScheme/dark.d.ts +28 -1
  55. package/dist/Theme/getColorScheme/getPalette.d.ts +2 -2
  56. package/dist/Theme/getColorScheme/getPalette.js +3 -1
  57. package/dist/Theme/getColorScheme/highContrast.d.ts +28 -1
  58. package/dist/Theme/getColorScheme/light.d.ts +28 -1
  59. package/dist/Theme/index.d.ts +5 -0
  60. package/dist/Theme/index.js +2 -1
  61. package/dist/Theme/radius.js +1 -0
  62. package/dist/Theme/spacing.js +1 -0
  63. package/dist/Types/DsRadius.d.ts +1 -1
  64. package/dist/Types/DsSpacing.d.ts +1 -1
  65. package/dist/material.d.ts +0 -2
  66. package/dist/material.js +0 -2
  67. package/dist/x-charts/Components/index.d.ts +2 -6
  68. package/dist/x-charts/Components/index.js +2 -6
  69. package/dist/x-charts/Hooks/index.d.ts +3 -0
  70. package/dist/x-charts/Hooks/index.js +5 -0
  71. package/dist/x-charts/Types/index.d.ts +0 -6
  72. package/dist/x-charts/index.d.ts +1 -0
  73. package/dist/x-charts/index.js +1 -0
  74. package/dist/x-datepicker/Components/DsDatePicker/DateCalenderHeader.d.ts +1 -1
  75. package/dist/x-datepicker/Components/DsDatePicker/DateCalenderHeader.js +17 -4
  76. package/dist/x-datepicker/Components/DsDatePicker/DatePickerTextField.d.ts +4 -4
  77. package/dist/x-datepicker/Components/DsDatePicker/DatePickerTextField.js +4 -3
  78. package/dist/x-datepicker/Components/DsDatePicker/DefaultActionBar.d.ts +4 -7
  79. package/dist/x-datepicker/Components/DsDatePicker/DefaultActionBar.js +8 -8
  80. package/dist/x-datepicker/Components/DsDatePicker/DefaultToolbar.d.ts +1 -3
  81. package/dist/x-datepicker/Components/DsDatePicker/DefaultToolbar.js +4 -7
  82. package/dist/x-datepicker/Components/DsDatePicker/DsDatePicker.Component.d.ts +1 -1
  83. package/dist/x-datepicker/Components/DsDatePicker/DsDatePicker.Component.js +6 -12
  84. package/dist/x-datepicker/Components/DsDatePicker/DsDatePicker.Overrides.d.ts +36 -31
  85. package/dist/x-datepicker/Components/DsDatePicker/DsDatePicker.Overrides.js +11 -22
  86. package/dist/x-datepicker/Components/DsDatePicker/DsDatePicker.Types.d.ts +3 -3
  87. package/dist/x-datepicker/Components/DsDatePicker/utils.d.ts +3 -3
  88. package/dist/x-datepicker/Locale/DsDatePickerLocaleBeBY.d.ts +24 -8
  89. package/dist/x-datepicker/Locale/DsDatePickerLocaleBeBY.js +1 -1
  90. package/dist/x-datepicker/Locale/DsDatePickerLocaleCaES.d.ts +24 -8
  91. package/dist/x-datepicker/Locale/DsDatePickerLocaleCaES.js +1 -1
  92. package/dist/x-datepicker/Locale/DsDatePickerLocaleCsCZ.d.ts +24 -8
  93. package/dist/x-datepicker/Locale/DsDatePickerLocaleCsCZ.js +1 -1
  94. package/dist/x-datepicker/Locale/DsDatePickerLocaleDaDK.d.ts +24 -8
  95. package/dist/x-datepicker/Locale/DsDatePickerLocaleDaDK.js +1 -1
  96. package/dist/x-datepicker/Locale/DsDatePickerLocaleDeDE.d.ts +24 -8
  97. package/dist/x-datepicker/Locale/DsDatePickerLocaleDeDE.js +1 -1
  98. package/dist/x-datepicker/Locale/DsDatePickerLocaleElGR.d.ts +24 -8
  99. package/dist/x-datepicker/Locale/DsDatePickerLocaleElGR.js +1 -1
  100. package/dist/x-datepicker/Locale/DsDatePickerLocaleEnUS.d.ts +24 -8
  101. package/dist/x-datepicker/Locale/DsDatePickerLocaleEnUS.js +1 -1
  102. package/dist/x-datepicker/Locale/DsDatePickerLocaleEsES.d.ts +24 -8
  103. package/dist/x-datepicker/Locale/DsDatePickerLocaleEsES.js +1 -1
  104. package/dist/x-datepicker/Locale/DsDatePickerLocaleEu.d.ts +24 -8
  105. package/dist/x-datepicker/Locale/DsDatePickerLocaleEu.js +1 -1
  106. package/dist/x-datepicker/Locale/DsDatePickerLocaleFaIR.d.ts +24 -8
  107. package/dist/x-datepicker/Locale/DsDatePickerLocaleFaIR.js +1 -1
  108. package/dist/x-datepicker/Locale/DsDatePickerLocaleFiFI.d.ts +24 -8
  109. package/dist/x-datepicker/Locale/DsDatePickerLocaleFiFI.js +1 -1
  110. package/dist/x-datepicker/Locale/DsDatePickerLocaleFrFR.d.ts +24 -8
  111. package/dist/x-datepicker/Locale/DsDatePickerLocaleFrFR.js +1 -1
  112. package/dist/x-datepicker/Locale/DsDatePickerLocaleHeIL.d.ts +24 -8
  113. package/dist/x-datepicker/Locale/DsDatePickerLocaleHeIL.js +1 -1
  114. package/dist/x-datepicker/Locale/DsDatePickerLocaleHuHU.d.ts +24 -8
  115. package/dist/x-datepicker/Locale/DsDatePickerLocaleHuHU.js +1 -1
  116. package/dist/x-datepicker/Locale/DsDatePickerLocaleIsIS.d.ts +24 -8
  117. package/dist/x-datepicker/Locale/DsDatePickerLocaleIsIS.js +1 -1
  118. package/dist/x-datepicker/Locale/DsDatePickerLocaleItIT.d.ts +24 -8
  119. package/dist/x-datepicker/Locale/DsDatePickerLocaleItIT.js +1 -1
  120. package/dist/x-datepicker/Locale/DsDatePickerLocaleJaJP.d.ts +24 -8
  121. package/dist/x-datepicker/Locale/DsDatePickerLocaleJaJP.js +1 -1
  122. package/dist/x-datepicker/Locale/DsDatePickerLocaleKoKR.d.ts +24 -8
  123. package/dist/x-datepicker/Locale/DsDatePickerLocaleKoKR.js +1 -1
  124. package/dist/x-datepicker/Locale/DsDatePickerLocaleKzKZ.d.ts +24 -8
  125. package/dist/x-datepicker/Locale/DsDatePickerLocaleKzKZ.js +1 -1
  126. package/dist/x-datepicker/Locale/DsDatePickerLocaleMk.d.ts +24 -8
  127. package/dist/x-datepicker/Locale/DsDatePickerLocaleMk.js +1 -1
  128. package/dist/x-datepicker/Locale/DsDatePickerLocaleNbNO.d.ts +24 -8
  129. package/dist/x-datepicker/Locale/DsDatePickerLocaleNbNO.js +1 -1
  130. package/dist/x-datepicker/Locale/DsDatePickerLocaleNlNL.d.ts +24 -8
  131. package/dist/x-datepicker/Locale/DsDatePickerLocaleNlNL.js +1 -1
  132. package/dist/x-datepicker/Locale/DsDatePickerLocalePlPL.d.ts +24 -8
  133. package/dist/x-datepicker/Locale/DsDatePickerLocalePlPL.js +1 -1
  134. package/dist/x-datepicker/Locale/DsDatePickerLocalePtBR.d.ts +24 -8
  135. package/dist/x-datepicker/Locale/DsDatePickerLocalePtBR.js +1 -1
  136. package/dist/x-datepicker/Locale/DsDatePickerLocaleRoRO.d.ts +24 -8
  137. package/dist/x-datepicker/Locale/DsDatePickerLocaleRoRO.js +1 -1
  138. package/dist/x-datepicker/Locale/DsDatePickerLocaleRuRU.d.ts +24 -8
  139. package/dist/x-datepicker/Locale/DsDatePickerLocaleRuRU.js +1 -1
  140. package/dist/x-datepicker/Locale/DsDatePickerLocaleSkSK.d.ts +24 -8
  141. package/dist/x-datepicker/Locale/DsDatePickerLocaleSkSK.js +1 -1
  142. package/dist/x-datepicker/Locale/DsDatePickerLocaleSvSE.d.ts +24 -8
  143. package/dist/x-datepicker/Locale/DsDatePickerLocaleSvSE.js +1 -1
  144. package/dist/x-datepicker/Locale/DsDatePickerLocaleTrTR.d.ts +24 -8
  145. package/dist/x-datepicker/Locale/DsDatePickerLocaleTrTR.js +1 -1
  146. package/dist/x-datepicker/Locale/DsDatePickerLocaleUkUA.d.ts +24 -8
  147. package/dist/x-datepicker/Locale/DsDatePickerLocaleUkUA.js +1 -1
  148. package/dist/x-datepicker/Locale/DsDatePickerLocaleUrPK.d.ts +23 -7
  149. package/dist/x-datepicker/Locale/DsDatePickerLocaleViVN.d.ts +24 -8
  150. package/dist/x-datepicker/Locale/DsDatePickerLocaleViVN.js +1 -1
  151. package/dist/x-datepicker/Locale/DsDatePickerLocaleZhCN.d.ts +24 -8
  152. package/dist/x-datepicker/Locale/DsDatePickerLocaleZhCN.js +1 -1
  153. package/dist/x-datepicker/Locale/DsDatePickerLocaleZhHK.d.ts +24 -8
  154. package/dist/x-datepicker/Locale/DsDatePickerLocaleZhHK.js +1 -1
  155. package/dist/x-datepicker/componentOverrides.d.ts +36 -31
  156. package/package.json +11 -11
@@ -1,10 +1,10 @@
1
1
  export declare const DsDatePickerOverrides: {
2
2
  MuiDatePicker: {
3
- defaultProps: import("./DsDatePicker.Types").DsDatePickerProps<Date>;
3
+ defaultProps: import("./DsDatePicker.Types").DsDatePickerProps;
4
4
  };
5
5
  MuiLocalizationProvider: {
6
6
  defaultProps: {
7
- adapterLocale: Locale;
7
+ adapterLocale: import("date-fns").Locale;
8
8
  localeText: {
9
9
  okButtonLabel: string;
10
10
  previousMonth?: string | undefined;
@@ -15,19 +15,25 @@ export declare const DsDatePickerOverrides: {
15
15
  calendarWeekNumberText?: ((weekNumber: number) => string) | undefined;
16
16
  openPreviousView?: string | undefined;
17
17
  openNextView?: string | undefined;
18
- calendarViewSwitchingButtonAriaLabel?: ((currentView: import("@mui/x-date-pickers").DateView) => string) | undefined;
18
+ calendarViewSwitchingButtonAriaLabel?: ((currentView: import("@mui/x-date-pickers/models").DateView) => string) | undefined;
19
19
  start?: string | undefined;
20
20
  end?: string | undefined;
21
+ startDate?: string | undefined;
22
+ startTime?: string | undefined;
23
+ endDate?: string | undefined;
24
+ endTime?: string | undefined;
21
25
  cancelButtonLabel?: string | undefined;
22
26
  clearButtonLabel?: string | undefined;
23
27
  todayButtonLabel?: string | undefined;
24
- clockLabelText?: ((view: import("@mui/x-date-pickers").TimeView, time: any, adapter: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
28
+ nextStepButtonLabel?: string | undefined;
29
+ clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
25
30
  hoursClockNumberText?: ((hours: string) => string) | undefined;
26
31
  minutesClockNumberText?: ((minutes: string) => string) | undefined;
27
32
  secondsClockNumberText?: ((seconds: string) => string) | undefined;
28
- selectViewText?: ((view: import("@mui/x-date-pickers/internals/models").TimeViewWithMeridiem) => string) | undefined;
29
- openDatePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
30
- openTimePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
33
+ selectViewText?: ((view: import("@mui/x-date-pickers/internals").TimeViewWithMeridiem) => string) | undefined;
34
+ openDatePickerDialogue?: ((formattedDate: string | null) => string) | undefined;
35
+ openTimePickerDialogue?: ((formattedTime: string | null) => string) | undefined;
36
+ openRangePickerDialogue?: ((formattedRange: string | null) => string) | undefined;
31
37
  fieldClearLabel?: string | undefined;
32
38
  timeTableLabel?: string | undefined;
33
39
  dateTableLabel?: string | undefined;
@@ -36,14 +42,14 @@ export declare const DsDatePickerOverrides: {
36
42
  format: string;
37
43
  }) => string) | undefined;
38
44
  fieldMonthPlaceholder?: ((params: {
39
- contentType: import("@mui/x-date-pickers").FieldSectionContentType;
45
+ contentType: import("@mui/x-date-pickers/models").FieldSectionContentType;
40
46
  format: string;
41
47
  }) => string) | undefined;
42
48
  fieldDayPlaceholder?: ((params: {
43
49
  format: string;
44
50
  }) => string) | undefined;
45
51
  fieldWeekDayPlaceholder?: ((params: {
46
- contentType: import("@mui/x-date-pickers").FieldSectionContentType;
52
+ contentType: import("@mui/x-date-pickers/models").FieldSectionContentType;
47
53
  format: string;
48
54
  }) => string) | undefined;
49
55
  fieldHoursPlaceholder?: ((params: {
@@ -58,14 +64,24 @@ export declare const DsDatePickerOverrides: {
58
64
  fieldMeridiemPlaceholder?: ((params: {
59
65
  format: string;
60
66
  }) => string) | undefined;
67
+ year?: string | undefined;
68
+ month?: string | undefined;
69
+ day?: string | undefined;
70
+ weekDay?: string | undefined;
71
+ hours?: string | undefined;
72
+ minutes?: string | undefined;
73
+ seconds?: string | undefined;
74
+ meridiem?: string | undefined;
75
+ empty?: string | undefined;
61
76
  datePickerToolbarTitle?: string | undefined;
62
77
  timePickerToolbarTitle?: string | undefined;
63
78
  dateTimePickerToolbarTitle?: string | undefined;
64
79
  dateRangePickerToolbarTitle?: string | undefined;
80
+ timeRangePickerToolbarTitle?: string | undefined;
65
81
  };
66
82
  };
67
83
  };
68
- MuiPickersPopper: {
84
+ MuiPickerPopper: {
69
85
  styleOverrides: {
70
86
  root: {
71
87
  ' &[data-popper-placement^="right"]': {
@@ -162,9 +178,16 @@ export declare const DsDatePickerOverrides: {
162
178
  };
163
179
  };
164
180
  };
165
- MuiPickersMonth: {
181
+ MuiMonthCalendar: {
166
182
  styleOverrides: {
167
- monthButton: {
183
+ root: {
184
+ rowGap: string;
185
+ paddingTop: string;
186
+ paddingBottom: string;
187
+ paddingLeft: string;
188
+ paddingRight: string;
189
+ };
190
+ button: {
168
191
  fontWeight: string;
169
192
  fontSize: string;
170
193
  lineHeight: string;
@@ -230,25 +253,7 @@ export declare const DsDatePickerOverrides: {
230
253
  marginBottom: string;
231
254
  backgroundColor: string;
232
255
  };
233
- };
234
- };
235
- MuiMonthCalendar: {
236
- styleOverrides: {
237
- root: {
238
- rowGap: string;
239
- paddingTop: string;
240
- paddingBottom: string;
241
- paddingLeft: string;
242
- paddingRight: string;
243
- };
244
- };
245
- };
246
- MuiPickersYear: {
247
- styleOverrides: {
248
- root: {
249
- flexBasis: string;
250
- };
251
- yearButton: {
256
+ button: {
252
257
  width: string;
253
258
  paddingTop: string;
254
259
  paddingBottom: string;
@@ -7,7 +7,7 @@ export const DsDatePickerOverrides = {
7
7
  MuiLocalizationProvider: {
8
8
  defaultProps: DsDatePickerLocaleEnUS.components.MuiLocalizationProvider.defaultProps
9
9
  },
10
- MuiPickersPopper: {
10
+ MuiPickerPopper: {
11
11
  styleOverrides: {
12
12
  root: {
13
13
  ' &[data-popper-placement^="right"]': {
@@ -106,9 +106,16 @@ export const DsDatePickerOverrides = {
106
106
  }
107
107
  }
108
108
  },
109
- MuiPickersMonth: {
109
+ MuiMonthCalendar: {
110
110
  styleOverrides: {
111
- monthButton: {
111
+ root: {
112
+ rowGap: 'var(--ds-spacing-mild)',
113
+ paddingTop: 'var(--ds-spacing-tropical)',
114
+ paddingBottom: 'var(--ds-spacing-tropical)',
115
+ paddingLeft: 'var(--ds-spacing-bitterCold)',
116
+ paddingRight: 'var(--ds-spacing-bitterCold)'
117
+ },
118
+ button: {
112
119
  fontWeight: 'var(--ds-typo-bodyRegularLarge-fontWeight)',
113
120
  fontSize: 'var(--ds-typo-bodyRegularLarge-fontSize)',
114
121
  lineHeight: 'var(--ds-typo-bodyRegularLarge-lineHeight)',
@@ -173,26 +180,8 @@ export const DsDatePickerOverrides = {
173
180
  marginTop: 'var(--ds-spacing-warm)',
174
181
  marginBottom: 'var(--ds-spacing-warm)',
175
182
  backgroundColor: 'var(--ds-colour-surfaceBackground)'
176
- }
177
- }
178
- },
179
- MuiMonthCalendar: {
180
- styleOverrides: {
181
- root: {
182
- rowGap: 'var(--ds-spacing-mild)',
183
- paddingTop: 'var(--ds-spacing-tropical)',
184
- paddingBottom: 'var(--ds-spacing-tropical)',
185
- paddingLeft: 'var(--ds-spacing-bitterCold)',
186
- paddingRight: 'var(--ds-spacing-bitterCold)'
187
- }
188
- }
189
- },
190
- MuiPickersYear: {
191
- styleOverrides: {
192
- root: {
193
- flexBasis: '100%'
194
183
  },
195
- yearButton: {
184
+ button: {
196
185
  width: '100%',
197
186
  paddingTop: 'var(--ds-spacing-quickFreeze)',
198
187
  paddingBottom: 'var(--ds-spacing-quickFreeze)',
@@ -4,7 +4,7 @@ import { Locale } from 'date-fns';
4
4
  export type TErrorMapKeys = Exclude<DateValidationError, null>;
5
5
  export type TValue = string | Date | undefined | null;
6
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'> {
7
+ export interface DsDatePickerProps extends Omit<DatePickerProps, 'open' | 'onOpen' | 'onClose' | 'yearsPerRow' | 'monthsPerRow' | 'onChange' | 'onError' | 'value' | 'defaultValue'>, Pick<DsTextFieldProps, 'required' | 'fullWidth' | 'label' | 'InputLabelProps' | 'labelSupportText' | 'helperText' | 'HelperTextProps' | 'FormControlProps' | 'success' | 'error' | 'onFocus' | 'onBlur'> {
8
8
  onChange?: (name: string, value: TValue) => void;
9
9
  onError?: (name: string, error: string, errorCode: DateValidationError, value: TValue | null) => void;
10
10
  name: string;
@@ -12,6 +12,6 @@ export interface DsDatePickerProps<TDate extends Date> extends Omit<DatePickerPr
12
12
  defaultValue?: TValue;
13
13
  valueType?: TValueType;
14
14
  errorMap?: Partial<Record<TErrorMapKeys, string>>;
15
- LocalizationProviderProps?: LocalizationProviderProps<Date, Locale>;
15
+ LocalizationProviderProps?: LocalizationProviderProps<Locale>;
16
16
  }
17
- export declare const DsDatePickerDefaultProps: DsDatePickerProps<Date>;
17
+ export declare const DsDatePickerDefaultProps: DsDatePickerProps;
@@ -1,5 +1,5 @@
1
1
  import { DsDatePickerProps, TValue, TValueType } from './DsDatePicker.Types';
2
2
  import { DateValidationError } from '@mui/x-date-pickers';
3
- export declare const getDateFromValue: (value: TValue, valueType: TValueType, format?: DsDatePickerProps<Date>["format"]) => Date | undefined | null;
4
- export declare const getValueTypeFromValue: (value: Date | null, valueType: TValueType, format?: DsDatePickerProps<Date>["format"]) => TValue;
5
- export declare const getErrorFromErrorMap: (errorMap: DsDatePickerProps<Date>["errorMap"], error: DateValidationError, value: TValue | null) => string;
3
+ export declare const getDateFromValue: (value: TValue, valueType: TValueType, format?: DsDatePickerProps["format"]) => Date | undefined | null;
4
+ export declare const getValueTypeFromValue: (value: Date | null, valueType: TValueType, format?: DsDatePickerProps["format"]) => TValue;
5
+ export declare const getErrorFromErrorMap: (errorMap: DsDatePickerProps["errorMap"], error: DateValidationError, value: TValue | null) => string;
@@ -2,7 +2,7 @@ export declare const DsDatePickerLocaleBeBY: {
2
2
  components: {
3
3
  MuiLocalizationProvider: {
4
4
  defaultProps: {
5
- adapterLocale: Locale;
5
+ adapterLocale: import("date-fns/locale").Locale;
6
6
  localeText: {
7
7
  okButtonLabel: string;
8
8
  previousMonth?: string | undefined;
@@ -13,19 +13,25 @@ export declare const DsDatePickerLocaleBeBY: {
13
13
  calendarWeekNumberText?: ((weekNumber: number) => string) | undefined;
14
14
  openPreviousView?: string | undefined;
15
15
  openNextView?: string | undefined;
16
- calendarViewSwitchingButtonAriaLabel?: ((currentView: import("@mui/x-date-pickers").DateView) => string) | undefined;
16
+ calendarViewSwitchingButtonAriaLabel?: ((currentView: import("@mui/x-date-pickers/models").DateView) => string) | undefined;
17
17
  start?: string | undefined;
18
18
  end?: string | undefined;
19
+ startDate?: string | undefined;
20
+ startTime?: string | undefined;
21
+ endDate?: string | undefined;
22
+ endTime?: string | undefined;
19
23
  cancelButtonLabel?: string | undefined;
20
24
  clearButtonLabel?: string | undefined;
21
25
  todayButtonLabel?: string | undefined;
22
- clockLabelText?: ((view: import("@mui/x-date-pickers").TimeView, time: any, adapter: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
26
+ nextStepButtonLabel?: string | undefined;
27
+ clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
23
28
  hoursClockNumberText?: ((hours: string) => string) | undefined;
24
29
  minutesClockNumberText?: ((minutes: string) => string) | undefined;
25
30
  secondsClockNumberText?: ((seconds: string) => string) | undefined;
26
- selectViewText?: ((view: import("@mui/x-date-pickers/internals/models").TimeViewWithMeridiem) => string) | undefined;
27
- openDatePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
28
- openTimePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
31
+ selectViewText?: ((view: import("@mui/x-date-pickers/internals").TimeViewWithMeridiem) => string) | undefined;
32
+ openDatePickerDialogue?: ((formattedDate: string | null) => string) | undefined;
33
+ openTimePickerDialogue?: ((formattedTime: string | null) => string) | undefined;
34
+ openRangePickerDialogue?: ((formattedRange: string | null) => string) | undefined;
29
35
  fieldClearLabel?: string | undefined;
30
36
  timeTableLabel?: string | undefined;
31
37
  dateTableLabel?: string | undefined;
@@ -34,14 +40,14 @@ export declare const DsDatePickerLocaleBeBY: {
34
40
  format: string;
35
41
  }) => string) | undefined;
36
42
  fieldMonthPlaceholder?: ((params: {
37
- contentType: import("@mui/x-date-pickers").FieldSectionContentType;
43
+ contentType: import("@mui/x-date-pickers/models").FieldSectionContentType;
38
44
  format: string;
39
45
  }) => string) | undefined;
40
46
  fieldDayPlaceholder?: ((params: {
41
47
  format: string;
42
48
  }) => string) | undefined;
43
49
  fieldWeekDayPlaceholder?: ((params: {
44
- contentType: import("@mui/x-date-pickers").FieldSectionContentType;
50
+ contentType: import("@mui/x-date-pickers/models").FieldSectionContentType;
45
51
  format: string;
46
52
  }) => string) | undefined;
47
53
  fieldHoursPlaceholder?: ((params: {
@@ -56,10 +62,20 @@ export declare const DsDatePickerLocaleBeBY: {
56
62
  fieldMeridiemPlaceholder?: ((params: {
57
63
  format: string;
58
64
  }) => string) | undefined;
65
+ year?: string | undefined;
66
+ month?: string | undefined;
67
+ day?: string | undefined;
68
+ weekDay?: string | undefined;
69
+ hours?: string | undefined;
70
+ minutes?: string | undefined;
71
+ seconds?: string | undefined;
72
+ meridiem?: string | undefined;
73
+ empty?: string | undefined;
59
74
  datePickerToolbarTitle?: string | undefined;
60
75
  timePickerToolbarTitle?: string | undefined;
61
76
  dateTimePickerToolbarTitle?: string | undefined;
62
77
  dateRangePickerToolbarTitle?: string | undefined;
78
+ timeRangePickerToolbarTitle?: string | undefined;
63
79
  };
64
80
  };
65
81
  };
@@ -1,5 +1,5 @@
1
1
  import { beBY } from '@mui/x-date-pickers/locales';
2
- import be from 'date-fns/locale/be';
2
+ import { be } from 'date-fns/locale';
3
3
  export const DsDatePickerLocaleBeBY = {
4
4
  components: {
5
5
  MuiLocalizationProvider: {
@@ -2,7 +2,7 @@ export declare const DsDatePickerLocaleCaES: {
2
2
  components: {
3
3
  MuiLocalizationProvider: {
4
4
  defaultProps: {
5
- adapterLocale: Locale;
5
+ adapterLocale: import("date-fns/locale").Locale;
6
6
  localeText: {
7
7
  okButtonLabel: string;
8
8
  previousMonth?: string | undefined;
@@ -13,19 +13,25 @@ export declare const DsDatePickerLocaleCaES: {
13
13
  calendarWeekNumberText?: ((weekNumber: number) => string) | undefined;
14
14
  openPreviousView?: string | undefined;
15
15
  openNextView?: string | undefined;
16
- calendarViewSwitchingButtonAriaLabel?: ((currentView: import("@mui/x-date-pickers").DateView) => string) | undefined;
16
+ calendarViewSwitchingButtonAriaLabel?: ((currentView: import("@mui/x-date-pickers/models").DateView) => string) | undefined;
17
17
  start?: string | undefined;
18
18
  end?: string | undefined;
19
+ startDate?: string | undefined;
20
+ startTime?: string | undefined;
21
+ endDate?: string | undefined;
22
+ endTime?: string | undefined;
19
23
  cancelButtonLabel?: string | undefined;
20
24
  clearButtonLabel?: string | undefined;
21
25
  todayButtonLabel?: string | undefined;
22
- clockLabelText?: ((view: import("@mui/x-date-pickers").TimeView, time: any, adapter: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
26
+ nextStepButtonLabel?: string | undefined;
27
+ clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
23
28
  hoursClockNumberText?: ((hours: string) => string) | undefined;
24
29
  minutesClockNumberText?: ((minutes: string) => string) | undefined;
25
30
  secondsClockNumberText?: ((seconds: string) => string) | undefined;
26
- selectViewText?: ((view: import("@mui/x-date-pickers/internals/models").TimeViewWithMeridiem) => string) | undefined;
27
- openDatePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
28
- openTimePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
31
+ selectViewText?: ((view: import("@mui/x-date-pickers/internals").TimeViewWithMeridiem) => string) | undefined;
32
+ openDatePickerDialogue?: ((formattedDate: string | null) => string) | undefined;
33
+ openTimePickerDialogue?: ((formattedTime: string | null) => string) | undefined;
34
+ openRangePickerDialogue?: ((formattedRange: string | null) => string) | undefined;
29
35
  fieldClearLabel?: string | undefined;
30
36
  timeTableLabel?: string | undefined;
31
37
  dateTableLabel?: string | undefined;
@@ -34,14 +40,14 @@ export declare const DsDatePickerLocaleCaES: {
34
40
  format: string;
35
41
  }) => string) | undefined;
36
42
  fieldMonthPlaceholder?: ((params: {
37
- contentType: import("@mui/x-date-pickers").FieldSectionContentType;
43
+ contentType: import("@mui/x-date-pickers/models").FieldSectionContentType;
38
44
  format: string;
39
45
  }) => string) | undefined;
40
46
  fieldDayPlaceholder?: ((params: {
41
47
  format: string;
42
48
  }) => string) | undefined;
43
49
  fieldWeekDayPlaceholder?: ((params: {
44
- contentType: import("@mui/x-date-pickers").FieldSectionContentType;
50
+ contentType: import("@mui/x-date-pickers/models").FieldSectionContentType;
45
51
  format: string;
46
52
  }) => string) | undefined;
47
53
  fieldHoursPlaceholder?: ((params: {
@@ -56,10 +62,20 @@ export declare const DsDatePickerLocaleCaES: {
56
62
  fieldMeridiemPlaceholder?: ((params: {
57
63
  format: string;
58
64
  }) => string) | undefined;
65
+ year?: string | undefined;
66
+ month?: string | undefined;
67
+ day?: string | undefined;
68
+ weekDay?: string | undefined;
69
+ hours?: string | undefined;
70
+ minutes?: string | undefined;
71
+ seconds?: string | undefined;
72
+ meridiem?: string | undefined;
73
+ empty?: string | undefined;
59
74
  datePickerToolbarTitle?: string | undefined;
60
75
  timePickerToolbarTitle?: string | undefined;
61
76
  dateTimePickerToolbarTitle?: string | undefined;
62
77
  dateRangePickerToolbarTitle?: string | undefined;
78
+ timeRangePickerToolbarTitle?: string | undefined;
63
79
  };
64
80
  };
65
81
  };
@@ -1,5 +1,5 @@
1
1
  import { caES } from '@mui/x-date-pickers/locales';
2
- import ca from 'date-fns/locale/ca';
2
+ import { ca } from 'date-fns/locale';
3
3
  export const DsDatePickerLocaleCaES = {
4
4
  components: {
5
5
  MuiLocalizationProvider: {
@@ -2,7 +2,7 @@ export declare const DsDatePickerLocaleCsCZ: {
2
2
  components: {
3
3
  MuiLocalizationProvider: {
4
4
  defaultProps: {
5
- adapterLocale: Locale;
5
+ adapterLocale: import("date-fns/locale").Locale;
6
6
  localeText: {
7
7
  okButtonLabel: string;
8
8
  previousMonth?: string | undefined;
@@ -13,19 +13,25 @@ export declare const DsDatePickerLocaleCsCZ: {
13
13
  calendarWeekNumberText?: ((weekNumber: number) => string) | undefined;
14
14
  openPreviousView?: string | undefined;
15
15
  openNextView?: string | undefined;
16
- calendarViewSwitchingButtonAriaLabel?: ((currentView: import("@mui/x-date-pickers").DateView) => string) | undefined;
16
+ calendarViewSwitchingButtonAriaLabel?: ((currentView: import("@mui/x-date-pickers/models").DateView) => string) | undefined;
17
17
  start?: string | undefined;
18
18
  end?: string | undefined;
19
+ startDate?: string | undefined;
20
+ startTime?: string | undefined;
21
+ endDate?: string | undefined;
22
+ endTime?: string | undefined;
19
23
  cancelButtonLabel?: string | undefined;
20
24
  clearButtonLabel?: string | undefined;
21
25
  todayButtonLabel?: string | undefined;
22
- clockLabelText?: ((view: import("@mui/x-date-pickers").TimeView, time: any, adapter: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
26
+ nextStepButtonLabel?: string | undefined;
27
+ clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
23
28
  hoursClockNumberText?: ((hours: string) => string) | undefined;
24
29
  minutesClockNumberText?: ((minutes: string) => string) | undefined;
25
30
  secondsClockNumberText?: ((seconds: string) => string) | undefined;
26
- selectViewText?: ((view: import("@mui/x-date-pickers/internals/models").TimeViewWithMeridiem) => string) | undefined;
27
- openDatePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
28
- openTimePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
31
+ selectViewText?: ((view: import("@mui/x-date-pickers/internals").TimeViewWithMeridiem) => string) | undefined;
32
+ openDatePickerDialogue?: ((formattedDate: string | null) => string) | undefined;
33
+ openTimePickerDialogue?: ((formattedTime: string | null) => string) | undefined;
34
+ openRangePickerDialogue?: ((formattedRange: string | null) => string) | undefined;
29
35
  fieldClearLabel?: string | undefined;
30
36
  timeTableLabel?: string | undefined;
31
37
  dateTableLabel?: string | undefined;
@@ -34,14 +40,14 @@ export declare const DsDatePickerLocaleCsCZ: {
34
40
  format: string;
35
41
  }) => string) | undefined;
36
42
  fieldMonthPlaceholder?: ((params: {
37
- contentType: import("@mui/x-date-pickers").FieldSectionContentType;
43
+ contentType: import("@mui/x-date-pickers/models").FieldSectionContentType;
38
44
  format: string;
39
45
  }) => string) | undefined;
40
46
  fieldDayPlaceholder?: ((params: {
41
47
  format: string;
42
48
  }) => string) | undefined;
43
49
  fieldWeekDayPlaceholder?: ((params: {
44
- contentType: import("@mui/x-date-pickers").FieldSectionContentType;
50
+ contentType: import("@mui/x-date-pickers/models").FieldSectionContentType;
45
51
  format: string;
46
52
  }) => string) | undefined;
47
53
  fieldHoursPlaceholder?: ((params: {
@@ -56,10 +62,20 @@ export declare const DsDatePickerLocaleCsCZ: {
56
62
  fieldMeridiemPlaceholder?: ((params: {
57
63
  format: string;
58
64
  }) => string) | undefined;
65
+ year?: string | undefined;
66
+ month?: string | undefined;
67
+ day?: string | undefined;
68
+ weekDay?: string | undefined;
69
+ hours?: string | undefined;
70
+ minutes?: string | undefined;
71
+ seconds?: string | undefined;
72
+ meridiem?: string | undefined;
73
+ empty?: string | undefined;
59
74
  datePickerToolbarTitle?: string | undefined;
60
75
  timePickerToolbarTitle?: string | undefined;
61
76
  dateTimePickerToolbarTitle?: string | undefined;
62
77
  dateRangePickerToolbarTitle?: string | undefined;
78
+ timeRangePickerToolbarTitle?: string | undefined;
63
79
  };
64
80
  };
65
81
  };
@@ -1,5 +1,5 @@
1
1
  import { csCZ } from '@mui/x-date-pickers/locales';
2
- import cs from 'date-fns/locale/cs';
2
+ import { cs } from 'date-fns/locale';
3
3
  export const DsDatePickerLocaleCsCZ = {
4
4
  components: {
5
5
  MuiLocalizationProvider: {
@@ -2,7 +2,7 @@ export declare const DsDatePickerLocaleDaDK: {
2
2
  components: {
3
3
  MuiLocalizationProvider: {
4
4
  defaultProps: {
5
- adapterLocale: Locale;
5
+ adapterLocale: import("date-fns/locale").Locale;
6
6
  localeText: {
7
7
  okButtonLabel: string;
8
8
  previousMonth?: string | undefined;
@@ -13,19 +13,25 @@ export declare const DsDatePickerLocaleDaDK: {
13
13
  calendarWeekNumberText?: ((weekNumber: number) => string) | undefined;
14
14
  openPreviousView?: string | undefined;
15
15
  openNextView?: string | undefined;
16
- calendarViewSwitchingButtonAriaLabel?: ((currentView: import("@mui/x-date-pickers").DateView) => string) | undefined;
16
+ calendarViewSwitchingButtonAriaLabel?: ((currentView: import("@mui/x-date-pickers/models").DateView) => string) | undefined;
17
17
  start?: string | undefined;
18
18
  end?: string | undefined;
19
+ startDate?: string | undefined;
20
+ startTime?: string | undefined;
21
+ endDate?: string | undefined;
22
+ endTime?: string | undefined;
19
23
  cancelButtonLabel?: string | undefined;
20
24
  clearButtonLabel?: string | undefined;
21
25
  todayButtonLabel?: string | undefined;
22
- clockLabelText?: ((view: import("@mui/x-date-pickers").TimeView, time: any, adapter: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
26
+ nextStepButtonLabel?: string | undefined;
27
+ clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
23
28
  hoursClockNumberText?: ((hours: string) => string) | undefined;
24
29
  minutesClockNumberText?: ((minutes: string) => string) | undefined;
25
30
  secondsClockNumberText?: ((seconds: string) => string) | undefined;
26
- selectViewText?: ((view: import("@mui/x-date-pickers/internals/models").TimeViewWithMeridiem) => string) | undefined;
27
- openDatePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
28
- openTimePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
31
+ selectViewText?: ((view: import("@mui/x-date-pickers/internals").TimeViewWithMeridiem) => string) | undefined;
32
+ openDatePickerDialogue?: ((formattedDate: string | null) => string) | undefined;
33
+ openTimePickerDialogue?: ((formattedTime: string | null) => string) | undefined;
34
+ openRangePickerDialogue?: ((formattedRange: string | null) => string) | undefined;
29
35
  fieldClearLabel?: string | undefined;
30
36
  timeTableLabel?: string | undefined;
31
37
  dateTableLabel?: string | undefined;
@@ -34,14 +40,14 @@ export declare const DsDatePickerLocaleDaDK: {
34
40
  format: string;
35
41
  }) => string) | undefined;
36
42
  fieldMonthPlaceholder?: ((params: {
37
- contentType: import("@mui/x-date-pickers").FieldSectionContentType;
43
+ contentType: import("@mui/x-date-pickers/models").FieldSectionContentType;
38
44
  format: string;
39
45
  }) => string) | undefined;
40
46
  fieldDayPlaceholder?: ((params: {
41
47
  format: string;
42
48
  }) => string) | undefined;
43
49
  fieldWeekDayPlaceholder?: ((params: {
44
- contentType: import("@mui/x-date-pickers").FieldSectionContentType;
50
+ contentType: import("@mui/x-date-pickers/models").FieldSectionContentType;
45
51
  format: string;
46
52
  }) => string) | undefined;
47
53
  fieldHoursPlaceholder?: ((params: {
@@ -56,10 +62,20 @@ export declare const DsDatePickerLocaleDaDK: {
56
62
  fieldMeridiemPlaceholder?: ((params: {
57
63
  format: string;
58
64
  }) => string) | undefined;
65
+ year?: string | undefined;
66
+ month?: string | undefined;
67
+ day?: string | undefined;
68
+ weekDay?: string | undefined;
69
+ hours?: string | undefined;
70
+ minutes?: string | undefined;
71
+ seconds?: string | undefined;
72
+ meridiem?: string | undefined;
73
+ empty?: string | undefined;
59
74
  datePickerToolbarTitle?: string | undefined;
60
75
  timePickerToolbarTitle?: string | undefined;
61
76
  dateTimePickerToolbarTitle?: string | undefined;
62
77
  dateRangePickerToolbarTitle?: string | undefined;
78
+ timeRangePickerToolbarTitle?: string | undefined;
63
79
  };
64
80
  };
65
81
  };
@@ -1,5 +1,5 @@
1
1
  import { daDK } from '@mui/x-date-pickers/locales';
2
- import da from 'date-fns/locale/da';
2
+ import { da } from 'date-fns/locale';
3
3
  export const DsDatePickerLocaleDaDK = {
4
4
  components: {
5
5
  MuiLocalizationProvider: {