react-datetime-picker
Version:
A date range picker for your React app.
36 lines (35 loc) • 1.5 kB
JavaScript
import getUserLocale from 'get-user-locale';
const formatterCache = new Map();
export function getFormatter(options) {
return function formatter(locale, date) {
const localeWithDefault = locale || getUserLocale();
if (!formatterCache.has(localeWithDefault)) {
formatterCache.set(localeWithDefault, new Map());
}
const formatterCacheLocale = formatterCache.get(localeWithDefault);
if (!formatterCacheLocale.has(options)) {
formatterCacheLocale.set(options, new Intl.DateTimeFormat(localeWithDefault || undefined, options).format);
}
return formatterCacheLocale.get(options)(date);
};
}
const numberFormatterCache = new Map();
export function getNumberFormatter(options) {
return (locale, number) => {
const localeWithDefault = locale || getUserLocale();
if (!numberFormatterCache.has(localeWithDefault)) {
numberFormatterCache.set(localeWithDefault, new Map());
}
const numberFormatterCacheLocale = numberFormatterCache.get(localeWithDefault);
if (!numberFormatterCacheLocale.has(options)) {
numberFormatterCacheLocale.set(options, new Intl.NumberFormat(localeWithDefault || undefined, options).format);
}
return numberFormatterCacheLocale.get(options)(number);
};
}
const formatDateOptions = {
day: 'numeric',
month: 'numeric',
year: 'numeric',
};
export const formatDate = getFormatter(formatDateOptions);