@ark-ui/react/dist/providers/locale/use-date-formatter.js

A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.

'use client';
import { DateFormatter } from '@internationalized/date';
import { useMemo } from 'react';
import { useLocaleContext } from './use-locale-context.js';

function useDateFormatter(props = {}) {
  const env = useLocaleContext();
  const locale = props.locale ?? env.locale;
  return useMemo(() => {
    const { locale: _, ...options } = props;
    return new DateFormatter(locale, options);
  }, [locale, props]);
}

export { useDateFormatter };