react-aria/dist/private/calendar/useCalendarHeading.cjs.map

Spectrum UI components in React

{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;AA4BM,SAAS,0CACd,KAA2B,EAC3B,KAAgE;IAEhE,IAAI,YAAY,CAAA,GAAA,oBAAM,EAAE;QACtB,IAAI,eAAe,MAAM,YAAY,CAAC,KAAK;QAC3C,IAAI,MAAM,MAAM,EACd,eAAe,aAAa,GAAG,CAAC,MAAM,MAAM;QAE9C,OAAO;IACT,GAAG;QAAC,MAAM,YAAY,CAAC,KAAK;QAAE,MAAM,MAAM;KAAC;IAE3C,IAAI,SAAS,MAAM,eAAe,CAAC,IAAI,IAAI,MAAM,eAAe,CAAC,KAAK;IACtE,IAAI,YAAY,CAAA,GAAA,0CAAe,EAAE;QAC/B,KAAK,MAAM,MAAM,EAAE,OAAQ,CAAA,SAAS,YAAY,SAAQ;QACxD,OAAO,MAAM,MAAM,EAAE,SAAS;QAC9B,MAAM,MAAM,MAAM,EAAE,QAAQ;QAC5B,KACE,MAAM,MAAM,EAAE,OACb,aAAa,UAAU,QAAQ,CAAC,UAAU,KAAK,aAAa,UAAU,GAAG,KAAK,OAC3E,UACA;QACN,UAAU,MAAM,YAAY,EAAE,MAAM,SAAS;QAC7C,UAAU,MAAM,QAAQ;IAC1B;IAEA,OAAO,CAAA,GAAA,oBAAM,EAAE;QACb,IAAI,QACF,OAAO,UAAU,WAAW,CAC1B,UAAU,MAAM,CAAC,MAAM,QAAQ,GAC/B,MAAM,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,QAAQ;QAIhD,iFAAiF;QACjF,6EAA6E;QAC7E,IAAI,cAAc,UAAU,QAAQ,CAAC,mBAAmB,GACpD,UAAU,QAAQ,CAAC,mBAAmB,CAAC,aACvC;QACJ,OAAO,UAAU,MAAM,CAAC,YAAY,MAAM,CAAC,MAAM,QAAQ;IAC3D,GAAG;QAAC;QAAW;QAAQ;QAAW,MAAM,QAAQ;QAAE,MAAM,YAAY,CAAC,GAAG;KAAC;AAC3E","sources":["packages/react-aria/src/calendar/useCalendarHeading.ts"],"sourcesContent":["/*\n * Copyright 2026 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {CalendarSelectionMode, CalendarState} from 'react-stately/useCalendarState';\nimport {DateDuration} from '@internationalized/date';\nimport {RangeCalendarState} from 'react-stately/useRangeCalendarState';\nimport {useDateFormatter} from '../i18n/useDateFormatter';\nimport {useMemo} from 'react';\n\nexport interface CalendarHeadingFormatOptions {\n  day?: 'numeric' | '2-digit';\n  month?: 'numeric' | '2-digit' | 'long' | 'short' | 'narrow';\n  year?: 'numeric' | '2-digit';\n  era?: 'long' | 'short' | 'narrow';\n}\n\nexport interface CalendarHeadingProps {\n  /**\n   * The number of months from the start of the visible range to display.\n   *\n   * @default 0\n   */\n  offset?: DateDuration;\n  /**\n   * The format of the month heading.\n   */\n  format?: CalendarHeadingFormatOptions;\n}\n\nexport function useCalendarHeading(\n  props: CalendarHeadingProps,\n  state: CalendarState<CalendarSelectionMode> | RangeCalendarState\n): string {\n  let startDate = useMemo(() => {\n    let currentMonth = state.visibleRange.start;\n    if (props.offset) {\n      currentMonth = currentMonth.add(props.offset);\n    }\n    return currentMonth;\n  }, [state.visibleRange.start, props.offset]);\n\n  let isDays = state.visibleDuration.days || state.visibleDuration.weeks;\n  let formatter = useDateFormatter({\n    day: props.format?.day || (isDays ? 'numeric' : undefined),\n    month: props.format?.month || 'long',\n    year: props.format?.year || 'numeric',\n    era:\n      props.format?.era ||\n      (startDate && startDate.calendar.identifier === 'gregory' && startDate.era === 'BC')\n        ? 'short'\n        : undefined,\n    calendar: state.visibleRange?.start.calendar.identifier,\n    timeZone: state.timeZone\n  });\n\n  return useMemo(() => {\n    if (isDays) {\n      return formatter.formatRange(\n        startDate.toDate(state.timeZone),\n        state.visibleRange.end.toDate(state.timeZone)\n      );\n    }\n\n    // Custom calendars like the 4-5-4 fiscal calendar use getFormattableMonth to map\n    // their internal month back to the Gregorian month that should be displayed.\n    let displayDate = startDate.calendar.getFormattableMonth\n      ? startDate.calendar.getFormattableMonth(startDate)\n      : startDate;\n    return formatter.format(displayDate.toDate(state.timeZone));\n  }, [formatter, isDays, startDate, state.timeZone, state.visibleRange.end]);\n}\n"],"names":[],"version":3,"file":"useCalendarHeading.cjs.map"}