@mui/x-date-pickers 6.2.1 → 6.3.0

package/legacy/tests/describeValue/testControlledUnControlled.js

@@ -7,6 +7,7 @@ import { expect } from 'chai';
 import { spy } from 'sinon';
 import { screen, act, userEvent } from '@mui/monorepo/test/utils';
 import { inputBaseClasses } from '@mui/material/InputBase';
+import { getExpectedOnChangeCount } from 'test/utils/pickers-utils';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var testControlledUnControlled = function testControlledUnControlled(ElementToTest, getOptions) {
@@ -19,6 +20,7 @@ export var testControlledUnControlled = function testControlledUnControlled(Elem
     setNewValue = _getOptions.setNewValue,
     clock = _getOptions.clock,
     pickerParams = _objectWithoutProperties(_getOptions, _excluded);
+  var params = pickerParams;
   describe('Controlled / uncontrolled value', function () {
     it('should render `props.defaultValue` if no `props.value` is passed', function () {
       render( /*#__PURE__*/_jsx(ElementToTest, {
@@ -52,7 +54,7 @@ export var testControlledUnControlled = function testControlledUnControlled(Elem
       var newValue = setNewValue(values[0]);
       assertRenderedValue(newValue);
       // TODO: Clean this exception or change the clock behavior
-      expect(onChange.callCount).to.equal(componentFamily === 'clock' ? 2 : 1);
+      expect(onChange.callCount).to.equal(getExpectedOnChangeCount(componentFamily));
       if (Array.isArray(newValue)) {
         newValue.forEach(function (value, index) {
           expect(onChange.lastCall.args[0][index]).toEqualDateTime(value);
@@ -68,7 +70,7 @@ export var testControlledUnControlled = function testControlledUnControlled(Elem
         onChange: onChange
       }));
       var newValue = setNewValue(values[0]);
-      expect(onChange.callCount).to.equal(componentFamily === 'clock' ? 2 : 1);
+      expect(onChange.callCount).to.equal(getExpectedOnChangeCount(componentFamily));
       if (Array.isArray(newValue)) {
         newValue.forEach(function (value, index) {
           expect(onChange.lastCall.args[0][index]).toEqualDateTime(value);
@@ -104,7 +106,7 @@ export var testControlledUnControlled = function testControlledUnControlled(Elem
       });
     });
     it('should not allow editing with keyboard in mobile pickers', function () {
-      if (componentFamily !== 'picker' || pickerParams.variant !== 'mobile') {
+      if (componentFamily !== 'picker' || params.variant !== 'mobile') {
         return;
       }
       var handleChange = spy();
@@ -124,8 +126,7 @@ export var testControlledUnControlled = function testControlledUnControlled(Elem
       expect(handleChange.callCount).to.equal(0);
     });
     it('should have correct labelledby relationship when toolbar is shown', function () {
-      var params = pickerParams;
-      if (componentFamily !== 'picker' || params.variant === 'desktop' && (params.type === 'time' || params.type === 'date-range')) {
+      if (componentFamily !== 'picker' || params.variant === 'desktop' && params.type === 'date-range') {
         return;
       }
       render( /*#__PURE__*/_jsx(ElementToTest, {
@@ -142,8 +143,7 @@ export var testControlledUnControlled = function testControlledUnControlled(Elem
       expect(screen.getByLabelText('Test toolbar')).to.have.attribute('role', 'dialog');
     });
     it('should have correct labelledby relationship with provided label when toolbar is hidden', function () {
-      var params = pickerParams;
-      if (componentFamily !== 'picker' || params.variant === 'desktop' && (params.type === 'time' || params.type === 'date-range')) {
+      if (componentFamily !== 'picker' || params.variant === 'desktop' && params.type === 'date-range') {
         return;
       }
       render( /*#__PURE__*/_jsx(ElementToTest, _extends({
@@ -167,8 +167,7 @@ export var testControlledUnControlled = function testControlledUnControlled(Elem
       })).to.have.attribute('role', 'dialog');
     });
     it('should have correct labelledby relationship without label and hidden toolbar but external props', function () {
-      var params = pickerParams;
-      if (componentFamily !== 'picker' || params.variant === 'desktop' && (params.type === 'time' || params.type === 'date-range')) {
+      if (componentFamily !== 'picker' || params.variant === 'desktop' && params.type === 'date-range') {
         return;
       }
       render( /*#__PURE__*/_jsxs("div", {

package/legacy/tests/describeValue/testPickerActionBar.js

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
 import { screen, userEvent } from '@mui/monorepo/test/utils';
+import { adapterToUse } from 'test/utils/pickers-utils';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var testPickerActionBar = function testPickerActionBar(ElementToTest, getOptions) {
   var _getOptions = getOptions(),
@@ -10,16 +11,10 @@ export var testPickerActionBar = function testPickerActionBar(ElementToTest, get
     values = _getOptions.values,
     emptyValue = _getOptions.emptyValue,
     setNewValue = _getOptions.setNewValue,
-    variant = _getOptions.variant,
     type = _getOptions.type;
   if (componentFamily !== 'picker') {
     return;
   }
-
-  // No view to test
-  if (variant === 'desktop' && type === 'time') {
-    return;
-  }
   describe('Picker action bar', function () {
     describe('clear action', function () {
       it('should call onClose, onChange with empty value and onAccept with empty value', function () {
@@ -32,7 +27,7 @@ export var testPickerActionBar = function testPickerActionBar(ElementToTest, get
           onClose: onClose,
           defaultValue: values[0],
           open: true,
-          componentsProps: {
+          slotProps: {
             actionBar: {
               actions: ['clear']
             }
@@ -68,7 +63,7 @@ export var testPickerActionBar = function testPickerActionBar(ElementToTest, get
           onAccept: onAccept,
           onClose: onClose,
           open: true,
-          componentsProps: {
+          slotProps: {
             actionBar: {
               actions: ['clear']
             }
@@ -94,7 +89,7 @@ export var testPickerActionBar = function testPickerActionBar(ElementToTest, get
           onClose: onClose,
           open: true,
           value: values[0],
-          componentsProps: {
+          slotProps: {
             actionBar: {
               actions: ['cancel']
             }
@@ -130,7 +125,7 @@ export var testPickerActionBar = function testPickerActionBar(ElementToTest, get
           onClose: onClose,
           open: true,
           value: values[0],
-          componentsProps: {
+          slotProps: {
             actionBar: {
               actions: ['cancel']
             }
@@ -156,7 +151,7 @@ export var testPickerActionBar = function testPickerActionBar(ElementToTest, get
           onClose: onClose,
           open: true,
           defaultValue: values[0],
-          componentsProps: {
+          slotProps: {
             actionBar: {
               actions: ['accept']
             }
@@ -185,7 +180,7 @@ export var testPickerActionBar = function testPickerActionBar(ElementToTest, get
           onClose: onClose,
           open: true,
           defaultValue: values[0],
-          componentsProps: {
+          slotProps: {
             actionBar: {
               actions: ['accept']
             }
@@ -209,7 +204,7 @@ export var testPickerActionBar = function testPickerActionBar(ElementToTest, get
           onClose: onClose,
           open: true,
           value: values[0],
-          componentsProps: {
+          slotProps: {
             actionBar: {
               actions: ['accept']
             }
@@ -224,5 +219,43 @@ export var testPickerActionBar = function testPickerActionBar(ElementToTest, get
         expect(onClose.callCount).to.equal(1);
       });
     });
+    describe('today action', function () {
+      it("should call onClose, onChange with today's value and onAccept with today's value", function () {
+        var onChange = spy();
+        var onAccept = spy();
+        var onClose = spy();
+        render( /*#__PURE__*/_jsx(ElementToTest, {
+          onChange: onChange,
+          onAccept: onAccept,
+          onClose: onClose,
+          defaultValue: values[0],
+          open: true,
+          slotProps: {
+            actionBar: {
+              actions: ['today']
+            }
+          }
+        }));
+        userEvent.mousePress(screen.getByText(/today/i));
+        var startOfToday = type === 'date' ? adapterToUse.startOfDay(adapterToUse.date()) : adapterToUse.date();
+        expect(onChange.callCount).to.equal(1);
+        if (type === 'date-range') {
+          onChange.lastCall.args[0].forEach(function (value) {
+            expect(value).toEqualDateTime(startOfToday);
+          });
+        } else {
+          expect(onChange.lastCall.args[0]).toEqualDateTime(startOfToday);
+        }
+        expect(onAccept.callCount).to.equal(1);
+        if (type === 'date-range') {
+          onAccept.lastCall.args[0].forEach(function (value) {
+            expect(value).toEqualDateTime(startOfToday);
+          });
+        } else {
+          expect(onAccept.lastCall.args[0]).toEqualDateTime(startOfToday);
+        }
+        expect(onClose.callCount).to.equal(1);
+      });
+    });
   });
 };

package/legacy/tests/describeValue/testPickerOpenCloseLifeCycle.js

@@ -16,11 +16,6 @@ export var testPickerOpenCloseLifeCycle = function testPickerOpenCloseLifeCycle(
   if (componentFamily !== 'picker') {
     return;
   }
-
-  // No view to test
-  if (pickerParams.variant === 'desktop' && pickerParams.type === 'time') {
-    return;
-  }
   var viewWrapperRole = pickerParams.type === 'date-range' && pickerParams.variant === 'desktop' ? 'tooltip' : 'dialog';
   describe('Picker open / close lifecycle', function () {
     it('should not open on mount if `props.open` is false', function () {

package/legacy/timeViewRenderers/index.js

@@ -1 +1 @@
-export { renderTimeViewClock } from './timeViewRenderers';
+export { renderTimeViewClock, renderDigitalClockTimeView, renderMultiSectionDigitalClockTimeView } from './timeViewRenderers';

package/legacy/timeViewRenderers/timeViewRenderers.js

@@ -1,12 +1,14 @@
 import * as React from 'react';
 import { TimeClock } from '../TimeClock';
+import { DigitalClock } from '../DigitalClock';
+import { MultiSectionDigitalClock } from '../MultiSectionDigitalClock';
+import { isTimeView } from '../internals/utils/time-utils';
 import { jsx as _jsx } from "react/jsx-runtime";
-var isTimePickerView = function isTimePickerView(view) {
-  return view === 'hours' || view === 'minutes' || view === 'seconds';
-};
 export var renderTimeViewClock = function renderTimeViewClock(_ref) {
   var view = _ref.view,
     onViewChange = _ref.onViewChange,
+    focusedView = _ref.focusedView,
+    onFocusedViewChange = _ref.onFocusedViewChange,
     views = _ref.views,
     value = _ref.value,
     defaultValue = _ref.defaultValue,
@@ -35,7 +37,9 @@ export var renderTimeViewClock = function renderTimeViewClock(_ref) {
   return /*#__PURE__*/_jsx(TimeClock, {
     view: view,
     onViewChange: onViewChange,
-    views: views.filter(isTimePickerView),
+    focusedView: focusedView,
+    onFocusedViewChange: onFocusedViewChange,
+    views: views.filter(isTimeView),
     value: value,
     defaultValue: defaultValue,
     onChange: onChange,
@@ -61,4 +65,128 @@ export var renderTimeViewClock = function renderTimeViewClock(_ref) {
     showViewSwitcher: showViewSwitcher,
     disableIgnoringDatePartForTimeValidation: disableIgnoringDatePartForTimeValidation
   });
+};
+export var renderDigitalClockTimeView = function renderDigitalClockTimeView(_ref2) {
+  var view = _ref2.view,
+    onViewChange = _ref2.onViewChange,
+    focusedView = _ref2.focusedView,
+    onFocusedViewChange = _ref2.onFocusedViewChange,
+    views = _ref2.views,
+    value = _ref2.value,
+    defaultValue = _ref2.defaultValue,
+    onChange = _ref2.onChange,
+    className = _ref2.className,
+    classes = _ref2.classes,
+    disableFuture = _ref2.disableFuture,
+    disablePast = _ref2.disablePast,
+    minTime = _ref2.minTime,
+    maxTime = _ref2.maxTime,
+    shouldDisableTime = _ref2.shouldDisableTime,
+    shouldDisableClock = _ref2.shouldDisableClock,
+    minutesStep = _ref2.minutesStep,
+    ampm = _ref2.ampm,
+    components = _ref2.components,
+    componentsProps = _ref2.componentsProps,
+    slots = _ref2.slots,
+    slotProps = _ref2.slotProps,
+    readOnly = _ref2.readOnly,
+    disabled = _ref2.disabled,
+    sx = _ref2.sx,
+    autoFocus = _ref2.autoFocus,
+    disableIgnoringDatePartForTimeValidation = _ref2.disableIgnoringDatePartForTimeValidation,
+    timeSteps = _ref2.timeSteps,
+    skipDisabled = _ref2.skipDisabled;
+  return /*#__PURE__*/_jsx(DigitalClock, {
+    view: view,
+    onViewChange: onViewChange,
+    focusedView: focusedView,
+    onFocusedViewChange: onFocusedViewChange,
+    views: views.filter(isTimeView),
+    value: value,
+    defaultValue: defaultValue,
+    onChange: onChange,
+    className: className,
+    classes: classes,
+    disableFuture: disableFuture,
+    disablePast: disablePast,
+    minTime: minTime,
+    maxTime: maxTime,
+    shouldDisableTime: shouldDisableTime,
+    shouldDisableClock: shouldDisableClock,
+    minutesStep: minutesStep,
+    ampm: ampm,
+    components: components,
+    componentsProps: componentsProps,
+    slots: slots,
+    slotProps: slotProps,
+    readOnly: readOnly,
+    disabled: disabled,
+    sx: sx,
+    autoFocus: autoFocus,
+    disableIgnoringDatePartForTimeValidation: disableIgnoringDatePartForTimeValidation,
+    timeStep: timeSteps == null ? void 0 : timeSteps.minutes,
+    skipDisabled: skipDisabled
+  });
+};
+export var renderMultiSectionDigitalClockTimeView = function renderMultiSectionDigitalClockTimeView(_ref3) {
+  var view = _ref3.view,
+    onViewChange = _ref3.onViewChange,
+    focusedView = _ref3.focusedView,
+    onFocusedViewChange = _ref3.onFocusedViewChange,
+    views = _ref3.views,
+    value = _ref3.value,
+    defaultValue = _ref3.defaultValue,
+    onChange = _ref3.onChange,
+    className = _ref3.className,
+    classes = _ref3.classes,
+    disableFuture = _ref3.disableFuture,
+    disablePast = _ref3.disablePast,
+    minTime = _ref3.minTime,
+    maxTime = _ref3.maxTime,
+    shouldDisableTime = _ref3.shouldDisableTime,
+    shouldDisableClock = _ref3.shouldDisableClock,
+    minutesStep = _ref3.minutesStep,
+    ampm = _ref3.ampm,
+    components = _ref3.components,
+    componentsProps = _ref3.componentsProps,
+    slots = _ref3.slots,
+    slotProps = _ref3.slotProps,
+    readOnly = _ref3.readOnly,
+    disabled = _ref3.disabled,
+    sx = _ref3.sx,
+    autoFocus = _ref3.autoFocus,
+    disableIgnoringDatePartForTimeValidation = _ref3.disableIgnoringDatePartForTimeValidation,
+    timeSteps = _ref3.timeSteps,
+    skipDisabled = _ref3.skipDisabled;
+  return /*#__PURE__*/_jsx(MultiSectionDigitalClock, {
+    view: view,
+    onViewChange: onViewChange,
+    focusedView: focusedView,
+    onFocusedViewChange: onFocusedViewChange,
+    views: views.filter(isTimeView),
+    value: value,
+    defaultValue: defaultValue,
+    onChange: onChange,
+    className: className,
+    classes: classes,
+    disableFuture: disableFuture,
+    disablePast: disablePast,
+    minTime: minTime,
+    maxTime: maxTime,
+    shouldDisableTime: shouldDisableTime,
+    shouldDisableClock: shouldDisableClock,
+    minutesStep: minutesStep,
+    ampm: ampm,
+    components: components,
+    componentsProps: componentsProps,
+    slots: slots,
+    slotProps: slotProps,
+    readOnly: readOnly,
+    disabled: disabled,
+    sx: sx,
+    autoFocus: autoFocus,
+    disableIgnoringDatePartForTimeValidation: disableIgnoringDatePartForTimeValidation,
+    timeSteps: timeSteps,
+    skipDisabled: skipDisabled
+  });
 };

package/locales/beBY.d.ts

@@ -1,3 +1,4 @@
+import { TimeViewWithMeridiem } from '../internals/models';
 export declare const beBY: {
     components: {
         MuiLocalizationProvider: {
@@ -22,6 +23,7 @@ export declare const beBY: {
                     hoursClockNumberText?: ((hours: string) => string) | undefined;
                     minutesClockNumberText?: ((minutes: string) => string) | undefined;
                     secondsClockNumberText?: ((seconds: string) => string) | undefined;
+                    selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
                     openDatePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any>) => string) | undefined;
                     openTimePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any>) => string) | undefined;
                     timeTableLabel?: string | undefined;
@@ -30,11 +32,11 @@ export declare const beBY: {
                         digitAmount: number;
                     }) => string) | undefined;
                     fieldMonthPlaceholder?: ((params: {
-                        contentType: "letter" | "digit";
+                        contentType: import("..").FieldSectionContentType;
                     }) => string) | undefined;
                     fieldDayPlaceholder?: (() => string) | undefined;
                     fieldWeekDayPlaceholder?: ((params: {
-                        contentType: "letter" | "digit";
+                        contentType: import("..").FieldSectionContentType;
                     }) => string) | undefined;
                     fieldHoursPlaceholder?: (() => string) | undefined;
                     fieldMinutesPlaceholder?: (() => string) | undefined;

package/locales/beBY.js

@@ -4,9 +4,7 @@ const views = {
   hours: 'гадзіны',
   minutes: 'хвіліны',
   seconds: 'секунды',
-  // maps PickersToolbar["viewType"] to its translation
-  date: 'календара',
-  time: 'часу'
+  meridiem: 'мерыдыем'
 };
 const beBYPickers = {
   // Calendar navigation
@@ -34,6 +32,8 @@ const beBYPickers = {
   hoursClockNumberText: hours => `${hours} гадзін`,
   minutesClockNumberText: minutes => `${minutes} хвілін`,
   secondsClockNumberText: seconds => `${seconds} секунд`,
+  // Digital clock labels
+  selectViewText: view => `Абярыце ${views[view]}`,
   // Calendar labels
   calendarWeekNumberHeaderLabel: 'Нумар тыдня',
   calendarWeekNumberHeaderText: '#',

package/locales/caES.d.ts

@@ -1,3 +1,4 @@
+import { TimeViewWithMeridiem } from '../internals/models';
 export declare const caES: {
     components: {
         MuiLocalizationProvider: {
@@ -22,6 +23,7 @@ export declare const caES: {
                     hoursClockNumberText?: ((hours: string) => string) | undefined;
                     minutesClockNumberText?: ((minutes: string) => string) | undefined;
                     secondsClockNumberText?: ((seconds: string) => string) | undefined;
+                    selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
                     openDatePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any>) => string) | undefined;
                     openTimePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any>) => string) | undefined;
                     timeTableLabel?: string | undefined;
@@ -30,11 +32,11 @@ export declare const caES: {
                         digitAmount: number;
                     }) => string) | undefined;
                     fieldMonthPlaceholder?: ((params: {
-                        contentType: "letter" | "digit";
+                        contentType: import("..").FieldSectionContentType;
                     }) => string) | undefined;
                     fieldDayPlaceholder?: (() => string) | undefined;
                     fieldWeekDayPlaceholder?: ((params: {
-                        contentType: "letter" | "digit";
+                        contentType: import("..").FieldSectionContentType;
                     }) => string) | undefined;
                     fieldHoursPlaceholder?: (() => string) | undefined;
                     fieldMinutesPlaceholder?: (() => string) | undefined;

package/locales/caES.js

@@ -2,7 +2,8 @@ import { getPickersLocalization } from './utils/getPickersLocalization';
 const views = {
   hours: 'les hores',
   minutes: 'els minuts',
-  seconds: 'els segons'
+  seconds: 'els segons',
+  meridiem: 'meridiem'
 };
 const caESPickers = {
   // Calendar navigation
@@ -30,6 +31,8 @@ const caESPickers = {
   hoursClockNumberText: hours => `${hours} hores`,
   minutesClockNumberText: minutes => `${minutes} minuts`,
   secondsClockNumberText: seconds => `${seconds} segons`,
+  // Digital clock labels
+  selectViewText: view => `Seleccionar ${views[view]}`,
   // Calendar labels
   calendarWeekNumberHeaderLabel: 'Número de setmana',
   calendarWeekNumberHeaderText: '#',

package/locales/csCZ.d.ts

@@ -1,3 +1,4 @@
+import { TimeViewWithMeridiem } from '../internals/models';
 export declare const csCZ: {
     components: {
         MuiLocalizationProvider: {
@@ -22,6 +23,7 @@ export declare const csCZ: {
                     hoursClockNumberText?: ((hours: string) => string) | undefined;
                     minutesClockNumberText?: ((minutes: string) => string) | undefined;
                     secondsClockNumberText?: ((seconds: string) => string) | undefined;
+                    selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
                     openDatePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any>) => string) | undefined;
                     openTimePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any>) => string) | undefined;
                     timeTableLabel?: string | undefined;
@@ -30,11 +32,11 @@ export declare const csCZ: {
                         digitAmount: number;
                     }) => string) | undefined;
                     fieldMonthPlaceholder?: ((params: {
-                        contentType: "letter" | "digit";
+                        contentType: import("..").FieldSectionContentType;
                     }) => string) | undefined;
                     fieldDayPlaceholder?: (() => string) | undefined;
                     fieldWeekDayPlaceholder?: ((params: {
-                        contentType: "letter" | "digit";
+                        contentType: import("..").FieldSectionContentType;
                     }) => string) | undefined;
                     fieldHoursPlaceholder?: (() => string) | undefined;
                     fieldMinutesPlaceholder?: (() => string) | undefined;

package/locales/csCZ.js

@@ -1,12 +1,10 @@
 import { getPickersLocalization } from './utils/getPickersLocalization';
-
-// This object is not Partial<PickersLocaleText> because it is the default values
-
 // maps TimeView to its translation
 const timeViews = {
   hours: 'Hodiny',
   minutes: 'Minuty',
-  seconds: 'Sekundy'
+  seconds: 'Sekundy',
+  meridiem: 'Odpoledne'
 };
 const csCZPickers = {
   // Calendar navigation
@@ -37,6 +35,8 @@ const csCZPickers = {
   hoursClockNumberText: hours => `${hours} hodin`,
   minutesClockNumberText: minutes => `${minutes} minut`,
   secondsClockNumberText: seconds => `${seconds} sekund`,
+  // Digital clock labels
+  selectViewText: view => `Vyberte ${timeViews[view]}`,
   // Calendar labels
   calendarWeekNumberHeaderLabel: 'Týden v roce',
   calendarWeekNumberHeaderText: '#',

package/locales/daDK.d.ts

@@ -1,3 +1,4 @@
+import { TimeViewWithMeridiem } from '../internals/models';
 export declare const daDK: {
     components: {
         MuiLocalizationProvider: {
@@ -22,6 +23,7 @@ export declare const daDK: {
                     hoursClockNumberText?: ((hours: string) => string) | undefined;
                     minutesClockNumberText?: ((minutes: string) => string) | undefined;
                     secondsClockNumberText?: ((seconds: string) => string) | undefined;
+                    selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
                     openDatePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any>) => string) | undefined;
                     openTimePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any>) => string) | undefined;
                     timeTableLabel?: string | undefined;
@@ -30,11 +32,11 @@ export declare const daDK: {
                         digitAmount: number;
                     }) => string) | undefined;
                     fieldMonthPlaceholder?: ((params: {
-                        contentType: "letter" | "digit";
+                        contentType: import("..").FieldSectionContentType;
                     }) => string) | undefined;
                     fieldDayPlaceholder?: (() => string) | undefined;
                     fieldWeekDayPlaceholder?: ((params: {
-                        contentType: "letter" | "digit";
+                        contentType: import("..").FieldSectionContentType;
                     }) => string) | undefined;
                     fieldHoursPlaceholder?: (() => string) | undefined;
                     fieldMinutesPlaceholder?: (() => string) | undefined;

package/locales/daDK.js

@@ -1,10 +1,10 @@
 import { getPickersLocalization } from './utils/getPickersLocalization';
-
 // maps TimeView to its translation
 const timeViews = {
   hours: 'Timer',
   minutes: 'Minutter',
-  seconds: 'Sekunder'
+  seconds: 'Sekunder',
+  meridiem: 'Meridiem'
 };
 const daDKPickers = {
   // Calendar navigation
@@ -35,6 +35,8 @@ const daDKPickers = {
   hoursClockNumberText: hours => `${hours} timer`,
   minutesClockNumberText: minutes => `${minutes} minutter`,
   secondsClockNumberText: seconds => `${seconds} sekunder`,
+  // Digital clock labels
+  selectViewText: view => `Vælg ${timeViews[view]}`,
   // Calendar labels
   calendarWeekNumberHeaderLabel: 'Ugenummer',
   calendarWeekNumberHeaderText: '#',

package/locales/deDE.d.ts

@@ -1,3 +1,4 @@
+import { TimeViewWithMeridiem } from '../internals/models';
 export declare const deDE: {
     components: {
         MuiLocalizationProvider: {
@@ -22,6 +23,7 @@ export declare const deDE: {
                     hoursClockNumberText?: ((hours: string) => string) | undefined;
                     minutesClockNumberText?: ((minutes: string) => string) | undefined;
                     secondsClockNumberText?: ((seconds: string) => string) | undefined;
+                    selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
                     openDatePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any>) => string) | undefined;
                     openTimePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any>) => string) | undefined;
                     timeTableLabel?: string | undefined;
@@ -30,11 +32,11 @@ export declare const deDE: {
                         digitAmount: number;
                     }) => string) | undefined;
                     fieldMonthPlaceholder?: ((params: {
-                        contentType: "letter" | "digit";
+                        contentType: import("..").FieldSectionContentType;
                     }) => string) | undefined;
                     fieldDayPlaceholder?: (() => string) | undefined;
                     fieldWeekDayPlaceholder?: ((params: {
-                        contentType: "letter" | "digit";
+                        contentType: import("..").FieldSectionContentType;
                     }) => string) | undefined;
                     fieldHoursPlaceholder?: (() => string) | undefined;
                     fieldMinutesPlaceholder?: (() => string) | undefined;

package/locales/deDE.js

@@ -1,10 +1,10 @@
 import { getPickersLocalization } from './utils/getPickersLocalization';
-
 // maps TimeView to its translation
 const timeViews = {
   hours: 'Stunden',
   minutes: 'Minuten',
-  seconds: 'Sekunden'
+  seconds: 'Sekunden',
+  meridiem: 'Meridiem'
 };
 const deDEPickers = {
   // Calendar navigation
@@ -35,6 +35,8 @@ const deDEPickers = {
   hoursClockNumberText: hours => `${hours} ${timeViews.hours}`,
   minutesClockNumberText: minutes => `${minutes} ${timeViews.minutes}`,
   secondsClockNumberText: seconds => `${seconds}  ${timeViews.seconds}`,
+  // Digital clock labels
+  selectViewText: view => `Auswählen ${timeViews[view]}`,
   // Calendar labels
   calendarWeekNumberHeaderLabel: 'Kalenderwoche',
   calendarWeekNumberHeaderText: '#',

package/locales/enUS.d.ts

@@ -24,6 +24,7 @@ export declare const enUS: {
                     hoursClockNumberText?: ((hours: string) => string) | undefined;
                     minutesClockNumberText?: ((minutes: string) => string) | undefined;
                     secondsClockNumberText?: ((seconds: string) => string) | undefined;
+                    selectViewText?: ((view: import("../internals/models").TimeViewWithMeridiem) => string) | undefined;
                     openDatePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any>) => string) | undefined;
                     openTimePickerDialogue?: ((date: any, utils: import("..").MuiPickersAdapter<any>) => string) | undefined;
                     timeTableLabel?: string | undefined;
@@ -32,11 +33,11 @@ export declare const enUS: {
                         digitAmount: number;
                     }) => string) | undefined;
                     fieldMonthPlaceholder?: ((params: {
-                        contentType: "letter" | "digit";
+                        contentType: import("..").FieldSectionContentType;
                     }) => string) | undefined;
                     fieldDayPlaceholder?: (() => string) | undefined;
                     fieldWeekDayPlaceholder?: ((params: {
-                        contentType: "letter" | "digit";
+                        contentType: import("..").FieldSectionContentType;
                     }) => string) | undefined;
                     fieldHoursPlaceholder?: (() => string) | undefined;
                     fieldMinutesPlaceholder?: (() => string) | undefined;

package/locales/enUS.js

@@ -28,6 +28,8 @@ const enUSPickers = {
   hoursClockNumberText: hours => `${hours} hours`,
   minutesClockNumberText: minutes => `${minutes} minutes`,
   secondsClockNumberText: seconds => `${seconds} seconds`,
+  // Digital clock labels
+  selectViewText: view => `Select ${view}`,
   // Calendar labels
   calendarWeekNumberHeaderLabel: 'Week number',
   calendarWeekNumberHeaderText: '#',