@mui/x-date-pickers 8.0.0-alpha.1 → 8.0.0-alpha.11

package/internals/index.js

@@ -1,31 +1,36 @@
 export { PickersArrowSwitcher } from "./components/PickersArrowSwitcher/PickersArrowSwitcher.js";
+export { PickerFieldUI, PickerFieldUIContextProvider, cleanFieldResponse, useFieldTextFieldProps } from "./components/PickerFieldUI.js";
 export { PickerProvider } from "./components/PickerProvider.js";
 export { PickersModalDialog } from "./components/PickersModalDialog.js";
-export { PickersPopper } from "./components/PickersPopper.js";
+export { PickerPopper } from "./components/PickerPopper/PickerPopper.js";
 export { PickersToolbar } from "./components/PickersToolbar.js";
 export { pickersToolbarClasses } from "./components/pickersToolbarClasses.js";
 export { pickersToolbarButtonClasses } from "./components/pickersToolbarButtonClasses.js";
 export { pickersToolbarTextClasses } from "./components/pickersToolbarTextClasses.js";
 export { pickersArrowSwitcherClasses } from "./components/PickersArrowSwitcher/pickersArrowSwitcherClasses.js";
-export { pickersPopperClasses } from "./components/pickersPopperClasses.js";
 export { PickersToolbarButton } from "./components/PickersToolbarButton.js";
 export { DAY_MARGIN, DIALOG_WIDTH, VIEW_HEIGHT } from "./constants/dimensions.js";
 export { useControlledValueWithTimezone } from "./hooks/useValueWithTimezone.js";
-export { useField, createDateStrForV7HiddenInputFromSections, createDateStrForV6InputFromSections } from "./hooks/useField/index.js";
+export { useField, useFieldInternalPropsWithDefaults, createDateStrForV7HiddenInputFromSections, createDateStrForV6InputFromSections } from "./hooks/useField/index.js";
+export { useFieldOwnerState } from "./hooks/useFieldOwnerState.js";
+export { useNullablePickerContext } from "./hooks/useNullablePickerContext.js";
 export { usePicker } from "./hooks/usePicker/index.js";
 export { usePickerPrivateContext } from "./hooks/usePickerPrivateContext.js";
 export { useStaticPicker } from "./hooks/useStaticPicker/index.js";
+export { useToolbarOwnerState } from "./hooks/useToolbarOwnerState.js";
 export { useLocalizationContext, useDefaultDates, useUtils, useNow } from "./hooks/useUtils.js";
 export { useViews } from "./hooks/useViews.js";
 export { usePreviousMonthDisabled, useNextMonthDisabled } from "./hooks/date-helpers-hooks.js";
-export { convertFieldResponseIntoMuiTextFieldProps } from "./utils/convertFieldResponseIntoMuiTextFieldProps.js";
 export { applyDefaultDate, replaceInvalidDateByNull, areDatesEqual, getTodayDate, isDatePickerView, mergeDateAndTime, formatMeridiem } from "./utils/date-utils.js";
 export { resolveTimeViewsResponse, resolveDateTimeFormat } from "./utils/date-time-utils.js";
 export { getDefaultReferenceDate } from "./utils/getDefaultReferenceDate.js";
-export { executeInTheNextEventLoopTick, getActiveElement, onSpaceOrEnter, DEFAULT_DESKTOP_MODE_MEDIA_QUERY } from "./utils/utils.js";
-export { useDefaultizedDateField, useDefaultizedTimeField, useDefaultizedDateTimeField } from "./hooks/defaultizedFieldProps.js";
-export { useDefaultReduceAnimations } from "./hooks/useDefaultReduceAnimations.js";
+export { executeInTheNextEventLoopTick, getActiveElement, onSpaceOrEnter, mergeSx, DEFAULT_DESKTOP_MODE_MEDIA_QUERY } from "./utils/utils.js";
+export { useReduceAnimations } from "./hooks/useReduceAnimations.js";
 export { applyDefaultViewProps } from "./utils/views.js";
 export { DayCalendar } from "../DateCalendar/DayCalendar.js";
 export { useCalendarState } from "../DateCalendar/useCalendarState.js";
-export { isInternalTimeView, isTimeView } from "./utils/time-utils.js";
+export { isInternalTimeView, isTimeView } from "./utils/time-utils.js";
+export { DateTimePickerToolbarOverrideContext } from "../DateTimePicker/DateTimePickerToolbar.js";
+export { getDateFieldInternalPropsDefaults } from "../managers/useDateManager.js";
+export { getTimeFieldInternalPropsDefaults } from "../managers/useTimeManager.js";
+export { getDateTimeFieldInternalPropsDefaults } from "../managers/useDateTimeManager.js";

package/internals/models/common.d.ts

@@ -1,5 +1,5 @@
 import { DateView, TimeView } from '../../models/views';
 export type PickerOrientation = 'portrait' | 'landscape';
-export type PickerVariant = 'mobile' | 'desktop' | null;
+export type PickerVariant = 'mobile' | 'desktop';
 export type TimeViewWithMeridiem = TimeView | 'meridiem';
 export type DateOrTimeViewWithMeridiem = DateView | TimeViewWithMeridiem;

package/internals/models/fields.d.ts

@@ -1,35 +1,19 @@
-import { SxProps } from '@mui/material/styles';
-import { MakeRequired } from '@mui/x-internals/types';
-import type { ExportedUseClearableFieldProps, UseClearableFieldSlotProps, UseClearableFieldSlots } from '../../hooks/useClearableField';
-import type { FieldSection, PickerOwnerState } from '../../models';
+import type { FieldSection } from '../../models';
 import type { UseFieldInternalProps } from '../hooks/useField';
-export interface BaseForwardedSingleInputFieldProps extends ExportedUseClearableFieldProps {
-    className: string | undefined;
-    sx: SxProps<any> | undefined;
-    label: React.ReactNode | undefined;
-    name: string | undefined;
+import { RangePosition } from './pickers';
+import { PickerValidValue } from './value';
+export interface FieldRangeSection extends FieldSection {
+    dateName: RangePosition;
+}
+export interface BaseForwardedSingleInputFieldProps {
     id?: string;
     focused?: boolean;
     onKeyDown?: React.KeyboardEventHandler;
     onBlur?: React.FocusEventHandler;
     ref?: React.Ref<HTMLDivElement>;
-    inputRef?: React.Ref<HTMLInputElement>;
-    InputProps?: {
-        ref?: React.Ref<any>;
-        endAdornment?: React.ReactNode;
-        startAdornment?: React.ReactNode;
-    };
-    inputProps?: {
-        'aria-label'?: string;
-    };
-    slots?: UseClearableFieldSlots;
-    slotProps?: UseClearableFieldSlotProps & {
-        textField?: {};
-    };
-    ownerState: PickerOwnerState;
 }
 /**
  * Props the single input field can receive when used inside a picker.
  * Only contains what the MUI components are passing to the field, not what users can pass using the `props.slotProps.field`.
  */
-export type BaseSingleInputFieldProps<TValue, TSection extends FieldSection, TEnableAccessibleFieldDOMStructure extends boolean, TError> = MakeRequired<Pick<UseFieldInternalProps<TValue, TSection, TEnableAccessibleFieldDOMStructure, TError>, 'readOnly' | 'disabled' | 'format' | 'formatDensity' | 'enableAccessibleFieldDOMStructure' | 'selectedSections' | 'onSelectedSectionsChange' | 'timezone' | 'value' | 'onChange' | 'unstableFieldRef' | 'autoFocus'>, 'format' | 'value' | 'onChange' | 'timezone'> & BaseForwardedSingleInputFieldProps;
+export type BaseSingleInputFieldProps<TValue extends PickerValidValue> = Pick<UseFieldInternalProps<TValue, boolean, any>, 'readOnly' | 'unstableFieldRef' | 'autoFocus'> & BaseForwardedSingleInputFieldProps;

package/internals/models/index.d.ts

@@ -2,3 +2,4 @@ export * from './fields';
 export * from './common';
 export * from './value';
 export * from './formProps';
+export * from './manager';

package/internals/models/index.js

@@ -1,4 +1,5 @@
 export * from "./fields.js";
 export * from "./common.js";
 export * from "./value.js";
-export * from "./formProps.js";
+export * from "./formProps.js";
+export * from "./manager.js";

package/internals/models/manager.d.ts

@@ -0,0 +1,15 @@
+import type { PickerManager } from '../../models';
+export type PickerAnyManager = PickerManager<any, any, any, any, any>;
+type PickerManagerProperties<TManager extends PickerAnyManager> = TManager extends PickerManager<infer TValue, infer TEnableAccessibleFieldDOMStructure, infer TError, infer TFieldInternalProps, infer TFieldInternalPropsWithDefaults> ? {
+    value: TValue;
+    enableAccessibleFieldDOMStructure: TEnableAccessibleFieldDOMStructure;
+    error: TError;
+    fieldInternalProps: TFieldInternalProps;
+    fieldInternalPropsWithDefaults: TFieldInternalPropsWithDefaults;
+} : never;
+export type PickerManagerValue<TManager extends PickerAnyManager> = PickerManagerProperties<TManager>['value'];
+export type PickerManagerError<TManager extends PickerAnyManager> = PickerManagerProperties<TManager>['error'];
+export type PickerManagerFieldInternalProps<TManager extends PickerAnyManager> = PickerManagerProperties<TManager>['fieldInternalProps'];
+export type PickerManagerFieldInternalPropsWithDefaults<TManager extends PickerAnyManager> = PickerManagerProperties<TManager>['fieldInternalPropsWithDefaults'];
+export type PickerManagerEnableAccessibleFieldDOMStructure<TManager extends PickerAnyManager> = PickerManagerProperties<TManager>['enableAccessibleFieldDOMStructure'];
+export {};

package/internals/models/manager.js

@@ -0,0 +1 @@
+export {};

package/internals/models/pickers.d.ts

@@ -0,0 +1 @@
+export type RangePosition = 'start' | 'end';

package/internals/models/pickers.js

@@ -0,0 +1 @@
+export {};

package/internals/models/props/basePickerProps.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { Theme } from '@mui/material/styles';
 import { SxProps } from '@mui/system';
 import { MakeOptional } from '@mui/x-internals/types';
@@ -6,11 +5,11 @@ import { UsePickerBaseProps } from '../../hooks/usePicker';
 import { PickersInputComponentLocaleText } from '../../../locales/utils/pickersLocaleTextApi';
 import type { UsePickerViewsProps } from '../../hooks/usePicker/usePickerViews';
 import { DateOrTimeViewWithMeridiem } from '../common';
-import { UseFieldInternalProps } from '../../hooks/useField';
+import { PickerValidValue } from '../value';
 /**
  * Props common to all pickers after applying the default props on each picker.
  */
-export interface BasePickerProps<TValue, TView extends DateOrTimeViewWithMeridiem, TError, TExternalProps extends UsePickerViewsProps<TValue, TView, any, any>, TAdditionalProps extends {}> extends UsePickerBaseProps<TValue, TView, TError, TExternalProps, TAdditionalProps> {
+export interface BasePickerProps<TValue extends PickerValidValue, TView extends DateOrTimeViewWithMeridiem, TError, TExternalProps extends UsePickerViewsProps<TValue, TView, any>> extends UsePickerBaseProps<TValue, TView, TError, TExternalProps> {
     className?: string;
     /**
      * The system prop that allows defining system overrides as well as additional CSS styles.
@@ -25,34 +24,5 @@ export interface BasePickerProps<TValue, TView extends DateOrTimeViewWithMeridie
 /**
  * Props common to all pickers before applying the default props on each picker.
  */
-export interface BasePickerInputProps<TValue, TView extends DateOrTimeViewWithMeridiem, TError> extends Omit<MakeOptional<BasePickerProps<TValue, TView, TError, any, any>, 'openTo' | 'views'>, 'viewRenderers'> {
-}
-/**
- * Props common to all non-static pickers.
- * These props are handled by the headless wrappers.
- */
-export interface BaseNonStaticPickerProps extends Pick<UseFieldInternalProps<any, any, any, any>, 'formatDensity' | 'enableAccessibleFieldDOMStructure' | 'selectedSections' | 'onSelectedSectionsChange'> {
-    /**
-     * Format of the date when rendered in the input(s).
-     * Defaults to localized format based on the used `views`.
-     */
-    format?: string;
-}
-/**
- * Props common to all non-range non-static pickers.
- * These props are handled by the headless wrappers.
- */
-export interface BaseNonRangeNonStaticPickerProps {
-    /**
-     * The label content.
-     */
-    label?: React.ReactNode;
-    /**
-     * Pass a ref to the `input` element.
-     */
-    inputRef?: React.Ref<HTMLInputElement>;
-    /**
-     * Name attribute used by the `input` element in the Field.
-     */
-    name?: string;
+export interface BasePickerInputProps<TValue extends PickerValidValue, TView extends DateOrTimeViewWithMeridiem, TError> extends Omit<MakeOptional<BasePickerProps<TValue, TView, TError, any>, 'openTo' | 'views'>, 'viewRenderers'> {
 }

package/internals/models/props/tabs.d.ts

@@ -1,18 +1,5 @@
 import { SxProps } from '@mui/system';
 import { Theme } from '@mui/material/styles';
-import { DateOrTimeViewWithMeridiem } from '../common';
-export interface BaseTabsProps<TView extends DateOrTimeViewWithMeridiem> {
-    /**
-     * Currently visible picker view.
-     */
-    view: TView;
-    /**
-     * Callback called when a tab is clicked.
-     * @template TView
-     * @param {TView} view The view to open
-     */
-    onViewChange: (view: TView) => void;
-}
 export interface ExportedBaseTabsProps {
     className?: string;
     /**

package/internals/models/props/time.d.ts

@@ -6,6 +6,7 @@ import type { ExportedUseViewsOptions } from '../../hooks/useViews';
 import { TimeViewWithMeridiem } from '../common';
 import { ExportedValidateTimeProps } from '../../../validation/validateTime';
 import { FormProps } from '../formProps';
+import { PickerValue } from '../value';
 export interface AmPmProps {
     /**
      * 12h/24h view for hour selection clock.
@@ -15,7 +16,7 @@ export interface AmPmProps {
 }
 export interface ExportedBaseClockProps extends ExportedValidateTimeProps, TimezoneProps, AmPmProps {
 }
-export interface BaseClockProps<TView extends TimeViewWithMeridiem> extends ExportedUseViewsOptions<PickerValidDate | null, TView>, ExportedBaseClockProps, FormProps {
+export interface BaseClockProps<TView extends TimeViewWithMeridiem> extends ExportedUseViewsOptions<PickerValue, TView>, ExportedBaseClockProps, FormProps {
     className?: string;
     /**
      * The system prop that allows defining system overrides as well as additional CSS styles.

package/internals/models/props/toolbar.d.ts

@@ -1,25 +1,7 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
 import { Theme } from '@mui/material/styles';
-import { DateOrTimeViewWithMeridiem } from '../common';
-export interface BaseToolbarProps<TValue, TView extends DateOrTimeViewWithMeridiem> extends ExportedBaseToolbarProps {
-    isLandscape: boolean;
-    onChange: (newValue: TValue) => void;
-    value: TValue;
-    /**
-     * Currently visible picker view.
-     */
-    view: TView;
-    /**
-     * Callback called when a toolbar is clicked
-     * @template TView
-     * @param {TView} view The view to open
-     */
-    onViewChange: (view: TView) => void;
-    /**
-     * Available views.
-     */
-    views: readonly TView[];
+export interface BaseToolbarProps extends ExportedBaseToolbarProps {
     titleId?: string;
 }
 export interface ExportedBaseToolbarProps {

package/internals/models/value.d.ts

@@ -1,3 +1,12 @@
 import { PickerValidDate } from '../../models/pickers';
+/**
+ * The type that the `value` and `defaultValue` props can receive on non-range components (date, time and date-time).
+ */
 export type PickerValue = PickerValidDate | null;
+/**
+ * The type that the `value` and `defaultValue` props can receive on range components (date-range, time-range and date-time-range).
+ */
 export type PickerRangeValue = [PickerValidDate | null, PickerValidDate | null];
+export type PickerNonNullableRangeValue = [PickerValidDate, PickerValidDate];
+export type PickerValidValue = PickerValue | PickerRangeValue;
+export type InferNonNullablePickerValue<TValue extends PickerValidValue> = TValue extends PickerRangeValue ? TValue extends PickerValue ? PickerValidDate | PickerNonNullableRangeValue : PickerNonNullableRangeValue : PickerValidDate;

package/internals/utils/date-utils.d.ts

@@ -14,7 +14,7 @@ interface FindClosestDateParams {
 export declare const findClosestEnabledDate: ({ date, disableFuture, disablePast, maxDate, minDate, isDateDisabled, utils, timezone, }: FindClosestDateParams) => PickerValidDate | null;
 export declare const replaceInvalidDateByNull: (utils: MuiPickersAdapter, value: PickerValidDate | null) => PickerValidDate | null;
 export declare const applyDefaultDate: (utils: MuiPickersAdapter, value: PickerValidDate | null | undefined, defaultValue: PickerValidDate) => PickerValidDate;
-export declare const areDatesEqual: (utils: MuiPickersAdapter, a: PickerValidDate, b: PickerValidDate) => boolean;
+export declare const areDatesEqual: (utils: MuiPickersAdapter, a: PickerValidDate | null, b: PickerValidDate | null) => boolean;
 export declare const getMonthsInYear: (utils: MuiPickersAdapter, year: PickerValidDate) => PickerValidDate[];
 export declare const getTodayDate: (utils: MuiPickersAdapter, timezone: PickersTimezone, valueType?: PickerValueType) => PickerValidDate;
 export declare const formatMeridiem: (utils: MuiPickersAdapter, meridiem: "am" | "pm") => string;

package/internals/utils/date-utils.js

@@ -58,7 +58,7 @@ export const findClosestEnabledDate = ({
   }
   return null;
 };
-export const replaceInvalidDateByNull = (utils, value) => value == null || !utils.isValid(value) ? null : value;
+export const replaceInvalidDateByNull = (utils, value) => !utils.isValid(value) ? null : value;
 export const applyDefaultDate = (utils, value, defaultValue) => {
   if (value == null || !utils.isValid(value)) {
     return defaultValue;

package/internals/utils/utils.d.ts

@@ -1,3 +1,5 @@
+import { Theme } from '@mui/material/styles';
+import { SxProps, SystemStyleObject } from '@mui/system';
 import * as React from 'react';
 export declare function arrayIncludes<T>(array: T[] | readonly T[], itemOrItems: T | T[]): boolean;
 export declare const onSpaceOrEnter: (innerFn: (ev: React.MouseEvent<any> | React.KeyboardEvent<any>) => void, externalEvent?: (event: React.KeyboardEvent<any>) => void) => (event: React.KeyboardEvent) => void;
@@ -11,3 +13,4 @@ export declare const getActiveElement: (root?: Document | ShadowRoot) => Element
  */
 export declare const getFocusedListItemIndex: (listElement: HTMLUListElement) => number;
 export declare const DEFAULT_DESKTOP_MODE_MEDIA_QUERY = "@media (pointer: fine)";
+export declare function mergeSx(...sxProps: (SxProps<Theme> | undefined)[]): ReadonlyArray<boolean | SystemStyleObject<Theme> | ((theme: Theme) => SystemStyleObject<Theme>)>;

package/internals/utils/utils.js

@@ -43,4 +43,14 @@ export const getFocusedListItemIndex = listElement => {
   const children = Array.from(listElement.children);
   return children.indexOf(getActiveElement(document));
 };
-export const DEFAULT_DESKTOP_MODE_MEDIA_QUERY = '@media (pointer: fine)';
+export const DEFAULT_DESKTOP_MODE_MEDIA_QUERY = '@media (pointer: fine)';
+export function mergeSx(...sxProps) {
+  return sxProps.reduce((acc, sxProp) => {
+    if (Array.isArray(sxProp)) {
+      acc.push(...sxProp);
+    } else if (sxProp != null) {
+      acc.push(sxProp);
+    }
+    return acc;
+  }, []);
+}

package/internals/utils/valueManagers.d.ts

@@ -1,6 +1,7 @@
 import type { PickerValueManager } from '../hooks/usePicker';
-import { DateValidationError, TimeValidationError, DateTimeValidationError, FieldSection } from '../../models';
+import { DateValidationError, TimeValidationError, DateTimeValidationError } from '../../models';
 import type { FieldValueManager } from '../hooks/useField';
-export type SingleItemPickerValueManager<TValue = any, TError extends DateValidationError | TimeValidationError | DateTimeValidationError = any> = PickerValueManager<TValue, TError>;
+import { PickerValue } from '../models';
+export type SingleItemPickerValueManager<TError extends DateValidationError | TimeValidationError | DateTimeValidationError = any> = PickerValueManager<PickerValue, TError>;
 export declare const singleItemValueManager: SingleItemPickerValueManager;
-export declare const singleItemFieldValueManager: FieldValueManager<any, FieldSection>;
+export declare const singleItemFieldValueManager: FieldValueManager<PickerValue>;

package/internals/utils/valueManagers.js

@@ -12,7 +12,7 @@ export const singleItemValueManager = {
         referenceDate
       } = _ref,
       params = _objectWithoutPropertiesLoose(_ref, _excluded);
-    if (value != null && params.utils.isValid(value)) {
+    if (params.utils.isValid(value)) {
       return value;
     }
     if (referenceDate != null) {
@@ -25,11 +25,11 @@ export const singleItemValueManager = {
   isSameError: (a, b) => a === b,
   hasError: error => error != null,
   defaultErrorState: null,
-  getTimezone: (utils, value) => value == null || !utils.isValid(value) ? null : utils.getTimezone(value),
+  getTimezone: (utils, value) => utils.isValid(value) ? utils.getTimezone(value) : null,
   setTimezone: (utils, timezone, value) => value == null ? null : utils.setTimezone(value, timezone)
 };
 export const singleItemFieldValueManager = {
-  updateReferenceValue: (utils, value, prevReferenceValue) => value == null || !utils.isValid(value) ? prevReferenceValue : value,
+  updateReferenceValue: (utils, value, prevReferenceValue) => !utils.isValid(value) ? prevReferenceValue : value,
   getSectionsFromValue: (utils, date, prevSections, getSectionsFromDate) => {
     const shouldReUsePrevDateSections = !utils.isValid(date) && !!prevSections;
     if (shouldReUsePrevDateSections) {
@@ -45,7 +45,7 @@ export const singleItemFieldValueManager = {
     getSections: sections => sections,
     getNewValuesFromNewActiveDate: newActiveDate => ({
       value: newActiveDate,
-      referenceValue: newActiveDate == null || !utils.isValid(newActiveDate) ? state.referenceValue : newActiveDate
+      referenceValue: utils.isValid(newActiveDate) ? newActiveDate : state.referenceValue
     })
   }),
   parseValueStr: (valueStr, referenceValue, parseDate) => parseDate(valueStr.trim(), referenceValue)

package/locales/index.d.ts

@@ -36,4 +36,5 @@ export * from './urPK';
 export * from './viVN';
 export * from './zhCN';
 export * from './zhHK';
+export * from './zhTW';
 export * from './utils/pickersLocaleTextApi';

package/locales/index.js

@@ -36,4 +36,5 @@ export * from "./urPK.js";
 export * from "./viVN.js";
 export * from "./zhCN.js";
 export * from "./zhHK.js";
+export * from "./zhTW.js";
 export * from "./utils/pickersLocaleTextApi.js";

package/locales/nbNO.js

@@ -16,11 +16,10 @@ const nbNOPickers = {
   // DateRange labels
   start: 'Start',
   end: 'Slutt',
-  // startDate: 'Start date',
-  // startTime: 'Start time',
-  // endDate: 'End date',
-  // endTime: 'End time',
-
+  startDate: 'Startdato',
+  startTime: 'Starttid',
+  endDate: 'Sluttdato',
+  endTime: 'Slutttid',
   // Action bar
   cancelButtonLabel: 'Avbryt',
   clearButtonLabel: 'Fjern',
@@ -46,8 +45,7 @@ const nbNOPickers = {
   // Open picker labels
   openDatePickerDialogue: formattedDate => formattedDate ? `Velg dato, valgt dato er ${formattedDate}` : 'Velg dato',
   openTimePickerDialogue: formattedTime => formattedTime ? `Velg tid, valgt tid er ${formattedTime}` : 'Velg tid',
-  // fieldClearLabel: 'Clear',
-
+  fieldClearLabel: 'Slett',
   // Table labels
   timeTableLabel: 'velg tid',
   dateTableLabel: 'velg dato',
@@ -59,19 +57,17 @@ const nbNOPickers = {
   fieldHoursPlaceholder: () => 'tt',
   fieldMinutesPlaceholder: () => 'mm',
   fieldSecondsPlaceholder: () => 'ss',
-  fieldMeridiemPlaceholder: () => 'aa'
-
+  fieldMeridiemPlaceholder: () => 'aa',
   // View names
-  // year: 'Year',
-  // month: 'Month',
-  // day: 'Day',
-  // weekDay: 'Week day',
-  // hours: 'Hours',
-  // minutes: 'Minutes',
-  // seconds: 'Seconds',
-  // meridiem: 'Meridiem',
-
+  year: 'År',
+  month: 'Måned',
+  day: 'Dag',
+  weekDay: 'Ukedag',
+  hours: 'Timer',
+  minutes: 'Minutter',
+  seconds: 'Sekunder',
+  meridiem: 'Meridiem',
   // Common
-  // empty: 'Empty',
+  empty: 'Tøm'
 };
 export const nbNO = getPickersLocalization(nbNOPickers);

package/locales/nlNL.js

@@ -16,10 +16,10 @@ const nlNLPickers = {
   // DateRange labels
   start: 'Start',
   end: 'Einde',
-  startDate: 'Start datum',
-  startTime: 'Start tijd',
-  endDate: 'Eind datum',
-  endTime: 'Eind tijd',
+  startDate: 'Startdatum',
+  startTime: 'Starttijd',
+  endDate: 'Einddatum',
+  endTime: 'Eindtijd',
   // Action bar
   cancelButtonLabel: 'Annuleren',
   clearButtonLabel: 'Resetten',
@@ -50,11 +50,11 @@ const nlNLPickers = {
   timeTableLabel: 'kies tijd',
   dateTableLabel: 'kies datum',
   // Field section placeholders
-  fieldYearPlaceholder: params => 'Y'.repeat(params.digitAmount),
+  fieldYearPlaceholder: params => 'J'.repeat(params.digitAmount),
   fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
   fieldDayPlaceholder: () => 'DD',
   fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
-  fieldHoursPlaceholder: () => 'hh',
+  fieldHoursPlaceholder: () => 'uu',
   fieldMinutesPlaceholder: () => 'mm',
   fieldSecondsPlaceholder: () => 'ss',
   fieldMeridiemPlaceholder: () => 'aa',
@@ -68,6 +68,6 @@ const nlNLPickers = {
   seconds: 'Seconden',
   meridiem: 'Middag',
   // Common
-  empty: 'Legen'
+  empty: 'Leeg'
 };
 export const nlNL = getPickersLocalization(nlNLPickers);

package/locales/roRO.js

@@ -17,11 +17,10 @@ const roROPickers = {
   // DateRange labels
   start: 'Început',
   end: 'Sfârșit',
-  // startDate: 'Start date',
-  // startTime: 'Start time',
-  // endDate: 'End date',
-  // endTime: 'End time',
-
+  startDate: 'Data de început',
+  startTime: 'Ora de început',
+  endDate: 'Data de sfârșit',
+  endTime: 'Ora de sfârșit',
   // Action bar
   cancelButtonLabel: 'Anulare',
   clearButtonLabel: 'Ștergere',
@@ -55,23 +54,21 @@ const roROPickers = {
   fieldYearPlaceholder: params => 'A'.repeat(params.digitAmount),
   fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'LLLL' : 'LL',
   fieldDayPlaceholder: () => 'ZZ',
-  // fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
+  fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'ZZZZ' : 'ZZ',
   fieldHoursPlaceholder: () => 'hh',
   fieldMinutesPlaceholder: () => 'mm',
   fieldSecondsPlaceholder: () => 'ss',
-  fieldMeridiemPlaceholder: () => 'aa'
-
+  fieldMeridiemPlaceholder: () => 'aa',
   // View names
-  // year: 'Year',
-  // month: 'Month',
-  // day: 'Day',
-  // weekDay: 'Week day',
-  // hours: 'Hours',
-  // minutes: 'Minutes',
-  // seconds: 'Seconds',
-  // meridiem: 'Meridiem',
-
+  year: 'An',
+  month: 'Luna',
+  day: 'Ziua',
+  weekDay: 'Ziua saptămânii',
+  hours: 'Ore',
+  minutes: 'Minute',
+  seconds: 'Secunde',
+  meridiem: 'Meridiem',
   // Common
-  // empty: 'Empty',
+  empty: 'Gol'
 };
 export const roRO = getPickersLocalization(roROPickers);

package/locales/utils/getPickersLocalization.d.ts

@@ -1,4 +1,3 @@
-import { AdapterFormats, MuiPickersAdapter, PickerValidDate } from '../../models';
 import { PickersLocaleText } from './pickersLocaleTextApi';
 export declare const getPickersLocalization: (pickersTranslations: Partial<PickersLocaleText>) => {
     components: {
@@ -79,9 +78,3 @@ export declare const getPickersLocalization: (pickersTranslations: Partial<Picke
         };
     };
 };
-export declare const buildGetOpenDialogAriaText: (params: {
-    utils: MuiPickersAdapter;
-    formatKey: keyof AdapterFormats;
-    contextTranslation: (formattedValue: string | null) => string;
-    propsTranslation: ((formattedValue: string | null) => string) | undefined;
-}) => (value: PickerValidDate | null) => string;

package/locales/utils/getPickersLocalization.js

@@ -9,17 +9,4 @@ export const getPickersLocalization = pickersTranslations => {
       }
     }
   };
-};
-export const buildGetOpenDialogAriaText = params => {
-  const {
-    utils,
-    formatKey,
-    contextTranslation,
-    propsTranslation
-  } = params;
-  return value => {
-    const formattedValue = value !== null && utils.isValid(value) ? utils.format(value, formatKey) : null;
-    const translation = propsTranslation ?? contextTranslation;
-    return translation(formattedValue);
-  };
 };