@yamada-ui/react/dist/cjs/components/format/use-format-date-time.cjs

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

"use client";


const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
const require_i18n_cache = require('../../providers/i18n-provider/i18n-cache.cjs');
const require_i18n_provider = require('../../providers/i18n-provider/i18n-provider.cjs');
let react = require("react");
react = require_rolldown_runtime.__toESM(react);

//#region src/components/format/use-format-date-time.ts
const getFormatDateTime = require_i18n_cache.i18nCache(Intl.DateTimeFormat);
/**
* `useFormatDateTime` is a custom hook that returns the formatted date time.
*
* @see https://yamada-ui.com/docs/hooks/use-format-date-time
*/
const useFormatDateTime = (value, options) => {
	return useDateTimeFormat(options)(value);
};
const useDateTimeFormat = ({ locale,...options } = {}) => {
	const { locale: defaultLocale } = require_i18n_provider.useI18n();
	const memoizedOptions = (0, react.useRef)(options);
	locale ??= defaultLocale;
	return (0, react.useCallback)((value, options$1) => {
		return getFormatDateTime(locale, {
			...memoizedOptions.current,
			...options$1
		}).format(value);
	}, [locale]);
};

//#endregion
exports.getFormatDateTime = getFormatDateTime;
exports.useDateTimeFormat = useDateTimeFormat;
exports.useFormatDateTime = useFormatDateTime;
//# sourceMappingURL=use-format-date-time.cjs.map