UNPKG

@mui/x-date-pickers-pro

Version:

The Pro plan edition of the MUI X Date and Time Picker components.

39 lines (38 loc) 1.95 kB
'use client'; import _extends from "@babel/runtime/helpers/esm/extends"; import * as React from 'react'; import { usePickerAdapter, usePickerTranslations } from '@mui/x-date-pickers/hooks'; import { useApplyDefaultValuesToDateTimeValidationProps } from '@mui/x-date-pickers/internals'; import { getRangeFieldValueManager, rangeValueManager } from "../internals/utils/valueManagers.mjs"; import { validateDateTimeRange } from "../validation/index.mjs"; import { formatRange } from "../internals/utils/date-utils.mjs"; export function useDateTimeRangeManager(parameters = {}) { const { dateSeparator } = parameters; return React.useMemo(() => ({ valueType: 'date-time', validator: validateDateTimeRange, internal_valueManager: rangeValueManager, internal_fieldValueManager: getRangeFieldValueManager({ dateSeparator }), internal_useApplyDefaultValuesToFieldInternalProps: useApplyDefaultValuesToDateTimeRangeFieldInternalProps, internal_useOpenPickerButtonAriaLabel: useOpenPickerButtonAriaLabel }), [dateSeparator]); } function useOpenPickerButtonAriaLabel(value) { const adapter = usePickerAdapter(); const translations = usePickerTranslations(); return React.useMemo(() => { return translations.openRangePickerDialogue(formatRange(adapter, value, 'fullDate')); }, [value, translations, adapter]); } function useApplyDefaultValuesToDateTimeRangeFieldInternalProps(internalProps) { const adapter = usePickerAdapter(); const validationProps = useApplyDefaultValuesToDateTimeValidationProps(internalProps); const ampm = React.useMemo(() => internalProps.ampm ?? adapter.is12HourCycleInCurrentLocale(), [internalProps.ampm, adapter]); return React.useMemo(() => _extends({}, internalProps, validationProps, { format: internalProps.format ?? (ampm ? adapter.formats.keyboardDateTime12h : adapter.formats.keyboardDateTime24h) }), [internalProps, validationProps, ampm, adapter]); }