@mui/x-date-pickers-pro/modern/SingleInputTimeRangeField/useSingleInputTimeRangeField.js

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

'use client';

import * as React from 'react';
import { useField, useDefaultizedTimeField } from '@mui/x-date-pickers/internals';
import { useSplitFieldProps } from '@mui/x-date-pickers/hooks';
import { rangeValueManager, getRangeFieldValueManager } from "../internals/utils/valueManagers.js";
import { validateTimeRange } from "../validation/index.js";
export const useSingleInputTimeRangeField = inProps => {
  const props = useDefaultizedTimeField(inProps);
  const {
    forwardedProps,
    internalProps
  } = useSplitFieldProps(props, 'time');
  const fieldValueManager = React.useMemo(() => getRangeFieldValueManager({
    dateSeparator: internalProps.dateSeparator
  }), [internalProps.dateSeparator]);
  return useField({
    forwardedProps,
    internalProps,
    valueManager: rangeValueManager,
    fieldValueManager,
    validator: validateTimeRange,
    valueType: 'time'
  });
};