@mui/x-date-pickers 6.18.2 → 6.18.4

package/CHANGELOG.md

@@ -3,6 +3,105 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.18.4
+
+_Dec 8, 2023_
+
+We'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
+
+- 📚 Add [Pickers FAQ page](https://mui.com/x/react-date-pickers/faq/)
+- 🌍 Improve Danish (da-DK) locale on Data Grid
+- 🐞 Bugfixes
+
+### Data Grid
+
+#### `@mui/x-data-grid@6.18.4`
+
+- [DataGrid] Fix cell slot style override (#11215) @oliviertassinari
+- [l10n] Improve Danish (da-DK) locale (#11346) @goibon
+
+#### `@mui/x-data-grid-pro@6.18.4` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@6.18.4`.
+
+#### `@mui/x-data-grid-premium@6.18.4` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@6.18.4`.
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@6.18.4`
+
+- [pickers] Fix `MultiSectionDigitalClock` issues (#11308) @LukasTy
+
+#### `@mui/x-date-pickers-pro@6.18.4` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@6.18.4`.
+
+### Docs
+
+- [docs] Fix typo (#11323) @cadam11
+- [docs] Add FAQ page (#11347) @noraleonte
+
+## 6.18.3
+
+_Dec 4, 2023_
+
+We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
+
+- 📈 Fix a lot of Charts package issues
+- 🌍 Improve Bulgarian (bg-BG) locale on Data Grid
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### Data Grid
+
+#### `@mui/x-data-grid@6.18.3`
+
+- [DataGrid] Fix cell editing adding a leading "v" on paste (#11166) @prasad5795
+- [DataGrid] Fix handling of event target in portal (#11209) @cherniavskii
+- [DataGrid] Fix `onFilterModelChange` being fired with stale field value (#11244) @gitstart
+- [l10n] Improve Bulgarian (bg-BG) locale (#10856) (#11206) @Kristiqn95
+
+#### `@mui/x-data-grid-pro@6.18.3` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@6.18.3`.
+
+#### `@mui/x-data-grid-premium@6.18.3` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@6.18.3`, plus:
+
+- [DataGridPremium] Fix aggregated column ignoring column definition changes (#11176) @cherniavskii
+- [DataGridPremium] Fix custom filter operators not working on aggregated column (#11201) @cherniavskii
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@6.18.3`
+
+- [pickers] Correctly format `MultiSectionDigitalClock` number sections (#11297) @LukasTy
+- [pickers] Expand field placeholder methods flexibility by providing `format` parameter (#11254) @LukasTy
+
+#### `@mui/x-date-pickers-pro@6.18.3` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@6.18.3`.
+
+### Charts / `@mui/x-charts@6.18.3`
+
+- [charts] Adjusted `defaultizeValueFormatter` util to accept an optional `series.valueFormatter` value (#11213) @michelengelen
+- [charts] Apply `labelStyle` and `tickLabelStyle` props on `<ChartsYAxis />` (#11180) @akamfoad
+- [charts] Fix TS config (#11259) @alexfauquette
+- [charts] Fix error with empty dataset (#11063) @alexfauquette
+- [charts] Fix export strategy (#11235) @alexfauquette
+
+### Docs
+
+- [docs] Add LTS section to support page (#11300) @joserodolfofreitas
+- [docs] Add end v6 blogpost to whats new page (#11299) @joserodolfofreitas
+- [docs] Document charts composition (#10710) @alexfauquette
+- [docs] Fix version links (#11167) @LukasTy
+- [docs] Improve Data Grid togglable columns example (#11241) @MBilalShafi
+- [docs] Split charts overview and getting started in distinct pages (#10910) @alexfauquette
+
 ## 6.18.2
 
 _Nov 23, 2023_
@@ -288,7 +387,7 @@ Same changes as in `@mui/x-date-pickers@6.16.3`, plus:
 
 - [charts] Add reference links to area + bar chart components (#10652) @michelengelen
 - [charts] Add reference links to line chart + sparkline components (#10650) @michelengelen
-- [charts] Add reference links to pie + scatter chart components  (#10653) @michelengelen
+- [charts] Add reference links to pie + scatter chart components (#10653) @michelengelen
 - [charts] Render only when `width` and `height` are resolved (#10714) @alexfauquette
 - [charts] Support animation on `BarChart` (#9926) @alexfauquette
 - [charts] Use new text component to avoid tick label overflow on x-axis (#10648) @alexfauquette
@@ -364,6 +463,7 @@ It adds line break support and avoids overlapping text in the legend.
 This comes with some breaking changes.
 
 - The DOM structure is modified. An intermediary `<tspan />` element has been added. This can impact how your style is applied.
+
   ```diff
   - <text>The label</text>
   + <text><tspan>The label</tspan></text>

package/MultiSectionDigitalClock/MultiSectionDigitalClock.js

@@ -254,6 +254,7 @@ export const MultiSectionDigitalClock = /*#__PURE__*/React.forwardRef(function M
             },
             items: getTimeSectionOptions({
               value: utils.getMinutes(valueOrReferenceDate),
+              utils,
               isDisabled: minutes => disabled || isTimeDisabled(minutes, 'minutes'),
               resolveLabel: minutes => utils.format(utils.setMinutes(now, minutes), 'minutes'),
               timeStep: timeSteps.minutes,
@@ -270,6 +271,7 @@ export const MultiSectionDigitalClock = /*#__PURE__*/React.forwardRef(function M
             },
             items: getTimeSectionOptions({
               value: utils.getSeconds(valueOrReferenceDate),
+              utils,
               isDisabled: seconds => disabled || isTimeDisabled(seconds, 'seconds'),
               resolveLabel: seconds => utils.format(utils.setSeconds(now, seconds), 'seconds'),
               timeStep: timeSteps.seconds,

package/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.d.ts

@@ -10,13 +10,14 @@ interface IGetHoursSectionOptions<TDate> {
     resolveAriaLabel: (value: string) => string;
 }
 export declare const getHourSectionOptions: <TDate>({ now, value, utils, ampm, isDisabled, resolveAriaLabel, timeStep, }: IGetHoursSectionOptions<TDate>) => MultiSectionDigitalClockOption<number>[];
-interface IGetTimeSectionOptions {
+interface IGetTimeSectionOptions<TDate> {
     value: number | null;
+    utils: MuiPickersAdapter<TDate>;
     isDisabled: (value: number) => boolean;
     timeStep: number;
     resolveLabel: (value: number) => string;
     hasValue?: boolean;
     resolveAriaLabel: (value: string) => string;
 }
-export declare const getTimeSectionOptions: ({ value, isDisabled, timeStep, resolveLabel, resolveAriaLabel, hasValue, }: IGetTimeSectionOptions) => MultiSectionDigitalClockOption<number>[];
+export declare const getTimeSectionOptions: <TDate>({ value, utils, isDisabled, timeStep, resolveLabel, resolveAriaLabel, hasValue, }: IGetTimeSectionOptions<TDate>) => MultiSectionDigitalClockOption<number>[];
 export {};

package/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.js

@@ -38,6 +38,7 @@ export const getHourSectionOptions = ({
 };
 export const getTimeSectionOptions = ({
   value,
+  utils,
   isDisabled,
   timeStep,
   resolveLabel,
@@ -56,7 +57,7 @@ export const getTimeSectionOptions = ({
     const timeValue = timeStep * index;
     return {
       value: timeValue,
-      label: resolveLabel(timeValue),
+      label: utils.formatNumber(resolveLabel(timeValue)),
       isDisabled,
       isSelected,
       ariaLabel: resolveAriaLabel(timeValue.toString())

package/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js

@@ -36,7 +36,12 @@ const MultiSectionDigitalClockSectionRoot = styled(MenuList, {
   '@media (prefers-reduced-motion: no-preference)': {
     scrollBehavior: ownerState.alreadyRendered ? 'smooth' : 'auto'
   },
-  '&:hover': {
+  '@media (pointer: fine)': {
+    '&:hover': {
+      overflowY: 'auto'
+    }
+  },
+  '@media (pointer: none), (pointer: coarse)': {
     overflowY: 'auto'
   },
   '&:not(:first-of-type)': {
@@ -151,7 +156,8 @@ export const MultiSectionDigitalClockSection = /*#__PURE__*/React.forwardRef(fun
         ,
         "aria-disabled": readOnly,
         "aria-label": option.ariaLabel,
-        "aria-selected": isSelected
+        "aria-selected": isSelected,
+        className: classes.item
       }, slotProps == null ? void 0 : slotProps.digitalClockSectionItem, {
         children: option.label
       }), option.label);

package/MultiSectionDigitalClock/multiSectionDigitalClockSectionClasses.js

@@ -1,6 +1,6 @@
 import generateUtilityClass from '@mui/utils/generateUtilityClass';
 import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 export function getMultiSectionDigitalClockSectionUtilityClass(slot) {
-  return generateUtilityClass('MuiMultiSectionDigitalClock', slot);
+  return generateUtilityClass('MuiMultiSectionDigitalClockSection', slot);
 }
-export const multiSectionDigitalClockSectionClasses = generateUtilityClasses('MuiMultiSectionDigitalClock', ['root', 'item']);
+export const multiSectionDigitalClockSectionClasses = generateUtilityClasses('MuiMultiSectionDigitalClockSection', ['root', 'item']);

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v6.18.2
+ * @mui/x-date-pickers v6.18.4
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/hooks/useField/useField.utils.js

@@ -207,49 +207,62 @@ export const addPositionPropertiesToSections = (sections, isRTL) => {
   }
   return newSections;
 };
-const getSectionPlaceholder = (utils, timezone, localeText, sectionConfig, currentTokenValue) => {
+const getSectionPlaceholder = (utils, timezone, localeText, sectionConfig, sectionFormat) => {
   switch (sectionConfig.type) {
     case 'year':
       {
         return localeText.fieldYearPlaceholder({
-          digitAmount: utils.formatByString(utils.dateWithTimezone(undefined, timezone), currentTokenValue).length
+          digitAmount: utils.formatByString(utils.dateWithTimezone(undefined, timezone), sectionFormat).length,
+          format: sectionFormat
         });
       }
     case 'month':
       {
         return localeText.fieldMonthPlaceholder({
-          contentType: sectionConfig.contentType
+          contentType: sectionConfig.contentType,
+          format: sectionFormat
         });
       }
     case 'day':
       {
-        return localeText.fieldDayPlaceholder();
+        return localeText.fieldDayPlaceholder({
+          format: sectionFormat
+        });
       }
     case 'weekDay':
       {
         return localeText.fieldWeekDayPlaceholder({
-          contentType: sectionConfig.contentType
+          contentType: sectionConfig.contentType,
+          format: sectionFormat
         });
       }
     case 'hours':
       {
-        return localeText.fieldHoursPlaceholder();
+        return localeText.fieldHoursPlaceholder({
+          format: sectionFormat
+        });
       }
     case 'minutes':
       {
-        return localeText.fieldMinutesPlaceholder();
+        return localeText.fieldMinutesPlaceholder({
+          format: sectionFormat
+        });
       }
     case 'seconds':
       {
-        return localeText.fieldSecondsPlaceholder();
+        return localeText.fieldSecondsPlaceholder({
+          format: sectionFormat
+        });
       }
     case 'meridiem':
       {
-        return localeText.fieldMeridiemPlaceholder();
+        return localeText.fieldMeridiemPlaceholder({
+          format: sectionFormat
+        });
       }
     default:
       {
-        return currentTokenValue;
+        return sectionFormat;
       }
   }
 };

package/legacy/MultiSectionDigitalClock/MultiSectionDigitalClock.js

@@ -264,6 +264,7 @@ export var MultiSectionDigitalClock = /*#__PURE__*/React.forwardRef(function Mul
             },
             items: getTimeSectionOptions({
               value: utils.getMinutes(valueOrReferenceDate),
+              utils: utils,
               isDisabled: function isDisabled(minutes) {
                 return disabled || isTimeDisabled(minutes, 'minutes');
               },
@@ -284,6 +285,7 @@ export var MultiSectionDigitalClock = /*#__PURE__*/React.forwardRef(function Mul
             },
             items: getTimeSectionOptions({
               value: utils.getSeconds(valueOrReferenceDate),
+              utils: utils,
               isDisabled: function isDisabled(seconds) {
                 return disabled || isTimeDisabled(seconds, 'seconds');
               },

package/legacy/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.js

@@ -38,6 +38,7 @@ export var getHourSectionOptions = function getHourSectionOptions(_ref) {
 };
 export var getTimeSectionOptions = function getTimeSectionOptions(_ref2) {
   var value = _ref2.value,
+    utils = _ref2.utils,
     isDisabled = _ref2.isDisabled,
     timeStep = _ref2.timeStep,
     resolveLabel = _ref2.resolveLabel,
@@ -56,7 +57,7 @@ export var getTimeSectionOptions = function getTimeSectionOptions(_ref2) {
     var timeValue = timeStep * index;
     return {
       value: timeValue,
-      label: resolveLabel(timeValue),
+      label: utils.formatNumber(resolveLabel(timeValue)),
       isDisabled: isDisabled,
       isSelected: isSelected,
       ariaLabel: resolveAriaLabel(timeValue.toString())

package/legacy/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js

@@ -36,7 +36,12 @@ var MultiSectionDigitalClockSectionRoot = styled(MenuList, {
     '@media (prefers-reduced-motion: no-preference)': {
       scrollBehavior: ownerState.alreadyRendered ? 'smooth' : 'auto'
     },
-    '&:hover': {
+    '@media (pointer: fine)': {
+      '&:hover': {
+        overflowY: 'auto'
+      }
+    },
+    '@media (pointer: none), (pointer: coarse)': {
       overflowY: 'auto'
     },
     '&:not(:first-of-type)': {
@@ -157,7 +162,8 @@ export var MultiSectionDigitalClockSection = /*#__PURE__*/React.forwardRef(funct
         ,
         "aria-disabled": readOnly,
         "aria-label": option.ariaLabel,
-        "aria-selected": isSelected
+        "aria-selected": isSelected,
+        className: classes.item
       }, slotProps == null ? void 0 : slotProps.digitalClockSectionItem, {
         children: option.label
       }), option.label);

package/legacy/MultiSectionDigitalClock/multiSectionDigitalClockSectionClasses.js

@@ -1,6 +1,6 @@
 import generateUtilityClass from '@mui/utils/generateUtilityClass';
 import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 export function getMultiSectionDigitalClockSectionUtilityClass(slot) {
-  return generateUtilityClass('MuiMultiSectionDigitalClock', slot);
+  return generateUtilityClass('MuiMultiSectionDigitalClockSection', slot);
 }
-export var multiSectionDigitalClockSectionClasses = generateUtilityClasses('MuiMultiSectionDigitalClock', ['root', 'item']);
+export var multiSectionDigitalClockSectionClasses = generateUtilityClasses('MuiMultiSectionDigitalClockSection', ['root', 'item']);

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v6.18.2
+ * @mui/x-date-pickers v6.18.4
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/legacy/internals/hooks/useField/useField.utils.js

@@ -217,49 +217,62 @@ export var addPositionPropertiesToSections = function addPositionPropertiesToSec
   }
   return newSections;
 };
-var getSectionPlaceholder = function getSectionPlaceholder(utils, timezone, localeText, sectionConfig, currentTokenValue) {
+var getSectionPlaceholder = function getSectionPlaceholder(utils, timezone, localeText, sectionConfig, sectionFormat) {
   switch (sectionConfig.type) {
     case 'year':
       {
         return localeText.fieldYearPlaceholder({
-          digitAmount: utils.formatByString(utils.dateWithTimezone(undefined, timezone), currentTokenValue).length
+          digitAmount: utils.formatByString(utils.dateWithTimezone(undefined, timezone), sectionFormat).length,
+          format: sectionFormat
         });
       }
     case 'month':
       {
         return localeText.fieldMonthPlaceholder({
-          contentType: sectionConfig.contentType
+          contentType: sectionConfig.contentType,
+          format: sectionFormat
         });
       }
     case 'day':
       {
-        return localeText.fieldDayPlaceholder();
+        return localeText.fieldDayPlaceholder({
+          format: sectionFormat
+        });
       }
     case 'weekDay':
       {
         return localeText.fieldWeekDayPlaceholder({
-          contentType: sectionConfig.contentType
+          contentType: sectionConfig.contentType,
+          format: sectionFormat
         });
       }
     case 'hours':
       {
-        return localeText.fieldHoursPlaceholder();
+        return localeText.fieldHoursPlaceholder({
+          format: sectionFormat
+        });
       }
     case 'minutes':
       {
-        return localeText.fieldMinutesPlaceholder();
+        return localeText.fieldMinutesPlaceholder({
+          format: sectionFormat
+        });
       }
     case 'seconds':
       {
-        return localeText.fieldSecondsPlaceholder();
+        return localeText.fieldSecondsPlaceholder({
+          format: sectionFormat
+        });
       }
     case 'meridiem':
       {
-        return localeText.fieldMeridiemPlaceholder();
+        return localeText.fieldMeridiemPlaceholder({
+          format: sectionFormat
+        });
       }
     default:
       {
-        return currentTokenValue;
+        return sectionFormat;
       }
   }
 };

package/locales/beBY.d.ts

@@ -31,18 +31,31 @@ export declare const beBY: {
                     dateTableLabel?: string | undefined;
                     fieldYearPlaceholder?: ((params: {
                         digitAmount: number;
+                        format: string;
                     }) => string) | undefined;
                     fieldMonthPlaceholder?: ((params: {
                         contentType: import("..").FieldSectionContentType;
+                        format: string;
+                    }) => string) | undefined;
+                    fieldDayPlaceholder?: ((params: {
+                        format: string;
                     }) => string) | undefined;
-                    fieldDayPlaceholder?: (() => string) | undefined;
                     fieldWeekDayPlaceholder?: ((params: {
                         contentType: import("..").FieldSectionContentType;
+                        format: string;
+                    }) => string) | undefined;
+                    fieldHoursPlaceholder?: ((params: {
+                        format: string;
+                    }) => string) | undefined;
+                    fieldMinutesPlaceholder?: ((params: {
+                        format: string;
+                    }) => string) | undefined;
+                    fieldSecondsPlaceholder?: ((params: {
+                        format: string;
+                    }) => string) | undefined;
+                    fieldMeridiemPlaceholder?: ((params: {
+                        format: string;
                     }) => string) | undefined;
-                    fieldHoursPlaceholder?: (() => string) | undefined;
-                    fieldMinutesPlaceholder?: (() => string) | undefined;
-                    fieldSecondsPlaceholder?: (() => string) | undefined;
-                    fieldMeridiemPlaceholder?: (() => string) | undefined;
                     datePickerToolbarTitle?: string | undefined;
                     timePickerToolbarTitle?: string | undefined;
                     dateTimePickerToolbarTitle?: string | undefined;

package/locales/caES.d.ts

@@ -31,18 +31,31 @@ export declare const caES: {
                     dateTableLabel?: string | undefined;
                     fieldYearPlaceholder?: ((params: {
                         digitAmount: number;
+                        format: string;
                     }) => string) | undefined;
                     fieldMonthPlaceholder?: ((params: {
                         contentType: import("..").FieldSectionContentType;
+                        format: string;
+                    }) => string) | undefined;
+                    fieldDayPlaceholder?: ((params: {
+                        format: string;
                     }) => string) | undefined;
-                    fieldDayPlaceholder?: (() => string) | undefined;
                     fieldWeekDayPlaceholder?: ((params: {
                         contentType: import("..").FieldSectionContentType;
+                        format: string;
+                    }) => string) | undefined;
+                    fieldHoursPlaceholder?: ((params: {
+                        format: string;
+                    }) => string) | undefined;
+                    fieldMinutesPlaceholder?: ((params: {
+                        format: string;
+                    }) => string) | undefined;
+                    fieldSecondsPlaceholder?: ((params: {
+                        format: string;
+                    }) => string) | undefined;
+                    fieldMeridiemPlaceholder?: ((params: {
+                        format: string;
                     }) => string) | undefined;
-                    fieldHoursPlaceholder?: (() => string) | undefined;
-                    fieldMinutesPlaceholder?: (() => string) | undefined;
-                    fieldSecondsPlaceholder?: (() => string) | undefined;
-                    fieldMeridiemPlaceholder?: (() => string) | undefined;
                     datePickerToolbarTitle?: string | undefined;
                     timePickerToolbarTitle?: string | undefined;
                     dateTimePickerToolbarTitle?: string | undefined;

package/locales/csCZ.d.ts

@@ -31,18 +31,31 @@ export declare const csCZ: {
                     dateTableLabel?: string | undefined;
                     fieldYearPlaceholder?: ((params: {
                         digitAmount: number;
+                        format: string;
                     }) => string) | undefined;
                     fieldMonthPlaceholder?: ((params: {
                         contentType: import("..").FieldSectionContentType;
+                        format: string;
+                    }) => string) | undefined;
+                    fieldDayPlaceholder?: ((params: {
+                        format: string;
                     }) => string) | undefined;
-                    fieldDayPlaceholder?: (() => string) | undefined;
                     fieldWeekDayPlaceholder?: ((params: {
                         contentType: import("..").FieldSectionContentType;
+                        format: string;
+                    }) => string) | undefined;
+                    fieldHoursPlaceholder?: ((params: {
+                        format: string;
+                    }) => string) | undefined;
+                    fieldMinutesPlaceholder?: ((params: {
+                        format: string;
+                    }) => string) | undefined;
+                    fieldSecondsPlaceholder?: ((params: {
+                        format: string;
+                    }) => string) | undefined;
+                    fieldMeridiemPlaceholder?: ((params: {
+                        format: string;
                     }) => string) | undefined;
-                    fieldHoursPlaceholder?: (() => string) | undefined;
-                    fieldMinutesPlaceholder?: (() => string) | undefined;
-                    fieldSecondsPlaceholder?: (() => string) | undefined;
-                    fieldMeridiemPlaceholder?: (() => string) | undefined;
                     datePickerToolbarTitle?: string | undefined;
                     timePickerToolbarTitle?: string | undefined;
                     dateTimePickerToolbarTitle?: string | undefined;

package/locales/daDK.d.ts

@@ -31,18 +31,31 @@ export declare const daDK: {
                     dateTableLabel?: string | undefined;
                     fieldYearPlaceholder?: ((params: {
                         digitAmount: number;
+                        format: string;
                     }) => string) | undefined;
                     fieldMonthPlaceholder?: ((params: {
                         contentType: import("..").FieldSectionContentType;
+                        format: string;
+                    }) => string) | undefined;
+                    fieldDayPlaceholder?: ((params: {
+                        format: string;
                     }) => string) | undefined;
-                    fieldDayPlaceholder?: (() => string) | undefined;
                     fieldWeekDayPlaceholder?: ((params: {
                         contentType: import("..").FieldSectionContentType;
+                        format: string;
+                    }) => string) | undefined;
+                    fieldHoursPlaceholder?: ((params: {
+                        format: string;
+                    }) => string) | undefined;
+                    fieldMinutesPlaceholder?: ((params: {
+                        format: string;
+                    }) => string) | undefined;
+                    fieldSecondsPlaceholder?: ((params: {
+                        format: string;
+                    }) => string) | undefined;
+                    fieldMeridiemPlaceholder?: ((params: {
+                        format: string;
                     }) => string) | undefined;
-                    fieldHoursPlaceholder?: (() => string) | undefined;
-                    fieldMinutesPlaceholder?: (() => string) | undefined;
-                    fieldSecondsPlaceholder?: (() => string) | undefined;
-                    fieldMeridiemPlaceholder?: (() => string) | undefined;
                     datePickerToolbarTitle?: string | undefined;
                     timePickerToolbarTitle?: string | undefined;
                     dateTimePickerToolbarTitle?: string | undefined;

package/locales/deDE.d.ts

@@ -31,18 +31,31 @@ export declare const deDE: {
                     dateTableLabel?: string | undefined;
                     fieldYearPlaceholder?: ((params: {
                         digitAmount: number;
+                        format: string;
                     }) => string) | undefined;
                     fieldMonthPlaceholder?: ((params: {
                         contentType: import("..").FieldSectionContentType;
+                        format: string;
+                    }) => string) | undefined;
+                    fieldDayPlaceholder?: ((params: {
+                        format: string;
                     }) => string) | undefined;
-                    fieldDayPlaceholder?: (() => string) | undefined;
                     fieldWeekDayPlaceholder?: ((params: {
                         contentType: import("..").FieldSectionContentType;
+                        format: string;
+                    }) => string) | undefined;
+                    fieldHoursPlaceholder?: ((params: {
+                        format: string;
+                    }) => string) | undefined;
+                    fieldMinutesPlaceholder?: ((params: {
+                        format: string;
+                    }) => string) | undefined;
+                    fieldSecondsPlaceholder?: ((params: {
+                        format: string;
+                    }) => string) | undefined;
+                    fieldMeridiemPlaceholder?: ((params: {
+                        format: string;
                     }) => string) | undefined;
-                    fieldHoursPlaceholder?: (() => string) | undefined;
-                    fieldMinutesPlaceholder?: (() => string) | undefined;
-                    fieldSecondsPlaceholder?: (() => string) | undefined;
-                    fieldMeridiemPlaceholder?: (() => string) | undefined;
                     datePickerToolbarTitle?: string | undefined;
                     timePickerToolbarTitle?: string | undefined;
                     dateTimePickerToolbarTitle?: string | undefined;