@coreui/vue-pro
Version:
UI Components Library for Vue.js
1,245 lines (1,077 loc) • 37.9 kB
text/typescript
import type { DisabledDate, SelectionTypes, ViewTypes } from './types'
// Shared helper types for date parsing
export type BaseGroups = {
year: string
month: string
day: string
}
export type WeekGroups = {
year: string
week: string
}
export type MonthGroups = {
year: string
month: string
}
export type YearGroups = {
year: string
}
/**
* Converts an ISO week string to a Date object representing the Monday of that week.
* @param isoWeek - The ISO week string (e.g., "2023W05" or "2023w05").
* @returns The Date object for the Monday of the specified week, or null if invalid.
*/
/**
* Helper function to calculate Monday of ISO week 1 for a given year.
* @param year - The year to calculate for.
* @returns The Monday of ISO week 1.
*/
const getMondayOfISOWeek1 = (year: number): Date => {
const jan4 = new Date(year, 0, 4)
const jan4DayOfWeek = jan4.getDay()
const daysFromMonday = jan4DayOfWeek === 0 ? 6 : jan4DayOfWeek - 1 // Sunday = 6 days from Monday
const mondayOfWeek1 = new Date(jan4)
mondayOfWeek1.setDate(jan4.getDate() - daysFromMonday)
return mondayOfWeek1
}
/**
* Helper function to calculate Monday of a specific ISO week.
* @param year - The year.
* @param week - The ISO week number.
* @returns The Monday of the specified ISO week.
*/
const getMondayOfISOWeek = (year: number, week: number): Date => {
const mondayOfWeek1 = getMondayOfISOWeek1(year)
const weekStart = new Date(mondayOfWeek1)
// prettier-ignore
weekStart.setDate(mondayOfWeek1.getDate() + ((week - 1) * 7))
return weekStart
}
/**
* Helper function to convert a date to a month number for comparison.
* @param date - The date to convert.
* @returns A number representing year*12 + month for easy comparison.
*/
const dateToMonthNumber = (date: Date): number => {
// prettier-ignore
return (date.getFullYear() * 12) + date.getMonth()
}
/**
* Helper function to check if a value is within min/max range.
* @param value - The value to check.
* @param min - Minimum allowed value (null means no minimum).
* @param max - Maximum allowed value (null means no maximum).
* @returns True if the value is outside the range, false if within range.
*/
const isOutsideRange = (value: number, min: number | null, max: number | null): boolean => {
if (min !== null && value < min) {
return true
}
if (max !== null && value > max) {
return true
}
return false
}
/**
* Converts an ISO week string to a Date object representing the Monday of that week.
* @param isoWeek - The ISO week string (e.g., "2023W05" or "2023w05").
* @returns The Date object for the Monday of the specified week.
*/
export const convertIsoWeekToDate = (isoWeek: string): Date => {
const [year, week] = isoWeek.split(/[Ww]/)
const parsedYear = parseYearSmart(year)
const parsedWeek = Number.parseInt(week, 10)
// Create date from ISO week using helper function
return getMondayOfISOWeek(parsedYear, parsedWeek)
}
/**
* Parses a week string and returns a Date object for the Monday of that week.
* @param dateString - The week string to parse.
* @returns The Date object for the Monday of the week, or null if invalid.
*/
const parseWeekString = (dateString: string): Date | null => {
const weekPatterns = [
/^(\d{4})-W(\d{1,2})$/, // 2023-W05, 2023-W5
/^(\d{4})W(\d{1,2})$/, // 2023W05, 2023W5
/^(\d{4})\s+W(\d{1,2})$/, // 2023 W05, 2023 W5
]
for (const pattern of weekPatterns) {
const match = dateString.trim().match(pattern)
if (match) {
const parsedYear = parseYearSmart(match[1])
const parsedWeek = Number.parseInt(match[2], 10)
// Create date from ISO week using helper function
return getMondayOfISOWeek(parsedYear, parsedWeek)
}
}
// Fallback to existing ISO week parsing
return convertIsoWeekToDate(dateString)
}
/**
* Parses a month string and returns a Date object for the first day of that month.
* @param dateString - The month string to parse.
* @returns The Date object for the first day of the month, or null if invalid.
*/
const parseMonthString = (dateString: string): Date | null => {
const monthPatterns = [
/^(\d{2,4})[-/.\s](\d{1,2})$/, // 2023-12, 23-12, 2023/12, 23/12, 2023 12, etc.
/^(\d{1,2})[-/.\s](\d{2,4})$/, // 12-2023, 12-23, 12/2023, 12/23, 12 2023, etc.
]
for (const pattern of monthPatterns) {
const match = dateString.trim().match(pattern)
if (match) {
const firstGroup = match[1]
const secondGroup = match[2]
// Determine which group is year and which is month
const parsedFirst = Number.parseInt(firstGroup, 10)
const parsedSecond = Number.parseInt(secondGroup, 10)
let parsedYear: number
let parsedMonth: number
// Determine which group is year and which is month based on several heuristics
if (firstGroup.length >= 3 || parsedFirst >= 100) {
// First group is clearly a year (3+ digits or >= 100)
parsedYear = parseYearSmart(firstGroup)
parsedMonth = parsedSecond - 1
} else if (secondGroup.length >= 3 || parsedSecond >= 100) {
// Second group is clearly a year (3+ digits or >= 100)
parsedYear = parseYearSmart(secondGroup)
parsedMonth = parsedFirst - 1
} else {
// Both groups are 1-2 digits, use context clues
// If second group is a valid month (1-12), treat first as year
if (parsedSecond >= 1 && parsedSecond <= 12 && (parsedFirst > 12 || parsedFirst < 1)) {
parsedYear = parseYearSmart(firstGroup)
parsedMonth = parsedSecond - 1
} else {
// Default: treat second group as year
parsedYear = parseYearSmart(secondGroup)
parsedMonth = parsedFirst - 1
}
}
if (parsedMonth >= 0 && parsedMonth <= 11) {
return new Date(parsedYear, parsedMonth, 1)
}
}
}
// For month selection, don't use fallback parsing - return null if no pattern matches
return null
}
/**
* Parses a year string or number and returns a Date object for January 1st of that year.
* @param dateString - The year string or number to parse.
* @returns The Date object for January 1st of the year, or null if invalid.
*/
const parseYearString = (dateString: string | number): Date | null => {
const yearString = String(dateString)
const yearPattern = /^(\d{2,4})$/
const match = yearString.trim().match(yearPattern)
if (match) {
const groups: YearGroups = { year: match[1] }
return createDateFromYear(groups)
}
return parseLocalDateString(yearString)
}
/**
* Helper function to generate multiple date format patterns based on locale.
* @param locale - The locale to use for date format patterns.
* @param includeTime - Whether to include time in the patterns.
* @returns Array of date format patterns.
*/
const generateDatePatterns = (locale: string, includeTime: boolean): string[] => {
const referenceDate = new Date(2013, 11, 31, 17, 19, 22)
const patterns = []
try {
// Get the standard locale format
const standardFormat = includeTime
? referenceDate.toLocaleString(locale)
: referenceDate.toLocaleDateString(locale)
patterns.push(standardFormat)
} catch {
// Fallback to default locale if invalid locale provided
const standardFormat = includeTime
? referenceDate.toLocaleString('en-US')
: referenceDate.toLocaleDateString('en-US')
patterns.push(standardFormat)
}
// Generate common alternative formats by replacing separators
const separators = ['/', '-', '.', ' ']
const standardFormat = patterns[0]
// Detect the original separator
let originalSeparator = '/' // default
if (standardFormat.includes('/')) {
originalSeparator = '/'
} else if (standardFormat.includes('-')) {
originalSeparator = '-'
} else if (standardFormat.includes('.')) {
originalSeparator = '.'
}
for (const sep of separators) {
if (sep !== originalSeparator) {
// Escape the original separator for regex if it's a special character
const escapedSeparator = originalSeparator.replaceAll(/[.*+?^${}()|[\]\\]/g, String.raw`\$&`)
const altFormat = standardFormat.replaceAll(new RegExp(escapedSeparator, 'g'), sep)
patterns.push(altFormat)
}
}
return patterns
}
/**
* Helper function to build regex pattern for date parsing.
* @param formatString - The date format string.
* @param includeTime - Whether to include time patterns.
* @returns The regex pattern string.
*/
const buildDateRegexPattern = (formatString: string, includeTime: boolean): string => {
// First escape special regex characters
// eslint-disable-next-line unicorn/prefer-string-raw
let regexPattern = formatString.replaceAll(/[.*+?^${}()|[\\]\\]/g, '\\$&')
// Then replace the date/time components with regex groups
regexPattern = regexPattern
.replace('2013', String.raw`(?<year>\d{2,4})`)
.replace('12', String.raw`(?<month>\d{1,2})`)
.replace('31', String.raw`(?<day>\d{1,2})`)
if (includeTime) {
regexPattern = regexPattern
.replaceAll(/17|5/g, String.raw`(?<hour>\d{1,2})`)
.replace('19', String.raw`(?<minute>\d{1,2})`)
.replace('22', String.raw`(?<second>\d{1,2})`)
.replaceAll(/AM|PM/gi, '(?<ampm>[APap][Mm])')
}
return regexPattern
}
type TimeGroups = {
hour: string
minute?: string
second?: string
ampm?: string
}
type DateOnlyGroups = BaseGroups
type DateTimeGroups = BaseGroups & TimeGroups
type AnyGroups = DateOnlyGroups | DateTimeGroups | WeekGroups | MonthGroups | YearGroups
/**
* Helper function to try parsing with multiple patterns.
* @param dateString - The date string to parse.
* @param patterns - Array of format patterns to try.
* @param includeTime - Whether time parsing is included.
* @returns Parsed groups or null if no match.
*/
const tryParseWithPatterns = (
dateString: string,
patterns: string[],
includeTime: boolean
): AnyGroups | null => {
for (const pattern of patterns) {
const regexPattern = buildDateRegexPattern(pattern, includeTime)
const regex = new RegExp(`^${regexPattern}$`)
const match = dateString.trim().match(regex)
if (match?.groups) {
return match.groups as AnyGroups
}
}
return null
}
/**
* Helper function to convert 12-hour to 24-hour format.
* @param hour - Hour string.
* @param ampm - AM/PM indicator.
* @returns Hour in 24-hour format.
*/
const convertTo24Hour = (hour: string, ampm?: string): number => {
const parsedHour = Number.parseInt(hour, 10)
if (!ampm) {
return parsedHour
}
const isPM = ampm.toLowerCase() === 'pm'
if (isPM && parsedHour !== 12) {
return parsedHour + 12
}
if (!isPM && parsedHour === 12) {
return 0
}
return parsedHour
}
/**
* Helper function to validate time components.
* @param hour - Hour value.
* @param minute - Minute value.
* @param second - Second value.
* @returns True if time components are valid.
*/
const validateTimeComponents = (hour: number, minute: number, second: number): boolean => {
return hour >= 0 && hour <= 23 && minute >= 0 && minute <= 59 && second >= 0 && second <= 59
}
/**
* Helper function to validate date components.
* @param month - Month string.
* @param day - Day string.
* @returns True if date components are valid.
*/
const validateDateComponents = (month: string, day: string): boolean => {
const parsedMonth = Number.parseInt(month, 10) - 1
const parsedDay = Number.parseInt(day, 10)
return parsedMonth >= 0 && parsedMonth <= 11 && parsedDay >= 1 && parsedDay <= 31
}
/**
* Helper function to create date with time.
* @param groups - Parsed date and time groups.
* @returns Date object or null if invalid.
*/
const createDateWithTime = (groups: DateTimeGroups): Date | null => {
const { year, month, day, hour, minute, second, ampm } = groups
const parsedYear = parseYearSmart(year)
const parsedMonth = Number.parseInt(month, 10) - 1
const parsedDay = Number.parseInt(day, 10)
const parsedHour = convertTo24Hour(hour, ampm)
const parsedMinute = Number.parseInt(minute ?? '0', 10) || 0
const parsedSecond = Number.parseInt(second ?? '0', 10) || 0
if (!validateTimeComponents(parsedHour, parsedMinute, parsedSecond)) {
return null
}
return new Date(parsedYear, parsedMonth, parsedDay, parsedHour, parsedMinute, parsedSecond)
}
/**
* Helper function to create date without time.
* @param groups - Parsed date groups.
* @returns Date object or null if invalid.
*/
const createDateOnly = (groups: DateOnlyGroups): Date | null => {
const { year, month, day } = groups
if (!validateDateComponents(month, day)) {
return null
}
const parsedYear = parseYearSmart(year)
const parsedMonth = Number.parseInt(month, 10) - 1
const parsedDay = Number.parseInt(day, 10)
return new Date(parsedYear, parsedMonth, parsedDay)
}
/**
* Helper function to determine expected parts count from patterns.
* @param patterns - Array of date format patterns.
* @returns Expected number of parts for a complete date.
*/
const getExpectedPartsCount = (patterns: string[]): number => {
if (patterns.length === 0) {
return 3
}
// Analyze the first pattern to determine expected parts count
const firstPattern = patterns[0]
const parts = firstPattern.split(/[-/.\s:]+/).filter((part) => part.length > 0)
return parts.length
}
/**
* Enhanced day parsing with locale-aware patterns.
* @param dateString - The day string to parse.
* @param locale - The locale to use for parsing.
* @param includeTime - Whether to include time parsing.
* @returns Date object or null if invalid.
*/
const parseDayString = (dateString: string, locale: string, includeTime: boolean): Date | null => {
const patterns = generateDatePatterns(locale, includeTime)
const groups = tryParseWithPatterns(dateString, patterns, includeTime)
if (!groups) {
// Check if input looks like a complete date (has separators and multiple parts)
const trimmed = dateString.trim()
const hasDateSeparators = /[-/.:]/.test(trimmed)
const parts = trimmed.split(/[-/.\s:]+/).filter((part) => part.length > 0)
const expectedPartsCount = getExpectedPartsCount(patterns)
const hasRequiredParts = parts.length >= expectedPartsCount
if (hasDateSeparators && hasRequiredParts) {
// Use fallback for complete date strings that don't match locale patterns
return parseLocalDateString(dateString)
}
// For incomplete input return null
return null
}
// For day selection, require at least year, month, and day to be present
if ('year' in groups && 'month' in groups && 'day' in groups) {
const { month, day } = groups
if (!validateDateComponents(month, day)) {
return null
}
} else {
// If incomplete date information, return null instead of guessing
return null
}
// Create and return appropriate date object
return includeTime
? createDateWithTime(groups as DateTimeGroups)
: createDateOnly(groups as DateOnlyGroups)
}
/**
* Parses a date string into a local Date object.
* @param dateString - The date string to parse.
* @returns The Date object in local timezone, or null if invalid.
*/
const parseLocalDateString = (dateString: string): Date | null => {
const _date = new Date(Date.parse(dateString))
if (!Number.isNaN(_date.getTime())) {
return _date
}
return null
}
/**
* Converts a date string or Date object to a Date object based on selection type.
* @param date - The date to convert.
* @param selectionType - The type of selection ('day', 'week', 'month', 'year').
* @param locale - The locale to use for date parsing (for day parsing).
* @param includeTime - Whether to include time parsing (for day parsing).
* @returns The corresponding Date object or null if invalid.
*/
export const convertToDateObject = (
date: Date | string,
selectionType?: SelectionTypes,
locale: string = 'en-US',
includeTime: boolean = false
): Date | null => {
if (date === null) {
return null
}
if (date instanceof Date) {
return Number.isNaN(date.getTime()) ? null : date
}
const dateString = date as string
switch (selectionType) {
case 'week': {
return parseWeekString(dateString)
}
case 'month': {
return parseMonthString(dateString)
}
case 'year': {
return parseYearString(dateString)
}
default: {
// Enhanced day parsing with locale support
return parseDayString(dateString, locale, includeTime)
}
}
}
/**
* Enhanced locale-aware date parsing function (replaces getLocalDateFromString).
* @param dateString - The date string to parse.
* @param locale - The locale to use for date format patterns.
* @param includeTime - Whether to include time parsing.
* @param selectionType - The selection type ('day', 'week', 'month', 'year').
* @returns A Date object if parsing succeeds, null if parsing fails.
*/
export const getLocalDateFromString = (
dateString: string,
locale: string = 'en-US',
includeTime: boolean = false,
selectionType: SelectionTypes = 'day'
): Date | null => {
// Input validation
if (!dateString || typeof dateString !== 'string') {
return null
}
return convertToDateObject(dateString, selectionType, locale, includeTime)
}
/**
* Creates groups from an array.
* @param arr - The array to group.
* @param numberOfGroups - Number of groups to create.
* @returns An array of grouped arrays.
*/
export const createGroupsInArray = <T>(arr: T[], numberOfGroups: number): T[][] => {
const perGroup = Math.ceil(arr.length / numberOfGroups)
return Array.from({ length: numberOfGroups })
.fill('')
.map((_, i) => arr.slice(i * perGroup, (i + 1) * perGroup))
}
/**
* Adjusts the calendar date based on order and view type.
* @param calendarDate - The current calendar date.
* @param order - The order to adjust by.
* @param view - The current view type.
* @returns The adjusted Date object.
*/
export const getCalendarDate = (calendarDate: Date, order: number, view: ViewTypes): Date => {
if (order !== 0 && view === 'days') {
return new Date(calendarDate.getFullYear(), calendarDate.getMonth() + order, 1)
}
if (order !== 0 && view === 'months') {
return new Date(calendarDate.getFullYear() + order, calendarDate.getMonth(), 1)
}
if (order !== 0 && view === 'years') {
// prettier-ignore
return new Date(calendarDate.getFullYear() + (12 * order), calendarDate.getMonth(), 1)
}
return calendarDate
}
/**
* Formats a date based on the selection type.
* @param date - The date to format.
* @param selectionType - The type of selection ('day', 'week', 'month', 'year').
* @returns A formatted date string or the original Date object.
*/
export const getDateBySelectionType = (
date: Date | null,
selectionType: SelectionTypes
): string | Date | null => {
if (date === null) {
return null
}
if (selectionType === 'week') {
const { year, weekNumber } = getISOWeekNumberAndYear(date)
return `${year}W${weekNumber.toString().padStart(2, '0')}`
}
if (selectionType === 'month') {
const monthNumber = `0${date.getMonth() + 1}`.slice(-2)
return `${date.getFullYear()}-${monthNumber}`
}
if (selectionType === 'year') {
return `${date.getFullYear()}`
}
return date
}
/**
* Retrieves the first available date within a range that is not disabled.
* @param startDate - Start date of the range.
* @param endDate - End date of the range.
* @param min - Minimum allowed date.
* @param max - Maximum allowed date.
* @param disabledDates - Criteria for disabled dates.
* @returns The first available Date object or null if none found.
*/
export const getFirstAvailableDateInRange = (
startDate: Date,
endDate: Date,
min?: Date | null,
max?: Date | null,
disabledDates?: DisabledDate | DisabledDate[]
): Date | null => {
const _min = min ? new Date(Math.max(startDate.getTime(), min.getTime())) : startDate
const _max = max ? new Date(Math.min(endDate.getTime(), max.getTime())) : endDate
if (disabledDates === undefined) {
return _min
}
for (
const currentDate = new Date(_min);
currentDate <= _max;
currentDate.setDate(currentDate.getDate() + 1)
) {
if (!isDateDisabled(currentDate, min, max, disabledDates)) {
return currentDate
}
}
return null
}
/**
* Retrieves an array of month names based on locale and format.
* @param locale - The locale string (e.g., 'en-US').
* @param format - The format of the month names ('short' or 'long').
* @returns An array of month names.
*/
export const getMonthsNames = (locale: string, format: 'short' | 'long' = 'short'): string[] => {
return Array.from({ length: 12 }, (_, i) => {
return new Date(2000, i, 1).toLocaleString(locale, { month: format })
})
}
/**
* Retrieves an array of selectable dates from the given element.
* @param element - The HTML element to search for selectable dates.
* @param selector - The CSS selector used to identify selectable dates. Defaults to 'tr[tabindex="0"], td[tabindex="0"]'.
* @returns An array of HTMLElements representing the selectable dates.
*/
export const getSelectableDates = (
element: HTMLElement,
selector: string = 'tr[tabindex="0"], td[tabindex="0"]'
) => {
return [...Element.prototype.querySelectorAll.call(element, selector)] as HTMLElement[]
}
/**
* Generates an array of years centered around a given year.
* @param year - The central year.
* @param range - The number of years before and after the central year.
* @returns An array of years.
*/
export const getYears = (year: number, range: number = 6): number[] => {
return Array.from({ length: range * 2 }, (_, i) => year - range + i)
}
/**
* Retrieves leading days (from the previous month) for a calendar view.
* @param year - The year.
* @param month - The month (0-11).
* @param firstDayOfWeek - The first day of the week (0-6, where 0 is Sunday).
* @returns An array of leading day objects.
*/
const getLeadingDays = (
year: number,
month: number,
firstDayOfWeek: number
): { date: Date; month: string }[] => {
// 0: sunday
// 1: monday
const dates = []
const d = new Date(year, month)
const y = d.getFullYear()
const m = d.getMonth()
const firstWeekday = new Date(y, m, 1).getDay()
let leadingDays = 6 - (6 - firstWeekday) - firstDayOfWeek
if (firstDayOfWeek) {
leadingDays = leadingDays < 0 ? 7 + leadingDays : leadingDays
}
for (let i = leadingDays * -1; i < 0; i++) {
dates.push({
date: new Date(y, m, i + 1),
month: 'previous',
})
}
return dates
}
/**
* Retrieves all days within a specific month.
* @param year - The year.
* @param month - The month (0-11).
* @returns An array of day objects.
*/
const getMonthDays = (year: number, month: number): { date: Date; month: string }[] => {
const dates = []
const lastDay = new Date(year, month + 1, 0).getDate()
for (let i = 1; i <= lastDay; i++) {
dates.push({
date: new Date(year, month, i),
month: 'current',
})
}
return dates
}
/**
* Retrieves trailing days (from the next month) for a calendar view.
* @param year - The year.
* @param month - The month (0-11).
* @param leadingDays - Array of leading day objects.
* @param monthDays - Array of current month day objects.
* @returns An array of trailing day objects.
*/
const getTrailingDays = (
year: number,
month: number,
leadingDays: { date: Date; month: string }[],
monthDays: { date: Date; month: string }[]
) => {
const dates = []
const days = 42 - (leadingDays.length + monthDays.length)
for (let i = 1; i <= days; i++) {
dates.push({
date: new Date(year, month + 1, i),
month: 'next',
})
}
return dates
}
/**
* Calculates the ISO 8601 week number and year for a given date.
*
* In the ISO 8601 standard:
* - Weeks start on Monday.
* - The first week of the year is the one that contains January 4th.
* - The year of the week may differ from the calendar year (e.g., Dec 29, 2025 is in ISO year 2026).
*
* @param {Date} date - The date for which to calculate the ISO week number and year.
* @returns {{ weekNumber: number, year: number }} An object containing:
* - `weekNumber`: the ISO week number (1–53),
* - `year`: the ISO year (may differ from the calendar year of the date).
*/
export const getISOWeekNumberAndYear = (date: Date): { weekNumber: number; year: number } => {
const tempDate = new Date(date)
tempDate.setHours(0, 0, 0, 0)
// Thursday in current week decides the year
tempDate.setDate(tempDate.getDate() + 3 - ((tempDate.getDay() + 6) % 7))
const week1 = new Date(tempDate.getFullYear(), 0, 4)
// Calculate full weeks to the date
const weekNumber = 1 + Math.round((tempDate.getTime() - week1.getTime()) / (86_400_000 * 7))
return { weekNumber, year: tempDate.getFullYear() }
}
/**
* Retrieves detailed information about each week in a month for calendar rendering.
* @param year - The year.
* @param month - The month (0-11).
* @param firstDayOfWeek - The first day of the week (0-6, where 0 is Sunday).
* @returns An array of week objects containing week numbers and day details.
*/
export const getMonthDetails = (
year: number,
month: number,
firstDayOfWeek: number
): { week: { number: number; year: number }; days: { date: Date; month: string }[] }[] => {
const daysPrevMonth = getLeadingDays(year, month, firstDayOfWeek)
const daysThisMonth = getMonthDays(year, month)
const daysNextMonth = getTrailingDays(year, month, daysPrevMonth, daysThisMonth)
const days = [...daysPrevMonth, ...daysThisMonth, ...daysNextMonth]
const weeks: {
week: { number: number; year: number }
days: { date: Date; month: string }[]
}[] = []
days.forEach((day, index) => {
if (index % 7 === 0 || weeks.length === 0) {
weeks.push({
week: { number: 0, year: 0 },
days: [],
})
}
if ((index + 1) % 7 === 0) {
const { weekNumber, year } = getISOWeekNumberAndYear(day.date)
const lastWeek = weeks.at(-1)
if (lastWeek) {
lastWeek.week = { number: weekNumber, year }
}
}
const lastWeek = weeks.at(-1)
if (lastWeek) {
lastWeek.days.push(day)
}
})
return weeks
}
/**
* Checks if a date is disabled based on the 'date' period type.
* @param date - The date to check.
* @param min - Minimum allowed date.
* @param max - Maximum allowed date.
* @param disabledDates - Criteria for disabled dates.
* @returns True if the date is disabled, false otherwise.
*/
export const isDateDisabled = (
date: Date,
min?: Date | null,
max?: Date | null,
disabledDates?: DisabledDate | DisabledDate[]
): boolean => {
if (min && date < min) {
return true
}
if (max && date > max) {
return true
}
if (disabledDates === undefined) {
return false
}
if (typeof disabledDates === 'function') {
return disabledDates(date)
}
if (disabledDates instanceof Date && isSameDateAs(date, disabledDates)) {
return true
}
if (Array.isArray(disabledDates) && disabledDates) {
for (const _date of disabledDates) {
if (typeof _date === 'function' && _date(date)) {
return true
}
if (Array.isArray(_date) && isDateInRange(date, _date[0], _date[1])) {
return true
}
if (_date instanceof Date && isSameDateAs(date, _date)) {
return true
}
}
}
return false
}
/**
* Checks if a date is within a specified range.
* @param date - The date to check.
* @param start - Start date of the range.
* @param end - End date of the range.
* @returns True if the date is within the range, false otherwise.
*/
export const isDateInRange = (date: Date, start: Date | null, end: Date | null): boolean => {
const _date = removeTimeFromDate(date)
const _start = start ? removeTimeFromDate(start) : null
const _end = end ? removeTimeFromDate(end) : null
return Boolean(_start && _end && _start <= _date && _date <= _end)
}
/**
* Checks if a date is selected based on start and end dates.
* @param date - The date to check.
* @param start - Start date.
* @param end - End date.
* @returns True if the date is selected, false otherwise.
*/
export const isDateSelected = (date: Date, start: Date | null, end: Date | null): boolean => {
if (start !== null && isSameDateAs(start, date)) {
return true
}
if (end !== null && isSameDateAs(end, date)) {
return true
}
return false
}
/**
* Determines if any date within a range is disabled.
* @param startDate - Start date of the range.
* @param endDate - End date of the range.
* @param disabledDates - Criteria for disabled dates.
* @returns True if any date in the range is disabled, false otherwise.
*/
export const isDisableDateInRange = (
startDate?: Date | null,
endDate?: Date | null,
disabledDates?: DisabledDate | DisabledDate[]
): boolean => {
if (startDate && endDate) {
const date = new Date(startDate)
let disabled = false
while (date < endDate) {
date.setDate(date.getDate() + 1)
if (isDateDisabled(date, null, null, disabledDates)) {
disabled = true
break
}
}
return disabled
}
return false
}
/**
* Checks if a month is disabled based on the 'month' period type.
* @param date - The date representing the month to check.
* @param min - Minimum allowed date.
* @param max - Maximum allowed date.
* @param disabledDates - Criteria for disabled dates.
* @returns True if the month is disabled, false otherwise.
*/
export const isMonthDisabled = (
date: Date,
min?: Date | null,
max?: Date | null,
disabledDates?: DisabledDate | DisabledDate[]
) => {
const current = dateToMonthNumber(date)
const _min = min ? dateToMonthNumber(min) : null
const _max = max ? dateToMonthNumber(max) : null
if (isOutsideRange(current, _min, _max)) {
return true
}
if (disabledDates === undefined) {
return false
}
const startTime = min ? Math.max(date.getTime(), min.getTime()) : date.getTime()
const endTime = max
? Math.min(date.getTime(), max.getTime())
: new Date(new Date().getFullYear(), 11, 31).getTime()
for (
const currentDate = new Date(startTime);
currentDate.getTime() <= endTime;
currentDate.setDate(currentDate.getDate() + 1)
) {
if (!isDateDisabled(currentDate, min, max, disabledDates)) {
return false
}
}
return false
}
/**
* Checks if a month is selected based on start and end dates.
* @param date - The date representing the month.
* @param start - Start date.
* @param end - End date.
* @returns True if the month is selected, false otherwise.
*/
export const isMonthSelected = (date: Date, start: Date | null, end: Date | null): boolean => {
const year = date.getFullYear()
const month = date.getMonth()
if (start !== null && year === start.getFullYear() && month === start.getMonth()) {
return true
}
if (end !== null && year === end.getFullYear() && month === end.getMonth()) {
return true
}
return false
}
/**
* Checks if a month is within a specified range.
* @param date - The date representing the month.
* @param start - Start date.
* @param end - End date.
* @returns True if the month is within the range, false otherwise.
*/
export const isMonthInRange = (date: Date, start: Date | null, end: Date | null): boolean => {
const _start = start ? dateToMonthNumber(start) : null
const _end = end ? dateToMonthNumber(end) : null
const _date = dateToMonthNumber(date)
return Boolean(_start && _end && _start <= _date && _date <= _end)
}
/**
* Checks if two dates are the same calendar date.
* @param date - First date.
* @param date2 - Second date.
* @returns True if both dates are the same, false otherwise.
*/
export const isSameDateAs = (date: Date | null, date2: Date | null): boolean => {
if (date instanceof Date && date2 instanceof Date) {
return (
date.getDate() === date2.getDate() &&
date.getMonth() === date2.getMonth() &&
date.getFullYear() === date2.getFullYear()
)
}
if (date === null && date2 === null) {
return true
}
return false
}
/**
* Checks if a date is today.
* @param date - The date to check.
* @returns True if the date is today, false otherwise.
*/
export const isToday = (date: Date): boolean => {
const today = new Date()
return isSameDateAs(date, today)
}
/**
* Checks if a year is disabled based on the 'year' period type.
* @param date - The date representing the year to check.
* @param min - Minimum allowed date.
* @param max - Maximum allowed date.
* @param disabledDates - Criteria for disabled dates.
* @returns True if the year is disabled, false otherwise.
*/
export const isYearDisabled = (
date: Date,
min?: Date | null,
max?: Date | null,
disabledDates?: DisabledDate | DisabledDate[]
) => {
const year = date.getFullYear()
const minYear = min ? min.getFullYear() : null
const maxYear = max ? max.getFullYear() : null
if (isOutsideRange(year, minYear, maxYear)) {
return true
}
if (disabledDates === undefined) {
return false
}
const startTime = min ? Math.max(date.getTime(), min.getTime()) : date.getTime()
const endTime = max
? Math.min(date.getTime(), max.getTime())
: new Date(new Date().getFullYear(), 11, 31).getTime()
for (
const currentDate = new Date(startTime);
currentDate.getTime() <= endTime;
currentDate.setDate(currentDate.getDate() + 1)
) {
if (!isDateDisabled(currentDate, min, max, disabledDates)) {
return false
}
}
return false
}
/**
* Checks if a year is selected based on start and end dates.
* @param date - The date representing the year.
* @param start - Start date.
* @param end - End date.
* @returns True if the year matches the start's or end's year, false otherwise.
*/
export const isYearSelected = (date: Date, start: Date | null, end: Date | null): boolean => {
const year = date.getFullYear()
if (start !== null && year === start.getFullYear()) {
return true
}
if (end !== null && year === end.getFullYear()) {
return true
}
return false
}
/**
* Checks if a year is within a specified range.
* @param date - The date representing the year.
* @param start - Start date.
* @param end - End date.
* @returns True if the year's value lies between start's year and end's year, false otherwise.
*/
export const isYearInRange = (date: Date, start: Date | null, end: Date | null): boolean => {
const year = date.getFullYear()
const _start = start ? start.getFullYear() : null
const _end = end ? end.getFullYear() : null
return Boolean(_start && _end && _start <= year && year <= _end)
}
/**
* Removes the time component from a Date object.
* @param date - The original date.
* @returns A new Date object with the time set to 00:00:00.
*/
export const removeTimeFromDate = (date: Date): Date => {
const clearedDate = new Date(date)
clearedDate.setHours(0, 0, 0, 0)
return clearedDate
}
/**
* Copies the time (hours, minutes, seconds, milliseconds) from one Date to another.
*
* @param {Date} target - The date whose time will be updated.
* @param {Date | null} source - The date to copy the time from.
* @returns {Date} A new Date instance with the date from `target` and time from `source`.
*/
export const setTimeFromDate = (target: Date | null, source: Date | null): Date | null => {
if (target === null) {
return null
}
if (!(source instanceof Date)) {
return target
}
const result = new Date(target) // create a copy to avoid mutation
result.setHours(
source.getHours(),
source.getMinutes(),
source.getSeconds(),
source.getMilliseconds()
)
return result
}
/**
* Parses a year string with smart 2-digit handling.
* @param yearString - The year string to parse.
* @returns The parsed year as a number with intelligent century assignment.
*/
export const parseYearSmart = (yearString: string): number => {
let parsedYear = Number.parseInt(yearString, 10)
// Handle 2-digit years with intelligent century assignment
if (parsedYear < 100) {
const currentYear = new Date().getFullYear()
const currentCentury = Math.floor(currentYear / 100) * 100
parsedYear = currentCentury + parsedYear
// If the result is more than 50 years in the future, use previous century
// This creates a sliding window: for current year 2025, years 76-99 become 1976-1999
// and years 00-75 become 2000-2075
if (parsedYear > currentYear + 50) {
parsedYear -= 100
}
}
return parsedYear
}
/**
* Creates a date from year groups.
* @param groups - The year groups containing year string.
* @returns A Date object for January 1st of the year.
*/
export const createDateFromYear = (groups: YearGroups): Date => {
const { year } = groups
const parsedYear = parseYearSmart(year)
return new Date(parsedYear, 0, 1)
}
/**
* Creates a date from month groups.
* @param groups - The month groups containing year and month strings.
* @returns A Date object for the first day of the month.
*/
export const createDateFromMonth = (groups: MonthGroups): Date => {
const { year, month } = groups
const parsedYear = parseYearSmart(year)
const parsedMonth = Number.parseInt(month, 10) - 1
return new Date(parsedYear, parsedMonth, 1)
}
/**
* Creates a date from week groups.
* @param groups - The week groups containing year and week strings.
* @returns A Date object for the Monday of the specified week.
*/
export const createDateFromWeek = (groups: WeekGroups): Date => {
const { year, week } = groups
const parsedYear = parseYearSmart(year)
const parsedWeek = Number.parseInt(week, 10)
// Create date from ISO week using helper function
return getMondayOfISOWeek(parsedYear, parsedWeek)
}