jwf-year-calendar
Version:
A full react version of Paul-DS' js-year-calendar, https://github.com/year-calendar/js-year-calendar. Built with support from JWF Process Solutions Ltd.
42 lines (41 loc) • 1.39 kB
JavaScript
import { isAfter, isBefore } from './dates';
export const isHexColor = (color) => {
return /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(color);
};
export const isTailwindColor = (color) => {
return /^bg-(slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuscia|pink|rose)-(100|200|300|400|500|600|700|800|900)$/.test(color);
};
export const determineGridCols = (windowWidth, containerWidth) => {
const minWidth = Math.min(windowWidth, containerWidth);
if (minWidth >= 1100) {
return 'grid-cols-6';
}
if (minWidth >= 756) {
return 'grid-cols-4';
}
if (minWidth >= 572) {
return 'grid-cols-3';
}
if (minWidth >= 386) {
return 'grid-cols-2';
}
if (minWidth >= 1) {
return 'grid-cols-1';
}
return 'grid-cols-6';
};
export const showYearEnd = (windowWidth, containerWidth) => {
return Math.min(windowWidth, containerWidth) > 975;
};
export const showYearMiddle = (windowWidth, containerWidth) => {
return Math.min(windowWidth, containerWidth) > 750;
};
export const orderDates = (one, two) => {
if (isBefore(one, two)) {
return { startDate: one, endDate: two };
}
if (isAfter(one, two)) {
return { startDate: two, endDate: one };
}
throw new Error('orderDates method in MyCalendar failed');
};