@mui/x-date-pickers
Version:
The community edition of the Date and Time Picker components (MUI X).
58 lines • 2.19 kB
JavaScript
import { areViewsEqual } from "./views.js";
const timeViews = ['hours', 'minutes', 'seconds'];
export const isTimeView = view => timeViews.includes(view);
export const isInternalTimeView = view => timeViews.includes(view) || view === 'meridiem';
export const getMeridiem = (date, utils) => {
if (!date) {
return null;
}
return utils.getHours(date) >= 12 ? 'pm' : 'am';
};
export const convertValueToMeridiem = (value, meridiem, ampm) => {
if (ampm) {
const currentMeridiem = value >= 12 ? 'pm' : 'am';
if (currentMeridiem !== meridiem) {
return meridiem === 'am' ? value - 12 : value + 12;
}
}
return value;
};
export const convertToMeridiem = (time, meridiem, ampm, utils) => {
const newHoursAmount = convertValueToMeridiem(utils.getHours(time), meridiem, ampm);
return utils.setHours(time, newHoursAmount);
};
export const getSecondsInDay = (date, utils) => {
return utils.getHours(date) * 3600 + utils.getMinutes(date) * 60 + utils.getSeconds(date);
};
export const createIsAfterIgnoreDatePart = (disableIgnoringDatePartForTimeValidation, utils) => (dateLeft, dateRight) => {
if (disableIgnoringDatePartForTimeValidation) {
return utils.isAfter(dateLeft, dateRight);
}
return getSecondsInDay(dateLeft, utils) > getSecondsInDay(dateRight, utils);
};
export const resolveTimeFormat = (utils, {
format,
views,
ampm
}) => {
if (format != null) {
return format;
}
const formats = utils.formats;
if (areViewsEqual(views, ['hours'])) {
return ampm ? `${formats.hours12h} ${formats.meridiem}` : formats.hours24h;
}
if (areViewsEqual(views, ['minutes'])) {
return formats.minutes;
}
if (areViewsEqual(views, ['seconds'])) {
return formats.seconds;
}
if (areViewsEqual(views, ['minutes', 'seconds'])) {
return `${formats.minutes}:${formats.seconds}`;
}
if (areViewsEqual(views, ['hours', 'minutes', 'seconds'])) {
return ampm ? `${formats.hours12h}:${formats.minutes}:${formats.seconds} ${formats.meridiem}` : `${formats.hours24h}:${formats.minutes}:${formats.seconds}`;
}
return ampm ? `${formats.hours12h}:${formats.minutes} ${formats.meridiem}` : `${formats.hours24h}:${formats.minutes}`;
};