@planningcenter/tapestry 4.3.1-rc.6 → 4.4.0-rc.0

package/dist/components/date-picker/DatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAA;AAC1B,OAAO,oBAAoB,CAAA;AAC3B,OAAO,aAAa,CAAA;AAEpB,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,yBAAyB,CAAA;AAEhC,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,2BAA2B,CAAA;AAEhF,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAwB,MAAM,OAAO,CAAA;AAEnE,OAAO,EAUL,KAAK,eAAe,IAAI,mBAAmB,EAM5C,MAAM,kCAAkC,CAAA;AAYzC,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,CAAA;AAExC,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,MAAM,CAAA;AAepD,MAAM,WAAW,eAAe;IAC9B,4GAA4G;IAC5G,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,wFAAwF;IACxF,YAAY,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAA;IACzC,gGAAgG;IAChG,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4FAA4F;IAC5F,cAAc,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAA;IACtE;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,SAAS,CAAA;IACjD,qGAAqG;IACrG,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gDAAgD;IAChD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,wFAAwF;IACxF,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,OAAO,CAAA;IAChD,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,uEAAuE;IACvE,GAAG,CAAC,EAAE,mBAAmB,CAAA;IACzB,uEAAuE;IACvE,GAAG,CAAC,EAAE,mBAAmB,CAAA;IACzB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAA;IAC5C,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mCAAmC;IACnC,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,oEAAoE;IACpE,KAAK,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAA;CACnC;AAED,KAAK,yBAAyB,GAC1B,UAAU,GACV,aAAa,GACb,aAAa,GACb,cAAc,GACd,WAAW,GACX,cAAc,GACd,kBAAkB,GAClB,qBAAqB,GACrB,yBAAyB,GACzB,MAAM,CAAA;AAEV,KAAK,4BAA4B,GAAG,QAAQ,GAAG,MAAM,GAAG,cAAc,CAAA;AAEtE,MAAM,MAAM,sBAAsB,GAAG,+BAA+B,CAClE,mBAAmB,CAAC,SAAS,CAAC,EAC9B,eAAe,EACf,yBAAyB,EACzB,4BAA4B,CAC7B,CAAA;AA2PD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,cAAc,EACd,gBAAgB,EAChB,SAAS,EACT,OAAO,EACP,iBAAiB,EACjB,KAAK,EACL,GAAG,EACH,GAAG,EACH,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAW,EACX,KAAK,EACL,uBAA8B,EAC9B,GAAG,SAAS,EACb,EAAE,sBAAsB,qBAwHxB;yBA7Ie,UAAU"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAA;AAC1B,OAAO,oBAAoB,CAAA;AAC3B,OAAO,aAAa,CAAA;AAEpB,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,yBAAyB,CAAA;AAEhC,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,2BAA2B,CAAA;AAEhF,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAwB,MAAM,OAAO,CAAA;AAEnE,OAAO,EAUL,KAAK,eAAe,IAAI,mBAAmB,EAM5C,MAAM,kCAAkC,CAAA;AAYzC,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,CAAA;AAExC,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,MAAM,CAAA;AAepD,MAAM,WAAW,eAAe;IAC9B,4GAA4G;IAC5G,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,wFAAwF;IACxF,YAAY,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAA;IACzC,gGAAgG;IAChG,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4FAA4F;IAC5F,cAAc,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAA;IACtE;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,SAAS,CAAA;IACjD,qGAAqG;IACrG,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gDAAgD;IAChD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,wFAAwF;IACxF,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,OAAO,CAAA;IAChD,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,uEAAuE;IACvE,GAAG,CAAC,EAAE,mBAAmB,CAAA;IACzB,uEAAuE;IACvE,GAAG,CAAC,EAAE,mBAAmB,CAAA;IACzB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAA;IAC5C,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mCAAmC;IACnC,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,oEAAoE;IACpE,KAAK,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAA;CACnC;AAED,KAAK,yBAAyB,GAC1B,UAAU,GACV,aAAa,GACb,aAAa,GACb,cAAc,GACd,WAAW,GACX,cAAc,GACd,kBAAkB,GAClB,qBAAqB,GACrB,yBAAyB,GACzB,MAAM,CAAA;AAEV,KAAK,4BAA4B,GAAG,QAAQ,GAAG,MAAM,GAAG,cAAc,CAAA;AAEtE,MAAM,MAAM,sBAAsB,GAAG,+BAA+B,CAClE,mBAAmB,CAAC,SAAS,CAAC,EAC9B,eAAe,EACf,yBAAyB,EACzB,4BAA4B,CAC7B,CAAA;AA0QD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,cAAc,EACd,gBAA8C,EAC9C,SAAS,EACT,OAAO,EACP,iBAAiB,EACjB,KAAK,EACL,GAAG,EACH,GAAG,EACH,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAW,EACX,KAAK,EACL,uBAA+B,EAC/B,GAAG,SAAS,EACb,EAAE,sBAAsB,qBAwHxB;yBA7Ie,UAAU"}

package/dist/components/date-picker/DatePicker.js

@@ -106,6 +106,20 @@ function useValue({ defaultValue, onChange, value, }) {
         },
     ];
 }
+// Expands 2-digit years to 4 digits using the POSIX windowing rule: last 80 years and next 19 years.
+function expandTwoDigitYearsViaPOSIX(date) {
+    if (date.year >= 100)
+        return date;
+    const currentYear = $ad063034c8620db8$export$d0bdf45af03a6ea3($ad063034c8620db8$export$aa8b41735afcabd2()).year;
+    const currentCentury = Math.floor(currentYear / 100) * 100;
+    const windowStart = currentYear - 80;
+    let fullYear = currentCentury + date.year;
+    if (fullYear < windowStart)
+        fullYear += 100;
+    else if (fullYear > windowStart + 99)
+        fullYear -= 100;
+    return date.set({ year: fullYear });
+}
 /**
  * A date picker allows a user to select a particular date.
  * The input supports keyboard entry of individual day, month, and year segments;
@@ -126,7 +140,7 @@ function useValue({ defaultValue, onChange, value, }) {
  * @see {@link https://planningcenter.github.io/tapestry/?path=/docs/components-datepicker--docs | Storybook Documentation}
  * @see {@link https://github.com/planningcenter/tapestry/tree/main/packages/tapestry-migration-cli | Migration CLI: Available}
  */
-function DatePicker({ className, defaultValue, description, disabled, firstDayOfWeek, formatDateOnBlur, hideLabel, invalid, isDateUnavailable, label, max, min, onBlur, onChange, readOnly, required, size = "md", value, alwaysShowFourDigitYear = true, ...restProps }) {
+function DatePicker({ className, defaultValue, description, disabled, firstDayOfWeek, formatDateOnBlur = expandTwoDigitYearsViaPOSIX, hideLabel, invalid, isDateUnavailable, label, max, min, onBlur, onChange, readOnly, required, size = "md", value, alwaysShowFourDigitYear = false, ...restProps }) {
     const convertedMin = toCalendarDate(min) ?? undefined;
     const convertedMax = toCalendarDate(max) ?? undefined;
     const combinedClassName = classNames("tds-field tds-date-picker", {

package/dist/components/date-picker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sources":["../../../src/components/date-picker/DatePicker.tsx"],"sourcesContent":["import \"../button/btn.css\"\nimport \"../field/index.css\"\nimport \"./index.css\"\n\nimport {\n  CalendarDate,\n  type DateValue,\n  getLocalTimeZone,\n  isSameDay,\n  parseDate,\n  today as todayCalendar,\n} from \"@internationalized/date\"\nimport Icon from \"@utilities/Icon\"\nimport type { CombineAriaPropsWithCustomProps } from \"@utilities/reactAriaProps\"\nimport classNames from \"classnames\"\nimport React, { type ReactNode, useContext, useState } from \"react\"\nimport { CalendarStateContext } from \"react-aria-components/Calendar\"\nimport {\n  Button,\n  Calendar,\n  CalendarCell,\n  CalendarGrid,\n  CalendarGridBody,\n  CalendarGridHeader,\n  CalendarHeaderCell,\n  DateInput,\n  DatePicker as AriaDatePicker,\n  type DatePickerProps as AriaDatePickerProps,\n  DateSegment,\n  Group,\n  Label,\n  Popover,\n  Text,\n} from \"react-aria-components/DatePicker\"\nimport { Dialog } from \"react-aria-components/Dialog\"\nimport { ListBox, ListBoxItem } from \"react-aria-components/ListBox\"\n\nconst _today = todayCalendar(getLocalTimeZone())\nconst MONTHS = Array.from({ length: 12 }, (_, i) => i)\nconst YEARS = Array.from({ length: 131 }, (_, i) => _today.year - 100 + i)\nconst shortMonthFormatter = new Intl.DateTimeFormat(undefined, {\n  month: \"short\",\n})\nconst longMonthFormatter = new Intl.DateTimeFormat(undefined, { month: \"long\" })\n\nexport type DatePickerSize = \"md\" | \"lg\"\n\nexport type DatePickerDateValue = DateValue | string\n\nfunction toCalendarDate(\n  input: DatePickerDateValue | null | undefined\n): DateValue | null | undefined {\n  if (input === null) return null\n  if (input === undefined) return undefined\n\n  if (typeof input === \"object\" && \"calendar\" in input) {\n    return input\n  }\n\n  return parseDate(input)\n}\n\nexport interface DatePickerProps {\n  /** If `true`, always shows leading zeros in the year segment for years less than 1000. Defaults to true. */\n  alwaysShowFourDigitYear?: boolean\n  /** The initial value for uncontrolled usage. Accepts a DateValue or ISO date string. */\n  defaultValue?: DatePickerDateValue | null\n  /** Helper text displayed below the component. Styled as error text when `invalid` is `true`. */\n  description?: ReactNode\n  /** Disables the input and calendar button. */\n  disabled?: boolean\n  /** Sets the first day of the week in the calendar. Defaults to locale-appropriate value. */\n  firstDayOfWeek?: \"fri\" | \"mon\" | \"sat\" | \"sun\" | \"thu\" | \"tue\" | \"wed\"\n  /**\n   * Called on blur with the current complete value, if any, so it can be\n   * normalized (e.g. correcting a 2-digit year to 4 digits). If the returned\n   * value differs from the current one, the field updates to match.\n   */\n  formatDateOnBlur?: (date: DateValue) => DateValue\n  /** If `true`, the `label` text is rendered as an `aria-label` instead of a visible label element. */\n  hideLabel?: boolean\n  /** Whether the input is in an invalid state. */\n  invalid?: boolean\n  /** Callback that returns `true` for dates that should be visible but not selectable. */\n  isDateUnavailable?: (date: DateValue) => boolean\n  /** Accessible label for the field. */\n  label: string\n  /** Maximum selectable date. Accepts a DateValue or ISO date string. */\n  max?: DatePickerDateValue\n  /** Minimum selectable date. Accepts a DateValue or ISO date string. */\n  min?: DatePickerDateValue\n  /** Called when the selected date changes. */\n  onChange?: (value: DateValue | null) => void\n  /** If `true`, allows the value to be read but not changed. */\n  readOnly?: boolean\n  /** If `true`, appends an asterisk at the end of the label text. */\n  required?: boolean\n  /** The size of the date picker. */\n  size?: DatePickerSize\n  /** The controlled value. Accepts a DateValue or ISO date string. */\n  value?: DatePickerDateValue | null\n}\n\ntype AriaDatePickerPropsToOmit =\n  | \"children\"\n  | \"defaultOpen\"\n  | \"granularity\"\n  | \"hideTimeZone\"\n  | \"hourCycle\"\n  | \"pageBehavior\"\n  | \"placeholderValue\"\n  | \"shouldCloseOnSelect\"\n  | \"shouldForceLeadingZeros\"\n  | \"slot\"\n\ntype AriaDatePickerPropsToInclude = \"isOpen\" | \"name\" | \"onOpenChange\"\n\nexport type DatePickerElementProps = CombineAriaPropsWithCustomProps<\n  AriaDatePickerProps<DateValue>,\n  DatePickerProps,\n  AriaDatePickerPropsToOmit,\n  AriaDatePickerPropsToInclude\n>\n\nfunction DatePickerOverlay({\n  children,\n  variant,\n}: {\n  children: ReactNode\n  variant: \"month\" | \"year\"\n}) {\n  return (\n    <div\n      aria-label={`Select ${variant}`}\n      aria-modal=\"true\"\n      className={`tds-date-picker-overlay tds-date-picker-overlay--${variant}`}\n      role=\"dialog\"\n    >\n      {children}\n    </div>\n  )\n}\n\nfunction DatePickerCalendarBody({\n  activeOverlay,\n  setActiveOverlay,\n}: {\n  activeOverlay: \"month\" | \"year\" | null\n  setActiveOverlay: (overlay: \"month\" | \"year\" | null) => void\n}) {\n  // Read and drive Calendar's focused date through its state context. This\n  // lets react-aria-components own the \"open to selected month\" behavior:\n  // when the popover opens, Calendar mounts and auto-focuses the DatePicker's\n  // current value (whether typed into the input segments or set via `value`).\n  const state = useContext(CalendarStateContext)!\n  const focusedDate = state.focusedDate\n  const today = todayCalendar(getLocalTimeZone())\n\n  function handleOverlaySelectionChange(\n    keys: \"all\" | Set<number | string>,\n    onSelect: (key: number) => void\n  ) {\n    if (keys === \"all\") return\n    const [first] = Array.from(keys)\n    if (first !== undefined) onSelect(Number(first))\n  }\n\n  function handleMonthSelect(monthIndex: number) {\n    state.setFocusedDate(new CalendarDate(focusedDate.year, monthIndex + 1, 1))\n    setActiveOverlay(null)\n  }\n\n  function handleYearSelect(year: number) {\n    state.setFocusedDate(new CalendarDate(year, focusedDate.month, 1))\n    setActiveOverlay(null)\n  }\n\n  return (\n    <>\n      <header className=\"tds-date-picker-calendar-header\">\n        <div className=\"tds-date-picker-calendar-heading\">\n          <Button\n            aria-expanded={activeOverlay === \"month\"}\n            aria-haspopup=\"dialog\"\n            className=\"tds-date-picker-calendar-overlay-trigger\"\n            onPress={() =>\n              setActiveOverlay(activeOverlay === \"month\" ? null : \"month\")\n            }\n            slot={null}\n          >\n            {longMonthFormatter.format(\n              new Date(2000, focusedDate.month - 1, 1)\n            )}\n          </Button>\n          <Button\n            aria-expanded={activeOverlay === \"year\"}\n            aria-haspopup=\"dialog\"\n            className=\"tds-date-picker-calendar-overlay-trigger\"\n            onPress={() =>\n              setActiveOverlay(activeOverlay === \"year\" ? null : \"year\")\n            }\n            slot={null}\n          >\n            {focusedDate.year}\n          </Button>\n        </div>\n        {activeOverlay ? (\n          <Button\n            aria-label={`Close ${activeOverlay} picker`}\n            className=\"tds-date-picker-calendar-nav\"\n            onPress={() => setActiveOverlay(null)}\n            slot={null}\n          >\n            <Icon aria-hidden symbol=\"general#x\" />\n          </Button>\n        ) : (\n          <>\n            <Button\n              aria-label=\"Go to today\"\n              className=\"tds-date-picker-calendar-nav tds-date-picker-calendar-nav--lg\"\n              style={{\n                visibility:\n                  focusedDate.month === today.month &&\n                  focusedDate.year === today.year\n                    ? \"hidden\"\n                    : undefined,\n              }}\n              onPress={() => {\n                state.setFocusedDate(today)\n                state.setFocused(true)\n              }}\n              slot={null}\n            >\n              {/* TODO: Add to icon library and use Icon once icon is decided on */}\n              <svg\n                aria-hidden\n                xmlns=\"http://www.w3.org/2000/svg\"\n                fill=\"currentColor\"\n                viewBox=\"0 0 16 16\"\n                className=\"symbol\"\n              >\n                <path d=\"M13.444 14.222H2.556V5.667h10.888zm0-12.444h-.777V.222h-1.556v1.556H4.889V.222H3.333v1.556h-.777a1.55 1.55 0 0 0-1.548 1.555L1 14.222a1.555 1.555 0 0 0 1.556 1.556h10.888A1.56 1.56 0 0 0 15 14.222V3.333a1.56 1.56 0 0 0-1.556-1.555\" />\n                <circle cx=\"8\" cy=\"9.75\" r=\"2.25\" />\n              </svg>\n            </Button>\n            <Button\n              aria-label=\"Previous month\"\n              className=\"tds-date-picker-calendar-nav\"\n              slot=\"previous\"\n            >\n              <Icon aria-hidden symbol=\"general#left-chevron\" />\n            </Button>\n            <Button\n              aria-label=\"Next month\"\n              className=\"tds-date-picker-calendar-nav\"\n              slot=\"next\"\n            >\n              <Icon aria-hidden symbol=\"general#right-chevron\" />\n            </Button>\n          </>\n        )}\n      </header>\n      <div className=\"tds-date-picker-calendar-body\">\n        {activeOverlay === \"month\" && (\n          <DatePickerOverlay variant=\"month\">\n            <ListBox\n              aria-label=\"Months\"\n              // eslint-disable-next-line jsx-a11y/no-autofocus -- focusing the active item on dialog open is required per ARIA authoring practices\n              autoFocus\n              className=\"tds-date-picker-overlay-list\"\n              disallowEmptySelection\n              escapeKeyBehavior=\"none\"\n              layout=\"grid\"\n              onSelectionChange={(keys) =>\n                handleOverlaySelectionChange(keys, handleMonthSelect)\n              }\n              selectedKeys={[String(focusedDate.month - 1)]}\n              selectionMode=\"single\"\n            >\n              {MONTHS.map((i) => {\n                const date = new Date(2000, i, 1)\n                const shortMonth = shortMonthFormatter.format(date)\n                const longMonth = longMonthFormatter.format(date)\n\n                return (\n                  <ListBoxItem\n                    className=\"tds-date-picker-overlay-cell\"\n                    id={String(i)}\n                    key={i}\n                    aria-label={longMonth}\n                    textValue={longMonth}\n                  >\n                    {shortMonth}\n                  </ListBoxItem>\n                )\n              })}\n            </ListBox>\n          </DatePickerOverlay>\n        )}\n        {activeOverlay === \"year\" && (\n          <DatePickerOverlay variant=\"year\">\n            <ListBox\n              aria-label=\"Years\"\n              // eslint-disable-next-line jsx-a11y/no-autofocus -- focusing the active item on dialog open is required per ARIA authoring practices\n              autoFocus\n              className=\"tds-date-picker-overlay-list\"\n              disallowEmptySelection\n              escapeKeyBehavior=\"none\"\n              layout=\"grid\"\n              onSelectionChange={(keys) =>\n                handleOverlaySelectionChange(keys, handleYearSelect)\n              }\n              selectedKeys={[String(focusedDate.year)]}\n              selectionMode=\"single\"\n            >\n              {YEARS.map((year) => (\n                <ListBoxItem\n                  className=\"tds-date-picker-overlay-cell\"\n                  id={String(year)}\n                  key={year}\n                  textValue={String(year)}\n                >\n                  {year}\n                </ListBoxItem>\n              ))}\n            </ListBox>\n          </DatePickerOverlay>\n        )}\n        <CalendarGrid className=\"tds-date-picker-calendar-grid\">\n          <CalendarGridHeader className=\"tds-date-picker-calendar-grid-header\">\n            {(day) => (\n              <CalendarHeaderCell className=\"tds-date-picker-calendar-header-cell\">\n                {day}\n              </CalendarHeaderCell>\n            )}\n          </CalendarGridHeader>\n          <CalendarGridBody className=\"tds-date-picker-calendar-grid-body\">\n            {(date) => (\n              <CalendarCell\n                className=\"tds-date-picker-calendar-cell-button\"\n                date={date}\n              />\n            )}\n          </CalendarGridBody>\n        </CalendarGrid>\n      </div>\n    </>\n  )\n}\n\nfunction useValue({\n  defaultValue,\n  onChange,\n  value,\n}: Pick<DatePickerProps, \"defaultValue\" | \"onChange\" | \"value\">): [\n  DateValue | null,\n  (value: DateValue | null) => void,\n] {\n  const [uncontrolledValue, setUncontrolledValue] = useState(\n    () => toCalendarDate(defaultValue) ?? null\n  )\n  if (value !== undefined) {\n    return [toCalendarDate(value) ?? null, (...args) => onChange?.(...args)]\n  }\n  return [\n    uncontrolledValue,\n    (value) => {\n      onChange?.(value)\n      setUncontrolledValue(value)\n    },\n  ]\n}\n\n/**\n * A date picker allows a user to select a particular date.\n * The input supports keyboard entry of individual day, month, and year segments;\n * the calendar offers month and year quick-pick overlays plus a \"go to today\" shortcut.\n *\n * The date picker automatically displays the value and calendar from the user's locale,\n * and does not require a specific date format.\n *\n * Values are exchanged as `DateValue` from `@internationalized/date`, but\n * `value`, `defaultValue`, `min`, and `max` also accept ISO date strings\n * (`\"YYYY-MM-DD\"`) for convenience. Restrict the selectable range with\n * `min`/`max`, or mark individual dates as unavailable via `isDateUnavailable`.\n *\n * Renders uncontrolled when `value` is omitted: pass `defaultValue` to set\n * the initial date without managing state.\n *\n * @component\n * @see {@link https://planningcenter.github.io/tapestry/?path=/docs/components-datepicker--docs | Storybook Documentation}\n * @see {@link https://github.com/planningcenter/tapestry/tree/main/packages/tapestry-migration-cli | Migration CLI: Available}\n */\nexport function DatePicker({\n  className,\n  defaultValue,\n  description,\n  disabled,\n  firstDayOfWeek,\n  formatDateOnBlur,\n  hideLabel,\n  invalid,\n  isDateUnavailable,\n  label,\n  max,\n  min,\n  onBlur,\n  onChange,\n  readOnly,\n  required,\n  size = \"md\",\n  value,\n  alwaysShowFourDigitYear = true,\n  ...restProps\n}: DatePickerElementProps) {\n  const convertedMin = toCalendarDate(min) ?? undefined\n  const convertedMax = toCalendarDate(max) ?? undefined\n\n  const combinedClassName = classNames(\n    \"tds-field tds-date-picker\",\n    {\n      \"tds-date-picker--lg\": size === \"lg\",\n      \"tds-field--lg\": size === \"lg\",\n    },\n    className\n  )\n\n  const [activeOverlay, setActiveOverlay] = useState<\"month\" | \"year\" | null>(\n    null\n  )\n\n  const [computedValue, setComputedValue] = useValue({\n    defaultValue,\n    onChange,\n    value,\n  })\n\n  return (\n    <AriaDatePicker\n      {...restProps}\n      aria-label={hideLabel ? label : undefined}\n      className={combinedClassName}\n      isDateUnavailable={isDateUnavailable}\n      isDisabled={disabled}\n      isReadOnly={readOnly}\n      isRequired={required}\n      maxValue={convertedMax}\n      minValue={convertedMin}\n      onBlur={(event) => {\n        onBlur?.(event)\n        if (!formatDateOnBlur || !computedValue) return\n\n        const formattedValue = formatDateOnBlur(computedValue)\n        if (isSameDay(formattedValue, computedValue)) return\n\n        setComputedValue(formattedValue)\n      }}\n      onChange={(newValue) => {\n        setComputedValue(newValue)\n      }}\n      onOpenChange={(isOpen) => {\n        if (!isOpen) setActiveOverlay(null)\n      }}\n      value={computedValue}\n    >\n      {!hideLabel && <Label className=\"tds-field-label\">{label}</Label>}\n      <Group\n        aria-invalid={invalid || undefined}\n        className=\"tds-field-control tds-date-picker-field\"\n      >\n        <DateInput className=\"tds-date-picker-input\">\n          {(segment) => (\n            <DateSegment\n              aria-invalid={invalid || undefined}\n              className={\n                segment.type === \"literal\"\n                  ? \"tds-field-date-segment-separator\"\n                  : \"tds-field-date-segment\"\n              }\n              segment={\n                segment.type === \"year\" &&\n                !segment.isPlaceholder &&\n                segment.value != null &&\n                alwaysShowFourDigitYear\n                  ? {\n                      ...segment,\n                      text: new Intl.NumberFormat(undefined, {\n                        minimumIntegerDigits: 4,\n                        useGrouping: false,\n                      }).format(segment.value),\n                    }\n                  : segment\n              }\n            />\n          )}\n        </DateInput>\n        <Button className=\"tds-btn tds-btn--infield tds-date-picker-button\">\n          <Icon aria-hidden symbol=\"general#calendar\" />\n        </Button>\n      </Group>\n      <Popover\n        className={classNames(\"tds-date-picker-popover\", {\n          \"tds-date-picker-popover--lg\": size === \"lg\",\n        })}\n        offset={2}\n      >\n        <Dialog>\n          <Calendar\n            className=\"tds-date-picker-calendar\"\n            firstDayOfWeek={firstDayOfWeek}\n          >\n            <DatePickerCalendarBody\n              activeOverlay={activeOverlay}\n              setActiveOverlay={setActiveOverlay}\n            />\n          </Calendar>\n        </Dialog>\n      </Popover>\n      {description && (\n        <Text\n          elementType=\"p\"\n          className=\"tds-field-description\"\n          slot=\"description\"\n        >\n          <Icon\n            aria-hidden\n            className=\"tds-field-description-invalid-icon\"\n            symbol=\"general#exclamation-triangle\"\n          />\n          {description}\n        </Text>\n      )}\n    </AriaDatePicker>\n  )\n}\n\nDatePicker.displayName = \"DatePicker\"\n"],"names":["todayCalendar","getLocalTimeZone","parseDate","CalendarDate","AriaDatePicker","isSameDay"],"mappings":"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"}
+{"version":3,"file":"DatePicker.js","sources":["../../../src/components/date-picker/DatePicker.tsx"],"sourcesContent":["import \"../button/btn.css\"\nimport \"../field/index.css\"\nimport \"./index.css\"\n\nimport {\n  CalendarDate,\n  type DateValue,\n  getLocalTimeZone,\n  isSameDay,\n  parseDate,\n  today as todayCalendar,\n} from \"@internationalized/date\"\nimport Icon from \"@utilities/Icon\"\nimport type { CombineAriaPropsWithCustomProps } from \"@utilities/reactAriaProps\"\nimport classNames from \"classnames\"\nimport React, { type ReactNode, useContext, useState } from \"react\"\nimport { CalendarStateContext } from \"react-aria-components/Calendar\"\nimport {\n  Button,\n  Calendar,\n  CalendarCell,\n  CalendarGrid,\n  CalendarGridBody,\n  CalendarGridHeader,\n  CalendarHeaderCell,\n  DateInput,\n  DatePicker as AriaDatePicker,\n  type DatePickerProps as AriaDatePickerProps,\n  DateSegment,\n  Group,\n  Label,\n  Popover,\n  Text,\n} from \"react-aria-components/DatePicker\"\nimport { Dialog } from \"react-aria-components/Dialog\"\nimport { ListBox, ListBoxItem } from \"react-aria-components/ListBox\"\n\nconst _today = todayCalendar(getLocalTimeZone())\nconst MONTHS = Array.from({ length: 12 }, (_, i) => i)\nconst YEARS = Array.from({ length: 131 }, (_, i) => _today.year - 100 + i)\nconst shortMonthFormatter = new Intl.DateTimeFormat(undefined, {\n  month: \"short\",\n})\nconst longMonthFormatter = new Intl.DateTimeFormat(undefined, { month: \"long\" })\n\nexport type DatePickerSize = \"md\" | \"lg\"\n\nexport type DatePickerDateValue = DateValue | string\n\nfunction toCalendarDate(\n  input: DatePickerDateValue | null | undefined\n): DateValue | null | undefined {\n  if (input === null) return null\n  if (input === undefined) return undefined\n\n  if (typeof input === \"object\" && \"calendar\" in input) {\n    return input\n  }\n\n  return parseDate(input)\n}\n\nexport interface DatePickerProps {\n  /** If `true`, always shows leading zeros in the year segment for years less than 1000. Defaults to true. */\n  alwaysShowFourDigitYear?: boolean\n  /** The initial value for uncontrolled usage. Accepts a DateValue or ISO date string. */\n  defaultValue?: DatePickerDateValue | null\n  /** Helper text displayed below the component. Styled as error text when `invalid` is `true`. */\n  description?: ReactNode\n  /** Disables the input and calendar button. */\n  disabled?: boolean\n  /** Sets the first day of the week in the calendar. Defaults to locale-appropriate value. */\n  firstDayOfWeek?: \"fri\" | \"mon\" | \"sat\" | \"sun\" | \"thu\" | \"tue\" | \"wed\"\n  /**\n   * Called on blur with the current complete value, if any, so it can be\n   * normalized (e.g. correcting a 2-digit year to 4 digits). If the returned\n   * value differs from the current one, the field updates to match.\n   */\n  formatDateOnBlur?: (date: DateValue) => DateValue\n  /** If `true`, the `label` text is rendered as an `aria-label` instead of a visible label element. */\n  hideLabel?: boolean\n  /** Whether the input is in an invalid state. */\n  invalid?: boolean\n  /** Callback that returns `true` for dates that should be visible but not selectable. */\n  isDateUnavailable?: (date: DateValue) => boolean\n  /** Accessible label for the field. */\n  label: string\n  /** Maximum selectable date. Accepts a DateValue or ISO date string. */\n  max?: DatePickerDateValue\n  /** Minimum selectable date. Accepts a DateValue or ISO date string. */\n  min?: DatePickerDateValue\n  /** Called when the selected date changes. */\n  onChange?: (value: DateValue | null) => void\n  /** If `true`, allows the value to be read but not changed. */\n  readOnly?: boolean\n  /** If `true`, appends an asterisk at the end of the label text. */\n  required?: boolean\n  /** The size of the date picker. */\n  size?: DatePickerSize\n  /** The controlled value. Accepts a DateValue or ISO date string. */\n  value?: DatePickerDateValue | null\n}\n\ntype AriaDatePickerPropsToOmit =\n  | \"children\"\n  | \"defaultOpen\"\n  | \"granularity\"\n  | \"hideTimeZone\"\n  | \"hourCycle\"\n  | \"pageBehavior\"\n  | \"placeholderValue\"\n  | \"shouldCloseOnSelect\"\n  | \"shouldForceLeadingZeros\"\n  | \"slot\"\n\ntype AriaDatePickerPropsToInclude = \"isOpen\" | \"name\" | \"onOpenChange\"\n\nexport type DatePickerElementProps = CombineAriaPropsWithCustomProps<\n  AriaDatePickerProps<DateValue>,\n  DatePickerProps,\n  AriaDatePickerPropsToOmit,\n  AriaDatePickerPropsToInclude\n>\n\nfunction DatePickerOverlay({\n  children,\n  variant,\n}: {\n  children: ReactNode\n  variant: \"month\" | \"year\"\n}) {\n  return (\n    <div\n      aria-label={`Select ${variant}`}\n      aria-modal=\"true\"\n      className={`tds-date-picker-overlay tds-date-picker-overlay--${variant}`}\n      role=\"dialog\"\n    >\n      {children}\n    </div>\n  )\n}\n\nfunction DatePickerCalendarBody({\n  activeOverlay,\n  setActiveOverlay,\n}: {\n  activeOverlay: \"month\" | \"year\" | null\n  setActiveOverlay: (overlay: \"month\" | \"year\" | null) => void\n}) {\n  // Read and drive Calendar's focused date through its state context. This\n  // lets react-aria-components own the \"open to selected month\" behavior:\n  // when the popover opens, Calendar mounts and auto-focuses the DatePicker's\n  // current value (whether typed into the input segments or set via `value`).\n  const state = useContext(CalendarStateContext)!\n  const focusedDate = state.focusedDate\n  const today = todayCalendar(getLocalTimeZone())\n\n  function handleOverlaySelectionChange(\n    keys: \"all\" | Set<number | string>,\n    onSelect: (key: number) => void\n  ) {\n    if (keys === \"all\") return\n    const [first] = Array.from(keys)\n    if (first !== undefined) onSelect(Number(first))\n  }\n\n  function handleMonthSelect(monthIndex: number) {\n    state.setFocusedDate(new CalendarDate(focusedDate.year, monthIndex + 1, 1))\n    setActiveOverlay(null)\n  }\n\n  function handleYearSelect(year: number) {\n    state.setFocusedDate(new CalendarDate(year, focusedDate.month, 1))\n    setActiveOverlay(null)\n  }\n\n  return (\n    <>\n      <header className=\"tds-date-picker-calendar-header\">\n        <div className=\"tds-date-picker-calendar-heading\">\n          <Button\n            aria-expanded={activeOverlay === \"month\"}\n            aria-haspopup=\"dialog\"\n            className=\"tds-date-picker-calendar-overlay-trigger\"\n            onPress={() =>\n              setActiveOverlay(activeOverlay === \"month\" ? null : \"month\")\n            }\n            slot={null}\n          >\n            {longMonthFormatter.format(\n              new Date(2000, focusedDate.month - 1, 1)\n            )}\n          </Button>\n          <Button\n            aria-expanded={activeOverlay === \"year\"}\n            aria-haspopup=\"dialog\"\n            className=\"tds-date-picker-calendar-overlay-trigger\"\n            onPress={() =>\n              setActiveOverlay(activeOverlay === \"year\" ? null : \"year\")\n            }\n            slot={null}\n          >\n            {focusedDate.year}\n          </Button>\n        </div>\n        {activeOverlay ? (\n          <Button\n            aria-label={`Close ${activeOverlay} picker`}\n            className=\"tds-date-picker-calendar-nav\"\n            onPress={() => setActiveOverlay(null)}\n            slot={null}\n          >\n            <Icon aria-hidden symbol=\"general#x\" />\n          </Button>\n        ) : (\n          <>\n            <Button\n              aria-label=\"Go to today\"\n              className=\"tds-date-picker-calendar-nav tds-date-picker-calendar-nav--lg\"\n              style={{\n                visibility:\n                  focusedDate.month === today.month &&\n                  focusedDate.year === today.year\n                    ? \"hidden\"\n                    : undefined,\n              }}\n              onPress={() => {\n                state.setFocusedDate(today)\n                state.setFocused(true)\n              }}\n              slot={null}\n            >\n              {/* TODO: Add to icon library and use Icon once icon is decided on */}\n              <svg\n                aria-hidden\n                xmlns=\"http://www.w3.org/2000/svg\"\n                fill=\"currentColor\"\n                viewBox=\"0 0 16 16\"\n                className=\"symbol\"\n              >\n                <path d=\"M13.444 14.222H2.556V5.667h10.888zm0-12.444h-.777V.222h-1.556v1.556H4.889V.222H3.333v1.556h-.777a1.55 1.55 0 0 0-1.548 1.555L1 14.222a1.555 1.555 0 0 0 1.556 1.556h10.888A1.56 1.56 0 0 0 15 14.222V3.333a1.56 1.56 0 0 0-1.556-1.555\" />\n                <circle cx=\"8\" cy=\"9.75\" r=\"2.25\" />\n              </svg>\n            </Button>\n            <Button\n              aria-label=\"Previous month\"\n              className=\"tds-date-picker-calendar-nav\"\n              slot=\"previous\"\n            >\n              <Icon aria-hidden symbol=\"general#left-chevron\" />\n            </Button>\n            <Button\n              aria-label=\"Next month\"\n              className=\"tds-date-picker-calendar-nav\"\n              slot=\"next\"\n            >\n              <Icon aria-hidden symbol=\"general#right-chevron\" />\n            </Button>\n          </>\n        )}\n      </header>\n      <div className=\"tds-date-picker-calendar-body\">\n        {activeOverlay === \"month\" && (\n          <DatePickerOverlay variant=\"month\">\n            <ListBox\n              aria-label=\"Months\"\n              // eslint-disable-next-line jsx-a11y/no-autofocus -- focusing the active item on dialog open is required per ARIA authoring practices\n              autoFocus\n              className=\"tds-date-picker-overlay-list\"\n              disallowEmptySelection\n              escapeKeyBehavior=\"none\"\n              layout=\"grid\"\n              onSelectionChange={(keys) =>\n                handleOverlaySelectionChange(keys, handleMonthSelect)\n              }\n              selectedKeys={[String(focusedDate.month - 1)]}\n              selectionMode=\"single\"\n            >\n              {MONTHS.map((i) => {\n                const date = new Date(2000, i, 1)\n                const shortMonth = shortMonthFormatter.format(date)\n                const longMonth = longMonthFormatter.format(date)\n\n                return (\n                  <ListBoxItem\n                    className=\"tds-date-picker-overlay-cell\"\n                    id={String(i)}\n                    key={i}\n                    aria-label={longMonth}\n                    textValue={longMonth}\n                  >\n                    {shortMonth}\n                  </ListBoxItem>\n                )\n              })}\n            </ListBox>\n          </DatePickerOverlay>\n        )}\n        {activeOverlay === \"year\" && (\n          <DatePickerOverlay variant=\"year\">\n            <ListBox\n              aria-label=\"Years\"\n              // eslint-disable-next-line jsx-a11y/no-autofocus -- focusing the active item on dialog open is required per ARIA authoring practices\n              autoFocus\n              className=\"tds-date-picker-overlay-list\"\n              disallowEmptySelection\n              escapeKeyBehavior=\"none\"\n              layout=\"grid\"\n              onSelectionChange={(keys) =>\n                handleOverlaySelectionChange(keys, handleYearSelect)\n              }\n              selectedKeys={[String(focusedDate.year)]}\n              selectionMode=\"single\"\n            >\n              {YEARS.map((year) => (\n                <ListBoxItem\n                  className=\"tds-date-picker-overlay-cell\"\n                  id={String(year)}\n                  key={year}\n                  textValue={String(year)}\n                >\n                  {year}\n                </ListBoxItem>\n              ))}\n            </ListBox>\n          </DatePickerOverlay>\n        )}\n        <CalendarGrid className=\"tds-date-picker-calendar-grid\">\n          <CalendarGridHeader className=\"tds-date-picker-calendar-grid-header\">\n            {(day) => (\n              <CalendarHeaderCell className=\"tds-date-picker-calendar-header-cell\">\n                {day}\n              </CalendarHeaderCell>\n            )}\n          </CalendarGridHeader>\n          <CalendarGridBody className=\"tds-date-picker-calendar-grid-body\">\n            {(date) => (\n              <CalendarCell\n                className=\"tds-date-picker-calendar-cell-button\"\n                date={date}\n              />\n            )}\n          </CalendarGridBody>\n        </CalendarGrid>\n      </div>\n    </>\n  )\n}\n\nfunction useValue({\n  defaultValue,\n  onChange,\n  value,\n}: Pick<DatePickerProps, \"defaultValue\" | \"onChange\" | \"value\">): [\n  DateValue | null,\n  (value: DateValue | null) => void,\n] {\n  const [uncontrolledValue, setUncontrolledValue] = useState(\n    () => toCalendarDate(defaultValue) ?? null\n  )\n  if (value !== undefined) {\n    return [toCalendarDate(value) ?? null, (...args) => onChange?.(...args)]\n  }\n  return [\n    uncontrolledValue,\n    (value) => {\n      onChange?.(value)\n      setUncontrolledValue(value)\n    },\n  ]\n}\n\n// Expands 2-digit years to 4 digits using the POSIX windowing rule: last 80 years and next 19 years.\nfunction expandTwoDigitYearsViaPOSIX(date: DateValue): DateValue {\n  if (date.year >= 100) return date\n\n  const currentYear = todayCalendar(getLocalTimeZone()).year\n  const currentCentury = Math.floor(currentYear / 100) * 100\n  const windowStart = currentYear - 80\n\n  let fullYear = currentCentury + date.year\n  if (fullYear < windowStart) fullYear += 100\n  else if (fullYear > windowStart + 99) fullYear -= 100\n\n  return date.set({ year: fullYear })\n}\n\n/**\n * A date picker allows a user to select a particular date.\n * The input supports keyboard entry of individual day, month, and year segments;\n * the calendar offers month and year quick-pick overlays plus a \"go to today\" shortcut.\n *\n * The date picker automatically displays the value and calendar from the user's locale,\n * and does not require a specific date format.\n *\n * Values are exchanged as `DateValue` from `@internationalized/date`, but\n * `value`, `defaultValue`, `min`, and `max` also accept ISO date strings\n * (`\"YYYY-MM-DD\"`) for convenience. Restrict the selectable range with\n * `min`/`max`, or mark individual dates as unavailable via `isDateUnavailable`.\n *\n * Renders uncontrolled when `value` is omitted: pass `defaultValue` to set\n * the initial date without managing state.\n *\n * @component\n * @see {@link https://planningcenter.github.io/tapestry/?path=/docs/components-datepicker--docs | Storybook Documentation}\n * @see {@link https://github.com/planningcenter/tapestry/tree/main/packages/tapestry-migration-cli | Migration CLI: Available}\n */\nexport function DatePicker({\n  className,\n  defaultValue,\n  description,\n  disabled,\n  firstDayOfWeek,\n  formatDateOnBlur = expandTwoDigitYearsViaPOSIX,\n  hideLabel,\n  invalid,\n  isDateUnavailable,\n  label,\n  max,\n  min,\n  onBlur,\n  onChange,\n  readOnly,\n  required,\n  size = \"md\",\n  value,\n  alwaysShowFourDigitYear = false,\n  ...restProps\n}: DatePickerElementProps) {\n  const convertedMin = toCalendarDate(min) ?? undefined\n  const convertedMax = toCalendarDate(max) ?? undefined\n\n  const combinedClassName = classNames(\n    \"tds-field tds-date-picker\",\n    {\n      \"tds-date-picker--lg\": size === \"lg\",\n      \"tds-field--lg\": size === \"lg\",\n    },\n    className\n  )\n\n  const [activeOverlay, setActiveOverlay] = useState<\"month\" | \"year\" | null>(\n    null\n  )\n\n  const [computedValue, setComputedValue] = useValue({\n    defaultValue,\n    onChange,\n    value,\n  })\n\n  return (\n    <AriaDatePicker\n      {...restProps}\n      aria-label={hideLabel ? label : undefined}\n      className={combinedClassName}\n      isDateUnavailable={isDateUnavailable}\n      isDisabled={disabled}\n      isReadOnly={readOnly}\n      isRequired={required}\n      maxValue={convertedMax}\n      minValue={convertedMin}\n      onBlur={(event) => {\n        onBlur?.(event)\n        if (!formatDateOnBlur || !computedValue) return\n\n        const formattedValue = formatDateOnBlur(computedValue)\n        if (isSameDay(formattedValue, computedValue)) return\n\n        setComputedValue(formattedValue)\n      }}\n      onChange={(newValue) => {\n        setComputedValue(newValue)\n      }}\n      onOpenChange={(isOpen) => {\n        if (!isOpen) setActiveOverlay(null)\n      }}\n      value={computedValue}\n    >\n      {!hideLabel && <Label className=\"tds-field-label\">{label}</Label>}\n      <Group\n        aria-invalid={invalid || undefined}\n        className=\"tds-field-control tds-date-picker-field\"\n      >\n        <DateInput className=\"tds-date-picker-input\">\n          {(segment) => (\n            <DateSegment\n              aria-invalid={invalid || undefined}\n              className={\n                segment.type === \"literal\"\n                  ? \"tds-field-date-segment-separator\"\n                  : \"tds-field-date-segment\"\n              }\n              segment={\n                segment.type === \"year\" &&\n                !segment.isPlaceholder &&\n                segment.value != null &&\n                alwaysShowFourDigitYear\n                  ? {\n                      ...segment,\n                      text: new Intl.NumberFormat(undefined, {\n                        minimumIntegerDigits: 4,\n                        useGrouping: false,\n                      }).format(segment.value),\n                    }\n                  : segment\n              }\n            />\n          )}\n        </DateInput>\n        <Button className=\"tds-btn tds-btn--infield tds-date-picker-button\">\n          <Icon aria-hidden symbol=\"general#calendar\" />\n        </Button>\n      </Group>\n      <Popover\n        className={classNames(\"tds-date-picker-popover\", {\n          \"tds-date-picker-popover--lg\": size === \"lg\",\n        })}\n        offset={2}\n      >\n        <Dialog>\n          <Calendar\n            className=\"tds-date-picker-calendar\"\n            firstDayOfWeek={firstDayOfWeek}\n          >\n            <DatePickerCalendarBody\n              activeOverlay={activeOverlay}\n              setActiveOverlay={setActiveOverlay}\n            />\n          </Calendar>\n        </Dialog>\n      </Popover>\n      {description && (\n        <Text\n          elementType=\"p\"\n          className=\"tds-field-description\"\n          slot=\"description\"\n        >\n          <Icon\n            aria-hidden\n            className=\"tds-field-description-invalid-icon\"\n            symbol=\"general#exclamation-triangle\"\n          />\n          {description}\n        </Text>\n      )}\n    </AriaDatePicker>\n  )\n}\n\nDatePicker.displayName = \"DatePicker\"\n"],"names":["todayCalendar","getLocalTimeZone","parseDate","CalendarDate","AriaDatePicker","isSameDay"],"mappings":"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"}

package/dist/components/page-header/index.js

@@ -1,5 +1,5 @@
 import './tds-scroll-to-selected-in-unordered-list.js';
-import '../../packages/tapestry-wc/dist/components/p-KB6zI0x4.js';
+import '../../packages/tapestry-wc/dist/components/p-B1gLxrsi.js';
 import { defineCustomElement } from '../../packages/tapestry-wc/dist/components/tds-page-header.js';
 import { defineCustomElement as defineCustomElement$1 } from '../../packages/tapestry-wc/dist/components/tds-page-header-nav.js';
 import 'classnames';

package/dist/components/sidenav/index.js

@@ -1,4 +1,4 @@
-import '../../packages/tapestry-wc/dist/components/p-KB6zI0x4.js';
+import '../../packages/tapestry-wc/dist/components/p-B1gLxrsi.js';
 import { defineCustomElement } from '../../packages/tapestry-wc/dist/components/tds-sidenav.js';
 import { defineCustomElement as defineCustomElement$1 } from '../../packages/tapestry-wc/dist/components/tds-sidenav-item.js';
 import { defineCustomElement as defineCustomElement$3 } from '../../packages/tapestry-wc/dist/components/tds-sidenav-responsive-header.js';

package/dist/packages/tapestry-wc/dist/components/{p-KB6zI0x4.js → p-B1gLxrsi.js}

@@ -1,6 +1,6 @@
 /*!
  * Planning Center Tapestry Web Components
- * Version: 4.3.1-rc.5
+ * Version: 4.3.1-rc.6
  */
 const NAMESPACE = 'tapestry';
 const BUILD = /* tapestry */ { experimentalSlotFixes: true, hydratedSelectorName: "hydrated", lazyLoad: false, shadowDom: false, slotRelocation: true, updatable: true, watchCallback: false };
@@ -1733,4 +1733,4 @@ var proxyCustomElement = (Cstr, compactMeta) => {
 };
 
 export { H, Host as c, h, proxyCustomElement as p };
-//# sourceMappingURL=p-KB6zI0x4.js.map
+//# sourceMappingURL=p-B1gLxrsi.js.map