q2-tecton-elements 1.59.0 → 1.60.0

package/dist/q2-tecton-elements/q2-calendar.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["formatDateISO","value","date","Date","isValidDate","formatISO","representation","memoizedFormatDateShort","formatDateShort","isoDate","toISOString","Intl","DateTimeFormat","month","day","year","timeZone","resolvedOptions","format","memoizedFormatDateLong","formatDateLong","memoizedFormatDateFull","formatDateFull","weekday","convertMomentFormat","stringFormat","replace","stringToDate","isString","undefined","result","dateParts","split","map","part","padStart","isIsoString","length","isCompleteDate","isPartialDate","isStandardSlashDate","includes","unshift","pop","UTC","parseInt","now","yearNumber","monthNumber","dayNumber","getFullYear","removeTimezoneOffset","timeZoneOffset","getTimezoneOffset","setMinutes","Math","abs","stringArrayToDate","dateArray","Array","isArray","setupMonthYear","monthIndex","getMonth","selectedYear","validateInput","input","validDays","validDates","invalidDates","startDate","endDate","formatString","assume","isValid","isAvailable","messageType","message","loc","inputDate","buildInputDate","getDate","calendarPosition","monthName","getMonths","getDay","isoString","isNotValidDate","isInvalidDate","isBeforeStartDate","isAfterEndDate","isInvalid","Number","twoDigitDay","fourDigitYear","assumeYear","monthDay","mm","dd","nowLocal","assumedYear","slice","toString","handleMissingZeros","match","sp","reorderDateString","firstDayOfWeekInMonth","getDays","getDaysOfWeek","generateDatesFromMonthYear","daysInMonth","getDaysInMonth","keys","reduce","acc","stepIndex","push","getValidDaysOfWeek","checksum","sunValid","monValid","tuesValid","wedsValid","thursValid","friValid","satValid","ret","validateAgainstChecksum","validDaysOfWeek","newDate","validateAgainstBlacklist","validateAgainstWhitelist","some","validDate","isSameDay","buildDates","selectedMonthYear","currentSelection","dateValidators","typedValue","validationFns","baseValidation","bind","generateDateList","isIncompleteDate","datesInMonth","dayInMonth","dateIndex","fn","dayState","getDayState","classList","generateClassesForCalDay","Object","assign","integer","isEmpty","isActivity","startOfMonthEmpties","addEmptiesMonthStart","endOfMonthEmpties","addEmptiesMonthEnd","isNewDateBeforeStartDate","isAfter","isNewDateAfterEndDate","isBefore","isNowAfterCutoffTime","cutOffTime","currentDate","isSelected","isToday","isStartDate","isEndDate","classes","join","monthStartDayOfWeek","addEmptyDates","monthEndDayOfWeek","emptyDate","from","to","q2CalendarCss","Q2Calendar","constructor","hostRef","this","dayAbbrStrings","dayStrings","defaultFormatString","formatModifier","internalError","monthStrings","scheduledAfterRender","guid","createGuid","hintMessage","defaultHintMessage","hintMessageType","keyboardSelection","popoverMinHeight","popoverMode","closeCalendar","open","focusInput","goToMonthYear","dateList","buildDateList","checkActiveCellForBlankness","onClickElsewhere","event","target","localName","stopPropagation","onDateKeydown","currentDay","dataset","generateDateFromDay","key","preventDefault","activateDay","addDays","shiftKey","find","selectDate","onDateSelection","dateCell","closest","clickedDate","onHeaderControlKeydown","hasSelectedCell","_a","calendarBody","querySelector","onInputBlur","isTypeable","daysOfWeekChecksum","setHints","setCompleteInput","valueOnBlur","change","emit","onInputChange","onInputClick","disabled","toggleCalendar","onInputFocus","controlElement","tmpTypedValue","onInputInput","detail","onInputKeydown","dateValue","openCalendar","typeable","onInputKeyup","yyyy","validateDate","onPopupKeyup","onRefocus","btnPrevMonth","dispatchEvent","FocusEvent","readonly","invalid","success","connectedCallback","componentWillLoad","popDirectionHandler","handleAriaLabel","componentDidLoad","overrideFocus","hostElement","setCustomLabel","componentDidRender","setTimeout","forEach","defaultChangeHandler","onchange","handleClear","defaultErrorHandler","onerror","delegateFocus","isEventFromElement","shadowRoot","focus","popoverStateHandler","defaultSuccessHandler","onsuccess","closePopover","_togglePopover","openPopover","setValue","waitForNextPaint","tableCell","calendarTable","click","typeValue","formattedDate","innerInputField","InputEvent","KeyboardEvent","ariaLabelObserver","cutoffTimeObserver","daysOfWeekChecksumObserver","endDateObserver","invalidDatesObserver","handleRenamedProp","startDateObserver","typeableChanged","valueObserver","validDatesObserver","newValue","isMoment","toDate","shortFormattedValue","inputId","canClear","clearable","computedPlaceholder","disabledMsg","buttonLabel","placeholder","currentWeeks","weeks","accum","item","index","chunkIndex","floor","ct","cutoffTime","isMomentString","test","errorList","errors","list","filter","error","concat","formattedValue","displayFormat","hintList","hints","hint","innerInputContainer","_b","selectedDate","selectedCell","toggleElement","btnCalendarToggle","focusDay","monthYear","customLabel","appendChild","cloneNode","removeChild","activeElement","tagName","hasAttribute","calendarCells","querySelectorAll","indexOfCell","indexOf","dayToFocus","cell","hintMessageElement","present","errorCode","isSelectedMonthAndYear","calculationDateList","dateValueDayOfMonth","_c","isDateValueInvalid","console","warn","renderCalendarDays","h","role","ref","scope","onClick","onKeyDown","elm","week","ariaLabel","class","tabindex","renderCalendarPopover","onKeyUp","calendarLabel","label","type","btnNextMonth","btnPrevYear","btnNextYear","id","disclaimer","onFocus","renderHintField","el","renderInputField","hideLabel","optional","onChange","onInput","onBlur","_role","_preventEntry","slot","render","popoverElement","direction","popoverDirection","minHeight","align","popoverAlignment","mode","block"],"sources":["src/components/q2-calendar/q2-calendar-helpers.ts","src/components/q2-calendar/q2-calendar-validation.ts","src/components/q2-calendar/q2-calendar.scss?tag=q2-calendar&encapsulation=shadow","src/components/q2-calendar/q2-calendar.tsx"],"sourcesContent":["import { isValid as isValidDate, formatISO, setMinutes } from 'date-fns';\nimport { loc } from '../../utils';\nimport { ISelectedMonthYear, InputValidation } from './q2-calendar-types';\n\nexport interface IMomentLikeObject {\n    toDate(): Date;\n}\n\nexport function formatDateISO(value: string | Date) {\n    const date = new Date(value);\n    if (!isValidDate(date)) return;\n\n    return formatISO(date, { representation: 'date' });\n}\n\nlet memoizedFormatDateShort: Intl.DateTimeFormat;\nexport function formatDateShort(value: string | Date) {\n    const date = new Date(value);\n    if (!isValidDate(date)) return;\n\n    const isoDate = date.toISOString();\n    if (!memoizedFormatDateShort) {\n        memoizedFormatDateShort = new Intl.DateTimeFormat('en-US', {\n            month: '2-digit',\n            day: '2-digit',\n            year: 'numeric',\n            timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,\n        });\n    }\n\n    return memoizedFormatDateShort.format(new Date(isoDate));\n}\n\nlet memoizedFormatDateLong: Intl.DateTimeFormat;\nexport function formatDateLong(value: string | Date) {\n    const date = new Date(value);\n    if (!isValidDate(date)) return;\n    if (!memoizedFormatDateLong) {\n        memoizedFormatDateLong = new Intl.DateTimeFormat('en-US', {\n            month: 'short',\n            day: 'numeric',\n            year: 'numeric',\n        });\n    }\n\n    return memoizedFormatDateLong.format(date);\n}\n\nlet memoizedFormatDateFull: Intl.DateTimeFormat;\nexport function formatDateFull(value: string | Date) {\n    if (!value) return;\n    const date = new Date(value);\n    if (!isValidDate(date)) return;\n    if (!memoizedFormatDateFull) {\n        memoizedFormatDateFull = new Intl.DateTimeFormat('en-US', {\n            month: 'long',\n            day: 'numeric',\n            year: 'numeric',\n            weekday: 'long',\n            timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,\n        });\n    }\n\n    return memoizedFormatDateFull.format(date);\n}\n\nexport function convertMomentFormat(stringFormat: string) {\n    return stringFormat\n        .replace(/[d]/g, 'E')\n        .replace(/[D]/g, 'd')\n        .replace(/[Y]/g, 'y')\n        .replace(/[l]/g, 'P')\n        .replace(/[W]/g, 'I');\n}\n\nexport function stringToDate(date: string | null | void): Date | undefined {\n    const isString = typeof date === 'string';\n    if (!isString && date && isValidDate(new Date(date || undefined))) {\n        date = formatDateISO(date);\n    } else if (!date || !isValidDate(new Date(date))) {\n        return undefined;\n    }\n\n    let result: Date;\n    const dateParts = date.split(/[\\/\\-]/).map(part => part.padStart(2, '0'));\n    const isIsoString = isString && date.length >= 24 && date[10] === 'T';\n    const isCompleteDate = dateParts.length === 3;\n    const isPartialDate = dateParts.length < 3;\n    if (isIsoString) {\n        date = date.split('T')[0];\n        result = new Date(date);\n    } else if (isCompleteDate) {\n        const isStandardSlashDate = date.includes('/') && dateParts[2].length === 4;\n\n        // Reorder mm/dd/yyyy dates for ISO formatting\n        // [mm, dd, yyyy] -> [yyyy, mm, dd]\n        if (isStandardSlashDate) dateParts.unshift(dateParts.pop());\n\n        result = new Date(Date.UTC(parseInt(dateParts[0]), parseInt(dateParts[1]) - 1, parseInt(dateParts[2])));\n    } else if (isPartialDate) {\n        const now = new Date();\n\n        let yearNumber: number;\n        let monthNumber: string;\n        let dayNumber: string;\n        switch (dateParts.length) {\n            case 1:\n                yearNumber = now.getFullYear();\n                monthNumber = dateParts[0];\n                dayNumber = '01';\n                break;\n\n            case 2:\n                yearNumber = now.getFullYear();\n                monthNumber = dateParts[0];\n                dayNumber = dateParts[1];\n                break;\n        }\n\n        result = new Date(`${yearNumber}-${monthNumber}-${dayNumber}`);\n    }\n\n    if (!isValidDate(result)) return undefined;\n\n    // result = setHours(result, 0);\n    result = removeTimezoneOffset(result);\n\n    return isValidDate(result) ? result : undefined;\n}\n\nexport function removeTimezoneOffset(date: Date) {\n    const timeZoneOffset = date.getTimezoneOffset();\n    // Minutes compensation for some timezones like India, Central Australia and etc use  GMT+5:30, GMT+9:30\n    return setMinutes(date, timeZoneOffset + Math.abs(timeZoneOffset % 60));\n}\n\nexport function stringArrayToDate(dateArray: string[]): Date[] {\n    if (!Array.isArray(dateArray) || dateArray.length === 0) {\n        return [];\n    }\n    return dateArray.map(date => stringToDate(date));\n}\n\nexport function setupMonthYear(value: Date | undefined = new Date()): ISelectedMonthYear {\n    return {\n        monthIndex: value.getMonth(),\n        selectedYear: value.getFullYear(),\n    };\n}\n\nexport function validateInput(\n    input: string = '',\n    validDays: number[] = [],\n    validDates: string[] = [], // white list\n    invalidDates: string[] = [], // black list\n    startDate: string,\n    endDate: string,\n    formatString: string = 'mm/dd/yyyy',\n    assume: string\n): InputValidation {\n    let isValid: boolean = false;\n    let isAvailable: boolean = false;\n    let messageType: string = 'info';\n    let message: string = `${loc('tecton.element.calendar.hint.format')}: ${formatString}`;\n    if (!input) {\n        return { isValid, inputDate: new Date(''), isAvailable, messageType, message };\n    }\n\n    const inputDate = buildInputDate(input, assume);\n    const month = inputDate.getMonth() + 1;\n    const date = inputDate.getDate();\n    const year = inputDate.getFullYear();\n    const calendarPosition = [month, date, year];\n\n    if (isValidDate(inputDate)) {\n        const monthName = getMonths()[inputDate.getMonth()];\n\n        if (input.length === 10) {\n            isValid = true;\n            messageType = null;\n            message = null;\n        }\n\n        isAvailable = validDays.includes(inputDate.getDay());\n        const isoString = formatDateISO(inputDate);\n\n        if (isAvailable) {\n            const isNotValidDate = validDates.length && !validDates.includes(isoString);\n            const isInvalidDate = invalidDates.length && invalidDates.includes(isoString);\n            const isBeforeStartDate = startDate && startDate > isoString;\n            const isAfterEndDate = endDate && endDate < isoString;\n\n            if (isNotValidDate || isInvalidDate || isBeforeStartDate || isAfterEndDate) {\n                isAvailable = false;\n            }\n        }\n\n        if (input.length >= 5 && !isAvailable) {\n            isValid = false;\n            messageType = 'error';\n            const isInvalid = !monthName || !date || !year;\n            message = isInvalid\n                ? `${loc('tecton.element.calendar.hint.invalidDate')}: ${formatString}`\n                : loc('tecton.element.calendar.hint.notAvailableDate', [formatDateLong(inputDate)]);\n        } else {\n            isValid = true;\n        }\n    } else {\n        isValid = false;\n        messageType = 'error';\n        message = `${loc('tecton.element.calendar.hint.invalidDate')}: ${formatString}`;\n    }\n\n    return {\n        isValid,\n        messageType,\n        message,\n        inputDate,\n        isAvailable,\n        calendarPosition,\n    };\n}\n\nexport function buildInputDate(input: string, assume: string) {\n    const now = new Date();\n    // eslint-disable-next-line prefer-const\n    let [month, day, year] = input.split('/');\n    if (month === '0') month = '01';\n    if (day === '0') day = '01';\n    if (input.length === 10) {\n        return new Date(input);\n    } else if (month && day && Number(day) > 0) {\n        const twoDigitDay = Number(day) < 10 ? `0${Number(day)}` : day;\n        const fourDigitYear = !year || year.length < 4 ? assumeYear(month, day, assume) : year;\n        return new Date(`${month}/${twoDigitDay}/${fourDigitYear}`);\n    } else if (month) {\n        return new Date(`${month}/01/${now.getFullYear()}`);\n    }\n}\n\nfunction assumeYear(month: string, day: string, assume: string): string {\n    const monthDay = `${month}/${day}`;\n    const now = new Date();\n    const mm: string = now.getMonth() < 9 ? `0${now.getMonth() + 1}` : `${now.getMonth() + 1}`;\n    const dd: string = now.getDate() < 10 ? `0${now.getDate()}` : `${now.getDate()}`;\n    const nowLocal = `${mm}/${dd}/${now.getFullYear()}`;\n    let assumedYear = now.getFullYear();\n    if (assume === 'future' && nowLocal.slice(0, 5) > monthDay) {\n        assumedYear = now.getFullYear() + 1;\n    } else if (assume === 'past' && nowLocal.slice(0, 5) < monthDay) {\n        assumedYear = now.getFullYear() - 1;\n    }\n    return assumedYear.toString();\n}\n\nexport function handleMissingZeros(input): string {\n    if (!input) {\n        return '';\n    }\n    if (input.match(/^[1-9]\\/$/)) {\n        return `0${input}/`;\n    } else if (input.match(/^[0-9]{2}\\/[1-9]{1}\\/$/)) {\n        const sp = input.split('/');\n        return `${sp[0]}/0${sp[1]}/`;\n    }\n    return input;\n}\n\nexport function reorderDateString(input: string): string {\n    const dateParts = (input || '').split('-');\n    if (dateParts.length !== 3) return '';\n    return `${dateParts[1]}/${dateParts[2]}/${dateParts[0]}`;\n}\n\nexport function firstDayOfWeekInMonth(month: number, year: number): number {\n    return new Date(year, month, 1, 1, 1, 1, 1).getDay();\n}\n\nexport function getDays(): string[] {\n    return [\n        loc('tecton.element.calendar.days.short.Sunday'),\n        loc('tecton.element.calendar.days.short.Monday'),\n        loc('tecton.element.calendar.days.short.Tuesday'),\n        loc('tecton.element.calendar.days.short.Wednesday'),\n        loc('tecton.element.calendar.days.short.Thursday'),\n        loc('tecton.element.calendar.days.short.Friday'),\n        loc('tecton.element.calendar.days.short.Saturday'),\n    ];\n}\n\nexport function getDaysOfWeek(): string[] {\n    return [\n        loc('tecton.element.calendar.days.Sunday'),\n        loc('tecton.element.calendar.days.Monday'),\n        loc('tecton.element.calendar.days.Tuesday'),\n        loc('tecton.element.calendar.days.Wednesday'),\n        loc('tecton.element.calendar.days.Thursday'),\n        loc('tecton.element.calendar.days.Friday'),\n        loc('tecton.element.calendar.days.Saturday'),\n    ];\n}\n\nexport function getMonths(): string[] {\n    return [\n        loc('tecton.element.calendar.months.January'),\n        loc('tecton.element.calendar.months.February'),\n        loc('tecton.element.calendar.months.March'),\n        loc('tecton.element.calendar.months.April'),\n        loc('tecton.element.calendar.months.May'),\n        loc('tecton.element.calendar.months.June'),\n        loc('tecton.element.calendar.months.July'),\n        loc('tecton.element.calendar.months.August'),\n        loc('tecton.element.calendar.months.September'),\n        loc('tecton.element.calendar.months.October'),\n        loc('tecton.element.calendar.months.November'),\n        loc('tecton.element.calendar.months.December'),\n    ];\n}\n","import { firstDayOfWeekInMonth } from './q2-calendar-helpers';\nimport { getDaysInMonth, isSameDay, isBefore, isAfter, isValid as isValidDate } from 'date-fns';\nimport { CalendarDay, DateEmpty, Year, IDateValidators, ISelectedMonthYear } from './q2-calendar-types';\n\n// Validation Helpers\nexport type DateList = CalendarDay[];\nexport type IsValid = boolean;\nexport type IsActivityDate = boolean;\nexport type DateValidation = (date: Date) => IsValid;\n\nexport function generateDatesFromMonthYear(month: number, year: Year): Date[] {\n    const daysInMonth = getDaysInMonth(new Date(year, month));\n\n    return [...Array(daysInMonth).keys()].reduce((acc, stepIndex) => {\n        acc.push(new Date(year, month, stepIndex + 1));\n        return acc;\n    }, []);\n}\n\nexport function getValidDaysOfWeek(checksum: number = 127): number[] {\n    /* tslint:disable:no-bitwise */\n    const sunValid = checksum & 1;\n    const monValid = checksum & 2;\n    const tuesValid = checksum & 4;\n    const wedsValid = checksum & 8;\n    const thursValid = checksum & 16;\n    const friValid = checksum & 32;\n    const satValid = checksum & 64;\n    /* tslint:enable:no-bitwise */\n    const ret = [];\n\n    if (checksum <= 0) return ret;\n    if (sunValid) ret.push(0);\n    if (monValid) ret.push(1);\n    if (tuesValid) ret.push(2);\n    if (wedsValid) ret.push(3);\n    if (thursValid) ret.push(4);\n    if (friValid) ret.push(5);\n    if (satValid) ret.push(6);\n\n    return ret;\n}\n\nexport function validateAgainstChecksum(validDaysOfWeek: number[], newDate: Date): IsValid {\n    return validDaysOfWeek.includes(newDate.getDay());\n}\n\nexport function validateAgainstBlacklist(invalidDates: Date[], newDate: Date): IsValid {\n    return !validateAgainstWhitelist(invalidDates, newDate);\n}\n\nexport function validateAgainstWhitelist(validDates: Date[], newDate: Date): IsValid {\n    return validDates.some(validDate => isSameDay(validDate, newDate));\n}\n\nexport function buildDates(\n    validDaysOfWeek: number[],\n    validDates: Date[],\n    invalidDates: Date[],\n    selectedMonthYear: ISelectedMonthYear,\n    currentSelection: Date | undefined,\n    dateValidators: IDateValidators,\n    typedValue: string\n): DateList {\n    const validationFns = [baseValidation.bind(null, dateValidators, new Date())];\n    if (validDates?.length) {\n        validationFns.push(validateAgainstWhitelist.bind(null, validDates));\n    } else {\n        validationFns.push(validateAgainstChecksum.bind(null, validDaysOfWeek));\n    }\n    validationFns.push(validateAgainstBlacklist.bind(null, invalidDates));\n\n    return generateDateList(selectedMonthYear, currentSelection, dateValidators, validationFns, typedValue);\n}\n\nexport function generateDateList(\n    { monthIndex, selectedYear }: ISelectedMonthYear,\n    currentSelection: Date | undefined,\n    dateValidators: IDateValidators,\n    validationFns: DateValidation[],\n    typedValue: string\n): DateList {\n    const isIncompleteDate = !isValidDate(new Date(typedValue));\n    const datesInMonth = generateDatesFromMonthYear(monthIndex, selectedYear).map((dayInMonth, dateIndex) => {\n        const isInvalid = validationFns.some(fn => !fn(dayInMonth));\n        const dayState = getDayState(dayInMonth, dateValidators, currentSelection);\n        const classList = generateClassesForCalDay({\n            ...dayState,\n            isInvalid,\n            isIncompleteDate,\n        });\n\n        return {\n            ...dayState,\n            isValid: !isInvalid,\n            date: dayInMonth,\n            integer: dateIndex + 1,\n            isEmpty: false,\n            isActivity: false,\n            classList,\n        };\n    });\n\n    const startOfMonthEmpties = addEmptiesMonthStart(firstDayOfWeekInMonth(monthIndex, selectedYear));\n    const endOfMonthEmpties = addEmptiesMonthEnd((startOfMonthEmpties.length + datesInMonth.length) % 7);\n\n    return [...startOfMonthEmpties, ...datesInMonth, ...endOfMonthEmpties] as CalendarDay[];\n}\n\nexport function baseValidation(dateValidators: IDateValidators, now: Date, newDate: Date): boolean {\n    const isNewDateBeforeStartDate = isAfter(dateValidators?.startDate, newDate);\n    const isNewDateAfterEndDate = isBefore(dateValidators?.endDate, newDate);\n    const isNowAfterCutoffTime = isSameDay(now, newDate) && isAfter(now, dateValidators?.cutOffTime);\n\n    return !(isNewDateBeforeStartDate || isNowAfterCutoffTime || isNewDateAfterEndDate);\n}\n\nexport function getDayState(dayInMonth: Date, dateValidators: IDateValidators, currentDate: Date | undefined) {\n    if (!currentDate) currentDate = new Date();\n    const isSelected = currentDate && isSameDay(currentDate, dayInMonth);\n    const isToday = isSameDay(dayInMonth, new Date());\n    const isStartDate = isSameDay(dayInMonth, dateValidators?.startDate);\n    const isEndDate = isSameDay(dayInMonth, dateValidators?.endDate);\n\n    return { isSelected, isToday, isStartDate, isEndDate };\n}\n\nexport function generateClassesForCalDay({\n    isInvalid,\n    isSelected,\n    isEndDate,\n    isStartDate,\n    isToday,\n    isIncompleteDate,\n}: {\n    isInvalid: boolean;\n    isSelected: boolean;\n    isEndDate: boolean;\n    isStartDate: boolean;\n    isToday: boolean;\n    isIncompleteDate: boolean;\n}): string {\n    const classes = [];\n    if (!isInvalid) classes.push('is-valid');\n    if (isSelected) classes.push('is-selected');\n    if (isEndDate) classes.push('is-end-date');\n    if (isStartDate) classes.push('is-start-date');\n    if (isToday) classes.push('is-today');\n    if (isSelected && isInvalid && !isIncompleteDate) classes.push('is-unavailable');\n\n    return classes.join(' ');\n}\n\nexport function addEmptiesMonthStart(monthStartDayOfWeek: number): DateEmpty[] {\n    return addEmptyDates(0, monthStartDayOfWeek);\n}\n\nexport function addEmptiesMonthEnd(monthEndDayOfWeek: number): DateEmpty[] {\n    if (monthEndDayOfWeek === 0) return [];\n    return addEmptyDates(monthEndDayOfWeek, 7);\n}\n\nexport const emptyDate: DateEmpty = {\n    date: null,\n    integer: null,\n    isActivity: false,\n    isEmpty: true,\n    isValid: false,\n    isToday: false,\n    isSelected: false,\n    isStartDate: false,\n    isEndDate: false,\n    classList: '',\n};\n\nexport function addEmptyDates(from: number, to: number): DateEmpty[] {\n    if (from === 7) from = 0;\n    return [...Array(to - from).keys()].map(() => ({ ...emptyDate }) as DateEmpty);\n}\n","@import '../../styles/host.scss';\n@import '../../styles/functions';\n\n:host {\n    --comp-default-calendar-margin: #{var-list(var-prefixer(calendar-margin-top), --app-scale-5x, 25px) 0\n        var-list(var-prefixer(calendar-margin-bottom), --app-scale-5x, 25px)};\n    display: block;\n    margin: var-list(--tct-calendar-margin, --comp-default-calendar-margin);\n}\n\n:host[hidden] {\n    display: none;\n}\n\nclick-elsewhere {\n    position: relative;\n    display: block;\n}\n\nq2-input {\n    margin: 0;\n    cursor: pointer;\n}\n\nq2-popover {\n    --comp-min-tappable-size: 44px;\n    --comp-table-border-spacing: 2px;\n    --comp-min-tappable-size-and-spacing: calc(var(--comp-min-tappable-size) + var(--comp-table-border-spacing));\n    --comp-popover-padding: #{var-list(var-prefixer(calendar-popover-padding), --app-scale-1x, 5px)};\n    --comp-min-table-width: calc(var(--comp-min-tappable-size-and-spacing) * 7);\n    --comp-table-container-border-spacing: calc(var(--comp-table-border-spacing) * 2);\n    --comp-popover-total-padding: calc(var(--comp-popover-padding) * 2);\n\n    --tct-popover-min-width: calc(\n        var(--comp-min-table-width) + var(--comp-table-container-border-spacing) + var(--comp-popover-total-padding)\n    );\n}\n\n.calendar-field-popup {\n    padding: var(--comp-popover-padding);\n}\n\n.calendar-label {\n    --comp-label-padding: #{var-list(\n            --tct-calendar-label-padding,\n            unquote('#{var-list(var-prefixer(calendar-label-vertical-padding), --tct-scale-2, --app-scale-2x, 10px)} 0')\n        )};\n    font-size: var-list(var-prefixer(calendar-label-font-size), 16px);\n    flex: 1 1;\n    flex-basis: calc(100% - var-list(--tct-btn-icon-width, 44px));\n    margin: 0;\n    padding: var(--comp-label-padding);\n}\n\n.cal-month-heading {\n    padding: 0 0 0.75rem;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-size: var-list(var-prefixer(calendar-month-font-size), 16px);\n    font-weight: var-list(var-prefixer(calendar-month-font-weight), 600);\n    text-align: center;\n}\n\n.cal-month-text {\n    min-width: 82px;\n    display: inline-block;\n}\n\n.cal-year-text {\n    min-width: 50px;\n    display: inline-block;\n}\n\ntable {\n    width: 100%;\n    margin-bottom: 2px;\n    text-align: center;\n    border-spacing: var(--comp-table-border-spacing);\n}\n\nth {\n    font-size: var-list(var-prefixer(calendar-day-heading-font-size), inherit);\n    font-weight: var-list(var-prefixer(calendar-day-heading-font-weight), 600);\n    width: 14.285714%;\n}\n\ntd {\n    height: var(--comp-min-tappable-size);\n    cursor: pointer;\n    border: var-list(var-prefixer(calendar-day-border), 0);\n    border-radius: var-list(var-prefixer(calendar-day-border-radius));\n\n    &.is-unavailable {\n        border: 1px solid var-list(--tct-input-error-border-color, --const-stoplight-alert, #d20a0a);\n    }\n\n    &.is-valid:hover {\n        border: var-list(var-prefixer(calendar-day-hover-border), var-prefixer(calendar-day-border) 0);\n        border-radius: var-list(\n            var-prefixer(calendar-day-hover-border-radius),\n            var-prefixer(calendar-day-border-radius)\n        );\n\n        background: var-list(\n            --tct-calendar-day-hover-background,\n            var-prefixer(calendar-day-hover-bg),\n            --tct-gray-14,\n            --app-gray14,\n            --tct-gray-l4,\n            --app-gray-l4,\n            #f2f2f2\n        );\n        color: var-list(var-prefixer(calendar-day-hover-font-color), inherit);\n    }\n\n    &[aria-hidden],\n    &[aria-disabled] {\n        pointer-events: none;\n        cursor: not-allowed;\n    }\n\n    &[aria-disabled] {\n        opacity: var-list(var-prefixer(calendar-day-disabled-opacity), --app-disabled-opacity, 0.4);\n    }\n\n    &[aria-selected='true'] {\n        border: var-list(var-prefixer(calendar-day-selected-border), var-prefixer(calendar-day-border) 0);\n        border-radius: var-list(\n            var-prefixer(calendar-day-selected-border-radius),\n            var-prefixer(calendar-day-border-radius)\n        );\n        background: var-list(\n            --tct-calendar-day-selected-background,\n            var-prefixer(calendar-day-selected-bg),\n            --tct-calendar-day-hover-background,\n            var-prefixer(calendar-day-hover-bg),\n            var-prefixer(gray-14),\n            --tct-gray-l4,\n            --app-gray-l4,\n            #f2f2f2\n        );\n        color: var-list(\n            var-prefixer(calendar-day-selected-font-color),\n            var-prefixer(calendar-day-hover-font-color),\n            inherit\n        );\n        box-shadow: 0 0 0 2px\n            var-list(\n                var-prefixer(calendar-day-selected-outline-color),\n                --tct-stoplight-info,\n                --const-stoplight-info,\n                #0079c1\n            );\n    }\n    &[aria-selected='true']:focus {\n        box-shadow:\n            0 0 0 2px\n                var-list(\n                    var-prefixer(calendar-day-selected-outline-color),\n                    --tct-stoplight-info,\n                    --const-stoplight-info,\n                    #0079c1\n                ),\n            0 0 0 4px var(--const-focus-color, #0066cc);\n    }\n}\n\n.today-decorator {\n    text-transform: uppercase;\n    font-weight: 700;\n    font-size: 10px;\n    height: 12px;\n}\n\n.calendar-disclaimer {\n    font-size: var-list(\n        var-prefixer(calendar-disclaimer-font-size),\n        --tct-font-size-small,\n        --app-font-size-small,\n        12px\n    );\n    border-style: solid;\n    border-width: var-list(var-prefixer(calendar-disclaimer-border-width), unquote('1px 0 0 0'));\n    border-color: var-list(\n        var-prefixer(calendar-disclaimer-border-color),\n        var-prefixer(gray-13),\n        --tct-gray-l3,\n        --app-gray-l3,\n        #e6e6e6\n    );\n    padding: var-list(--tct-calendar-disclaimer-padding, --tct-scale-2, --app-scale-2x, 10px);\n    text-align: left;\n}\n","import {\n    Component,\n    ComponentInterface,\n    Prop,\n    Element,\n    State,\n    Event,\n    EventEmitter,\n    Listen,\n    Watch,\n    Method,\n    h,\n} from '@stencil/core';\nimport { ISelectedMonthYear, CalendarDay, IDateValidators } from './q2-calendar-types';\nimport { addDays, isSameDay, format, isValid as isValidDate } from 'date-fns';\nimport {\n    stringToDate,\n    setupMonthYear,\n    getMonths,\n    getDays,\n    getDaysOfWeek,\n    stringArrayToDate,\n    convertMomentFormat,\n    validateInput,\n    handleMissingZeros,\n    formatDateISO,\n    formatDateShort,\n    IMomentLikeObject,\n    removeTimezoneOffset,\n    reorderDateString,\n    formatDateFull,\n} from './q2-calendar-helpers';\nimport { buildDates, getValidDaysOfWeek, DateList } from './q2-calendar-validation';\nimport {\n    handleAriaLabel,\n    loc,\n    overrideFocus,\n    isEventFromElement,\n    handleRenamedProp,\n    waitForNextPaint,\n    createGuid,\n} from '../../utils';\nimport { IEventDetail } from '../q2-input/q2-input-types';\nimport { Q2InputCustomEvent } from 'src/components';\n\n@Component({ tag: 'q2-calendar', shadow: true, styleUrl: 'q2-calendar.scss' })\nexport class Q2Calendar implements ComponentInterface {\n    // #region Own Properties\n\n    btnCalendarToggle: HTMLQ2BtnElement;\n    btnNextMonth: HTMLQ2BtnElement;\n    btnNextYear: HTMLQ2BtnElement;\n    btnPrevMonth: HTMLQ2BtnElement;\n    btnPrevYear: HTMLQ2BtnElement;\n    calendarBody: HTMLDivElement;\n    calendarTable: HTMLTableElement;\n    controlElement: HTMLQ2InputElement;\n    dayAbbrStrings = getDays();\n    dayStrings = getDaysOfWeek();\n    defaultFormatString = 'mm/dd/yyyy';\n    formatModifier: string = 'M/D/YYYY'; // To allow missing leading zero, 4/3/2021 => converts into 04/03/2021\n    hintMessageElement: HTMLQ2MessageElement;\n    internalError: string = '';\n    monthStrings = getMonths();\n    popoverElement?: HTMLQ2PopoverElement;\n    scheduledAfterRender: (() => void)[] = [];\n    selectedMonthYear: ISelectedMonthYear;\n    valueOnBlur: string | { toDate(): Date };\n    guid = createGuid();\n\n    // #endregion\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region State Properties\n\n    @State()\n    dateList: CalendarDay[];\n\n    @State()\n    hintMessage: string = this.defaultHintMessage;\n\n    @State()\n    hintMessageType: 'info' | 'error' = 'info';\n\n    @State()\n    keyboardSelection: boolean = false;\n\n    @State()\n    typedValue: string = '';\n\n    // #endregion\n    // #region Public Property API\n\n    /** @deprecated */\n    @Prop({ reflect: true, mutable: true })\n    ariaLabel: string;\n\n    /**\n     * Detects the year automatically based on today's date when the user presses the `Escape` key or the `Blur` mouse event occurs.\n     * Setting `future` or `past` as the value will increase or decrease the year by one, respectively.\n     */\n    @Prop({ reflect: true })\n    assume: 'current' | 'future' | 'past' = 'current';\n\n    /** @deprecated */\n    @Prop({ reflect: true })\n    buttonLabel: string;\n\n    /** A label shown at the top of the popover date picker. */\n    @Prop({ reflect: true })\n    calendarLabel: string;\n\n    /** Display a button in the input field allowing the user to clear their selection. */\n    @Prop({ reflect: true })\n    clearable: boolean;\n\n    /**\n     * Specifies a time of day after which a date is no longer valid.\n     *\n     * @warning\n     * Must be a valid ISO date string.\n     */\n    @Prop({ reflect: true })\n    cutoffTime: string;\n\n    /**\n     * The most concise way to define valid days of the week for calendar. Each day of the week has a checksum value:\n     *\n     * - Sunday = 1\n     * - Monday = 2\n     * - Tuesday = 4\n     * - Wednesday = 8\n     * - Thursday = 16\n     * - Friday = 32\n     * - Saturday = 64\n     *\n     * Add the checksum values of your desired valid days together, and set `daysOfWeekChecksum` to that summed value.\n     *\n     * **Example:**\n     * @snippet\n     * element.daysOfWeekChecksum = 127 // All days of the week are valid\n     * element.daysOfWeekChecksum = 62; // Only weekdays are valid\n     * element.daysOfWeekChecksum = 65; // Only Saturday and Sunday are valid\n     *\n     */\n    @Prop({ reflect: true })\n    daysOfWeekChecksum: number;\n\n    /** Disable the input field. */\n    @Prop({ reflect: true })\n    disabled: boolean;\n\n    /**\n     * Text that displays as the placeholder when the field is marked `disabled`.\n     * @localizable\n     */\n    @Prop({ reflect: true })\n    disabledMsg: string;\n\n    /** Text that appears at the bottom of the popover date picker. */\n    @Prop({ reflect: true })\n    disclaimer: string;\n\n    /**\n     * Determines the display format of the date field value.\n     *\n     * Must follow the [date-fns](https://date-fns.org/v2.28.0/docs/format) token specification.\n     */\n    @Prop({ reflect: true })\n    displayFormat: string;\n\n    /**\n     * Defines the last selectable date in the date picker popover.\n     *\n     * @warning\n     * Must be a valid ISO date string.\n     */\n    @Prop({ reflect: true })\n    endDate: string;\n\n    /**\n     * Each item in the `errors` array will appear below the input field when the field is focused and `typeable` is `true`.\n     * @localizable\n     */\n    @Prop({ mutable: true })\n    errors: string[];\n\n    /** Hide the input field's ` <label> ` element from view. */\n    @Prop({ reflect: true, mutable: true })\n    hideLabel: boolean;\n\n    /**\n     * Each item in the `hints` array will appear below the input field when the field is focused and `typeable` is true.\n     * @localizable\n     */\n    @Prop({ mutable: true })\n    hints: string[];\n\n    /** Show error styles when the calendar is in an errant state. */\n    @Prop({ reflect: true, mutable: true })\n    invalid: boolean;\n\n    /**\n     * Defines an explicit date blacklist.\n     *\n     * @warning\n     * Must be a valid ISO date string.\n     *\n     * @info\n     * When explicit date definitions like `invalidDates` is used, other date validity methods like `daysOfWeekChecksum` are overriden.\n     */\n    @Prop()\n    invalidDates: string[];\n\n    /** The visible label for the `q2-calendar` input field. */\n    @Prop({ reflect: true, mutable: true })\n    label: string;\n\n    /** @deprecated */\n    @Prop()\n    onsuccess: (e: CustomEvent) => void;\n\n    /**\n     * Determine whether the popover is open or closed.\n     *\n     * @readonly\n     */\n    @Prop({ reflect: true, mutable: true })\n    open: boolean;\n\n    /** Appends \"(optional)\" to the label and sets `aria-required=\"false\"`. */\n    @Prop({ reflect: true })\n    optional: boolean;\n\n    /**\n     * Text that appears within the input field when it is blurred and empty.\n     * Placeholder text disappears when the user focuses on the field and provides input.\n     */\n    @Prop({ reflect: true })\n    placeholder: string;\n\n    /** @deprecated */\n    @Prop({ reflect: true })\n    popDirection: 'up' | 'down';\n\n    /** Aligns the popover date picker to the left or right side of the input field. */\n    @Prop()\n    popoverAlignment: 'left' | 'right';\n\n    /**\n     * Force the direction of the popover date picker when it opens.\n     * If no value is passed, the component will auto-detect the direction based on available space.\n     */\n    @Prop({ mutable: true })\n    popoverDirection: 'up' | 'down';\n\n    /** @deprecated */\n    @Prop()\n    popoverMinHeight: number = 355;\n\n    /**\n     * Determines the display mode of the popover.\n     *\n     * Providing a value of `legacy` instructs the popover to use absolute positioning instead of fixed positioning.\n     *\n     * @info\n     * This is a temporary solution to work around styling issues related to using fixed positioning for the popover\n     * when nested inside of elements with transform properties. This will be removed once the popover API is available\n     * for use.\n     */\n    @Prop({ mutable: true })\n    popoverMode: 'legacy' = null;\n\n    /**\n     * The field's content is not editable, but the field remains focusable.\n     *\n     * Appends \"(readonly)\" to the field label. Supersedes `optional` if both are `true`.\n     */\n    @Prop({ reflect: true })\n    readonly: boolean;\n\n    /**\n     * Defines the first selectabe date in the date picker popover.\n     *\n     * @warning\n     * Must be a valid ISO date string.\n     */\n    @Prop({ reflect: true })\n    startDate: string;\n\n    /** The user can type in the field. Only available in desktop browsers. */\n    @Prop({ reflect: true })\n    typeable: boolean;\n\n    /**\n     * Defines an explicit date whitelist.\n     *\n     * @warning\n     * Must be a valid ISO date string.\n     *\n     * @info\n     * When explicit date definitions like `validDates` is used, other date validity methods like `daysOfWeekChecksum` are overriden.\n     */\n    @Prop()\n    validDates: string[];\n\n    /**\n     * The value of the `q2-calendar` element, e.g. the selected date.\n     *\n     * **How to change or clear the value with javascript:**\n     * @snippet\n     * // change date\n     * element.value = '2022-12-21';\n     * // clear date\n     * element.value = null;\n     */\n    @Prop({ mutable: true, reflect: true })\n    value: string | { toDate(): Date };\n\n    // #endregion\n    // #region Events\n\n    /**\n     * Emitted when a date is selected or typed in the input field.\n     * @legacyEvent\n     */\n    @Event()\n    change: EventEmitter<{\n        // ISO formatted date\n        value: string | null;\n    }>;\n\n    /**\n     * Emitted when an invalid date is entered into the field.\n     */\n    @Event()\n    error: EventEmitter<{ errors: { message: string; errorCode: string }[] }>;\n\n    /**\n     * Emitted when a valid date is entered or selected.\n     */\n    @Event()\n    success: EventEmitter<{\n        // ISO formatted date\n        value: string;\n    }>;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    connectedCallback() {\n        this.selectedMonthYear = setupMonthYear(this.dateValue);\n        this.dateList = this.buildDateList(this.selectedMonthYear);\n        if (this.value && this.isTypeable && !this.typedValue) {\n            this.typedValue = reorderDateString(this.value as string);\n        }\n        this.validateDate();\n    }\n\n    componentWillLoad() {\n        this.popDirectionHandler();\n        handleAriaLabel(this);\n    }\n\n    componentDidLoad(): void {\n        overrideFocus(this.hostElement);\n        this.setCustomLabel();\n    }\n\n    componentDidRender() {\n        setTimeout(() => {\n            this.scheduledAfterRender.forEach(fn => fn());\n            this.scheduledAfterRender = [];\n        }, 25);\n    }\n\n    // #endregion\n    // #region Listeners\n\n    @Listen('change')\n    defaultChangeHandler(event: CustomEvent) {\n        if (event.target === this.hostElement && !this.hostElement.onchange && !!event.detail) {\n            this.value = event.detail.value;\n        }\n    }\n\n    @Listen('clear')\n    handleClear() {\n        this.change.emit({ value: null });\n        this.value = null;\n        this.typedValue = '';\n    }\n\n    @Listen('error')\n    defaultErrorHandler(event: CustomEvent) {\n        if (event.target === this.hostElement && !this.hostElement.onerror) {\n            if (this.hintMessageType === 'error' && this.hintMessage) {\n                this.internalError = this.hintMessage;\n            } else {\n                this.internalError = loc('tecton.element.calendar.hint.invalidDate');\n            }\n        }\n    }\n\n    @Listen('focus')\n    delegateFocus(event: FocusEvent) {\n        if (!isEventFromElement(event, this.hostElement)) return;\n        this.controlElement.shadowRoot.querySelector<HTMLElement>('.input-field').focus();\n    }\n\n    @Listen('popoverStateChanged')\n    popoverStateHandler({ detail: { open } }: CustomEvent<{ open: boolean }>) {\n        if (this.open !== open) this.open = open;\n    }\n\n    @Listen('success')\n    defaultSuccessHandler(event: CustomEvent) {\n        if (event.target !== this.hostElement) {\n            return;\n        }\n\n        if (typeof this.onsuccess === 'function') {\n            this.onsuccess(event);\n        } else {\n            this.internalError = '';\n            if (this.hintMessageType === 'error' && this.hintMessage) {\n                this.hintMessage = null;\n                this.hintMessageType = null;\n                this.invalid = false;\n            }\n        }\n    }\n\n    // #endregion\n    // #region Public Methods API\n\n    /**\n     * Emulates clicking the `<input>` to hide the popover if it is visible.\n     *\n     * @testOnly\n     */\n    @Method()\n    async closePopover() {\n        if (!this.open) return;\n        this._togglePopover();\n    }\n\n    /**\n     * Emulates clicking the `<input>` to display the popover if it is hidden.\n     *\n     * @testOnly\n     */\n    @Method()\n    async openPopover() {\n        if (this.open) return;\n        this._togglePopover();\n    }\n\n    /**\n     * Emulates clicking the `<input>` to display the popover, moving to the correct month and year, and clicking the\n     * provided date.\n     *\n     * While a `string` value can be passed, we recommended passing a `Date` object. If the value is invalid, the method\n     * will not select the date.\n     *\n     * @testOnly\n     */\n    @Method()\n    async setValue(value: string | Date) {\n        const date = typeof value === 'string' ? stringToDate(value) : value;\n        if (!isValidDate(date)) return;\n\n        await this.openPopover();\n        await waitForNextPaint();\n\n        this.goToMonthYear(date.getMonth(), date.getFullYear());\n        await waitForNextPaint();\n        const tableCell = this.calendarTable?.querySelector<HTMLTableCellElement>(\n            `td[data-date=\"${formatDateISO(date)}\"]`\n        );\n        tableCell?.click();\n    }\n\n    /**\n     * Emulates focusing the `<input>`, entering the provided value, and emitting an `input` event.\n     *\n     * While a `string` value can be passed, we recommended passing a `Date` object. If the value is invalid, the method\n     * will not select the date.\n     *\n     * @warning\n     * Only applicable when the input is typeable.\n     *\n     * @testOnly\n     */\n    @Method()\n    async typeValue(value: string | Date) {\n        if (!this.typeable) return;\n\n        const date = typeof value === 'string' ? stringToDate(value) : value;\n        const formattedDate = formatDateShort(date);\n        if (!isValidDate(date)) return;\n\n        const { innerInputField, controlElement } = this;\n        innerInputField.focus();\n        innerInputField.dispatchEvent(new FocusEvent('focus'));\n        innerInputField.value = formattedDate;\n        innerInputField.dispatchEvent(new InputEvent('input'));\n        controlElement.dispatchEvent(new KeyboardEvent('keyup'));\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('ariaLabel')\n    ariaLabelObserver() {\n        handleAriaLabel(this);\n    }\n\n    @Watch('cutoffTime')\n    cutoffTimeObserver() {\n        this.dateList = this.buildDateList(this.selectedMonthYear);\n        this.validateDate();\n    }\n\n    @Watch('daysOfWeekChecksum')\n    daysOfWeekChecksumObserver() {\n        this.dateList = this.buildDateList(this.selectedMonthYear);\n        this.validateDate();\n    }\n\n    @Watch('endDate')\n    endDateObserver() {\n        this.dateList = this.buildDateList(this.selectedMonthYear);\n        this.validateDate();\n    }\n\n    @Watch('invalidDates')\n    invalidDatesObserver() {\n        this.dateList = this.buildDateList(this.selectedMonthYear);\n        this.validateDate();\n    }\n\n    @Watch('popDirection')\n    popDirectionHandler() {\n        handleRenamedProp(this, 'popDirection', 'popoverDirection');\n    }\n\n    @Watch('startDate')\n    startDateObserver() {\n        this.dateList = this.buildDateList(this.selectedMonthYear);\n        this.validateDate();\n    }\n\n    @Watch('typeable')\n    typeableChanged() {\n        this.valueObserver(this.value);\n    }\n\n    @Watch('validDates')\n    validDatesObserver() {\n        this.dateList = this.buildDateList(this.selectedMonthYear);\n        this.validateDate();\n    }\n\n    @Watch('value')\n    valueObserver(newValue: string | IMomentLikeObject) {\n        // resetting by empty string\n        if (newValue === '') {\n            this.value = undefined;\n            this.setHints({ isValid: true, message: this.defaultHintMessage, messageType: 'info' });\n            return;\n        }\n        const isMoment = newValue && typeof newValue !== 'string' && 'toDate' in newValue;\n        const newDate = isMoment ? (newValue as IMomentLikeObject).toDate() : stringToDate(newValue as string);\n        const shortFormattedValue = formatDateShort(newDate);\n        if (this.isTypeable) {\n            this.typedValue = shortFormattedValue;\n        } else {\n            this.controlElement.value = shortFormattedValue;\n            this.selectedMonthYear = setupMonthYear(newDate);\n            this.dateList = this.buildDateList(this.selectedMonthYear);\n            this.validateDate();\n        }\n\n        // reset hint when value is cleared\n        if (this.invalid) return;\n\n        if (shortFormattedValue) {\n            this.setHints({\n                isValid: true,\n                message: null,\n                messageType: null,\n            });\n        } else {\n            this.setHints({ isValid: true, message: this.defaultHintMessage, messageType: 'info' });\n        }\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get inputId() {\n        return `calendar-guid-${this.guid}`;\n    }\n\n    get canClear() {\n        if (this.isTypeable) {\n            return this.clearable && !!this.typedValue;\n        } else {\n            return this.clearable && !!this.value;\n        }\n    }\n\n    get computedPlaceholder(): string {\n        if (this.disabled && this.disabledMsg) {\n            return loc(this.disabledMsg);\n        }\n\n        if (this.buttonLabel && (this.disabled || this.placeholder)) {\n            return loc(this.buttonLabel);\n        }\n\n        return (this.placeholder && loc(this.placeholder)) || '';\n    }\n\n    get currentWeeks() {\n        const weeks = this.dateList.reduce<CalendarDay[][]>((accum, item, index) => {\n            const chunkIndex = Math.floor(index / 7);\n\n            if (!accum[chunkIndex]) {\n                accum[chunkIndex] = [];\n            }\n\n            accum[chunkIndex].push(item);\n\n            return accum;\n        }, []);\n\n        return weeks;\n    }\n\n    get dateValidators(): IDateValidators {\n        const ct = new Date(this.cutoffTime || ''); // should fallback to InvalidDate\n        return {\n            startDate: stringToDate(this.startDate),\n            endDate: stringToDate(this.endDate),\n            cutOffTime: isValidDate(ct) ? ct : undefined,\n        };\n    }\n\n    get dateValue(): Date | undefined {\n        if (this.isTypeable) {\n            return stringToDate(this.typedValue);\n        } else {\n            let { value } = this;\n            const isMoment = value && typeof value !== 'string' && 'toDate' in value;\n            if (isMoment) return (value as IMomentLikeObject).toDate();\n\n            // stringified moment value assigned in html template e.g.) handlebar\n            const isMomentString =\n                typeof value === 'string' && value.split(' ').length === 6 && /GMT-\\d{4}/g.test(value);\n            if (isMomentString) {\n                value = formatDateISO(value as string);\n            }\n\n            return stringToDate(value as string);\n        }\n    }\n\n    get defaultHintMessage() {\n        return this.typeable\n            ? loc('tecton.element.calendar.hint.format') + ': ' + this.defaultFormatString\n            : loc('tecton.element.calendar.hint.select');\n    }\n\n    get errorList() {\n        const { errors, internalError, invalid } = this;\n        let list = [];\n        if (internalError) {\n            list = [internalError];\n        }\n        if (Array.isArray(errors) && errors.length) {\n            list = errors\n                .filter(error => !!error)\n                .map(error => loc(error))\n                .concat(list);\n        } else if (!internalError && invalid) {\n            return ['tecton.element.calendar.invalid'];\n        }\n        return list;\n    }\n\n    get formattedValue() {\n        const { typedValue, dateValue, displayFormat, isTypeable } = this;\n        if (isTypeable) return typedValue;\n\n        if (dateValue === undefined) return '';\n        if (displayFormat) return format(dateValue, convertMomentFormat(displayFormat));\n\n        return new Intl.DateTimeFormat('en-US', {\n            year: 'numeric',\n            month: '2-digit',\n            day: '2-digit',\n            timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,\n        }).format(dateValue);\n    }\n\n    get hintList() {\n        const { hints, hintMessageType, hintMessage } = this;\n        if (Array.isArray(hints) && hints.length) return hints.filter(hint => !!hint).map(hint => loc(hint));\n        if (hintMessageType === 'info' && hintMessage) return [hintMessage];\n        return [];\n    }\n\n    get innerInputContainer(): HTMLElement {\n        return this.controlElement?.shadowRoot?.querySelector('.input-container');\n    }\n\n    get innerInputField(): HTMLInputElement | HTMLButtonElement {\n        return this.controlElement?.shadowRoot?.querySelector('.input-field');\n    }\n\n    get isTypeable(): boolean {\n        return this.typeable;\n    }\n\n    get selectedDate() {\n        const selectedCell = this.calendarBody?.querySelector<HTMLTableCellElement>('[aria-selected=\"true\"]');\n        return selectedCell ? removeTimezoneOffset(new Date(selectedCell.dataset.date)) : null;\n    }\n\n    _togglePopover() {\n        const toggleElement = this.typeable ? this.btnCalendarToggle : this.innerInputField;\n        toggleElement?.click();\n        toggleElement?.focus();\n        toggleElement.dispatchEvent(new FocusEvent('focus'));\n    }\n\n    activateDay(date: Date) {\n        this.goToMonthYear(date.getMonth(), date.getFullYear());\n        this.scheduledAfterRender.push(() => this.focusDay(date));\n    }\n\n    buildDateList(monthYear: ISelectedMonthYear): DateList {\n        const invalidDates = stringArrayToDate(this.invalidDates);\n        const validDaysOfWeek = getValidDaysOfWeek(this.daysOfWeekChecksum);\n        const validDates = stringArrayToDate(this.validDates);\n        return buildDates(\n            validDaysOfWeek,\n            validDates,\n            invalidDates,\n            monthYear,\n            this.dateValue,\n            this.dateValidators,\n            this.typedValue\n        );\n    }\n\n    setCustomLabel() {\n        const customLabel = this.hostElement.querySelector('[slot=\"label\"]');\n        if (customLabel) {\n            this.controlElement?.appendChild(customLabel.cloneNode(true));\n            this.hostElement.removeChild(customLabel);\n        }\n    }\n\n    checkActiveCellForBlankness() {\n        const activeElement = this.hostElement.shadowRoot.activeElement;\n        if (!activeElement || activeElement.tagName !== 'TD' || !activeElement.hasAttribute('aria-hidden')) return;\n\n        const { calendarBody } = this;\n        const calendarCells = Array.from(calendarBody.querySelectorAll<Element>('td'));\n        const indexOfCell = Array.from(calendarCells).indexOf(activeElement);\n\n        const dayToFocus =\n            indexOfCell < 15 ? 1 : calendarCells.filter(cell => !cell.hasAttribute('aria-hidden')).length;\n\n        this.focusDay(this.generateDateFromDay(dayToFocus));\n    }\n\n    closeCalendar = () => {\n        if (!this.open) return;\n        this.open = false;\n        this.focusInput();\n    };\n\n    async focusDay(date: Date) {\n        if (!date) return;\n        await waitForNextPaint();\n        this.calendarBody.querySelector<HTMLElement>(`td[data-day=\"${date.getDate()}\"]`)?.focus();\n    }\n\n    focusInput() {\n        this.controlElement?.focus();\n    }\n\n    generateDateFromDay(day: number) {\n        const { monthIndex, selectedYear } = this.selectedMonthYear;\n        return new Date(selectedYear, monthIndex, day);\n    }\n\n    goToMonthYear = (monthIndex: number, year: number) => {\n        if (monthIndex < 0) {\n            monthIndex = 11;\n            year--;\n        } else if (monthIndex > 11) {\n            monthIndex = 0;\n            year++;\n        }\n        this.selectedMonthYear = {\n            monthIndex,\n            selectedYear: year,\n        };\n        this.dateList = this.buildDateList(this.selectedMonthYear);\n\n        this.scheduledAfterRender.push(() => this.checkActiveCellForBlankness());\n    };\n\n    onClickElsewhere = (event: CustomEvent) => {\n        const target = event.target as HTMLClickElsewhereElement;\n        if (target.localName === 'click-elsewhere') {\n            event.stopPropagation();\n            this.closeCalendar();\n        }\n    };\n\n    onDateKeydown = (event: KeyboardEvent) => {\n        const { monthIndex, selectedYear } = this.selectedMonthYear;\n        const currentDay = parseInt((event.target as HTMLElement).dataset.day);\n        const currentDate = this.generateDateFromDay(currentDay);\n\n        switch (event.key) {\n            case 'ArrowUp':\n                event.preventDefault();\n                this.activateDay(addDays(currentDate, -7));\n                break;\n\n            case 'ArrowDown':\n                event.preventDefault();\n                this.activateDay(addDays(currentDate, 7));\n                break;\n\n            case 'ArrowRight':\n                event.preventDefault();\n                this.activateDay(addDays(currentDate, 1));\n                break;\n\n            case 'ArrowLeft':\n                event.preventDefault();\n                this.activateDay(addDays(currentDate, -1));\n                break;\n\n            case 'PageUp':\n                event.preventDefault();\n                if (event.shiftKey) this.goToMonthYear(monthIndex, selectedYear - 1);\n                else this.goToMonthYear(monthIndex - 1, selectedYear);\n                break;\n\n            case 'PageDown':\n                event.preventDefault();\n                if (event.shiftKey) this.goToMonthYear(monthIndex, selectedYear + 1);\n                else this.goToMonthYear(monthIndex + 1, selectedYear);\n                break;\n\n            case 'Home':\n                event.preventDefault();\n                this.activateDay(addDays(currentDate, -currentDate.getDay()));\n                break;\n\n            case 'End':\n                event.preventDefault();\n                this.activateDay(addDays(currentDate, 6 - currentDate.getDay()));\n                break;\n\n            case 'Escape':\n                event.preventDefault();\n                this.closeCalendar();\n                this.focusInput();\n                break;\n\n            case 'Enter':\n                event.preventDefault();\n                if (!this.dateList.find(({ date }) => isSameDay(date, currentDate)).isValid) return;\n                this.selectDate(currentDate);\n                this.closeCalendar();\n                this.focusInput();\n                break;\n\n            case ' ':\n                event.preventDefault();\n                if (!this.dateList.find(({ date }) => isSameDay(date, currentDate)).isValid) return;\n                this.selectDate(currentDate);\n                this.closeCalendar();\n                this.focusInput();\n                break;\n        }\n    };\n\n    onDateSelection = (event: MouseEvent) => {\n        const dateCell = (event.target as HTMLElement).closest<HTMLElement>('td:not([aria-hidden])');\n        if (!dateCell) return;\n        const clickedDate = removeTimezoneOffset(new Date(dateCell.dataset.date));\n        this.selectDate(clickedDate);\n        this.closeCalendar();\n    };\n\n    onHeaderControlKeydown = (event: KeyboardEvent) => {\n        const currentDate = this.generateDateFromDay(1);\n        const hasSelectedCell = this.calendarBody?.querySelector<HTMLTableCellElement>('[aria-selected=\"true\"]');\n\n        if (event.key === 'Tab' && !hasSelectedCell) {\n            event.preventDefault();\n            this.activateDay(currentDate);\n        }\n    };\n\n    onInputBlur = () => {\n        if (!this.isTypeable) return;\n\n        const validDays = getValidDaysOfWeek(this.daysOfWeekChecksum);\n        const { typedValue } = this;\n        const { isValid, inputDate, isAvailable } = validateInput(\n            this.typedValue,\n            validDays,\n            this.validDates,\n            this.invalidDates,\n            this.startDate,\n            this.endDate,\n            this.defaultFormatString,\n            this.assume\n        );\n\n        if (!typedValue && inputDate?.toString() === 'Invalid Date') {\n            // initial/clear state\n            this.setHints({ isValid: true, message: this.defaultHintMessage, messageType: 'info' });\n        } else if (\n            isValid ||\n            (typedValue &&\n                typedValue.length > 4 && // at least mm/dd provided\n                inputDate &&\n                isValidDate(inputDate) &&\n                isAvailable)\n        ) {\n            this.setCompleteInput(inputDate);\n        } else if (this.value) {\n            this.valueOnBlur = this.value;\n            this.value = null;\n            this.change.emit({ value: null });\n            this.typedValue = typedValue;\n        }\n    };\n\n    onInputChange = (event: Event) => {\n        event.stopPropagation();\n    };\n\n    onInputClick = () => {\n        if (this.disabled) return;\n        this.toggleCalendar();\n    };\n\n    onInputFocus = (event: FocusEvent) => {\n        if (!this.isTypeable) return;\n        if (event.target === this.controlElement) {\n            if (this.valueOnBlur && !this.value) {\n                const tmpTypedValue = this.typedValue;\n                this.value = this.valueOnBlur;\n                this.typedValue = tmpTypedValue;\n                this.valueOnBlur = null;\n            }\n            this.closeCalendar();\n        }\n    };\n\n    onInputInput = ({ detail: { value } }: Q2InputCustomEvent<IEventDetail> & InputEvent) => {\n        this.typedValue = value;\n    };\n\n    onInputKeydown = (event: KeyboardEvent) => {\n        const { dateValue } = this;\n\n        if (!this.disabled) {\n            switch (event.key) {\n                case 'ArrowDown':\n                    event.preventDefault();\n                    this.openCalendar();\n                    this.activateDay(dateValue || new Date());\n                    break;\n\n                case 'Enter':\n                case ' ':\n                    if (this.typeable) break;\n                    event.preventDefault();\n                    if (this.open) {\n                        this.closeCalendar();\n                    } else {\n                        this.openCalendar();\n                        this.activateDay(dateValue || new Date());\n                    }\n                    break;\n            }\n        }\n    };\n\n    onInputKeyup = (event: KeyboardEvent) => {\n        if (this.disabled) {\n            return;\n        }\n\n        switch (event.key) {\n            case 'Escape':\n                this.onInputBlur();\n                this.closeCalendar();\n                break;\n        }\n\n        if (!this.isTypeable) return;\n\n        // handle missing zero in month and date\n        this.typedValue = handleMissingZeros(this.typedValue);\n        const { typedValue } = this;\n        const validDays = getValidDaysOfWeek(this.daysOfWeekChecksum);\n        const { isValid, message, messageType, inputDate, isAvailable, calendarPosition } = validateInput(\n            typedValue,\n            validDays,\n            this.validDates,\n            this.invalidDates,\n            this.startDate,\n            this.endDate,\n            this.defaultFormatString,\n            this.assume\n        );\n\n        if (calendarPosition) {\n            const [mm, dd, yyyy] = calendarPosition;\n            const date = new Date(yyyy, mm - 1, dd);\n            if (isValidDate(date)) {\n                this.selectedMonthYear = setupMonthYear(date);\n                this.dateList = this.buildDateList(this.selectedMonthYear);\n                this.validateDate();\n            }\n        }\n\n        if (event.key === 'Enter') {\n            if (\n                isValid ||\n                (typedValue &&\n                    typedValue.length > 4 && // at least mm/dd provided\n                    inputDate &&\n                    isValidDate(inputDate) &&\n                    isAvailable)\n            ) {\n                this.setCompleteInput(inputDate);\n            } else if (this.value) {\n                this.value = null;\n                this.change.emit({ value: null });\n                this.typedValue = typedValue;\n            }\n\n            if (this.keyboardSelection) {\n                this.keyboardSelection = false;\n                this.closeCalendar();\n            } else {\n                this.toggleCalendar();\n            }\n        } else {\n            this.setHints({ isValid, message, messageType });\n        }\n    };\n\n    onPopupKeyup = (event: KeyboardEvent) => {\n        if (event.key === 'Escape' || event.key === 'Esc') {\n            this.onInputBlur();\n            this.closeCalendar();\n        }\n    };\n\n    onRefocus = () => {\n        this.btnPrevMonth?.dispatchEvent(new FocusEvent('focus'));\n    };\n\n    openCalendar = () => {\n        if (this.readonly || this.open) return;\n        this.selectedMonthYear = setupMonthYear(this.dateValue);\n        this.dateList = this.buildDateList(this.selectedMonthYear);\n        this.open = true;\n    };\n\n    selectDate = (newDate: Date) => {\n        const { isValid } = this.dateList.find(({ date }) => isSameDay(date, newDate));\n        if (!isValid) return;\n        this.change.emit({ value: formatDateISO(newDate) });\n        this.typedValue = formatDateShort(newDate);\n        this.invalid = false;\n        this.success.emit({ value: formatDateISO(newDate) });\n    };\n\n    setCompleteInput(inputDate: Date) {\n        const formattedDate = formatDateShort(inputDate);\n        this.change.emit({ value: formatDateISO(inputDate) });\n        this.typedValue = formattedDate;\n        this.internalError = null;\n        this.setHints({\n            isValid: true,\n            message: null,\n            messageType: null,\n        });\n    }\n\n    setHints({ isValid, message, messageType }) {\n        if (message === this.hintMessage) return this.hintMessageElement?.present();\n        this.invalid = !isValid;\n        this.hintMessage = message;\n        this.hintMessageType = messageType;\n        if (messageType === 'error' && message) {\n            this.internalError = message;\n            this.error.emit({\n                errors: [\n                    {\n                        message,\n                        errorCode: 'generalInvalid',\n                    },\n                ],\n            });\n        }\n    }\n\n    toggleCalendar = () => {\n        if (this.readonly) return;\n        if (this.open) {\n            this.closeCalendar();\n        } else {\n            this.openCalendar();\n        }\n    };\n\n    validateDate() {\n        try {\n            if (!!this.value) {\n                const { dateValue } = this;\n                const month = dateValue?.getMonth() ?? undefined;\n                const year = dateValue?.getFullYear() ?? undefined;\n                const { monthIndex, selectedYear } = this.selectedMonthYear;\n\n                const isSelectedMonthAndYear = month === monthIndex && year === selectedYear;\n                let calculationDateList = [];\n\n                if (!dateValue) {\n                    calculationDateList = [];\n                } else if (isSelectedMonthAndYear) {\n                    calculationDateList = this.dateList;\n                } else {\n                    calculationDateList = this.buildDateList({\n                        monthIndex: month,\n                        selectedYear: year,\n                    });\n                }\n\n                const dateValueDayOfMonth = dateValue?.getDate() ?? undefined;\n                const isDateValueInvalid = dateValueDayOfMonth\n                    ? !calculationDateList.find(({ integer }) => integer === dateValueDayOfMonth).isValid\n                    : true;\n                if (isDateValueInvalid) {\n                    this.error.emit({\n                        errors: [\n                            {\n                                message: `Value passed is invalid: The date ${this.value} is not valid`,\n                                errorCode: 'generalInvalid',\n                            },\n                        ],\n                    });\n                } else {\n                    this.success.emit({ value: formatDateISO(dateValue) });\n                }\n            }\n        } catch (error) {\n            console.warn('Invalid moment value ', this.dateValue);\n        }\n    }\n\n    // #endregion\n    // #region Render Methods\n\n    renderCalendarDays() {\n        return (\n            <table\n                role=\"grid\"\n                aria-labelledby=\"table-label\"\n                ref={ref => (this.calendarTable = ref)}\n            >\n                <thead>\n                    <tr>\n                        {[...Array(7).keys()].map(index => (\n                            <th\n                                scope=\"col\"\n                                aria-label={this.dayStrings[index]}\n                            >\n                                {this.dayAbbrStrings[index]}\n                            </th>\n                        ))}\n                    </tr>\n                </thead>\n                <tbody\n                    onClick={this.onDateSelection}\n                    onKeyDown={this.onDateKeydown}\n                    ref={elm => (this.calendarBody = elm)}\n                    test-id=\"calendarTableBody\"\n                >\n                    {this.currentWeeks.map(week => (\n                        <tr>\n                            {week.map(day => {\n                                let ariaLabel = '';\n                                if (day.isToday) ariaLabel = `${loc('tecton.element.calendar.today')}, `;\n                                ariaLabel += formatDateFull(day.date);\n                                if (day.isSelected) ariaLabel += ` (${loc('tecton.element.calendar.selected')})`;\n                                return (\n                                    <td\n                                        class={day.classList}\n                                        aria-hidden={day.isEmpty ? 'true' : undefined}\n                                        tabindex={day.isSelected ? 0 : -1}\n                                        role={day.isSelected ? 'gridcell' : undefined}\n                                        aria-selected={`${day.isSelected}`}\n                                        aria-disabled={day.isValid ? undefined : 'true'}\n                                        data-day={day.integer || undefined}\n                                        data-date={day.date ? formatDateISO(day.date) : undefined}\n                                    >\n                                        {day?.isToday && (\n                                            <div\n                                                class=\"today-decorator\"\n                                                aria-hidden=\"true\"\n                                            >\n                                                {loc('tecton.element.calendar.today')}\n                                            </div>\n                                        )}\n                                        <div aria-label={ariaLabel}>{day?.integer ?? ''}</div>\n                                    </td>\n                                );\n                            })}\n                        </tr>\n                    ))}\n                </tbody>\n            </table>\n        );\n    }\n\n    renderCalendarPopover() {\n        const { monthIndex, selectedYear } = this.selectedMonthYear;\n        return (\n            <div\n                class=\"calendar-field-popup\"\n                onKeyUp={this.onPopupKeyup}\n            >\n                {this.calendarLabel && <p class=\"calendar-label\">{loc(this.calendarLabel)}</p>}\n                <div class=\"cal-month-heading\">\n                    <q2-btn\n                        label={loc('tecton.element.calendar.previousMonth')}\n                        hide-label\n                        ref={elm => (this.btnPrevMonth = elm)}\n                        class=\"cal-nav-btn prev-month\"\n                        test-id=\"previousMonthButton\"\n                        onClick={() => this.goToMonthYear(monthIndex - 1, selectedYear)}\n                    >\n                        <q2-icon type=\"chevron-left\" />\n                    </q2-btn>\n                    <span class=\"cal-month-text\">{this.monthStrings[monthIndex]}</span>\n                    <q2-btn\n                        label={loc('tecton.element.calendar.nextMonth')}\n                        hide-label\n                        class=\"cal-nav-btn next-month\"\n                        ref={elm => (this.btnNextMonth = elm)}\n                        test-id=\"nextMonthButton\"\n                        onClick={() => this.goToMonthYear(monthIndex + 1, selectedYear)}\n                    >\n                        <q2-icon type=\"chevron-right\" />\n                    </q2-btn>\n                    <q2-btn\n                        label={loc('tecton.element.calendar.previousYear')}\n                        hide-label\n                        class=\"cal-nav-btn prev-year\"\n                        ref={elm => (this.btnPrevYear = elm)}\n                        test-id=\"previousYearButton\"\n                        onClick={() => this.goToMonthYear(monthIndex, selectedYear - 1)}\n                    >\n                        <q2-icon type=\"chevron-left\" />\n                    </q2-btn>\n                    <span class=\"cal-year-text\">{this.selectedMonthYear.selectedYear}</span>\n                    <q2-btn\n                        label={loc('tecton.element.calendar.nextYear')}\n                        hide-label\n                        class=\"cal-nav-btn next-year\"\n                        ref={elm => (this.btnNextYear = elm)}\n                        test-id=\"nextYearButton\"\n                        onClick={() => this.goToMonthYear(monthIndex, selectedYear + 1)}\n                        onKeyDown={this.onHeaderControlKeydown}\n                    >\n                        <q2-icon type=\"chevron-right\" />\n                    </q2-btn>\n                </div>\n                <div\n                    class=\"sr\"\n                    aria-live=\"polite\"\n                    id=\"table-label\"\n                >\n                    {`${this.monthStrings[monthIndex]} ${selectedYear}`}\n                </div>\n                {this.renderCalendarDays()}\n                {this.disclaimer && <div class=\"calendar-disclaimer\">{loc(this.disclaimer)}</div>}\n                <div\n                    tabindex=\"0\"\n                    class=\"sr refocus-popup\"\n                    onFocus={this.onRefocus}\n                />\n            </div>\n        );\n    }\n\n    renderHintField() {\n        if (!this.hintMessage) return;\n\n        return (\n            <q2-message\n                class=\"calendar-hint sr\"\n                ref={el => (this.hintMessageElement = el)}\n                type={this.hintMessageType}\n            >\n                {this.hintMessage}\n            </q2-message>\n        );\n    }\n\n    renderInputField() {\n        const { isTypeable } = this;\n        return (\n            <q2-input\n                ref={el => (this.controlElement = el)}\n                class=\"calendar-input-field\"\n                value={this.formattedValue}\n                label={loc(this.label)}\n                hideLabel={this.hideLabel}\n                disabled={!!this.disabled}\n                readonly={!!this.readonly}\n                clearable={this.canClear}\n                placeholder={this.computedPlaceholder}\n                optional={!!this.optional}\n                aria-expanded={`${!!this.open}`}\n                aria-controls=\"calendar-popover\"\n                hints={this.hintList}\n                errors={this.errorList}\n                onClick={isTypeable ? undefined : this.onInputClick}\n                onChange={this.onInputChange}\n                onInput={this.onInputInput}\n                onKeyDown={this.onInputKeydown}\n                onKeyUp={this.onInputKeyup}\n                onBlur={this.onInputBlur}\n                onFocus={this.onInputFocus}\n                icon-right={isTypeable ? undefined : 'calendar'}\n                format-modifier={isTypeable ? this.formatModifier : this.displayFormat || this.formatModifier}\n                type=\"date\"\n                hide-messages={!isTypeable}\n                test-id=\"inputAndCalendarToggle\"\n                _role=\"combobox\"\n                _preventEntry={!isTypeable}\n            >\n                {isTypeable && (\n                    <q2-btn\n                        ref={el => (this.btnCalendarToggle = el)}\n                        slot=\"input-right\"\n                        onClick={this.onInputClick}\n                        test-id=\"calendarToggle\"\n                        label=\"tecton.element.calendar.toggleAriaLabel\"\n                        hide-label\n                    >\n                        <q2-icon type=\"calendar\" />\n                    </q2-btn>\n                )}\n            </q2-input>\n        );\n    }\n\n    render() {\n        return (\n            <click-elsewhere\n                class={this.open ? 'dropdown-open' : undefined}\n                onChange={this.onClickElsewhere}\n            >\n                {this.renderInputField()}\n                <q2-popover\n                    ref={el => (this.popoverElement = el)}\n                    id=\"calendar-popover\"\n                    controlElement={this.innerInputContainer}\n                    open={this.open}\n                    direction={this.popoverDirection}\n                    minHeight={this.popoverMinHeight}\n                    align={this.popoverAlignment}\n                    mode={this.popoverMode || undefined}\n                    block\n                >\n                    {this.renderHintField()}\n                    {this.renderCalendarPopover()}\n                </q2-popover>\n            </click-elsewhere>\n        );\n    }\n\n    // #endregion\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["formatDateISO","value","date","Date","isValidDate","formatISO","representation","memoizedFormatDateShort","formatDateShort","isoDate","toISOString","Intl","DateTimeFormat","month","day","year","timeZone","resolvedOptions","format","memoizedFormatDateLong","formatDateLong","memoizedFormatDateFull","formatDateFull","weekday","convertMomentFormat","stringFormat","replace","stringToDate","isString","undefined","result","dateParts","split","map","part","padStart","isIsoString","length","isCompleteDate","isPartialDate","isStandardSlashDate","includes","unshift","pop","UTC","parseInt","now","yearNumber","monthNumber","dayNumber","getFullYear","removeTimezoneOffset","timeZoneOffset","getTimezoneOffset","setMinutes","Math","abs","stringArrayToDate","dateArray","Array","isArray","setupMonthYear","monthIndex","getMonth","selectedYear","validateInput","input","validDays","validDates","invalidDates","startDate","endDate","formatString","assume","isValid","isAvailable","messageType","message","loc","inputDate","buildInputDate","getDate","calendarPosition","monthName","getMonths","getDay","isoString","isNotValidDate","isInvalidDate","isBeforeStartDate","isAfterEndDate","isInvalid","Number","twoDigitDay","fourDigitYear","assumeYear","monthDay","mm","dd","nowLocal","assumedYear","slice","toString","handleMissingZeros","match","sp","reorderDateString","firstDayOfWeekInMonth","getDays","getDaysOfWeek","generateDatesFromMonthYear","daysInMonth","getDaysInMonth","keys","reduce","acc","stepIndex","push","getValidDaysOfWeek","checksum","sunValid","monValid","tuesValid","wedsValid","thursValid","friValid","satValid","ret","validateAgainstChecksum","validDaysOfWeek","newDate","validateAgainstBlacklist","validateAgainstWhitelist","some","validDate","isSameDay","buildDates","selectedMonthYear","currentSelection","dateValidators","typedValue","validationFns","baseValidation","bind","generateDateList","isIncompleteDate","datesInMonth","dayInMonth","dateIndex","fn","dayState","getDayState","classList","generateClassesForCalDay","Object","assign","integer","isEmpty","isActivity","startOfMonthEmpties","addEmptiesMonthStart","endOfMonthEmpties","addEmptiesMonthEnd","isNewDateBeforeStartDate","isAfter","isNewDateAfterEndDate","isBefore","isNowAfterCutoffTime","cutOffTime","currentDate","isSelected","isToday","isStartDate","isEndDate","classes","join","monthStartDayOfWeek","addEmptyDates","monthEndDayOfWeek","emptyDate","from","to","q2CalendarCss","Q2Calendar","constructor","hostRef","this","dayAbbrStrings","dayStrings","defaultFormatString","formatModifier","internalError","monthStrings","scheduledAfterRender","guid","createGuid","hintMessage","defaultHintMessage","hintMessageType","keyboardSelection","popoverMinHeight","popoverMode","closeCalendar","open","focusInput","goToMonthYear","dateList","buildDateList","checkActiveCellForBlankness","onClickElsewhere","event","target","localName","stopPropagation","onDateKeydown","currentDay","dataset","generateDateFromDay","key","preventDefault","activateDay","addDays","shiftKey","find","selectDate","onDateSelection","dateCell","closest","clickedDate","onHeaderControlKeydown","hasSelectedCell","_a","calendarBody","querySelector","onInputBlur","isTypeable","daysOfWeekChecksum","setHints","setCompleteInput","valueOnBlur","change","emit","onInputChange","onInputClick","disabled","toggleCalendar","onInputFocus","controlElement","tmpTypedValue","onInputInput","detail","onInputKeydown","dateValue","openCalendar","typeable","onInputKeyup","yyyy","validateDate","onPopupKeyup","onRefocus","btnPrevMonth","dispatchEvent","FocusEvent","readonly","invalid","success","connectedCallback","componentWillLoad","popDirectionHandler","handleAriaLabel","componentDidLoad","overrideFocus","hostElement","setCustomLabel","componentDidRender","setTimeout","forEach","defaultChangeHandler","onchange","handleClear","defaultErrorHandler","onerror","delegateFocus","isEventFromElement","shadowRoot","focus","popoverStateHandler","defaultSuccessHandler","onsuccess","closePopover","_togglePopover","openPopover","setValue","waitForNextPaint","tableCell","calendarTable","click","typeValue","formattedDate","innerInputField","InputEvent","KeyboardEvent","ariaLabelObserver","cutoffTimeObserver","daysOfWeekChecksumObserver","endDateObserver","invalidDatesObserver","handleRenamedProp","startDateObserver","typeableChanged","valueObserver","validDatesObserver","newValue","isMoment","toDate","shortFormattedValue","inputId","canClear","clearable","computedPlaceholder","disabledMsg","buttonLabel","placeholder","currentWeeks","weeks","accum","item","index","chunkIndex","floor","ct","cutoffTime","isMomentString","test","errorList","errors","list","filter","error","concat","formattedValue","displayFormat","hintList","hints","hint","innerInputContainer","_b","selectedDate","selectedCell","toggleElement","btnCalendarToggle","focusDay","monthYear","customLabel","appendChild","cloneNode","removeChild","activeElement","tagName","hasAttribute","calendarCells","querySelectorAll","indexOfCell","indexOf","dayToFocus","cell","hintMessageElement","present","errorCode","isSelectedMonthAndYear","calculationDateList","dateValueDayOfMonth","_c","isDateValueInvalid","console","warn","renderCalendarDays","h","role","ref","scope","onClick","onKeyDown","elm","week","ariaLabel","class","tabindex","renderCalendarPopover","onKeyUp","calendarLabel","label","type","btnNextMonth","btnPrevYear","btnNextYear","id","disclaimer","onFocus","renderHintField","el","renderInputField","hideLabel","optional","onChange","onInput","onBlur","_role","_preventEntry","slot","render","popoverElement","direction","popoverDirection","minHeight","align","popoverAlignment","mode","block"],"sources":["src/components/q2-calendar/q2-calendar-helpers.ts","src/components/q2-calendar/q2-calendar-validation.ts","src/components/q2-calendar/q2-calendar.scss?tag=q2-calendar&encapsulation=shadow","src/components/q2-calendar/q2-calendar.tsx"],"sourcesContent":["import { isValid as isValidDate, formatISO, setMinutes } from 'date-fns';\nimport { loc } from '../../utils';\nimport { ISelectedMonthYear, InputValidation } from './q2-calendar-types';\n\nexport interface IMomentLikeObject {\n    toDate(): Date;\n}\n\nexport function formatDateISO(value: string | Date) {\n    const date = new Date(value);\n    if (!isValidDate(date)) return;\n\n    return formatISO(date, { representation: 'date' });\n}\n\nlet memoizedFormatDateShort: Intl.DateTimeFormat;\nexport function formatDateShort(value: string | Date) {\n    const date = new Date(value);\n    if (!isValidDate(date)) return;\n\n    const isoDate = date.toISOString();\n    if (!memoizedFormatDateShort) {\n        memoizedFormatDateShort = new Intl.DateTimeFormat('en-US', {\n            month: '2-digit',\n            day: '2-digit',\n            year: 'numeric',\n            timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,\n        });\n    }\n\n    return memoizedFormatDateShort.format(new Date(isoDate));\n}\n\nlet memoizedFormatDateLong: Intl.DateTimeFormat;\nexport function formatDateLong(value: string | Date) {\n    const date = new Date(value);\n    if (!isValidDate(date)) return;\n    if (!memoizedFormatDateLong) {\n        memoizedFormatDateLong = new Intl.DateTimeFormat('en-US', {\n            month: 'short',\n            day: 'numeric',\n            year: 'numeric',\n        });\n    }\n\n    return memoizedFormatDateLong.format(date);\n}\n\nlet memoizedFormatDateFull: Intl.DateTimeFormat;\nexport function formatDateFull(value: string | Date) {\n    if (!value) return;\n    const date = new Date(value);\n    if (!isValidDate(date)) return;\n    if (!memoizedFormatDateFull) {\n        memoizedFormatDateFull = new Intl.DateTimeFormat('en-US', {\n            month: 'long',\n            day: 'numeric',\n            year: 'numeric',\n            weekday: 'long',\n            timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,\n        });\n    }\n\n    return memoizedFormatDateFull.format(date);\n}\n\nexport function convertMomentFormat(stringFormat: string) {\n    return stringFormat\n        .replace(/[d]/g, 'E')\n        .replace(/[D]/g, 'd')\n        .replace(/[Y]/g, 'y')\n        .replace(/[l]/g, 'P')\n        .replace(/[W]/g, 'I');\n}\n\nexport function stringToDate(date: string | null | void): Date | undefined {\n    const isString = typeof date === 'string';\n    if (!isString && date && isValidDate(new Date(date || undefined))) {\n        date = formatDateISO(date);\n    } else if (!date || !isValidDate(new Date(date))) {\n        return undefined;\n    }\n\n    let result: Date;\n    const dateParts = date.split(/[\\/\\-]/).map(part => part.padStart(2, '0'));\n    const isIsoString = isString && date.length >= 24 && date[10] === 'T';\n    const isCompleteDate = dateParts.length === 3;\n    const isPartialDate = dateParts.length < 3;\n    if (isIsoString) {\n        date = date.split('T')[0];\n        result = new Date(date);\n    } else if (isCompleteDate) {\n        const isStandardSlashDate = date.includes('/') && dateParts[2].length === 4;\n\n        // Reorder mm/dd/yyyy dates for ISO formatting\n        // [mm, dd, yyyy] -> [yyyy, mm, dd]\n        if (isStandardSlashDate) dateParts.unshift(dateParts.pop());\n\n        result = new Date(Date.UTC(parseInt(dateParts[0]), parseInt(dateParts[1]) - 1, parseInt(dateParts[2])));\n    } else if (isPartialDate) {\n        const now = new Date();\n\n        let yearNumber: number;\n        let monthNumber: string;\n        let dayNumber: string;\n        switch (dateParts.length) {\n            case 1:\n                yearNumber = now.getFullYear();\n                monthNumber = dateParts[0];\n                dayNumber = '01';\n                break;\n\n            case 2:\n                yearNumber = now.getFullYear();\n                monthNumber = dateParts[0];\n                dayNumber = dateParts[1];\n                break;\n        }\n\n        result = new Date(`${yearNumber}-${monthNumber}-${dayNumber}`);\n    }\n\n    if (!isValidDate(result)) return undefined;\n\n    // result = setHours(result, 0);\n    result = removeTimezoneOffset(result);\n\n    return isValidDate(result) ? result : undefined;\n}\n\nexport function removeTimezoneOffset(date: Date) {\n    const timeZoneOffset = date.getTimezoneOffset();\n    // Minutes compensation for some timezones like India, Central Australia and etc use  GMT+5:30, GMT+9:30\n    return setMinutes(date, timeZoneOffset + Math.abs(timeZoneOffset % 60));\n}\n\nexport function stringArrayToDate(dateArray: string[]): Date[] {\n    if (!Array.isArray(dateArray) || dateArray.length === 0) {\n        return [];\n    }\n    return dateArray.map(date => stringToDate(date));\n}\n\nexport function setupMonthYear(value: Date | undefined = new Date()): ISelectedMonthYear {\n    return {\n        monthIndex: value.getMonth(),\n        selectedYear: value.getFullYear(),\n    };\n}\n\nexport function validateInput(\n    input: string = '',\n    validDays: number[] = [],\n    validDates: string[] = [], // white list\n    invalidDates: string[] = [], // black list\n    startDate: string,\n    endDate: string,\n    formatString: string = 'mm/dd/yyyy',\n    assume: string\n): InputValidation {\n    let isValid: boolean = false;\n    let isAvailable: boolean = false;\n    let messageType: string = 'info';\n    let message: string = `${loc('tecton.element.calendar.hint.format')}: ${formatString}`;\n    if (!input) {\n        return { isValid, inputDate: new Date(''), isAvailable, messageType, message };\n    }\n\n    const inputDate = buildInputDate(input, assume);\n    const month = inputDate.getMonth() + 1;\n    const date = inputDate.getDate();\n    const year = inputDate.getFullYear();\n    const calendarPosition = [month, date, year];\n\n    if (isValidDate(inputDate)) {\n        const monthName = getMonths()[inputDate.getMonth()];\n\n        if (input.length === 10) {\n            isValid = true;\n            messageType = null;\n            message = null;\n        }\n\n        isAvailable = validDays.includes(inputDate.getDay());\n        const isoString = formatDateISO(inputDate);\n\n        if (isAvailable) {\n            const isNotValidDate = validDates.length && !validDates.includes(isoString);\n            const isInvalidDate = invalidDates.length && invalidDates.includes(isoString);\n            const isBeforeStartDate = startDate && startDate > isoString;\n            const isAfterEndDate = endDate && endDate < isoString;\n\n            if (isNotValidDate || isInvalidDate || isBeforeStartDate || isAfterEndDate) {\n                isAvailable = false;\n            }\n        }\n\n        if (input.length >= 5 && !isAvailable) {\n            isValid = false;\n            messageType = 'error';\n            const isInvalid = !monthName || !date || !year;\n            message = isInvalid\n                ? `${loc('tecton.element.calendar.hint.invalidDate')}: ${formatString}`\n                : loc('tecton.element.calendar.hint.notAvailableDate', [formatDateLong(inputDate)]);\n        } else {\n            isValid = true;\n        }\n    } else {\n        isValid = false;\n        messageType = 'error';\n        message = `${loc('tecton.element.calendar.hint.invalidDate')}: ${formatString}`;\n    }\n\n    return {\n        isValid,\n        messageType,\n        message,\n        inputDate,\n        isAvailable,\n        calendarPosition,\n    };\n}\n\nexport function buildInputDate(input: string, assume: string) {\n    const now = new Date();\n    // eslint-disable-next-line prefer-const\n    let [month, day, year] = input.split('/');\n    if (month === '0') month = '01';\n    if (day === '0') day = '01';\n    if (input.length === 10) {\n        return new Date(input);\n    } else if (month && day && Number(day) > 0) {\n        const twoDigitDay = Number(day) < 10 ? `0${Number(day)}` : day;\n        const fourDigitYear = !year || year.length < 4 ? assumeYear(month, day, assume) : year;\n        return new Date(`${month}/${twoDigitDay}/${fourDigitYear}`);\n    } else if (month) {\n        return new Date(`${month}/01/${now.getFullYear()}`);\n    }\n}\n\nfunction assumeYear(month: string, day: string, assume: string): string {\n    const monthDay = `${month}/${day}`;\n    const now = new Date();\n    const mm: string = now.getMonth() < 9 ? `0${now.getMonth() + 1}` : `${now.getMonth() + 1}`;\n    const dd: string = now.getDate() < 10 ? `0${now.getDate()}` : `${now.getDate()}`;\n    const nowLocal = `${mm}/${dd}/${now.getFullYear()}`;\n    let assumedYear = now.getFullYear();\n    if (assume === 'future' && nowLocal.slice(0, 5) > monthDay) {\n        assumedYear = now.getFullYear() + 1;\n    } else if (assume === 'past' && nowLocal.slice(0, 5) < monthDay) {\n        assumedYear = now.getFullYear() - 1;\n    }\n    return assumedYear.toString();\n}\n\nexport function handleMissingZeros(input): string {\n    if (!input) {\n        return '';\n    }\n    if (input.match(/^[1-9]\\/$/)) {\n        return `0${input}/`;\n    } else if (input.match(/^[0-9]{2}\\/[1-9]{1}\\/$/)) {\n        const sp = input.split('/');\n        return `${sp[0]}/0${sp[1]}/`;\n    }\n    return input;\n}\n\nexport function reorderDateString(input: string): string {\n    const dateParts = (input || '').split('-');\n    if (dateParts.length !== 3) return '';\n    return `${dateParts[1]}/${dateParts[2]}/${dateParts[0]}`;\n}\n\nexport function firstDayOfWeekInMonth(month: number, year: number): number {\n    return new Date(year, month, 1, 1, 1, 1, 1).getDay();\n}\n\nexport function getDays(): string[] {\n    return [\n        loc('tecton.element.calendar.days.short.Sunday'),\n        loc('tecton.element.calendar.days.short.Monday'),\n        loc('tecton.element.calendar.days.short.Tuesday'),\n        loc('tecton.element.calendar.days.short.Wednesday'),\n        loc('tecton.element.calendar.days.short.Thursday'),\n        loc('tecton.element.calendar.days.short.Friday'),\n        loc('tecton.element.calendar.days.short.Saturday'),\n    ];\n}\n\nexport function getDaysOfWeek(): string[] {\n    return [\n        loc('tecton.element.calendar.days.Sunday'),\n        loc('tecton.element.calendar.days.Monday'),\n        loc('tecton.element.calendar.days.Tuesday'),\n        loc('tecton.element.calendar.days.Wednesday'),\n        loc('tecton.element.calendar.days.Thursday'),\n        loc('tecton.element.calendar.days.Friday'),\n        loc('tecton.element.calendar.days.Saturday'),\n    ];\n}\n\nexport function getMonths(): string[] {\n    return [\n        loc('tecton.element.calendar.months.January'),\n        loc('tecton.element.calendar.months.February'),\n        loc('tecton.element.calendar.months.March'),\n        loc('tecton.element.calendar.months.April'),\n        loc('tecton.element.calendar.months.May'),\n        loc('tecton.element.calendar.months.June'),\n        loc('tecton.element.calendar.months.July'),\n        loc('tecton.element.calendar.months.August'),\n        loc('tecton.element.calendar.months.September'),\n        loc('tecton.element.calendar.months.October'),\n        loc('tecton.element.calendar.months.November'),\n        loc('tecton.element.calendar.months.December'),\n    ];\n}\n","import { firstDayOfWeekInMonth } from './q2-calendar-helpers';\nimport { getDaysInMonth, isSameDay, isBefore, isAfter, isValid as isValidDate } from 'date-fns';\nimport { CalendarDay, DateEmpty, Year, IDateValidators, ISelectedMonthYear } from './q2-calendar-types';\n\n// Validation Helpers\nexport type DateList = CalendarDay[];\nexport type IsValid = boolean;\nexport type IsActivityDate = boolean;\nexport type DateValidation = (date: Date) => IsValid;\n\nexport function generateDatesFromMonthYear(month: number, year: Year): Date[] {\n    const daysInMonth = getDaysInMonth(new Date(year, month));\n\n    return [...Array(daysInMonth).keys()].reduce((acc, stepIndex) => {\n        acc.push(new Date(year, month, stepIndex + 1));\n        return acc;\n    }, []);\n}\n\nexport function getValidDaysOfWeek(checksum: number = 127): number[] {\n    /* tslint:disable:no-bitwise */\n    const sunValid = checksum & 1;\n    const monValid = checksum & 2;\n    const tuesValid = checksum & 4;\n    const wedsValid = checksum & 8;\n    const thursValid = checksum & 16;\n    const friValid = checksum & 32;\n    const satValid = checksum & 64;\n    /* tslint:enable:no-bitwise */\n    const ret = [];\n\n    if (checksum <= 0) return ret;\n    if (sunValid) ret.push(0);\n    if (monValid) ret.push(1);\n    if (tuesValid) ret.push(2);\n    if (wedsValid) ret.push(3);\n    if (thursValid) ret.push(4);\n    if (friValid) ret.push(5);\n    if (satValid) ret.push(6);\n\n    return ret;\n}\n\nexport function validateAgainstChecksum(validDaysOfWeek: number[], newDate: Date): IsValid {\n    return validDaysOfWeek.includes(newDate.getDay());\n}\n\nexport function validateAgainstBlacklist(invalidDates: Date[], newDate: Date): IsValid {\n    return !validateAgainstWhitelist(invalidDates, newDate);\n}\n\nexport function validateAgainstWhitelist(validDates: Date[], newDate: Date): IsValid {\n    return validDates.some(validDate => isSameDay(validDate, newDate));\n}\n\nexport function buildDates(\n    validDaysOfWeek: number[],\n    validDates: Date[],\n    invalidDates: Date[],\n    selectedMonthYear: ISelectedMonthYear,\n    currentSelection: Date | undefined,\n    dateValidators: IDateValidators,\n    typedValue: string\n): DateList {\n    const validationFns = [baseValidation.bind(null, dateValidators, new Date())];\n    if (validDates?.length) {\n        validationFns.push(validateAgainstWhitelist.bind(null, validDates));\n    } else {\n        validationFns.push(validateAgainstChecksum.bind(null, validDaysOfWeek));\n    }\n    validationFns.push(validateAgainstBlacklist.bind(null, invalidDates));\n\n    return generateDateList(selectedMonthYear, currentSelection, dateValidators, validationFns, typedValue);\n}\n\nexport function generateDateList(\n    { monthIndex, selectedYear }: ISelectedMonthYear,\n    currentSelection: Date | undefined,\n    dateValidators: IDateValidators,\n    validationFns: DateValidation[],\n    typedValue: string\n): DateList {\n    const isIncompleteDate = !isValidDate(new Date(typedValue));\n    const datesInMonth = generateDatesFromMonthYear(monthIndex, selectedYear).map((dayInMonth, dateIndex) => {\n        const isInvalid = validationFns.some(fn => !fn(dayInMonth));\n        const dayState = getDayState(dayInMonth, dateValidators, currentSelection);\n        const classList = generateClassesForCalDay({\n            ...dayState,\n            isInvalid,\n            isIncompleteDate,\n        });\n\n        return {\n            ...dayState,\n            isValid: !isInvalid,\n            date: dayInMonth,\n            integer: dateIndex + 1,\n            isEmpty: false,\n            isActivity: false,\n            classList,\n        };\n    });\n\n    const startOfMonthEmpties = addEmptiesMonthStart(firstDayOfWeekInMonth(monthIndex, selectedYear));\n    const endOfMonthEmpties = addEmptiesMonthEnd((startOfMonthEmpties.length + datesInMonth.length) % 7);\n\n    return [...startOfMonthEmpties, ...datesInMonth, ...endOfMonthEmpties] as CalendarDay[];\n}\n\nexport function baseValidation(dateValidators: IDateValidators, now: Date, newDate: Date): boolean {\n    const isNewDateBeforeStartDate = isAfter(dateValidators?.startDate, newDate);\n    const isNewDateAfterEndDate = isBefore(dateValidators?.endDate, newDate);\n    const isNowAfterCutoffTime = isSameDay(now, newDate) && isAfter(now, dateValidators?.cutOffTime);\n\n    return !(isNewDateBeforeStartDate || isNowAfterCutoffTime || isNewDateAfterEndDate);\n}\n\nexport function getDayState(dayInMonth: Date, dateValidators: IDateValidators, currentDate: Date | undefined) {\n    if (!currentDate) currentDate = new Date();\n    const isSelected = currentDate && isSameDay(currentDate, dayInMonth);\n    const isToday = isSameDay(dayInMonth, new Date());\n    const isStartDate = isSameDay(dayInMonth, dateValidators?.startDate);\n    const isEndDate = isSameDay(dayInMonth, dateValidators?.endDate);\n\n    return { isSelected, isToday, isStartDate, isEndDate };\n}\n\nexport function generateClassesForCalDay({\n    isInvalid,\n    isSelected,\n    isEndDate,\n    isStartDate,\n    isToday,\n    isIncompleteDate,\n}: {\n    isInvalid: boolean;\n    isSelected: boolean;\n    isEndDate: boolean;\n    isStartDate: boolean;\n    isToday: boolean;\n    isIncompleteDate: boolean;\n}): string {\n    const classes = [];\n    if (!isInvalid) classes.push('is-valid');\n    if (isSelected) classes.push('is-selected');\n    if (isEndDate) classes.push('is-end-date');\n    if (isStartDate) classes.push('is-start-date');\n    if (isToday) classes.push('is-today');\n    if (isSelected && isInvalid && !isIncompleteDate) classes.push('is-unavailable');\n\n    return classes.join(' ');\n}\n\nexport function addEmptiesMonthStart(monthStartDayOfWeek: number): DateEmpty[] {\n    return addEmptyDates(0, monthStartDayOfWeek);\n}\n\nexport function addEmptiesMonthEnd(monthEndDayOfWeek: number): DateEmpty[] {\n    if (monthEndDayOfWeek === 0) return [];\n    return addEmptyDates(monthEndDayOfWeek, 7);\n}\n\nexport const emptyDate: DateEmpty = {\n    date: null,\n    integer: null,\n    isActivity: false,\n    isEmpty: true,\n    isValid: false,\n    isToday: false,\n    isSelected: false,\n    isStartDate: false,\n    isEndDate: false,\n    classList: '',\n};\n\nexport function addEmptyDates(from: number, to: number): DateEmpty[] {\n    if (from === 7) from = 0;\n    return [...Array(to - from).keys()].map(() => ({ ...emptyDate }) as DateEmpty);\n}\n","@import '../../styles/host.scss';\n@import '../../styles/functions';\n\n:host {\n    --comp-default-calendar-margin: #{var-list(var-prefixer(calendar-margin-top), --app-scale-5x, 25px) 0\n        var-list(var-prefixer(calendar-margin-bottom), --app-scale-5x, 25px)};\n    display: block;\n    margin: var-list(--tct-calendar-margin, --comp-default-calendar-margin);\n}\n\n:host[hidden] {\n    display: none;\n}\n\nclick-elsewhere {\n    position: relative;\n    display: block;\n}\n\nq2-input {\n    margin: 0;\n    cursor: pointer;\n}\n\nq2-popover {\n    --comp-min-tappable-size: 44px;\n    --comp-table-border-spacing: 2px;\n    --comp-min-tappable-size-and-spacing: calc(var(--comp-min-tappable-size) + var(--comp-table-border-spacing));\n    --comp-popover-padding: #{var-list(var-prefixer(calendar-popover-padding), --app-scale-1x, 5px)};\n    --comp-min-table-width: calc(var(--comp-min-tappable-size-and-spacing) * 7);\n    --comp-table-container-border-spacing: calc(var(--comp-table-border-spacing) * 2);\n    --comp-popover-total-padding: calc(var(--comp-popover-padding) * 2);\n\n    --tct-popover-min-width: calc(\n        var(--comp-min-table-width) + var(--comp-table-container-border-spacing) + var(--comp-popover-total-padding)\n    );\n}\n\n.calendar-field-popup {\n    padding: var(--comp-popover-padding);\n}\n\n.calendar-label {\n    --comp-label-padding: #{var-list(\n            --tct-calendar-label-padding,\n            unquote('#{var-list(var-prefixer(calendar-label-vertical-padding), --tct-scale-2, --app-scale-2x, 10px)} 0')\n        )};\n    font-size: var-list(var-prefixer(calendar-label-font-size), 16px);\n    flex: 1 1;\n    flex-basis: calc(100% - var-list(--tct-btn-icon-width, 44px));\n    margin: 0;\n    padding: var(--comp-label-padding);\n}\n\n.cal-month-heading {\n    padding: 0 0 0.75rem;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-size: var-list(var-prefixer(calendar-month-font-size), 16px);\n    font-weight: var-list(var-prefixer(calendar-month-font-weight), 600);\n    text-align: center;\n}\n\n.cal-month-text {\n    min-width: 82px;\n    display: inline-block;\n}\n\n.cal-year-text {\n    min-width: 50px;\n    display: inline-block;\n}\n\ntable {\n    width: 100%;\n    margin-bottom: 2px;\n    text-align: center;\n    border-spacing: var(--comp-table-border-spacing);\n}\n\nth {\n    font-size: var-list(var-prefixer(calendar-day-heading-font-size), inherit);\n    font-weight: var-list(var-prefixer(calendar-day-heading-font-weight), 600);\n    width: 14.285714%;\n}\n\ntd {\n    height: var(--comp-min-tappable-size);\n    cursor: pointer;\n    border: var-list(var-prefixer(calendar-day-border), 0);\n    border-radius: var-list(var-prefixer(calendar-day-border-radius));\n\n    &.is-unavailable {\n        border: 1px solid var-list(--tct-input-error-border-color, --const-stoplight-alert, #d20a0a);\n    }\n\n    &.is-valid:hover {\n        border: var-list(var-prefixer(calendar-day-hover-border), var-prefixer(calendar-day-border) 0);\n        border-radius: var-list(\n            var-prefixer(calendar-day-hover-border-radius),\n            var-prefixer(calendar-day-border-radius)\n        );\n\n        background: var-list(\n            --tct-calendar-day-hover-background,\n            var-prefixer(calendar-day-hover-bg),\n            --tct-gray-14,\n            --app-gray14,\n            --tct-gray-l4,\n            --app-gray-l4,\n            #f2f2f2\n        );\n        color: var-list(var-prefixer(calendar-day-hover-font-color), inherit);\n    }\n\n    &[aria-hidden],\n    &[aria-disabled] {\n        pointer-events: none;\n        cursor: not-allowed;\n    }\n\n    &[aria-disabled] {\n        opacity: var-list(var-prefixer(calendar-day-disabled-opacity), --app-disabled-opacity, 0.4);\n    }\n\n    &[aria-selected='true'] {\n        border: var-list(var-prefixer(calendar-day-selected-border), var-prefixer(calendar-day-border) 0);\n        border-radius: var-list(\n            var-prefixer(calendar-day-selected-border-radius),\n            var-prefixer(calendar-day-border-radius)\n        );\n        background: var-list(\n            --tct-calendar-day-selected-background,\n            var-prefixer(calendar-day-selected-bg),\n            --tct-calendar-day-hover-background,\n            var-prefixer(calendar-day-hover-bg),\n            var-prefixer(gray-14),\n            --tct-gray-l4,\n            --app-gray-l4,\n            #f2f2f2\n        );\n        color: var-list(\n            var-prefixer(calendar-day-selected-font-color),\n            var-prefixer(calendar-day-hover-font-color),\n            inherit\n        );\n        box-shadow: 0 0 0 2px\n            var-list(\n                var-prefixer(calendar-day-selected-outline-color),\n                --tct-stoplight-info,\n                --const-stoplight-info,\n                #0079c1\n            );\n    }\n    &[aria-selected='true']:focus {\n        box-shadow:\n            0 0 0 2px\n                var-list(\n                    var-prefixer(calendar-day-selected-outline-color),\n                    --tct-stoplight-info,\n                    --const-stoplight-info,\n                    #0079c1\n                ),\n            0 0 0 4px var(--const-focus-color, #0066cc);\n    }\n}\n\n.today-decorator {\n    text-transform: uppercase;\n    font-weight: 700;\n    font-size: 10px;\n    height: 12px;\n}\n\n.calendar-disclaimer {\n    font-size: var-list(\n        var-prefixer(calendar-disclaimer-font-size),\n        --tct-font-size-small,\n        --app-font-size-small,\n        12px\n    );\n    border-style: solid;\n    border-width: var-list(var-prefixer(calendar-disclaimer-border-width), unquote('1px 0 0 0'));\n    border-color: var-list(\n        var-prefixer(calendar-disclaimer-border-color),\n        var-prefixer(gray-13),\n        --tct-gray-l3,\n        --app-gray-l3,\n        #e6e6e6\n    );\n    padding: var-list(--tct-calendar-disclaimer-padding, --tct-scale-2, --app-scale-2x, 10px);\n    text-align: left;\n}\n","import {\n    Component,\n    ComponentInterface,\n    Prop,\n    Element,\n    State,\n    Event,\n    EventEmitter,\n    Listen,\n    Watch,\n    Method,\n    h,\n} from '@stencil/core';\nimport { ISelectedMonthYear, CalendarDay, IDateValidators } from './q2-calendar-types';\nimport { addDays, isSameDay, format, isValid as isValidDate } from 'date-fns';\nimport {\n    stringToDate,\n    setupMonthYear,\n    getMonths,\n    getDays,\n    getDaysOfWeek,\n    stringArrayToDate,\n    convertMomentFormat,\n    validateInput,\n    handleMissingZeros,\n    formatDateISO,\n    formatDateShort,\n    IMomentLikeObject,\n    removeTimezoneOffset,\n    reorderDateString,\n    formatDateFull,\n} from './q2-calendar-helpers';\nimport { buildDates, getValidDaysOfWeek, DateList } from './q2-calendar-validation';\nimport {\n    handleAriaLabel,\n    loc,\n    overrideFocus,\n    isEventFromElement,\n    handleRenamedProp,\n    waitForNextPaint,\n    createGuid,\n} from '../../utils';\nimport { IEventDetail } from '../q2-input/q2-input-types';\nimport { Q2InputCustomEvent } from 'src/components';\n\n@Component({ tag: 'q2-calendar', shadow: true, styleUrl: 'q2-calendar.scss' })\nexport class Q2Calendar implements ComponentInterface {\n    // #region Own Properties\n\n    btnCalendarToggle: HTMLQ2BtnElement;\n    btnNextMonth: HTMLQ2BtnElement;\n    btnNextYear: HTMLQ2BtnElement;\n    btnPrevMonth: HTMLQ2BtnElement;\n    btnPrevYear: HTMLQ2BtnElement;\n    calendarBody: HTMLDivElement;\n    calendarTable: HTMLTableElement;\n    controlElement: HTMLQ2InputElement;\n    dayAbbrStrings = getDays();\n    dayStrings = getDaysOfWeek();\n    defaultFormatString = 'mm/dd/yyyy';\n    formatModifier: string = 'M/D/YYYY'; // To allow missing leading zero, 4/3/2021 => converts into 04/03/2021\n    hintMessageElement: HTMLQ2MessageElement;\n    internalError: string = '';\n    monthStrings = getMonths();\n    popoverElement?: HTMLQ2PopoverElement;\n    scheduledAfterRender: (() => void)[] = [];\n    selectedMonthYear: ISelectedMonthYear;\n    valueOnBlur: string | { toDate(): Date };\n    guid = createGuid();\n\n    // #endregion\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region State Properties\n\n    @State()\n    dateList: CalendarDay[];\n\n    @State()\n    hintMessage: string = this.defaultHintMessage;\n\n    @State()\n    hintMessageType: 'info' | 'error' = 'info';\n\n    @State()\n    keyboardSelection: boolean = false;\n\n    @State()\n    typedValue: string = '';\n\n    // #endregion\n    // #region Public Property API\n\n    /** @deprecated */\n    @Prop({ reflect: true, mutable: true })\n    ariaLabel: string;\n\n    /**\n     * Detects the year automatically based on today's date when the user presses the `Escape` key or the `Blur` mouse event occurs.\n     * Setting `future` or `past` as the value will increase or decrease the year by one, respectively.\n     */\n    @Prop({ reflect: true })\n    assume: 'current' | 'future' | 'past' = 'current';\n\n    /** @deprecated */\n    @Prop({ reflect: true })\n    buttonLabel: string;\n\n    /** A label shown at the top of the popover date picker. */\n    @Prop({ reflect: true })\n    calendarLabel: string;\n\n    /** Display a button in the input field allowing the user to clear their selection. */\n    @Prop({ reflect: true })\n    clearable: boolean;\n\n    /**\n     * Specifies a time of day after which a date is no longer valid.\n     *\n     * @warning\n     * Must be a valid ISO date string.\n     */\n    @Prop({ reflect: true })\n    cutoffTime: string;\n\n    /**\n     * The most concise way to define valid days of the week for calendar. Each day of the week has a checksum value:\n     *\n     * - Sunday = 1\n     * - Monday = 2\n     * - Tuesday = 4\n     * - Wednesday = 8\n     * - Thursday = 16\n     * - Friday = 32\n     * - Saturday = 64\n     *\n     * Add the checksum values of your desired valid days together, and set `daysOfWeekChecksum` to that summed value.\n     *\n     * **Example:**\n     * @snippet\n     * element.daysOfWeekChecksum = 127 // All days of the week are valid\n     * element.daysOfWeekChecksum = 62; // Only weekdays are valid\n     * element.daysOfWeekChecksum = 65; // Only Saturday and Sunday are valid\n     *\n     */\n    @Prop({ reflect: true })\n    daysOfWeekChecksum: number;\n\n    /** Disable the input field. */\n    @Prop({ reflect: true })\n    disabled: boolean;\n\n    /**\n     * Text that displays as the placeholder when the field is marked `disabled`.\n     * @localizable\n     */\n    @Prop({ reflect: true })\n    disabledMsg: string;\n\n    /** Text that appears at the bottom of the popover date picker. */\n    @Prop({ reflect: true })\n    disclaimer: string;\n\n    /**\n     * Determines the display format of the date field value.\n     *\n     * Must follow the [date-fns](https://date-fns.org/v2.28.0/docs/format) token specification.\n     */\n    @Prop({ reflect: true })\n    displayFormat: string;\n\n    /**\n     * Defines the last selectable date in the date picker popover.\n     *\n     * @warning\n     * Must be a valid ISO date string.\n     */\n    @Prop({ reflect: true })\n    endDate: string;\n\n    /**\n     * Each item in the `errors` array will appear below the input field when the field is focused and `typeable` is `true`.\n     * @localizable\n     */\n    @Prop({ mutable: true })\n    errors: string[];\n\n    /** Hide the input field's ` <label> ` element from view. */\n    @Prop({ reflect: true, mutable: true })\n    hideLabel: boolean;\n\n    /**\n     * Each item in the `hints` array will appear below the input field when the field is focused and `typeable` is true.\n     * @localizable\n     */\n    @Prop({ mutable: true })\n    hints: string[];\n\n    /** Show error styles when the calendar is in an errant state. */\n    @Prop({ reflect: true, mutable: true })\n    invalid: boolean;\n\n    /**\n     * Defines an explicit date blacklist.\n     *\n     * @warning\n     * Must be a valid ISO date string.\n     *\n     * @info\n     * When explicit date definitions like `invalidDates` is used, other date validity methods like `daysOfWeekChecksum` are overriden.\n     */\n    @Prop()\n    invalidDates: string[];\n\n    /** The visible label for the `q2-calendar` input field. */\n    @Prop({ reflect: true, mutable: true })\n    label: string;\n\n    /** @deprecated */\n    @Prop()\n    onsuccess: (e: CustomEvent) => void;\n\n    /**\n     * Determine whether the popover is open or closed.\n     *\n     * @readonly\n     */\n    @Prop({ reflect: true, mutable: true })\n    open: boolean;\n\n    /** Appends \"(optional)\" to the label and sets `aria-required=\"false\"`. */\n    @Prop({ reflect: true })\n    optional: boolean;\n\n    /**\n     * Text that appears within the input field when it is blurred and empty.\n     * Placeholder text disappears when the user focuses on the field and provides input.\n     */\n    @Prop({ reflect: true })\n    placeholder: string;\n\n    /** @deprecated */\n    @Prop({ reflect: true })\n    popDirection: 'up' | 'down';\n\n    /** Aligns the popover date picker to the left or right side of the input field. */\n    @Prop()\n    popoverAlignment: 'left' | 'right';\n\n    /**\n     * Force the direction of the popover date picker when it opens.\n     * If no value is passed, the component will auto-detect the direction based on available space.\n     */\n    @Prop({ mutable: true })\n    popoverDirection: 'up' | 'down';\n\n    /** @deprecated */\n    @Prop()\n    popoverMinHeight: number = 355;\n\n    /**\n     * Determines the display mode of the popover.\n     *\n     * Providing a value of `legacy` instructs the popover to use absolute positioning instead of fixed positioning.\n     *\n     * @info\n     * This is a temporary solution to work around styling issues related to using fixed positioning for the popover\n     * when nested inside of elements with transform properties. This will be removed once the popover API is available\n     * for use.\n     */\n    @Prop({ mutable: true })\n    popoverMode: 'legacy' = null;\n\n    /**\n     * The field's content is not editable, but the field remains focusable.\n     *\n     * Appends \"(readonly)\" to the field label. Supersedes `optional` if both are `true`.\n     */\n    @Prop({ reflect: true })\n    readonly: boolean;\n\n    /**\n     * Defines the first selectabe date in the date picker popover.\n     *\n     * @warning\n     * Must be a valid ISO date string.\n     */\n    @Prop({ reflect: true })\n    startDate: string;\n\n    /** The user can type in the field. Only available in desktop browsers. */\n    @Prop({ reflect: true })\n    typeable: boolean;\n\n    /**\n     * Defines an explicit date whitelist.\n     *\n     * @warning\n     * Must be a valid ISO date string.\n     *\n     * @info\n     * When explicit date definitions like `validDates` is used, other date validity methods like `daysOfWeekChecksum` are overriden.\n     */\n    @Prop()\n    validDates: string[];\n\n    /**\n     * The value of the `q2-calendar` element, e.g. the selected date.\n     *\n     * **How to change or clear the value with javascript:**\n     * @snippet\n     * // change date\n     * element.value = '2022-12-21';\n     * // clear date\n     * element.value = null;\n     */\n    @Prop({ mutable: true, reflect: true })\n    value: string | { toDate(): Date };\n\n    // #endregion\n    // #region Events\n\n    /**\n     * Emitted when a date is selected or typed in the input field.\n     * @legacyEvent\n     */\n    @Event()\n    change: EventEmitter<{\n        // ISO formatted date\n        value: string | null;\n    }>;\n\n    /**\n     * Emitted when an invalid date is entered into the field.\n     */\n    @Event()\n    error: EventEmitter<{ errors: { message: string; errorCode: string }[] }>;\n\n    /**\n     * Emitted when a valid date is entered or selected.\n     */\n    @Event()\n    success: EventEmitter<{\n        // ISO formatted date\n        value: string;\n    }>;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    connectedCallback() {\n        this.selectedMonthYear = setupMonthYear(this.dateValue);\n        this.dateList = this.buildDateList(this.selectedMonthYear);\n        if (this.value && this.isTypeable && !this.typedValue) {\n            this.typedValue = reorderDateString(this.value as string);\n        }\n        this.validateDate();\n    }\n\n    componentWillLoad() {\n        this.popDirectionHandler();\n        handleAriaLabel(this);\n    }\n\n    componentDidLoad(): void {\n        overrideFocus(this.hostElement);\n        this.setCustomLabel();\n    }\n\n    componentDidRender() {\n        setTimeout(() => {\n            this.scheduledAfterRender.forEach(fn => fn());\n            this.scheduledAfterRender = [];\n        }, 25);\n    }\n\n    // #endregion\n    // #region Listeners\n\n    @Listen('change')\n    defaultChangeHandler(event: CustomEvent) {\n        if (event.target === this.hostElement && !this.hostElement.onchange && !!event.detail) {\n            this.value = event.detail.value;\n        }\n    }\n\n    @Listen('clear')\n    handleClear() {\n        this.change.emit({ value: null });\n        this.value = null;\n        this.typedValue = '';\n    }\n\n    @Listen('error')\n    defaultErrorHandler(event: CustomEvent) {\n        if (event.target === this.hostElement && !this.hostElement.onerror) {\n            if (this.hintMessageType === 'error' && this.hintMessage) {\n                this.internalError = this.hintMessage;\n            } else {\n                this.internalError = loc('tecton.element.calendar.hint.invalidDate');\n            }\n        }\n    }\n\n    @Listen('focus')\n    delegateFocus(event: FocusEvent) {\n        if (!isEventFromElement(event, this.hostElement)) return;\n        this.controlElement.shadowRoot.querySelector<HTMLElement>('.input-field').focus();\n    }\n\n    @Listen('popoverStateChanged')\n    popoverStateHandler({ detail: { open } }: CustomEvent<{ open: boolean }>) {\n        if (this.open !== open) this.open = open;\n    }\n\n    @Listen('success')\n    defaultSuccessHandler(event: CustomEvent) {\n        if (event.target !== this.hostElement) {\n            return;\n        }\n\n        if (typeof this.onsuccess === 'function') {\n            this.onsuccess(event);\n        } else {\n            this.internalError = '';\n            if (this.hintMessageType === 'error' && this.hintMessage) {\n                this.hintMessage = null;\n                this.hintMessageType = null;\n                this.invalid = false;\n            }\n        }\n    }\n\n    // #endregion\n    // #region Public Methods API\n\n    /**\n     * Emulates clicking the `<input>` to hide the popover if it is visible.\n     *\n     * @testOnly\n     */\n    @Method()\n    async closePopover() {\n        if (!this.open) return;\n        this._togglePopover();\n    }\n\n    /**\n     * Emulates clicking the `<input>` to display the popover if it is hidden.\n     *\n     * @testOnly\n     */\n    @Method()\n    async openPopover() {\n        if (this.open) return;\n        this._togglePopover();\n    }\n\n    /**\n     * Emulates clicking the `<input>` to display the popover, moving to the correct month and year, and clicking the\n     * provided date.\n     *\n     * While a `string` value can be passed, we recommended passing a `Date` object. If the value is invalid, the method\n     * will not select the date.\n     *\n     * @testOnly\n     */\n    @Method()\n    async setValue(value: string | Date) {\n        const date = typeof value === 'string' ? stringToDate(value) : value;\n        if (!isValidDate(date)) return;\n\n        await this.openPopover();\n        await waitForNextPaint();\n\n        this.goToMonthYear(date.getMonth(), date.getFullYear());\n        await waitForNextPaint();\n        const tableCell = this.calendarTable?.querySelector<HTMLTableCellElement>(\n            `td[data-date=\"${formatDateISO(date)}\"]`\n        );\n        tableCell?.click();\n    }\n\n    /**\n     * Emulates focusing the `<input>`, entering the provided value, and emitting an `input` event.\n     *\n     * While a `string` value can be passed, we recommended passing a `Date` object. If the value is invalid, the method\n     * will not select the date.\n     *\n     * @warning\n     * Only applicable when the input is typeable.\n     *\n     * @testOnly\n     */\n    @Method()\n    async typeValue(value: string | Date) {\n        if (!this.typeable) return;\n\n        const date = typeof value === 'string' ? stringToDate(value) : value;\n        const formattedDate = formatDateShort(date);\n        if (!isValidDate(date)) return;\n\n        const { innerInputField, controlElement } = this;\n        innerInputField.focus();\n        innerInputField.dispatchEvent(new FocusEvent('focus'));\n        innerInputField.value = formattedDate;\n        innerInputField.dispatchEvent(new InputEvent('input'));\n        controlElement.dispatchEvent(new KeyboardEvent('keyup'));\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('ariaLabel')\n    ariaLabelObserver() {\n        handleAriaLabel(this);\n    }\n\n    @Watch('cutoffTime')\n    cutoffTimeObserver() {\n        this.dateList = this.buildDateList(this.selectedMonthYear);\n        this.validateDate();\n    }\n\n    @Watch('daysOfWeekChecksum')\n    daysOfWeekChecksumObserver() {\n        this.dateList = this.buildDateList(this.selectedMonthYear);\n        this.validateDate();\n    }\n\n    @Watch('endDate')\n    endDateObserver() {\n        this.dateList = this.buildDateList(this.selectedMonthYear);\n        this.validateDate();\n    }\n\n    @Watch('invalidDates')\n    invalidDatesObserver() {\n        this.dateList = this.buildDateList(this.selectedMonthYear);\n        this.validateDate();\n    }\n\n    @Watch('popDirection')\n    popDirectionHandler() {\n        handleRenamedProp(this, 'popDirection', 'popoverDirection');\n    }\n\n    @Watch('startDate')\n    startDateObserver() {\n        this.dateList = this.buildDateList(this.selectedMonthYear);\n        this.validateDate();\n    }\n\n    @Watch('typeable')\n    typeableChanged() {\n        this.valueObserver(this.value);\n    }\n\n    @Watch('validDates')\n    validDatesObserver() {\n        this.dateList = this.buildDateList(this.selectedMonthYear);\n        this.validateDate();\n    }\n\n    @Watch('value')\n    valueObserver(newValue: string | IMomentLikeObject) {\n        // resetting by empty string\n        if (newValue === '') {\n            this.value = undefined;\n            this.setHints({ isValid: true, message: this.defaultHintMessage, messageType: 'info' });\n            return;\n        }\n        const isMoment = newValue && typeof newValue !== 'string' && 'toDate' in newValue;\n        const newDate = isMoment ? (newValue as IMomentLikeObject).toDate() : stringToDate(newValue as string);\n        const shortFormattedValue = formatDateShort(newDate);\n        if (this.isTypeable) {\n            this.typedValue = shortFormattedValue;\n        } else {\n            this.selectedMonthYear = setupMonthYear(newDate);\n            this.dateList = this.buildDateList(this.selectedMonthYear);\n            this.validateDate();\n            if (this.controlElement) {\n                this.controlElement.value = shortFormattedValue;\n            } else {\n                this.scheduledAfterRender.push(() => {\n                    if (this.controlElement) this.controlElement.value = shortFormattedValue;\n                });\n            }\n        }\n\n        // reset hint when value is cleared\n        if (this.invalid) return;\n\n        if (shortFormattedValue) {\n            this.setHints({\n                isValid: true,\n                message: null,\n                messageType: null,\n            });\n        } else {\n            this.setHints({ isValid: true, message: this.defaultHintMessage, messageType: 'info' });\n        }\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get inputId() {\n        return `calendar-guid-${this.guid}`;\n    }\n\n    get canClear() {\n        if (this.isTypeable) {\n            return this.clearable && !!this.typedValue;\n        } else {\n            return this.clearable && !!this.value;\n        }\n    }\n\n    get computedPlaceholder(): string {\n        if (this.disabled && this.disabledMsg) {\n            return loc(this.disabledMsg);\n        }\n\n        if (this.buttonLabel && (this.disabled || this.placeholder)) {\n            return loc(this.buttonLabel);\n        }\n\n        return (this.placeholder && loc(this.placeholder)) || '';\n    }\n\n    get currentWeeks() {\n        const weeks = this.dateList.reduce<CalendarDay[][]>((accum, item, index) => {\n            const chunkIndex = Math.floor(index / 7);\n\n            if (!accum[chunkIndex]) {\n                accum[chunkIndex] = [];\n            }\n\n            accum[chunkIndex].push(item);\n\n            return accum;\n        }, []);\n\n        return weeks;\n    }\n\n    get dateValidators(): IDateValidators {\n        const ct = new Date(this.cutoffTime || ''); // should fallback to InvalidDate\n        return {\n            startDate: stringToDate(this.startDate),\n            endDate: stringToDate(this.endDate),\n            cutOffTime: isValidDate(ct) ? ct : undefined,\n        };\n    }\n\n    get dateValue(): Date | undefined {\n        if (this.isTypeable) {\n            return stringToDate(this.typedValue);\n        } else {\n            let { value } = this;\n            const isMoment = value && typeof value !== 'string' && 'toDate' in value;\n            if (isMoment) return (value as IMomentLikeObject).toDate();\n\n            // stringified moment value assigned in html template e.g.) handlebar\n            const isMomentString =\n                typeof value === 'string' && value.split(' ').length === 6 && /GMT-\\d{4}/g.test(value);\n            if (isMomentString) {\n                value = formatDateISO(value as string);\n            }\n\n            return stringToDate(value as string);\n        }\n    }\n\n    get defaultHintMessage() {\n        return this.typeable\n            ? loc('tecton.element.calendar.hint.format') + ': ' + this.defaultFormatString\n            : loc('tecton.element.calendar.hint.select');\n    }\n\n    get errorList() {\n        const { errors, internalError, invalid } = this;\n        let list = [];\n        if (internalError) {\n            list = [internalError];\n        }\n        if (Array.isArray(errors) && errors.length) {\n            list = errors\n                .filter(error => !!error)\n                .map(error => loc(error))\n                .concat(list);\n        } else if (!internalError && invalid) {\n            return ['tecton.element.calendar.invalid'];\n        }\n        return list;\n    }\n\n    get formattedValue() {\n        const { typedValue, dateValue, displayFormat, isTypeable } = this;\n        if (isTypeable) return typedValue;\n\n        if (dateValue === undefined) return '';\n        if (displayFormat) return format(dateValue, convertMomentFormat(displayFormat));\n\n        return new Intl.DateTimeFormat('en-US', {\n            year: 'numeric',\n            month: '2-digit',\n            day: '2-digit',\n            timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,\n        }).format(dateValue);\n    }\n\n    get hintList() {\n        const { hints, hintMessageType, hintMessage } = this;\n        if (Array.isArray(hints) && hints.length) return hints.filter(hint => !!hint).map(hint => loc(hint));\n        if (hintMessageType === 'info' && hintMessage) return [hintMessage];\n        return [];\n    }\n\n    get innerInputContainer(): HTMLElement {\n        return this.controlElement?.shadowRoot?.querySelector('.input-container');\n    }\n\n    get innerInputField(): HTMLInputElement | HTMLButtonElement {\n        return this.controlElement?.shadowRoot?.querySelector('.input-field');\n    }\n\n    get isTypeable(): boolean {\n        return this.typeable;\n    }\n\n    get selectedDate() {\n        const selectedCell = this.calendarBody?.querySelector<HTMLTableCellElement>('[aria-selected=\"true\"]');\n        return selectedCell ? removeTimezoneOffset(new Date(selectedCell.dataset.date)) : null;\n    }\n\n    _togglePopover() {\n        const toggleElement = this.typeable ? this.btnCalendarToggle : this.innerInputField;\n        toggleElement?.click();\n        toggleElement?.focus();\n        toggleElement.dispatchEvent(new FocusEvent('focus'));\n    }\n\n    activateDay(date: Date) {\n        this.goToMonthYear(date.getMonth(), date.getFullYear());\n        this.scheduledAfterRender.push(() => this.focusDay(date));\n    }\n\n    buildDateList(monthYear: ISelectedMonthYear): DateList {\n        const invalidDates = stringArrayToDate(this.invalidDates);\n        const validDaysOfWeek = getValidDaysOfWeek(this.daysOfWeekChecksum);\n        const validDates = stringArrayToDate(this.validDates);\n        return buildDates(\n            validDaysOfWeek,\n            validDates,\n            invalidDates,\n            monthYear,\n            this.dateValue,\n            this.dateValidators,\n            this.typedValue\n        );\n    }\n\n    setCustomLabel() {\n        const customLabel = this.hostElement.querySelector('[slot=\"label\"]');\n        if (customLabel) {\n            this.controlElement?.appendChild(customLabel.cloneNode(true));\n            this.hostElement.removeChild(customLabel);\n        }\n    }\n\n    checkActiveCellForBlankness() {\n        const activeElement = this.hostElement.shadowRoot.activeElement;\n        if (!activeElement || activeElement.tagName !== 'TD' || !activeElement.hasAttribute('aria-hidden')) return;\n\n        const { calendarBody } = this;\n        const calendarCells = Array.from(calendarBody.querySelectorAll<Element>('td'));\n        const indexOfCell = Array.from(calendarCells).indexOf(activeElement);\n\n        const dayToFocus =\n            indexOfCell < 15 ? 1 : calendarCells.filter(cell => !cell.hasAttribute('aria-hidden')).length;\n\n        this.focusDay(this.generateDateFromDay(dayToFocus));\n    }\n\n    closeCalendar = () => {\n        if (!this.open) return;\n        this.open = false;\n        this.focusInput();\n    };\n\n    async focusDay(date: Date) {\n        if (!date) return;\n        await waitForNextPaint();\n        this.calendarBody.querySelector<HTMLElement>(`td[data-day=\"${date.getDate()}\"]`)?.focus();\n    }\n\n    focusInput() {\n        this.controlElement?.focus();\n    }\n\n    generateDateFromDay(day: number) {\n        const { monthIndex, selectedYear } = this.selectedMonthYear;\n        return new Date(selectedYear, monthIndex, day);\n    }\n\n    goToMonthYear = (monthIndex: number, year: number) => {\n        if (monthIndex < 0) {\n            monthIndex = 11;\n            year--;\n        } else if (monthIndex > 11) {\n            monthIndex = 0;\n            year++;\n        }\n        this.selectedMonthYear = {\n            monthIndex,\n            selectedYear: year,\n        };\n        this.dateList = this.buildDateList(this.selectedMonthYear);\n\n        this.scheduledAfterRender.push(() => this.checkActiveCellForBlankness());\n    };\n\n    onClickElsewhere = (event: CustomEvent) => {\n        const target = event.target as HTMLClickElsewhereElement;\n        if (target.localName === 'click-elsewhere') {\n            event.stopPropagation();\n            this.closeCalendar();\n        }\n    };\n\n    onDateKeydown = (event: KeyboardEvent) => {\n        const { monthIndex, selectedYear } = this.selectedMonthYear;\n        const currentDay = parseInt((event.target as HTMLElement).dataset.day);\n        const currentDate = this.generateDateFromDay(currentDay);\n\n        switch (event.key) {\n            case 'ArrowUp':\n                event.preventDefault();\n                this.activateDay(addDays(currentDate, -7));\n                break;\n\n            case 'ArrowDown':\n                event.preventDefault();\n                this.activateDay(addDays(currentDate, 7));\n                break;\n\n            case 'ArrowRight':\n                event.preventDefault();\n                this.activateDay(addDays(currentDate, 1));\n                break;\n\n            case 'ArrowLeft':\n                event.preventDefault();\n                this.activateDay(addDays(currentDate, -1));\n                break;\n\n            case 'PageUp':\n                event.preventDefault();\n                if (event.shiftKey) this.goToMonthYear(monthIndex, selectedYear - 1);\n                else this.goToMonthYear(monthIndex - 1, selectedYear);\n                break;\n\n            case 'PageDown':\n                event.preventDefault();\n                if (event.shiftKey) this.goToMonthYear(monthIndex, selectedYear + 1);\n                else this.goToMonthYear(monthIndex + 1, selectedYear);\n                break;\n\n            case 'Home':\n                event.preventDefault();\n                this.activateDay(addDays(currentDate, -currentDate.getDay()));\n                break;\n\n            case 'End':\n                event.preventDefault();\n                this.activateDay(addDays(currentDate, 6 - currentDate.getDay()));\n                break;\n\n            case 'Escape':\n                event.preventDefault();\n                this.closeCalendar();\n                this.focusInput();\n                break;\n\n            case 'Enter':\n                event.preventDefault();\n                if (!this.dateList.find(({ date }) => isSameDay(date, currentDate)).isValid) return;\n                this.selectDate(currentDate);\n                this.closeCalendar();\n                this.focusInput();\n                break;\n\n            case ' ':\n                event.preventDefault();\n                if (!this.dateList.find(({ date }) => isSameDay(date, currentDate)).isValid) return;\n                this.selectDate(currentDate);\n                this.closeCalendar();\n                this.focusInput();\n                break;\n        }\n    };\n\n    onDateSelection = (event: MouseEvent) => {\n        const dateCell = (event.target as HTMLElement).closest<HTMLElement>('td:not([aria-hidden])');\n        if (!dateCell) return;\n        const clickedDate = removeTimezoneOffset(new Date(dateCell.dataset.date));\n        this.selectDate(clickedDate);\n        this.closeCalendar();\n    };\n\n    onHeaderControlKeydown = (event: KeyboardEvent) => {\n        const currentDate = this.generateDateFromDay(1);\n        const hasSelectedCell = this.calendarBody?.querySelector<HTMLTableCellElement>('[aria-selected=\"true\"]');\n\n        if (event.key === 'Tab' && !hasSelectedCell) {\n            event.preventDefault();\n            this.activateDay(currentDate);\n        }\n    };\n\n    onInputBlur = () => {\n        if (!this.isTypeable) return;\n\n        const validDays = getValidDaysOfWeek(this.daysOfWeekChecksum);\n        const { typedValue } = this;\n        const { isValid, inputDate, isAvailable } = validateInput(\n            this.typedValue,\n            validDays,\n            this.validDates,\n            this.invalidDates,\n            this.startDate,\n            this.endDate,\n            this.defaultFormatString,\n            this.assume\n        );\n\n        if (!typedValue && inputDate?.toString() === 'Invalid Date') {\n            // initial/clear state\n            this.setHints({ isValid: true, message: this.defaultHintMessage, messageType: 'info' });\n        } else if (\n            isValid ||\n            (typedValue &&\n                typedValue.length > 4 && // at least mm/dd provided\n                inputDate &&\n                isValidDate(inputDate) &&\n                isAvailable)\n        ) {\n            this.setCompleteInput(inputDate);\n        } else if (this.value) {\n            this.valueOnBlur = this.value;\n            this.value = null;\n            this.change.emit({ value: null });\n            this.typedValue = typedValue;\n        }\n    };\n\n    onInputChange = (event: Event) => {\n        event.stopPropagation();\n    };\n\n    onInputClick = () => {\n        if (this.disabled) return;\n        this.toggleCalendar();\n    };\n\n    onInputFocus = (event: FocusEvent) => {\n        if (!this.isTypeable) return;\n        if (event.target === this.controlElement) {\n            if (this.valueOnBlur && !this.value) {\n                const tmpTypedValue = this.typedValue;\n                this.value = this.valueOnBlur;\n                this.typedValue = tmpTypedValue;\n                this.valueOnBlur = null;\n            }\n            this.closeCalendar();\n        }\n    };\n\n    onInputInput = ({ detail: { value } }: Q2InputCustomEvent<IEventDetail> & InputEvent) => {\n        this.typedValue = value;\n    };\n\n    onInputKeydown = (event: KeyboardEvent) => {\n        const { dateValue } = this;\n\n        if (!this.disabled) {\n            switch (event.key) {\n                case 'ArrowDown':\n                    event.preventDefault();\n                    this.openCalendar();\n                    this.activateDay(dateValue || new Date());\n                    break;\n\n                case 'Enter':\n                case ' ':\n                    if (this.typeable) break;\n                    event.preventDefault();\n                    if (this.open) {\n                        this.closeCalendar();\n                    } else {\n                        this.openCalendar();\n                        this.activateDay(dateValue || new Date());\n                    }\n                    break;\n            }\n        }\n    };\n\n    onInputKeyup = (event: KeyboardEvent) => {\n        if (this.disabled) {\n            return;\n        }\n\n        switch (event.key) {\n            case 'Escape':\n                this.onInputBlur();\n                this.closeCalendar();\n                break;\n        }\n\n        if (!this.isTypeable) return;\n\n        // handle missing zero in month and date\n        this.typedValue = handleMissingZeros(this.typedValue);\n        const { typedValue } = this;\n        const validDays = getValidDaysOfWeek(this.daysOfWeekChecksum);\n        const { isValid, message, messageType, inputDate, isAvailable, calendarPosition } = validateInput(\n            typedValue,\n            validDays,\n            this.validDates,\n            this.invalidDates,\n            this.startDate,\n            this.endDate,\n            this.defaultFormatString,\n            this.assume\n        );\n\n        if (calendarPosition) {\n            const [mm, dd, yyyy] = calendarPosition;\n            const date = new Date(yyyy, mm - 1, dd);\n            if (isValidDate(date)) {\n                this.selectedMonthYear = setupMonthYear(date);\n                this.dateList = this.buildDateList(this.selectedMonthYear);\n                this.validateDate();\n            }\n        }\n\n        if (event.key === 'Enter') {\n            if (\n                isValid ||\n                (typedValue &&\n                    typedValue.length > 4 && // at least mm/dd provided\n                    inputDate &&\n                    isValidDate(inputDate) &&\n                    isAvailable)\n            ) {\n                this.setCompleteInput(inputDate);\n            } else if (this.value) {\n                this.value = null;\n                this.change.emit({ value: null });\n                this.typedValue = typedValue;\n            }\n\n            if (this.keyboardSelection) {\n                this.keyboardSelection = false;\n                this.closeCalendar();\n            } else {\n                this.toggleCalendar();\n            }\n        } else {\n            this.setHints({ isValid, message, messageType });\n        }\n    };\n\n    onPopupKeyup = (event: KeyboardEvent) => {\n        if (event.key === 'Escape' || event.key === 'Esc') {\n            this.onInputBlur();\n            this.closeCalendar();\n        }\n    };\n\n    onRefocus = () => {\n        this.btnPrevMonth?.dispatchEvent(new FocusEvent('focus'));\n    };\n\n    openCalendar = () => {\n        if (this.readonly || this.open) return;\n        this.selectedMonthYear = setupMonthYear(this.dateValue);\n        this.dateList = this.buildDateList(this.selectedMonthYear);\n        this.open = true;\n    };\n\n    selectDate = (newDate: Date) => {\n        const { isValid } = this.dateList.find(({ date }) => isSameDay(date, newDate));\n        if (!isValid) return;\n        this.change.emit({ value: formatDateISO(newDate) });\n        this.typedValue = formatDateShort(newDate);\n        this.invalid = false;\n        this.success.emit({ value: formatDateISO(newDate) });\n    };\n\n    setCompleteInput(inputDate: Date) {\n        const formattedDate = formatDateShort(inputDate);\n        this.change.emit({ value: formatDateISO(inputDate) });\n        this.typedValue = formattedDate;\n        this.internalError = null;\n        this.setHints({\n            isValid: true,\n            message: null,\n            messageType: null,\n        });\n    }\n\n    setHints({ isValid, message, messageType }) {\n        if (message === this.hintMessage) return this.hintMessageElement?.present();\n        this.invalid = !isValid;\n        this.hintMessage = message;\n        this.hintMessageType = messageType;\n        if (messageType === 'error' && message) {\n            this.internalError = message;\n            this.error.emit({\n                errors: [\n                    {\n                        message,\n                        errorCode: 'generalInvalid',\n                    },\n                ],\n            });\n        }\n    }\n\n    toggleCalendar = () => {\n        if (this.readonly) return;\n        if (this.open) {\n            this.closeCalendar();\n        } else {\n            this.openCalendar();\n        }\n    };\n\n    validateDate() {\n        try {\n            if (!!this.value) {\n                const { dateValue } = this;\n                const month = dateValue?.getMonth() ?? undefined;\n                const year = dateValue?.getFullYear() ?? undefined;\n                const { monthIndex, selectedYear } = this.selectedMonthYear;\n\n                const isSelectedMonthAndYear = month === monthIndex && year === selectedYear;\n                let calculationDateList = [];\n\n                if (!dateValue) {\n                    calculationDateList = [];\n                } else if (isSelectedMonthAndYear) {\n                    calculationDateList = this.dateList;\n                } else {\n                    calculationDateList = this.buildDateList({\n                        monthIndex: month,\n                        selectedYear: year,\n                    });\n                }\n\n                const dateValueDayOfMonth = dateValue?.getDate() ?? undefined;\n                const isDateValueInvalid = dateValueDayOfMonth\n                    ? !calculationDateList.find(({ integer }) => integer === dateValueDayOfMonth).isValid\n                    : true;\n                if (isDateValueInvalid) {\n                    this.error.emit({\n                        errors: [\n                            {\n                                message: `Value passed is invalid: The date ${this.value} is not valid`,\n                                errorCode: 'generalInvalid',\n                            },\n                        ],\n                    });\n                } else {\n                    this.success.emit({ value: formatDateISO(dateValue) });\n                }\n            }\n        } catch (error) {\n            console.warn('Invalid moment value ', this.dateValue);\n        }\n    }\n\n    // #endregion\n    // #region Render Methods\n\n    renderCalendarDays() {\n        return (\n            <table\n                role=\"grid\"\n                aria-labelledby=\"table-label\"\n                ref={ref => (this.calendarTable = ref)}\n            >\n                <thead>\n                    <tr>\n                        {[...Array(7).keys()].map(index => (\n                            <th\n                                scope=\"col\"\n                                aria-label={this.dayStrings[index]}\n                            >\n                                {this.dayAbbrStrings[index]}\n                            </th>\n                        ))}\n                    </tr>\n                </thead>\n                <tbody\n                    onClick={this.onDateSelection}\n                    onKeyDown={this.onDateKeydown}\n                    ref={elm => (this.calendarBody = elm)}\n                    test-id=\"calendarTableBody\"\n                >\n                    {this.currentWeeks.map(week => (\n                        <tr>\n                            {week.map(day => {\n                                let ariaLabel = '';\n                                if (day.isToday) ariaLabel = `${loc('tecton.element.calendar.today')}, `;\n                                ariaLabel += formatDateFull(day.date);\n                                if (day.isSelected) ariaLabel += ` (${loc('tecton.element.calendar.selected')})`;\n                                return (\n                                    <td\n                                        class={day.classList}\n                                        aria-hidden={day.isEmpty ? 'true' : undefined}\n                                        tabindex={day.isSelected ? 0 : -1}\n                                        role={day.isSelected ? 'gridcell' : undefined}\n                                        aria-selected={`${day.isSelected}`}\n                                        aria-disabled={day.isValid ? undefined : 'true'}\n                                        data-day={day.integer || undefined}\n                                        data-date={day.date ? formatDateISO(day.date) : undefined}\n                                    >\n                                        {day?.isToday && (\n                                            <div\n                                                class=\"today-decorator\"\n                                                aria-hidden=\"true\"\n                                            >\n                                                {loc('tecton.element.calendar.today')}\n                                            </div>\n                                        )}\n                                        <div\n                                            aria-label={ariaLabel}\n                                            role=\"text\"\n                                        >\n                                            {day?.integer ?? ''}\n                                        </div>\n                                    </td>\n                                );\n                            })}\n                        </tr>\n                    ))}\n                </tbody>\n            </table>\n        );\n    }\n\n    renderCalendarPopover() {\n        const { monthIndex, selectedYear } = this.selectedMonthYear;\n        return (\n            <div\n                class=\"calendar-field-popup\"\n                onKeyUp={this.onPopupKeyup}\n            >\n                {this.calendarLabel && <p class=\"calendar-label\">{loc(this.calendarLabel)}</p>}\n                <div class=\"cal-month-heading\">\n                    <q2-btn\n                        label={loc('tecton.element.calendar.previousMonth')}\n                        hide-label\n                        ref={elm => (this.btnPrevMonth = elm)}\n                        class=\"cal-nav-btn prev-month\"\n                        test-id=\"previousMonthButton\"\n                        onClick={() => this.goToMonthYear(monthIndex - 1, selectedYear)}\n                    >\n                        <q2-icon type=\"chevron-left\" />\n                    </q2-btn>\n                    <span class=\"cal-month-text\">{this.monthStrings[monthIndex]}</span>\n                    <q2-btn\n                        label={loc('tecton.element.calendar.nextMonth')}\n                        hide-label\n                        class=\"cal-nav-btn next-month\"\n                        ref={elm => (this.btnNextMonth = elm)}\n                        test-id=\"nextMonthButton\"\n                        onClick={() => this.goToMonthYear(monthIndex + 1, selectedYear)}\n                    >\n                        <q2-icon type=\"chevron-right\" />\n                    </q2-btn>\n                    <q2-btn\n                        label={loc('tecton.element.calendar.previousYear')}\n                        hide-label\n                        class=\"cal-nav-btn prev-year\"\n                        ref={elm => (this.btnPrevYear = elm)}\n                        test-id=\"previousYearButton\"\n                        onClick={() => this.goToMonthYear(monthIndex, selectedYear - 1)}\n                    >\n                        <q2-icon type=\"chevron-left\" />\n                    </q2-btn>\n                    <span class=\"cal-year-text\">{this.selectedMonthYear.selectedYear}</span>\n                    <q2-btn\n                        label={loc('tecton.element.calendar.nextYear')}\n                        hide-label\n                        class=\"cal-nav-btn next-year\"\n                        ref={elm => (this.btnNextYear = elm)}\n                        test-id=\"nextYearButton\"\n                        onClick={() => this.goToMonthYear(monthIndex, selectedYear + 1)}\n                        onKeyDown={this.onHeaderControlKeydown}\n                    >\n                        <q2-icon type=\"chevron-right\" />\n                    </q2-btn>\n                </div>\n                <div\n                    class=\"sr\"\n                    aria-live=\"polite\"\n                    id=\"table-label\"\n                >\n                    {`${this.monthStrings[monthIndex]} ${selectedYear}`}\n                </div>\n                {this.renderCalendarDays()}\n                {this.disclaimer && <div class=\"calendar-disclaimer\">{loc(this.disclaimer)}</div>}\n                <div\n                    tabindex=\"0\"\n                    class=\"sr refocus-popup\"\n                    onFocus={this.onRefocus}\n                />\n            </div>\n        );\n    }\n\n    renderHintField() {\n        if (!this.hintMessage) return;\n\n        return (\n            <q2-message\n                class=\"calendar-hint sr\"\n                ref={el => (this.hintMessageElement = el)}\n                type={this.hintMessageType}\n            >\n                {this.hintMessage}\n            </q2-message>\n        );\n    }\n\n    renderInputField() {\n        const { isTypeable } = this;\n        return (\n            <q2-input\n                ref={el => (this.controlElement = el)}\n                class=\"calendar-input-field\"\n                value={this.formattedValue}\n                label={loc(this.label)}\n                hideLabel={this.hideLabel}\n                disabled={!!this.disabled}\n                readonly={!!this.readonly}\n                clearable={this.canClear}\n                placeholder={this.computedPlaceholder}\n                optional={!!this.optional}\n                aria-expanded={`${!!this.open}`}\n                aria-controls=\"calendar-popover\"\n                hints={this.hintList}\n                errors={this.errorList}\n                onClick={isTypeable ? undefined : this.onInputClick}\n                onChange={this.onInputChange}\n                onInput={this.onInputInput}\n                onKeyDown={this.onInputKeydown}\n                onKeyUp={this.onInputKeyup}\n                onBlur={this.onInputBlur}\n                onFocus={this.onInputFocus}\n                icon-right={isTypeable ? undefined : 'calendar'}\n                format-modifier={isTypeable ? this.formatModifier : this.displayFormat || this.formatModifier}\n                type=\"date\"\n                hide-messages={!isTypeable}\n                test-id=\"inputAndCalendarToggle\"\n                _role=\"combobox\"\n                _preventEntry={!isTypeable}\n            >\n                {isTypeable && (\n                    <q2-btn\n                        ref={el => (this.btnCalendarToggle = el)}\n                        slot=\"input-right\"\n                        onClick={this.onInputClick}\n                        test-id=\"calendarToggle\"\n                        label=\"tecton.element.calendar.toggleAriaLabel\"\n                        hide-label\n                    >\n                        <q2-icon type=\"calendar\" />\n                    </q2-btn>\n                )}\n            </q2-input>\n        );\n    }\n\n    render() {\n        return (\n            <click-elsewhere\n                class={this.open ? 'dropdown-open' : undefined}\n                onChange={this.onClickElsewhere}\n            >\n                {this.renderInputField()}\n                <q2-popover\n                    ref={el => (this.popoverElement = el)}\n                    id=\"calendar-popover\"\n                    controlElement={this.innerInputContainer}\n                    open={this.open}\n                    direction={this.popoverDirection}\n                    minHeight={this.popoverMinHeight}\n                    align={this.popoverAlignment}\n                    mode={this.popoverMode || undefined}\n                    block\n                >\n                    {this.renderHintField()}\n                    {this.renderCalendarPopover()}\n                </q2-popover>\n            </click-elsewhere>\n        );\n    }\n\n    // #endregion\n}\n"],"mappings":"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","ignoreList":[]}