@kelvininc/ui-components
Version:
Kelvin UI Components
90 lines (89 loc) • 3.27 kB
JavaScript
import dayjs from "dayjs";
import { CALENDAR_DATE_TIME_MASK, CALENDAR_MASK, DATETIME_INPUT_MASK } from "./absolute-time-picker.config";
import { EAbsoluteTimeError, EValidationState } from "../../types";
export const buildSelectedDatesEventPayload = (dateA, dateB) => {
if (!dateA && !dateB) {
return [];
}
if (!dateB) {
return [dateA.format(CALENDAR_DATE_TIME_MASK)];
}
return [dateA.format(CALENDAR_DATE_TIME_MASK), dateB.format(CALENDAR_DATE_TIME_MASK)];
};
export const isEndDateAtStartOfDay = (date) => {
return date.isValid() && date.hour() === 0 && date.minute() === 0 && date.second() === 0;
};
export const getFirstCalendarInitialDate = (displayedMonth) => {
const initialDate = displayedMonth;
return initialDate.isValid() ? initialDate.format(CALENDAR_MASK) : '';
};
export const getSecondCalendarInitialDate = (displayedMonth) => {
const initialDate = displayedMonth;
return initialDate.isValid() ? initialDate.add(1, 'month').format(CALENDAR_MASK) : '';
};
export const getMinimumDateFromDayClick = (clickedDate, minimumDate) => {
const parsedMinDate = dayjs(minimumDate, DATETIME_INPUT_MASK);
if (clickedDate.startOf('day').isBefore(parsedMinDate)) {
return parsedMinDate;
}
return clickedDate.startOf('day');
};
export const getMaximumDateFromDayClick = (clickedDate, maximumDate) => {
const parsedMaxDate = dayjs(maximumDate, DATETIME_INPUT_MASK);
if (clickedDate.endOf('day').isAfter(parsedMaxDate)) {
return parsedMaxDate;
}
return clickedDate.endOf('day');
};
export const getFromDateInputState = (error, { minDate }) => {
if (!error) {
return;
}
if (error === EAbsoluteTimeError.StartDateBeforeMinimumDate && minDate) {
const min = dayjs(minDate).format(DATETIME_INPUT_MASK);
return {
state: EValidationState.Invalid,
helpText: `The 'FROM' date must be after ${min}`
};
}
return;
};
export const getToDateTimeInputState = (error, { maxDate }) => {
if (!error) {
return;
}
if (error === EAbsoluteTimeError.EndDateAfterMaximumDate && maxDate) {
const max = dayjs(maxDate).format(DATETIME_INPUT_MASK);
return {
state: EValidationState.Invalid,
helpText: `The 'TO' date must be before ${max}`
};
}
if (error === EAbsoluteTimeError.EndDateBeforeStartDate) {
return {
state: EValidationState.Invalid,
helpText: `The 'TO' date must be after 'FROM' date`
};
}
return;
};
export const getSingleDateTimeInputState = (error, { minDate, maxDate }) => {
if (!error) {
return;
}
if (error === EAbsoluteTimeError.StartDateBeforeMinimumDate && minDate) {
const min = dayjs(minDate).format(DATETIME_INPUT_MASK);
return {
state: EValidationState.Invalid,
helpText: `The date must be after ${min}`
};
}
if (error === EAbsoluteTimeError.EndDateAfterMaximumDate && maxDate) {
const max = dayjs(maxDate).format(DATETIME_INPUT_MASK);
return {
state: EValidationState.Invalid,
helpText: `The date must be before ${max}`
};
}
return;
};