@mui/x-date-pickers-pro
Version:
The Pro plan edition of the MUI X Date and Time Picker components.
62 lines • 2.09 kB
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
import * as React from 'react';
import { useThemeProps } from '@mui/material/styles';
import { applyDefaultViewProps, resolveTimeViewsResponse, useApplyDefaultValuesToTimeValidationProps } from '@mui/x-date-pickers/internals';
import { usePickerAdapter } from '@mui/x-date-pickers/hooks';
import { TimeRangePickerToolbar } from "./TimeRangePickerToolbar.js";
import { TimeRangePickerTabs } from "./TimeRangePickerTabs.js";
export function useTimeRangePickerDefaultizedProps(props, name) {
const adapter = usePickerAdapter();
const themeProps = useThemeProps({
props,
name
});
const validationProps = useApplyDefaultValuesToTimeValidationProps(themeProps);
const ampm = themeProps.ampm ?? adapter.is12HourCycleInCurrentLocale();
const {
openTo,
views: defaultViews
} = applyDefaultViewProps({
views: themeProps.views,
openTo: themeProps.openTo,
defaultViews: ['hours', 'minutes'],
defaultOpenTo: 'hours'
});
const localeText = React.useMemo(() => {
if (themeProps.localeText?.toolbarTitle == null) {
return themeProps.localeText;
}
return _extends({}, themeProps.localeText, {
timeRangePickerToolbarTitle: themeProps.localeText.toolbarTitle
});
}, [themeProps.localeText]);
const {
shouldRenderTimeInASingleColumn,
thresholdToRenderTimeInASingleColumn,
views,
timeSteps
} = resolveTimeViewsResponse({
thresholdToRenderTimeInASingleColumn: themeProps.thresholdToRenderTimeInASingleColumn,
ampm,
timeSteps: themeProps.timeSteps,
views: defaultViews
});
return _extends({}, themeProps, validationProps, {
localeText,
timeSteps,
openTo,
shouldRenderTimeInASingleColumn,
thresholdToRenderTimeInASingleColumn,
views,
ampm,
slots: _extends({
tabs: TimeRangePickerTabs,
toolbar: TimeRangePickerToolbar
}, themeProps.slots),
slotProps: _extends({}, themeProps.slotProps, {
toolbar: _extends({
ampm
}, themeProps.slotProps?.toolbar)
})
});
}