@hitachivantara/uikit-react-core 5.0.0-next.2 → 5.0.0-next.20

package/dist/esm/components/Calendar/SingleCalendar/CalendarCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarCell.js","sources":["../../../../../src/components/Calendar/SingleCalendar/CalendarCell.tsx"],"sourcesContent":["import { SyntheticEvent, useRef } from \"react\";\nimport clsx from \"clsx\";\nimport {\n  getDateISO,\n  getFormattedDate,\n  isSameDay,\n  isSameMonth,\n  dateInProvidedValueRange,\n  checkIfDateIsDisabled,\n  isDateRangeProp,\n} from \"../utils\";\nimport { DateRangeProp, HvTooltip, HvTypography } from \"../..\";\nimport { useComputation } from \"hooks\";\nimport calendarCellClasses, {\n  HvCalendarCellClasses,\n} from \"./calendarCellClasses\";\nimport {\n  StyledCalendarDate,\n  StyledCellContainer,\n  StyledDateWrapper,\n} from \"./CalendarCell.styles\";\nimport CalendarModel from \"../model\";\n\nexport const HvCalendarCell = ({\n  classes,\n  onChange,\n  onKeyDown,\n  calendarValue,\n  firstDayOfCurrentMonth,\n  value,\n  isDateSelectionMode,\n  today,\n  locale,\n  minimumDate,\n  maximumDate,\n  rangeMode = false,\n  ...others\n}: HvCalendarCellProps) => {\n  const buttonEl = useRef<HTMLButtonElement>(null);\n  const [title, computeTitle] = useComputation(() =>\n    getFormattedDate(value, locale)\n  );\n\n  const startDate = isDateRangeProp(calendarValue)\n    ? calendarValue.startDate\n    : undefined;\n  const endDate = isDateRangeProp(calendarValue)\n    ? calendarValue.endDate\n    : undefined;\n  const isCellToday = isSameDay(value, today);\n  const isCellSelected = isSameDay(calendarValue, value);\n  const inMonth = isSameMonth(value, firstDayOfCurrentMonth);\n  const isCellAfterStartingDate =\n    rangeMode && value && startDate ? value >= startDate : false;\n  const isCellStartingDate = rangeMode ? isSameDay(value, startDate) : false;\n  const isDateInSelectionRange =\n    calendarValue && rangeMode\n      ? dateInProvidedValueRange(value, calendarValue)\n      : false;\n  const isDateDisabled = checkIfDateIsDisabled(value, minimumDate, maximumDate);\n  const startBookend = isSameDay(startDate, value);\n  const endBookend = isSameDay(endDate, value);\n  const isSelecting = isDateSelectionMode && isCellAfterStartingDate;\n\n  const handleClick = (event: SyntheticEvent) => {\n    if (value) {\n      onChange?.(event, value);\n      if (buttonEl.current) setTimeout(() => buttonEl?.current?.focus());\n    }\n  };\n\n  const handleKeyDown = (event) => {\n    onKeyDown?.(event);\n  };\n\n  const renderDate = () => (\n    <StyledCellContainer\n      ref={buttonEl}\n      type=\"button\"\n      className={clsx(\n        calendarCellClasses.cellContainer,\n        classes?.cellContainer,\n        inMonth &&\n          clsx(calendarCellClasses.focusSelection, classes?.focusSelection)\n      )}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      disabled={isDateDisabled || !inMonth}\n      data-in-month={inMonth}\n      {...others}\n    >\n      <StyledCalendarDate\n        variant={isCellToday ? \"highlightText\" : \"normalText\"}\n        className={clsx(\n          calendarCellClasses.calendarDate,\n          classes?.calendarDate,\n          inMonth &&\n            isCellSelected &&\n            clsx(\n              calendarCellClasses.calendarDateSelected,\n              classes?.calendarDateSelected\n            ),\n          !inMonth &&\n            clsx(\n              calendarCellClasses.calendarDateNotInMonth,\n              classes?.calendarDateNotInMonth\n            ),\n          inMonth &&\n            rangeMode &&\n            isDateInSelectionRange &&\n            clsx(\n              calendarCellClasses.calendarDateInSelectionRange,\n              classes?.calendarDateInSelectionRange\n            ),\n          isDateDisabled &&\n            clsx(\n              calendarCellClasses.calendarDateDisabled,\n              classes?.calendarDateDisabled\n            ),\n          inMonth &&\n            ((startBookend && rangeMode) ||\n              (isCellStartingDate && isDateSelectionMode)) &&\n            clsx(calendarCellClasses.startBookend, classes?.startBookend),\n          inMonth &&\n            endBookend &&\n            rangeMode &&\n            clsx(calendarCellClasses.endBookend, classes?.endBookend)\n        )}\n      >\n        {value && value.getDate()}\n      </StyledCalendarDate>\n    </StyledCellContainer>\n  );\n\n  return (\n    <HvTooltip\n      key={getDateISO(value)}\n      enterDelay={600}\n      onOpen={computeTitle}\n      title={title ? <HvTypography noWrap>{title}</HvTypography> : \"\"}\n    >\n      <StyledDateWrapper\n        className={clsx(\n          calendarCellClasses.dateWrapper,\n          classes?.dateWrapper,\n          inMonth &&\n            rangeMode &&\n            isSelecting &&\n            clsx(calendarCellClasses.cellsInRange, classes?.cellsInRange),\n          rangeMode &&\n            !isSelecting &&\n            clsx(\n              calendarCellClasses.cellsOutsideRange,\n              classes?.cellsOutsideRange\n            )\n        )}\n        data-calendar-cell=\"calendarCell\"\n      >\n        {renderDate()}\n      </StyledDateWrapper>\n    </HvTooltip>\n  );\n};\n\nexport type HvCalendarCellProps = {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes?: HvCalendarCellClasses;\n  /**\n   * Identifier.\n   */\n  id?: string;\n  /**\n   * The text to be shown on the main part of the header.\n   */\n  calendarValue?: string | Date | DateRangeProp;\n  /**\n   * The text to be shown on the main part of the header.\n   */\n  value?: Date;\n  /**\n   * Locale to be used by the calendar.\n   */\n  locale?: string;\n  /**\n   * Callback to define the input date.\n   */\n  onChange?: (event: SyntheticEvent, value: Date | DateRangeProp) => void;\n  /**\n   * Callback to handle input onFocus.\n   */\n  onFocus?: React.FocusEventHandler<any>;\n\n  calendarModel?: CalendarModel;\n  onKeyDown?: (event: KeyboardEvent) => void;\n\n  today?: Date;\n  minimumDate?: Date;\n  maximumDate?: Date;\n  firstDayOfCurrentMonth?: Date;\n  isDateSelectionMode?: boolean;\n  rangeMode?: boolean;\n  tabIndex?: number;\n};\n\nexport default HvCalendarCell;\n"],"names":["HvCalendarCell","classes","onChange","onKeyDown","calendarValue","firstDayOfCurrentMonth","value","isDateSelectionMode","today","locale","minimumDate","maximumDate","rangeMode","others","buttonEl","useRef","title","computeTitle","useComputation","getFormattedDate","startDate","isDateRangeProp","undefined","endDate","isCellToday","isSameDay","isCellSelected","inMonth","isSameMonth","isCellAfterStartingDate","isCellStartingDate","isDateInSelectionRange","dateInProvidedValueRange","isDateDisabled","checkIfDateIsDisabled","startBookend","endBookend","isSelecting","handleClick","event","current","setTimeout","focus","handleKeyDown","renderDate","_jsx","StyledCellContainer","ref","type","className","clsx","calendarCellClasses","cellContainer","focusSelection","onClick","disabled","children","StyledCalendarDate","variant","calendarDate","calendarDateSelected","calendarDateNotInMonth","calendarDateInSelectionRange","calendarDateDisabled","getDate","HvTooltip","enterDelay","onOpen","HvTypography","noWrap","StyledDateWrapper","dateWrapper","cellsInRange","cellsOutsideRange","getDateISO"],"mappings":"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"}

package/dist/esm/components/Calendar/SingleCalendar/CalendarCell.styles.js

@@ -0,0 +1,95 @@
+import _styled from "@emotion/styled/base";
+import { theme } from "@hitachivantara/uikit-styles";
+import calendarCellClasses from "./calendarCellClasses.js";
+import { outlineStyles } from "../../../utils/focusUtils.js";
+import { HvTypography } from "../../Typography/Typography.js";
+const hover = {
+  backgroundColor: theme.calendar.cellHoverColor,
+  cursor: "pointer"
+};
+const StyledCellContainer = /* @__PURE__ */ _styled("button", process.env.NODE_ENV === "production" ? {
+  target: "eulxq3n2"
+} : {
+  target: "eulxq3n2",
+  label: "StyledCellContainer"
+})({
+  cursor: "pointer",
+  border: 0,
+  padding: 0,
+  margin: 0,
+  backgroundColor: "transparent",
+  [`&.${calendarCellClasses.focusSelection}`]: {
+    "&:hover": {
+      ...hover
+    },
+    "&:focus": {
+      outline: "none"
+    },
+    "&:focus-visible": {
+      ...hover,
+      ...outlineStyles
+    }
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvU2luZ2xlQ2FsZW5kYXIvQ2FsZW5kYXJDZWxsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV21DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvU2luZ2xlQ2FsZW5kYXIvQ2FsZW5kYXJDZWxsLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgY2FsZW5kYXJDZWxsQ2xhc3NlcyBmcm9tIFwiLi9jYWxlbmRhckNlbGxDbGFzc2VzXCI7XG5cbmNvbnN0IGhvdmVyID0ge1xuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNhbGVuZGFyLmNlbGxIb3ZlckNvbG9yLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxufTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENlbGxDb250YWluZXIgPSBzdHlsZWQoXCJidXR0b25cIikoe1xuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBib3JkZXI6IDAsXG4gIHBhZGRpbmc6IDAsXG4gIG1hcmdpbjogMCxcbiAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gIFtgJi4ke2NhbGVuZGFyQ2VsbENsYXNzZXMuZm9jdXNTZWxlY3Rpb259YF06IHtcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgLi4uaG92ZXIsXG4gICAgfSxcbiAgICBcIiY6Zm9jdXNcIjoge1xuICAgICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgfSxcbiAgICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgICAuLi5ob3ZlcixcbiAgICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2FsZW5kYXJEYXRlID0gc3R5bGVkKEh2VHlwb2dyYXBoeSkoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgaGVpZ2h0OiBcIjQwcHhcIixcbiAgd2lkdGg6IFwiNDBweFwiLFxuICBbYCYuJHtjYWxlbmRhckNlbGxDbGFzc2VzLmNhbGVuZGFyRGF0ZVNlbGVjdGVkfWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hY2NlMSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgLi4uaG92ZXIsXG4gICAgfSxcbiAgfSxcbiAgW2AmLiR7Y2FsZW5kYXJDZWxsQ2xhc3Nlcy5jYWxlbmRhckRhdGVOb3RJbk1vbnRofWBdOiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNSxcbiAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgfSxcbiAgW2AmLiR7Y2FsZW5kYXJDZWxsQ2xhc3Nlcy5jYWxlbmRhckRhdGVJblNlbGVjdGlvblJhbmdlfWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gIH0sXG4gIFtgJi4ke2NhbGVuZGFyQ2VsbENsYXNzZXMuY2FsZW5kYXJEYXRlRGlzYWJsZWR9YF06IHtcbiAgICBjb2xvcjogdGhlbWUuY29sb3JzLmF0bW81LFxuICAgIGN1cnNvcjogXCJuby1kcm9wXCIsXG4gIH0sXG4gIFtgJi4ke2NhbGVuZGFyQ2VsbENsYXNzZXMuc3RhcnRCb29rZW5kfWBdOiB7XG4gICAgYm9yZGVyTGVmdDogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hY2NlMX1gLFxuICB9LFxuICBbYCYuJHtjYWxlbmRhckNlbGxDbGFzc2VzLmVuZEJvb2tlbmR9YF06IHtcbiAgICBib3JkZXJSaWdodDogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hY2NlMX1gLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREYXRlV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjQwcHhcIixcbiAgaGVpZ2h0OiBcIjQwcHhcIixcbiAgW2AmIC4ke2NhbGVuZGFyQ2VsbENsYXNzZXMuY2VsbHNJblJhbmdlfWBdOiB7XG4gICAgXCImOmZvY3VzXCI6IHtcbiAgICAgIG91dHNpZGU6IFwibm9uZVwiLFxuICAgIH0sXG4gIH0sXG4gIFtgJiAuJHtjYWxlbmRhckNlbGxDbGFzc2VzLmNlbGxzT3V0c2lkZVJhbmdlfWBdOiB7XG4gICAgXCImOmZvY3VzXCI6IHtcbiAgICAgIG91dHNpZGU6IFwibm9uZVwiLFxuICAgIH0sXG4gIH0sXG59KTtcbiJdfQ== */");
+const StyledCalendarDate = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_ENV === "production" ? {
+  target: "eulxq3n1"
+} : {
+  target: "eulxq3n1",
+  label: "StyledCalendarDate"
+})({
+  display: "flex",
+  justifyContent: "center",
+  flexDirection: "column",
+  textAlign: "center",
+  height: "40px",
+  width: "40px",
+  [`&.${calendarCellClasses.calendarDateSelected}`]: {
+    backgroundColor: theme.colors.atmo3,
+    color: theme.colors.acce1,
+    "&:hover": {
+      ...hover
+    }
+  },
+  [`&.${calendarCellClasses.calendarDateNotInMonth}`]: {
+    color: theme.colors.atmo5,
+    cursor: "not-allowed"
+  },
+  [`&.${calendarCellClasses.calendarDateInSelectionRange}`]: {
+    backgroundColor: theme.colors.atmo3
+  },
+  [`&.${calendarCellClasses.calendarDateDisabled}`]: {
+    color: theme.colors.atmo5,
+    cursor: "no-drop"
+  },
+  [`&.${calendarCellClasses.startBookend}`]: {
+    borderLeft: `1px solid ${theme.colors.acce1}`
+  },
+  [`&.${calendarCellClasses.endBookend}`]: {
+    borderRight: `1px solid ${theme.colors.acce1}`
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvU2luZ2xlQ2FsZW5kYXIvQ2FsZW5kYXJDZWxsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0JrQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0NhbGVuZGFyL1NpbmdsZUNhbGVuZGFyL0NhbGVuZGFyQ2VsbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJ1dGlsc1wiO1xuaW1wb3J0IGNhbGVuZGFyQ2VsbENsYXNzZXMgZnJvbSBcIi4vY2FsZW5kYXJDZWxsQ2xhc3Nlc1wiO1xuXG5jb25zdCBob3ZlciA9IHtcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jYWxlbmRhci5jZWxsSG92ZXJDb2xvcixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbn07XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDZWxsQ29udGFpbmVyID0gc3R5bGVkKFwiYnV0dG9uXCIpKHtcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgYm9yZGVyOiAwLFxuICBwYWRkaW5nOiAwLFxuICBtYXJnaW46IDAsXG4gIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICBbYCYuJHtjYWxlbmRhckNlbGxDbGFzc2VzLmZvY3VzU2VsZWN0aW9ufWBdOiB7XG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIC4uLmhvdmVyLFxuICAgIH0sXG4gICAgXCImOmZvY3VzXCI6IHtcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgICAgLi4uaG92ZXIsXG4gICAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgIH0sXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENhbGVuZGFyRGF0ZSA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCI0MHB4XCIsXG4gIHdpZHRoOiBcIjQwcHhcIixcbiAgW2AmLiR7Y2FsZW5kYXJDZWxsQ2xhc3Nlcy5jYWxlbmRhckRhdGVTZWxlY3RlZH1gXToge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIC4uLmhvdmVyLFxuICAgIH0sXG4gIH0sXG4gIFtgJi4ke2NhbGVuZGFyQ2VsbENsYXNzZXMuY2FsZW5kYXJEYXRlTm90SW5Nb250aH1gXToge1xuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzUsXG4gICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gIH0sXG4gIFtgJi4ke2NhbGVuZGFyQ2VsbENsYXNzZXMuY2FsZW5kYXJEYXRlSW5TZWxlY3Rpb25SYW5nZX1gXToge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICB9LFxuICBbYCYuJHtjYWxlbmRhckNlbGxDbGFzc2VzLmNhbGVuZGFyRGF0ZURpc2FibGVkfWBdOiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNSxcbiAgICBjdXJzb3I6IFwibm8tZHJvcFwiLFxuICB9LFxuICBbYCYuJHtjYWxlbmRhckNlbGxDbGFzc2VzLnN0YXJ0Qm9va2VuZH1gXToge1xuICAgIGJvcmRlckxlZnQ6IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMuYWNjZTF9YCxcbiAgfSxcbiAgW2AmLiR7Y2FsZW5kYXJDZWxsQ2xhc3Nlcy5lbmRCb29rZW5kfWBdOiB7XG4gICAgYm9yZGVyUmlnaHQ6IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMuYWNjZTF9YCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRGF0ZVdyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCI0MHB4XCIsXG4gIGhlaWdodDogXCI0MHB4XCIsXG4gIFtgJiAuJHtjYWxlbmRhckNlbGxDbGFzc2VzLmNlbGxzSW5SYW5nZX1gXToge1xuICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICBvdXRzaWRlOiBcIm5vbmVcIixcbiAgICB9LFxuICB9LFxuICBbYCYgLiR7Y2FsZW5kYXJDZWxsQ2xhc3Nlcy5jZWxsc091dHNpZGVSYW5nZX1gXToge1xuICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICBvdXRzaWRlOiBcIm5vbmVcIixcbiAgICB9LFxuICB9LFxufSk7XG4iXX0= */");
+const StyledDateWrapper = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "eulxq3n0"
+} : {
+  target: "eulxq3n0",
+  label: "StyledDateWrapper"
+})({
+  width: "40px",
+  height: "40px",
+  [`& .${calendarCellClasses.cellsInRange}`]: {
+    "&:focus": {
+      outside: "none"
+    }
+  },
+  [`& .${calendarCellClasses.cellsOutsideRange}`]: {
+    "&:focus": {
+      outside: "none"
+    }
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvU2luZ2xlQ2FsZW5kYXIvQ2FsZW5kYXJDZWxsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0VpQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0NhbGVuZGFyL1NpbmdsZUNhbGVuZGFyL0NhbGVuZGFyQ2VsbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJ1dGlsc1wiO1xuaW1wb3J0IGNhbGVuZGFyQ2VsbENsYXNzZXMgZnJvbSBcIi4vY2FsZW5kYXJDZWxsQ2xhc3Nlc1wiO1xuXG5jb25zdCBob3ZlciA9IHtcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jYWxlbmRhci5jZWxsSG92ZXJDb2xvcixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbn07XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDZWxsQ29udGFpbmVyID0gc3R5bGVkKFwiYnV0dG9uXCIpKHtcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgYm9yZGVyOiAwLFxuICBwYWRkaW5nOiAwLFxuICBtYXJnaW46IDAsXG4gIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICBbYCYuJHtjYWxlbmRhckNlbGxDbGFzc2VzLmZvY3VzU2VsZWN0aW9ufWBdOiB7XG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIC4uLmhvdmVyLFxuICAgIH0sXG4gICAgXCImOmZvY3VzXCI6IHtcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgICAgLi4uaG92ZXIsXG4gICAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgIH0sXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENhbGVuZGFyRGF0ZSA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCI0MHB4XCIsXG4gIHdpZHRoOiBcIjQwcHhcIixcbiAgW2AmLiR7Y2FsZW5kYXJDZWxsQ2xhc3Nlcy5jYWxlbmRhckRhdGVTZWxlY3RlZH1gXToge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIC4uLmhvdmVyLFxuICAgIH0sXG4gIH0sXG4gIFtgJi4ke2NhbGVuZGFyQ2VsbENsYXNzZXMuY2FsZW5kYXJEYXRlTm90SW5Nb250aH1gXToge1xuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzUsXG4gICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gIH0sXG4gIFtgJi4ke2NhbGVuZGFyQ2VsbENsYXNzZXMuY2FsZW5kYXJEYXRlSW5TZWxlY3Rpb25SYW5nZX1gXToge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICB9LFxuICBbYCYuJHtjYWxlbmRhckNlbGxDbGFzc2VzLmNhbGVuZGFyRGF0ZURpc2FibGVkfWBdOiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNSxcbiAgICBjdXJzb3I6IFwibm8tZHJvcFwiLFxuICB9LFxuICBbYCYuJHtjYWxlbmRhckNlbGxDbGFzc2VzLnN0YXJ0Qm9va2VuZH1gXToge1xuICAgIGJvcmRlckxlZnQ6IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMuYWNjZTF9YCxcbiAgfSxcbiAgW2AmLiR7Y2FsZW5kYXJDZWxsQ2xhc3Nlcy5lbmRCb29rZW5kfWBdOiB7XG4gICAgYm9yZGVyUmlnaHQ6IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMuYWNjZTF9YCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRGF0ZVdyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCI0MHB4XCIsXG4gIGhlaWdodDogXCI0MHB4XCIsXG4gIFtgJiAuJHtjYWxlbmRhckNlbGxDbGFzc2VzLmNlbGxzSW5SYW5nZX1gXToge1xuICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICBvdXRzaWRlOiBcIm5vbmVcIixcbiAgICB9LFxuICB9LFxuICBbYCYgLiR7Y2FsZW5kYXJDZWxsQ2xhc3Nlcy5jZWxsc091dHNpZGVSYW5nZX1gXToge1xuICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICBvdXRzaWRlOiBcIm5vbmVcIixcbiAgICB9LFxuICB9LFxufSk7XG4iXX0= */");
+export {
+  StyledCalendarDate,
+  StyledCellContainer,
+  StyledDateWrapper
+};
+//# sourceMappingURL=CalendarCell.styles.js.map

package/dist/esm/components/Calendar/SingleCalendar/CalendarCell.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarCell.styles.js","sources":["../../../../../src/components/Calendar/SingleCalendar/CalendarCell.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography } from \"components\";\nimport { outlineStyles } from \"utils\";\nimport calendarCellClasses from \"./calendarCellClasses\";\n\nconst hover = {\n  backgroundColor: theme.calendar.cellHoverColor,\n  cursor: \"pointer\",\n};\n\nexport const StyledCellContainer = styled(\"button\")({\n  cursor: \"pointer\",\n  border: 0,\n  padding: 0,\n  margin: 0,\n  backgroundColor: \"transparent\",\n  [`&.${calendarCellClasses.focusSelection}`]: {\n    \"&:hover\": {\n      ...hover,\n    },\n    \"&:focus\": {\n      outline: \"none\",\n    },\n    \"&:focus-visible\": {\n      ...hover,\n      ...outlineStyles,\n    },\n  },\n});\n\nexport const StyledCalendarDate = styled(HvTypography)({\n  display: \"flex\",\n  justifyContent: \"center\",\n  flexDirection: \"column\",\n  textAlign: \"center\",\n  height: \"40px\",\n  width: \"40px\",\n  [`&.${calendarCellClasses.calendarDateSelected}`]: {\n    backgroundColor: theme.colors.atmo3,\n    color: theme.colors.acce1,\n    \"&:hover\": {\n      ...hover,\n    },\n  },\n  [`&.${calendarCellClasses.calendarDateNotInMonth}`]: {\n    color: theme.colors.atmo5,\n    cursor: \"not-allowed\",\n  },\n  [`&.${calendarCellClasses.calendarDateInSelectionRange}`]: {\n    backgroundColor: theme.colors.atmo3,\n  },\n  [`&.${calendarCellClasses.calendarDateDisabled}`]: {\n    color: theme.colors.atmo5,\n    cursor: \"no-drop\",\n  },\n  [`&.${calendarCellClasses.startBookend}`]: {\n    borderLeft: `1px solid ${theme.colors.acce1}`,\n  },\n  [`&.${calendarCellClasses.endBookend}`]: {\n    borderRight: `1px solid ${theme.colors.acce1}`,\n  },\n});\n\nexport const StyledDateWrapper = styled(\"div\")({\n  width: \"40px\",\n  height: \"40px\",\n  [`& .${calendarCellClasses.cellsInRange}`]: {\n    \"&:focus\": {\n      outside: \"none\",\n    },\n  },\n  [`& .${calendarCellClasses.cellsOutsideRange}`]: {\n    \"&:focus\": {\n      outside: \"none\",\n    },\n  },\n});\n"],"names":["hover","backgroundColor","theme","calendar","cellHoverColor","cursor","StyledCellContainer","process","env","NODE_ENV","target","label","border","padding","margin","calendarCellClasses","focusSelection","outline","outlineStyles","StyledCalendarDate","HvTypography","display","justifyContent","flexDirection","textAlign","height","width","calendarDateSelected","colors","atmo3","color","acce1","calendarDateNotInMonth","atmo5","calendarDateInSelectionRange","calendarDateDisabled","startBookend","borderLeft","endBookend","borderRight","StyledDateWrapper","cellsInRange","outside","cellsOutsideRange"],"mappings":";;;;;AAMA,MAAMA,QAAQ;AAAA,EACZC,iBAAiBC,MAAMC,SAASC;AAAAA,EAChCC,QAAQ;AACV;AAEO,MAAMC,sBAA6B,wBAAA,UAAQC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAClDN,QAAQ;AAAA,EACRO,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTC,QAAQ;AAAA,EACRb,iBAAiB;AAAA,EACjB,CAAE,KAAIc,oBAAoBC,gBAAgB,GAAG;AAAA,IAC3C,WAAW;AAAA,MACT,GAAGhB;AAAAA,IACL;AAAA,IACA,WAAW;AAAA,MACTiB,SAAS;AAAA,IACX;AAAA,IACA,mBAAmB;AAAA,MACjB,GAAGjB;AAAAA,MACH,GAAGkB;AAAAA,IACL;AAAA,EACF;AACF,GAACX,QAAAC,IAAAC,aAAC,eAAA,KAAA,iqGAAA;AAEK,MAAMU,qBAA4BC,wBAAAA,cAAYb,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACrDU,SAAS;AAAA,EACTC,gBAAgB;AAAA,EAChBC,eAAe;AAAA,EACfC,WAAW;AAAA,EACXC,QAAQ;AAAA,EACRC,OAAO;AAAA,EACP,CAAE,KAAIX,oBAAoBY,sBAAsB,GAAG;AAAA,IACjD1B,iBAAiBC,MAAM0B,OAAOC;AAAAA,IAC9BC,OAAO5B,MAAM0B,OAAOG;AAAAA,IACpB,WAAW;AAAA,MACT,GAAG/B;AAAAA,IACL;AAAA,EACF;AAAA,EACA,CAAE,KAAIe,oBAAoBiB,wBAAwB,GAAG;AAAA,IACnDF,OAAO5B,MAAM0B,OAAOK;AAAAA,IACpB5B,QAAQ;AAAA,EACV;AAAA,EACA,CAAE,KAAIU,oBAAoBmB,8BAA8B,GAAG;AAAA,IACzDjC,iBAAiBC,MAAM0B,OAAOC;AAAAA,EAChC;AAAA,EACA,CAAE,KAAId,oBAAoBoB,sBAAsB,GAAG;AAAA,IACjDL,OAAO5B,MAAM0B,OAAOK;AAAAA,IACpB5B,QAAQ;AAAA,EACV;AAAA,EACA,CAAE,KAAIU,oBAAoBqB,cAAc,GAAG;AAAA,IACzCC,YAAa,aAAYnC,MAAM0B,OAAOG;AAAAA,EACxC;AAAA,EACA,CAAE,KAAIhB,oBAAoBuB,YAAY,GAAG;AAAA,IACvCC,aAAc,aAAYrC,MAAM0B,OAAOG;AAAAA,EACzC;AACF,GAACxB,QAAAC,IAAAC,aAAC,eAAA,KAAA,iqGAAA;AAEK,MAAM+B,oBAA2B,wBAAA,OAAKjC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC7Ce,OAAO;AAAA,EACPD,QAAQ;AAAA,EACR,CAAE,MAAKV,oBAAoB0B,cAAc,GAAG;AAAA,IAC1C,WAAW;AAAA,MACTC,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,CAAE,MAAK3B,oBAAoB4B,mBAAmB,GAAG;AAAA,IAC/C,WAAW;AAAA,MACTD,SAAS;AAAA,IACX;AAAA,EACF;AACF,GAACnC,QAAAC,IAAAC,aAAC,eAAA,KAAA,iqGAAA;"}

package/dist/esm/components/Calendar/SingleCalendar/SingleCalendar.js

@@ -0,0 +1,149 @@
+import { useState, useMemo } from "react";
+import clsx from "clsx";
+import isNil from "lodash/isNil";
+import { VIEW_MODE, DATETIMEFORMAT_OPTIONS } from "../enums.js";
+import { isDate, getWeekdayNamesList, isRange } from "../utils.js";
+import { generateCalendarModel } from "../model.js";
+import { StyledCalendarContainer, StyledCalendarWrapper, StyledCalendarGrid } from "./SingleCalendar.styles.js";
+import singleCalendarClasses from "./singleCalendarClasses.js";
+import { HvCalendarCell } from "./CalendarCell.js";
+import { HvCalendarHeader } from "../CalendarHeader/CalendarHeader.js";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { HvComposedNavigation } from "../CalendarNavigation/ComposedNavigation/ComposedNavigation.js";
+import { HvCalendarWeekLabel } from "../CalendarWeekLabels/CalendarWeekLabels.js";
+import { HvMonthSelector } from "../CalendarNavigation/MonthSelector/MonthSelector.js";
+import { setId } from "../../../utils/setId.js";
+import { isKeypress } from "../../../utils/keyboardUtils/keyCheck.js";
+import { keyboardCodes } from "../../../utils/keyboardUtils/keyboardCodes.js";
+const {
+  Enter,
+  ArrowLeft,
+  ArrowRight,
+  ArrowUp,
+  ArrowDown
+} = keyboardCodes;
+const HvSingleCalendar = ({
+  classes,
+  className,
+  id,
+  locale = "en-US",
+  value,
+  visibleMonth,
+  visibleYear,
+  minimumDate,
+  maximumDate,
+  onChange,
+  onInputChange,
+  onVisibleDateChange,
+  showEndDate,
+  showDayOfWeek,
+  children,
+  ...others
+}) => {
+  var _a, _b;
+  const today = /* @__PURE__ */ new Date();
+  const localValue = isNil(value) ? today : value;
+  const [calViewMode, setCalViewMode] = useState(VIEW_MODE.CALENDAR);
+  const rangeMode = isRange(localValue);
+  const isDateSelectionMode = rangeMode && !isDate(localValue.endDate);
+  const calModel = rangeMode ? generateCalendarModel(localValue.startDate, visibleMonth, visibleYear) : generateCalendarModel(localValue, visibleMonth, visibleYear);
+  const firstDayOfCurrentMonth = new Date(calModel.year, calModel.month - 1, 1);
+  const firstDayOfCurrentMonthTime = firstDayOfCurrentMonth.getTime();
+  const listWeekdayNames = useMemo(() => getWeekdayNamesList(locale, DATETIMEFORMAT_OPTIONS.NARROW), [locale]);
+  const handleChange = (event, date) => {
+    event == null ? void 0 : event.preventDefault();
+    onChange == null ? void 0 : onChange(event, date);
+  };
+  const handleInputChange = (event, date) => {
+    event == null ? void 0 : event.preventDefault();
+    onInputChange == null ? void 0 : onInputChange(event, date);
+  };
+  const getNavChild = (event, siblings, i) => {
+    if (isKeypress(event, ArrowLeft))
+      return siblings[i - 1];
+    if (isKeypress(event, ArrowRight))
+      return siblings[i + 1];
+    if (isKeypress(event, ArrowUp))
+      return siblings[i - 7];
+    if (isKeypress(event, ArrowDown))
+      return siblings[i + 7];
+    return void 0;
+  };
+  const handleKeyDown = (event) => {
+    var _a2;
+    const el = document == null ? void 0 : document.activeElement;
+    const parent = (_a2 = el == null ? void 0 : el.parentElement) == null ? void 0 : _a2.parentElement;
+    const siblings = parent != null ? [...parent.getElementsByClassName(singleCalendarClasses.cellContainer)] : [];
+    const elIndex = el ? siblings.indexOf(el) : 0;
+    if (isKeypress(event, Enter)) {
+      el.focus();
+      return;
+    }
+    const child = getNavChild(event, siblings, elIndex);
+    if (child) {
+      const inMonth = child.getAttribute("data-in-month");
+      if (inMonth === "true") {
+        event == null ? void 0 : event.preventDefault();
+        child == null ? void 0 : child.focus();
+      }
+    }
+  };
+  const renderCalendarDate = (currentDate) => {
+    return /* @__PURE__ */ jsx(HvCalendarCell, {
+      classes,
+      tabIndex: currentDate.getTime() === firstDayOfCurrentMonthTime ? 0 : -1,
+      onChange: handleChange,
+      onKeyDown: handleKeyDown,
+      value: currentDate,
+      today,
+      calendarValue: localValue,
+      rangeMode,
+      isDateSelectionMode,
+      locale,
+      firstDayOfCurrentMonth,
+      maximumDate,
+      minimumDate
+    }, currentDate);
+  };
+  return /* @__PURE__ */ jsx(StyledCalendarContainer, {
+    className: clsx(className, singleCalendarClasses.calendarContainer, classes == null ? void 0 : classes.calendarContainer),
+    ...others,
+    children: /* @__PURE__ */ jsxs(StyledCalendarWrapper, {
+      id,
+      className: clsx(singleCalendarClasses.calendarWrapper, classes == null ? void 0 : classes.calendarWrapper),
+      children: [/* @__PURE__ */ jsx(HvCalendarHeader, {
+        id: setId(id, "header"),
+        locale,
+        onChange: handleInputChange,
+        showEndDate: showEndDate && !isDateSelectionMode,
+        showDayOfWeek
+      }), calViewMode === VIEW_MODE.CALENDAR && /* @__PURE__ */ jsxs("div", {
+        children: [/* @__PURE__ */ jsx(HvComposedNavigation, {
+          id,
+          locale,
+          onChange: onVisibleDateChange,
+          onViewModeChange: (viewMode) => setCalViewMode(viewMode),
+          visibleYear: visibleYear || today.getFullYear(),
+          visibleMonth: visibleMonth || today.getMonth() + 1
+        }), /* @__PURE__ */ jsxs(StyledCalendarGrid, {
+          className: clsx(singleCalendarClasses.calendarGrid, classes == null ? void 0 : classes.calendarGrid),
+          "aria-controls": (_b = (_a = HvCalendarHeader) == null ? void 0 : _a[0]) == null ? void 0 : _b.id,
+          children: [/* @__PURE__ */ jsx(HvCalendarWeekLabel, {
+            labels: listWeekdayNames
+          }), calModel.dates.map(renderCalendarDate)]
+        })]
+      }), calViewMode === VIEW_MODE.MONTHLY && /* @__PURE__ */ jsx(HvMonthSelector, {
+        id,
+        locale,
+        onChange: onVisibleDateChange,
+        onViewModeChange: (viewMode) => setCalViewMode(viewMode),
+        visibleMonth: visibleMonth || today.getMonth() + 1,
+        rangeMode
+      })]
+    })
+  });
+};
+export {
+  HvSingleCalendar
+};
+//# sourceMappingURL=SingleCalendar.js.map

package/dist/esm/components/Calendar/SingleCalendar/SingleCalendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleCalendar.js","sources":["../../../../../src/components/Calendar/SingleCalendar/SingleCalendar.tsx"],"sourcesContent":["import { useState, useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\n\nimport { VIEW_MODE, DATETIMEFORMAT_OPTIONS } from \"../enums\";\nimport { isRange, isDate, getWeekdayNamesList } from \"../utils\";\nimport { generateCalendarModel } from \"../model\";\nimport { HvComposedNavigation, HvMonthSelector } from \"../CalendarNavigation\";\nimport { DateRangeProp, VisibilitySelectorActions } from \"../Calendar\";\nimport { setId, keyboardCodes, isKeypress } from \"utils\";\nimport {\n  StyledCalendarContainer,\n  StyledCalendarGrid,\n  StyledCalendarWrapper,\n} from \"./SingleCalendar.styles\";\nimport singleCalendarClasses, {\n  HvSingleCalendarClasses,\n} from \"./singleCalendarClasses\";\nimport { HvCalendarCell } from \"./CalendarCell\";\nimport { HvCalendarWeekLabel } from \"../CalendarWeekLabels\";\nimport { HvCalendarHeader } from \"../CalendarHeader/CalendarHeader\";\n\nconst { Enter, ArrowLeft, ArrowRight, ArrowUp, ArrowDown } = keyboardCodes;\n\nexport const HvSingleCalendar = ({\n  classes,\n  className,\n  id,\n  locale = \"en-US\",\n  value,\n  visibleMonth,\n  visibleYear,\n  minimumDate,\n  maximumDate,\n  onChange,\n  onInputChange,\n  onVisibleDateChange,\n  showEndDate,\n  showDayOfWeek,\n  children,\n  ...others\n}: HvSingleCalendarProps) => {\n  // TODO: refactor this out\n  // const { HvCalendarHeader } = useContext(HvFormElementDescriptorsContext);\n\n  const today = new Date();\n  const localValue = isNil(value) ? today : value;\n\n  const [calViewMode, setCalViewMode] = useState(VIEW_MODE.CALENDAR);\n\n  const rangeMode = isRange(localValue);\n  const isDateSelectionMode = rangeMode && !isDate(localValue.endDate);\n  const calModel = rangeMode\n    ? generateCalendarModel(localValue.startDate, visibleMonth, visibleYear)\n    : generateCalendarModel(localValue, visibleMonth, visibleYear);\n  const firstDayOfCurrentMonth = new Date(calModel.year, calModel.month - 1, 1);\n  const firstDayOfCurrentMonthTime = firstDayOfCurrentMonth.getTime();\n\n  const listWeekdayNames = useMemo(\n    () => getWeekdayNamesList(locale, DATETIMEFORMAT_OPTIONS.NARROW),\n    [locale]\n  );\n\n  const handleChange = (event, date: Date | DateRangeProp) => {\n    event?.preventDefault();\n    onChange?.(event, date);\n  };\n\n  const handleInputChange = (event, date) => {\n    event?.preventDefault();\n    onInputChange?.(event, date);\n  };\n\n  const getNavChild = (event: KeyboardEvent, siblings, i: number) => {\n    if (isKeypress(event, ArrowLeft)) return siblings[i - 1];\n    if (isKeypress(event, ArrowRight)) return siblings[i + 1];\n    if (isKeypress(event, ArrowUp)) return siblings[i - 7];\n    if (isKeypress(event, ArrowDown)) return siblings[i + 7];\n    return undefined;\n  };\n\n  const handleKeyDown = (event) => {\n    // This code is very brittle and should be managed with the focus wrapper\n    const el = document?.activeElement;\n    const parent = el?.parentElement?.parentElement;\n    const siblings =\n      parent != null\n        ? [\n            ...parent.getElementsByClassName(\n              singleCalendarClasses.cellContainer as string\n            ),\n          ]\n        : [];\n    const elIndex = el ? siblings.indexOf(el) : 0;\n\n    if (isKeypress(event, Enter)) {\n      (el as HTMLElement).focus();\n      return;\n    }\n\n    const child = getNavChild(event, siblings, elIndex);\n\n    if (child) {\n      const inMonth = child.getAttribute(\"data-in-month\");\n      if (inMonth === \"true\") {\n        event?.preventDefault();\n        child?.focus();\n      }\n    }\n  };\n\n  /**\n   * Renders the element representing the received date.\n   *\n   * @param currentDate - The array representing the date [YYYY, MM, DD].\n   * @memberOf Calendar\n   */\n  const renderCalendarDate = (currentDate) => {\n    return (\n      <HvCalendarCell\n        classes={classes}\n        key={currentDate}\n        tabIndex={currentDate.getTime() === firstDayOfCurrentMonthTime ? 0 : -1}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        value={currentDate}\n        today={today}\n        calendarValue={localValue}\n        rangeMode={rangeMode}\n        isDateSelectionMode={isDateSelectionMode}\n        locale={locale}\n        firstDayOfCurrentMonth={firstDayOfCurrentMonth}\n        maximumDate={maximumDate}\n        minimumDate={minimumDate}\n      />\n    );\n  };\n\n  return (\n    <StyledCalendarContainer\n      className={clsx(\n        className,\n        singleCalendarClasses.calendarContainer,\n        classes?.calendarContainer\n      )}\n      {...others}\n    >\n      <StyledCalendarWrapper\n        id={id}\n        className={clsx(\n          singleCalendarClasses.calendarWrapper,\n          classes?.calendarWrapper\n        )}\n      >\n        <HvCalendarHeader\n          id={setId(id, \"header\")}\n          locale={locale}\n          onChange={handleInputChange}\n          showEndDate={showEndDate && !isDateSelectionMode}\n          showDayOfWeek={showDayOfWeek}\n        />\n        {calViewMode === VIEW_MODE.CALENDAR && (\n          <div>\n            <HvComposedNavigation\n              id={id}\n              locale={locale}\n              onChange={onVisibleDateChange}\n              onViewModeChange={(viewMode) => setCalViewMode(viewMode)}\n              visibleYear={visibleYear || today.getFullYear()}\n              visibleMonth={visibleMonth || today.getMonth() + 1}\n            />\n            <StyledCalendarGrid\n              className={clsx(\n                singleCalendarClasses.calendarGrid,\n                classes?.calendarGrid\n              )}\n              aria-controls={HvCalendarHeader?.[0]?.id}\n            >\n              <HvCalendarWeekLabel labels={listWeekdayNames} />\n              {calModel.dates.map(renderCalendarDate)}\n            </StyledCalendarGrid>\n          </div>\n        )}\n        {calViewMode === VIEW_MODE.MONTHLY && (\n          <HvMonthSelector\n            id={id}\n            locale={locale}\n            onChange={onVisibleDateChange}\n            onViewModeChange={(viewMode) => setCalViewMode(viewMode)}\n            visibleMonth={visibleMonth || today.getMonth() + 1}\n            rangeMode={rangeMode}\n          />\n        )}\n      </StyledCalendarWrapper>\n    </StyledCalendarContainer>\n  );\n};\n\nexport type HvSingleCalendarProps = {\n  /**\n   * Styles applied from the theme.\n   */\n  classes?: HvSingleCalendarClasses;\n  /**\n   * Identifier.\n   */\n  id?: string;\n  /**\n   * The class name to add at the root of the single calendar\n   */\n  className?: string;\n  /**\n   * The calendar locale.\n   *\n   */\n  locale: string;\n  /**\n   * Date that the calendar would show.\n   */\n  value?: string | Date | DateRangeProp;\n  /**\n   * Date that will be used to know which month and year should be displayed on the calendar. The value of the day is\n   * irrelevant.\n   */\n  visibleDate?: Date;\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleMonth?: number;\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleYear?: number;\n  /**\n   * Callback function to be triggered when the selected date has changed.\n   */\n  onChange?: (\n    event:\n      | React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>\n      | undefined,\n    value: Date | DateRangeProp\n  ) => void;\n  /**\n   * Callback function to be triggered when the selected date input has changed.\n   */\n  onInputChange?: (\n    event:\n      | React.ChangeEvent<\n          HTMLTextAreaElement | HTMLInputElement | HTMLButtonElement\n        >\n      | undefined,\n    value: Date | DateRangeProp,\n    position?: \"left\" | \"right\"\n  ) => void;\n  /**\n   * Callback function to be triggered when visible date has changed.\n   */\n  onVisibleDateChange?: (\n    event:\n      | React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>\n      | undefined,\n    action: VisibilitySelectorActions,\n    value?: Date | DateRangeProp | number\n  ) => void;\n  /**\n   * The maximum selectable date after this all values are disabled.\n   */\n  maximumDate?: Date;\n  /**\n   * The minimum selectable date before this all values are disabled.\n   */\n  minimumDate?: Date;\n  /**\n   * Indicates if header should display end date in a date range.\n   */\n  showEndDate?: boolean;\n  /**\n   * Indicates if header should display the day of week.\n   */\n  showDayOfWeek?: boolean;\n  /**\n   * Content on the upper part of the calendar.\n   */\n  children?: React.ReactNode;\n};\n"],"names":["Enter","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","keyboardCodes","HvSingleCalendar","classes","className","id","locale","value","visibleMonth","visibleYear","minimumDate","maximumDate","onChange","onInputChange","onVisibleDateChange","showEndDate","showDayOfWeek","children","others","today","Date","localValue","isNil","calViewMode","setCalViewMode","useState","VIEW_MODE","CALENDAR","rangeMode","isRange","isDateSelectionMode","isDate","endDate","calModel","generateCalendarModel","startDate","firstDayOfCurrentMonth","year","month","firstDayOfCurrentMonthTime","getTime","listWeekdayNames","useMemo","getWeekdayNamesList","DATETIMEFORMAT_OPTIONS","NARROW","handleChange","event","date","preventDefault","handleInputChange","getNavChild","siblings","i","isKeypress","undefined","handleKeyDown","el","document","activeElement","parent","parentElement","getElementsByClassName","singleCalendarClasses","cellContainer","elIndex","indexOf","focus","child","inMonth","getAttribute","renderCalendarDate","currentDate","HvCalendarCell","tabIndex","onKeyDown","calendarValue","StyledCalendarContainer","clsx","calendarContainer","StyledCalendarWrapper","calendarWrapper","_jsx","HvCalendarHeader","setId","HvComposedNavigation","onViewModeChange","viewMode","getFullYear","getMonth","_jsxs","StyledCalendarGrid","calendarGrid","HvCalendarWeekLabel","labels","dates","map","MONTHLY","HvMonthSelector"],"mappings":";;;;;;;;;;;;;;;;;AAsBA,MAAM;AAAA,EAAEA;AAAAA,EAAOC;AAAAA,EAAWC;AAAAA,EAAYC;AAAAA,EAASC;AAAU,IAAIC;AAEtD,MAAMC,mBAAmBA,CAAC;AAAA,EAC/BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,SAAS;AAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACkB,MAAM;;AAIrBC,QAAAA,4BAAYC;AAClB,QAAMC,aAAaC,MAAMf,KAAK,IAAIY,QAAQZ;AAE1C,QAAM,CAACgB,aAAaC,cAAc,IAAIC,SAASC,UAAUC,QAAQ;AAE3DC,QAAAA,YAAYC,QAAQR,UAAU;AACpC,QAAMS,sBAAsBF,aAAa,CAACG,OAAOV,WAAWW,OAAO;AAC7DC,QAAAA,WAAWL,YACbM,sBAAsBb,WAAWc,WAAW3B,cAAcC,WAAW,IACrEyB,sBAAsBb,YAAYb,cAAcC,WAAW;AACzD2B,QAAAA,yBAAyB,IAAIhB,KAAKa,SAASI,MAAMJ,SAASK,QAAQ,GAAG,CAAC;AACtEC,QAAAA,6BAA6BH,uBAAuBI;AAEpDC,QAAAA,mBAAmBC,QACvB,MAAMC,oBAAoBrC,QAAQsC,uBAAuBC,MAAM,GAC/D,CAACvC,MAAM,CAAC;AAGJwC,QAAAA,eAAeA,CAACC,OAAOC,SAA+B;AAC1DD,mCAAOE;AACPrC,yCAAWmC,OAAOC;AAAAA,EAAI;AAGlBE,QAAAA,oBAAoBA,CAACH,OAAOC,SAAS;AACzCD,mCAAOE;AACPpC,mDAAgBkC,OAAOC;AAAAA,EAAI;AAG7B,QAAMG,cAAcA,CAACJ,OAAsBK,UAAUC,MAAc;AAC7DC,QAAAA,WAAWP,OAAOlD,SAAS;AAAUuD,aAAAA,SAASC,IAAI,CAAC;AACnDC,QAAAA,WAAWP,OAAOjD,UAAU;AAAUsD,aAAAA,SAASC,IAAI,CAAC;AACpDC,QAAAA,WAAWP,OAAOhD,OAAO;AAAUqD,aAAAA,SAASC,IAAI,CAAC;AACjDC,QAAAA,WAAWP,OAAO/C,SAAS;AAAUoD,aAAAA,SAASC,IAAI,CAAC;AAChDE,WAAAA;AAAAA,EAAAA;AAGT,QAAMC,gBAAiBT,CAAU,UAAA;;AAE/B,UAAMU,KAAKC,qCAAUC;AACfC,UAAAA,UAASH,MAAAA,yBAAII,kBAAJJ,gBAAAA,IAAmBI;AAC5BT,UAAAA,WACJQ,UAAU,OACN,CACE,GAAGA,OAAOE,uBACRC,sBAAsBC,aACvB,CAAA,IAEH;AACN,UAAMC,UAAUR,KAAKL,SAASc,QAAQT,EAAE,IAAI;AAExCH,QAAAA,WAAWP,OAAOnD,KAAK,GAAG;AAC3B6D,SAAmBU,MAAO;AAC3B;AAAA,IACF;AAEA,UAAMC,QAAQjB,YAAYJ,OAAOK,UAAUa,OAAO;AAElD,QAAIG,OAAO;AACHC,YAAAA,UAAUD,MAAME,aAAa,eAAe;AAClD,UAAID,YAAY,QAAQ;AACtBtB,uCAAOE;AACPmB,uCAAOD;AAAAA,MACT;AAAA,IACF;AAAA,EAAA;AASF,QAAMI,qBAAsBC,CAAgB,gBAAA;AAC1C,+BACGC,gBAAc;AAAA,MACbtE;AAAAA,MAEAuE,UAAUF,YAAYhC,QAAO,MAAOD,6BAA6B,IAAI;AAAA,MACrE3B,UAAUkC;AAAAA,MACV6B,WAAWnB;AAAAA,MACXjD,OAAOiE;AAAAA,MACPrD;AAAAA,MACAyD,eAAevD;AAAAA,MACfO;AAAAA,MACAE;AAAAA,MACAxB;AAAAA,MACA8B;AAAAA,MACAzB;AAAAA,MACAD;AAAAA,OAZK8D,WAAW;AAAA,EAAA;AAiBtB,6BACGK,yBAAuB;AAAA,IACtBzE,WAAW0E,KACT1E,WACA2D,sBAAsBgB,mBACtB5E,mCAAS4E,iBAAiB;AAAA,IAC1B,GACE7D;AAAAA,IAAMD,+BAET+D,uBAAqB;AAAA,MACpB3E;AAAAA,MACAD,WAAW0E,KACTf,sBAAsBkB,iBACtB9E,mCAAS8E,eAAe;AAAA,MACxBhE,UAAA,CAEFiE,oBAACC,kBAAgB;AAAA,QACf9E,IAAI+E,MAAM/E,IAAI,QAAQ;AAAA,QACtBC;AAAAA,QACAM,UAAUsC;AAAAA,QACVnC,aAAaA,eAAe,CAACe;AAAAA,QAC7Bd;AAAAA,MAA6B,CAAA,GAE9BO,gBAAgBG,UAAUC,iCACzB,OAAA;AAAA,QAAAV,UAAA,CACEiE,oBAACG,sBAAoB;AAAA,UACnBhF;AAAAA,UACAC;AAAAA,UACAM,UAAUE;AAAAA,UACVwE,kBAAmBC,CAAa/D,aAAAA,eAAe+D,QAAQ;AAAA,UACvD9E,aAAaA,eAAeU,MAAMqE,YAAc;AAAA,UAChDhF,cAAcA,gBAAgBW,MAAMsE,SAAa,IAAA;AAAA,QAAA,CACjD,GACFC,qBAACC,oBAAkB;AAAA,UACjBvF,WAAW0E,KACTf,sBAAsB6B,cACtBzF,mCAASyF,YAAY;AAAA,UAEvB,kBAAeT,mDAAmB,OAAnBA,mBAAuB9E;AAAAA,UAAGY,UAAA,CAEzCiE,oBAACW,qBAAmB;AAAA,YAACC,QAAQrD;AAAAA,UAAoB,CAAA,GAChDR,SAAS8D,MAAMC,IAAIzB,kBAAkB,CAAC;AAAA,QAAA,CACpB,CAAA;AAAA,MAExB,CAAA,GACAhD,gBAAgBG,UAAUuE,+BACxBC,iBAAe;AAAA,QACd7F;AAAAA,QACAC;AAAAA,QACAM,UAAUE;AAAAA,QACVwE,kBAAmBC,CAAa/D,aAAAA,eAAe+D,QAAQ;AAAA,QACvD/E,cAAcA,gBAAgBW,MAAMsE,SAAa,IAAA;AAAA,QACjD7D;AAAAA,MAAAA,CAEH,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAEqB;AAE9B;"}

package/dist/esm/components/Calendar/SingleCalendar/SingleCalendar.styles.js

@@ -0,0 +1,71 @@
+import _styled from "@emotion/styled/base";
+import { theme } from "@hitachivantara/uikit-styles";
+import singleCalendarClasses from "./singleCalendarClasses.js";
+const StyledCalendarContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e10ihr3e2"
+} : {
+  target: "e10ihr3e2",
+  label: "StyledCalendarContainer"
+})({
+  backgroundColor: theme.colors.atmo1,
+  width: "320px",
+  minHeight: "440px",
+  position: "relative"
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvU2luZ2xlQ2FsZW5kYXIvU2luZ2xlQ2FsZW5kYXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJdUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYWxlbmRhci9TaW5nbGVDYWxlbmRhci9TaW5nbGVDYWxlbmRhci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgc2luZ2xlQ2FsZW5kYXJDbGFzc2VzIGZyb20gXCIuL3NpbmdsZUNhbGVuZGFyQ2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2FsZW5kYXJDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgd2lkdGg6IFwiMzIwcHhcIixcbiAgbWluSGVpZ2h0OiBcIjQ0MHB4XCIsXG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENhbGVuZGFyV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgcGFkZGluZzogdGhlbWUuc3BhY2luZyhcInNtXCIpLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDYWxlbmRhckdyaWQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleEZsb3c6IFwid3JhcFwiLFxuICB3aWR0aDogXCIyODBweFwiLFxuICBbYCYgLiR7c2luZ2xlQ2FsZW5kYXJDbGFzc2VzLmNlbGxzSW5SYW5nZX1gXToge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgIFtgJiAuJHtzaW5nbGVDYWxlbmRhckNsYXNzZXMuc3RhcnRCb29rZW5kfWBdOiB7XG4gICAgICBib3JkZXJMZWZ0OiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLmFjY2UxfWAsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJvcmRlclJpZ2h0OiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLmFjY2UxfWAsXG4gICAgICB9LFxuICAgIH0sXG4gIH0sXG5cbiAgW2AmOmhvdmVyIC4ke3NpbmdsZUNhbGVuZGFyQ2xhc3Nlcy5jZWxsc0luUmFuZ2V9YF06IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICBbYCYgLiR7c2luZ2xlQ2FsZW5kYXJDbGFzc2VzLnN0YXJ0Qm9va2VuZH1gXToge1xuICAgICAgYm9yZGVyTGVmdDogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hY2NlMX1gLFxuICAgICAgYm9yZGVyUmlnaHQ6IFwiaW5oZXJpdFwiLFxuICAgIH0sXG4gIH0sXG5cbiAgW2AmIC4ke3NpbmdsZUNhbGVuZGFyQ2xhc3Nlcy5jZWxsc0luUmFuZ2V9OmhvdmVyYF06IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICBbYCYgLiR7c2luZ2xlQ2FsZW5kYXJDbGFzc2VzLmNhbGVuZGFyRGF0ZX1gXToge1xuICAgICAgYm9yZGVyUmlnaHQ6IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMuYWNjZTF9YCxcbiAgICB9LFxuICB9LFxuXG4gIFtgJiAuJHtzaW5nbGVDYWxlbmRhckNsYXNzZXMuY2VsbHNJblJhbmdlfTpob3ZlciB+IC4ke3NpbmdsZUNhbGVuZGFyQ2xhc3Nlcy5jZWxsc0luUmFuZ2V9YF06XG4gICAge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsIC8vIGNvbnRyb2xzIHRoZSByaWdodCBzaWRlIG9mIHRoZSBob3ZlcmVkIHJhbmdlXG4gICAgfSxcbiAgW2AmIC4ke3NpbmdsZUNhbGVuZGFyQ2xhc3Nlcy5jZWxsc091dHNpZGVSYW5nZX06aG92ZXIgfiAuJHtzaW5nbGVDYWxlbmRhckNsYXNzZXMuY2VsbHNJblJhbmdlfWBdOlxuICAgIHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLCAvLyBjb250cm9sIHRoZSByaWdodCBzaWRlIHdoZW4gaG92ZXJpbmcgb3V0c2lkZSBvZiB0aGUgcmFuZ2VcbiAgICB9LFxufSk7XG4iXX0= */");
+const StyledCalendarWrapper = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e10ihr3e1"
+} : {
+  target: "e10ihr3e1",
+  label: "StyledCalendarWrapper"
+})({
+  overflow: "hidden",
+  backgroundColor: theme.colors.atmo1,
+  padding: theme.spacing("sm")
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvU2luZ2xlQ2FsZW5kYXIvU2luZ2xlQ2FsZW5kYXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXcUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYWxlbmRhci9TaW5nbGVDYWxlbmRhci9TaW5nbGVDYWxlbmRhci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgc2luZ2xlQ2FsZW5kYXJDbGFzc2VzIGZyb20gXCIuL3NpbmdsZUNhbGVuZGFyQ2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2FsZW5kYXJDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgd2lkdGg6IFwiMzIwcHhcIixcbiAgbWluSGVpZ2h0OiBcIjQ0MHB4XCIsXG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENhbGVuZGFyV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgcGFkZGluZzogdGhlbWUuc3BhY2luZyhcInNtXCIpLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDYWxlbmRhckdyaWQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleEZsb3c6IFwid3JhcFwiLFxuICB3aWR0aDogXCIyODBweFwiLFxuICBbYCYgLiR7c2luZ2xlQ2FsZW5kYXJDbGFzc2VzLmNlbGxzSW5SYW5nZX1gXToge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgIFtgJiAuJHtzaW5nbGVDYWxlbmRhckNsYXNzZXMuc3RhcnRCb29rZW5kfWBdOiB7XG4gICAgICBib3JkZXJMZWZ0OiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLmFjY2UxfWAsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJvcmRlclJpZ2h0OiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLmFjY2UxfWAsXG4gICAgICB9LFxuICAgIH0sXG4gIH0sXG5cbiAgW2AmOmhvdmVyIC4ke3NpbmdsZUNhbGVuZGFyQ2xhc3Nlcy5jZWxsc0luUmFuZ2V9YF06IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICBbYCYgLiR7c2luZ2xlQ2FsZW5kYXJDbGFzc2VzLnN0YXJ0Qm9va2VuZH1gXToge1xuICAgICAgYm9yZGVyTGVmdDogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hY2NlMX1gLFxuICAgICAgYm9yZGVyUmlnaHQ6IFwiaW5oZXJpdFwiLFxuICAgIH0sXG4gIH0sXG5cbiAgW2AmIC4ke3NpbmdsZUNhbGVuZGFyQ2xhc3Nlcy5jZWxsc0luUmFuZ2V9OmhvdmVyYF06IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICBbYCYgLiR7c2luZ2xlQ2FsZW5kYXJDbGFzc2VzLmNhbGVuZGFyRGF0ZX1gXToge1xuICAgICAgYm9yZGVyUmlnaHQ6IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMuYWNjZTF9YCxcbiAgICB9LFxuICB9LFxuXG4gIFtgJiAuJHtzaW5nbGVDYWxlbmRhckNsYXNzZXMuY2VsbHNJblJhbmdlfTpob3ZlciB+IC4ke3NpbmdsZUNhbGVuZGFyQ2xhc3Nlcy5jZWxsc0luUmFuZ2V9YF06XG4gICAge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsIC8vIGNvbnRyb2xzIHRoZSByaWdodCBzaWRlIG9mIHRoZSBob3ZlcmVkIHJhbmdlXG4gICAgfSxcbiAgW2AmIC4ke3NpbmdsZUNhbGVuZGFyQ2xhc3Nlcy5jZWxsc091dHNpZGVSYW5nZX06aG92ZXIgfiAuJHtzaW5nbGVDYWxlbmRhckNsYXNzZXMuY2VsbHNJblJhbmdlfWBdOlxuICAgIHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLCAvLyBjb250cm9sIHRoZSByaWdodCBzaWRlIHdoZW4gaG92ZXJpbmcgb3V0c2lkZSBvZiB0aGUgcmFuZ2VcbiAgICB9LFxufSk7XG4iXX0= */");
+const StyledCalendarGrid = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e10ihr3e0"
+} : {
+  target: "e10ihr3e0",
+  label: "StyledCalendarGrid"
+})({
+  display: "flex",
+  flexFlow: "wrap",
+  width: "280px",
+  [`& .${singleCalendarClasses.cellsInRange}`]: {
+    backgroundColor: theme.colors.atmo3,
+    [`& .${singleCalendarClasses.startBookend}`]: {
+      borderLeft: `1px solid ${theme.colors.acce1}`,
+      backgroundColor: theme.colors.atmo3,
+      "&:hover": {
+        borderRight: `1px solid ${theme.colors.acce1}`
+      }
+    }
+  },
+  [`&:hover .${singleCalendarClasses.cellsInRange}`]: {
+    backgroundColor: theme.colors.atmo3,
+    [`& .${singleCalendarClasses.startBookend}`]: {
+      borderLeft: `1px solid ${theme.colors.acce1}`,
+      borderRight: "inherit"
+    }
+  },
+  [`& .${singleCalendarClasses.cellsInRange}:hover`]: {
+    backgroundColor: theme.colors.atmo3,
+    [`& .${singleCalendarClasses.calendarDate}`]: {
+      borderRight: `1px solid ${theme.colors.acce1}`
+    }
+  },
+  [`& .${singleCalendarClasses.cellsInRange}:hover ~ .${singleCalendarClasses.cellsInRange}`]: {
+    backgroundColor: theme.colors.atmo1
+    // controls the right side of the hovered range
+  },
+  [`& .${singleCalendarClasses.cellsOutsideRange}:hover ~ .${singleCalendarClasses.cellsInRange}`]: {
+    backgroundColor: theme.colors.atmo1
+    // control the right side when hovering outside of the range
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvU2luZ2xlQ2FsZW5kYXIvU2luZ2xlQ2FsZW5kYXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQmtDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvU2luZ2xlQ2FsZW5kYXIvU2luZ2xlQ2FsZW5kYXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHNpbmdsZUNhbGVuZGFyQ2xhc3NlcyBmcm9tIFwiLi9zaW5nbGVDYWxlbmRhckNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENhbGVuZGFyQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIHdpZHRoOiBcIjMyMHB4XCIsXG4gIG1pbkhlaWdodDogXCI0NDBweFwiLFxuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDYWxlbmRhcldyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIHBhZGRpbmc6IHRoZW1lLnNwYWNpbmcoXCJzbVwiKSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2FsZW5kYXJHcmlkID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhGbG93OiBcIndyYXBcIixcbiAgd2lkdGg6IFwiMjgwcHhcIixcbiAgW2AmIC4ke3NpbmdsZUNhbGVuZGFyQ2xhc3Nlcy5jZWxsc0luUmFuZ2V9YF06IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICBbYCYgLiR7c2luZ2xlQ2FsZW5kYXJDbGFzc2VzLnN0YXJ0Qm9va2VuZH1gXToge1xuICAgICAgYm9yZGVyTGVmdDogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hY2NlMX1gLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBib3JkZXJSaWdodDogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hY2NlMX1gLFxuICAgICAgfSxcbiAgICB9LFxuICB9LFxuXG4gIFtgJjpob3ZlciAuJHtzaW5nbGVDYWxlbmRhckNsYXNzZXMuY2VsbHNJblJhbmdlfWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgW2AmIC4ke3NpbmdsZUNhbGVuZGFyQ2xhc3Nlcy5zdGFydEJvb2tlbmR9YF06IHtcbiAgICAgIGJvcmRlckxlZnQ6IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMuYWNjZTF9YCxcbiAgICAgIGJvcmRlclJpZ2h0OiBcImluaGVyaXRcIixcbiAgICB9LFxuICB9LFxuXG4gIFtgJiAuJHtzaW5nbGVDYWxlbmRhckNsYXNzZXMuY2VsbHNJblJhbmdlfTpob3ZlcmBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgW2AmIC4ke3NpbmdsZUNhbGVuZGFyQ2xhc3Nlcy5jYWxlbmRhckRhdGV9YF06IHtcbiAgICAgIGJvcmRlclJpZ2h0OiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLmFjY2UxfWAsXG4gICAgfSxcbiAgfSxcblxuICBbYCYgLiR7c2luZ2xlQ2FsZW5kYXJDbGFzc2VzLmNlbGxzSW5SYW5nZX06aG92ZXIgfiAuJHtzaW5nbGVDYWxlbmRhckNsYXNzZXMuY2VsbHNJblJhbmdlfWBdOlxuICAgIHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLCAvLyBjb250cm9scyB0aGUgcmlnaHQgc2lkZSBvZiB0aGUgaG92ZXJlZCByYW5nZVxuICAgIH0sXG4gIFtgJiAuJHtzaW5nbGVDYWxlbmRhckNsYXNzZXMuY2VsbHNPdXRzaWRlUmFuZ2V9OmhvdmVyIH4gLiR7c2luZ2xlQ2FsZW5kYXJDbGFzc2VzLmNlbGxzSW5SYW5nZX1gXTpcbiAgICB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSwgLy8gY29udHJvbCB0aGUgcmlnaHQgc2lkZSB3aGVuIGhvdmVyaW5nIG91dHNpZGUgb2YgdGhlIHJhbmdlXG4gICAgfSxcbn0pO1xuIl19 */");
+export {
+  StyledCalendarContainer,
+  StyledCalendarGrid,
+  StyledCalendarWrapper
+};
+//# sourceMappingURL=SingleCalendar.styles.js.map

package/dist/esm/components/Calendar/SingleCalendar/SingleCalendar.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleCalendar.styles.js","sources":["../../../../../src/components/Calendar/SingleCalendar/SingleCalendar.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport singleCalendarClasses from \"./singleCalendarClasses\";\n\nexport const StyledCalendarContainer = styled(\"div\")({\n  backgroundColor: theme.colors.atmo1,\n  width: \"320px\",\n  minHeight: \"440px\",\n  position: \"relative\",\n});\n\nexport const StyledCalendarWrapper = styled(\"div\")({\n  overflow: \"hidden\",\n  backgroundColor: theme.colors.atmo1,\n  padding: theme.spacing(\"sm\"),\n});\n\nexport const StyledCalendarGrid = styled(\"div\")({\n  display: \"flex\",\n  flexFlow: \"wrap\",\n  width: \"280px\",\n  [`& .${singleCalendarClasses.cellsInRange}`]: {\n    backgroundColor: theme.colors.atmo3,\n    [`& .${singleCalendarClasses.startBookend}`]: {\n      borderLeft: `1px solid ${theme.colors.acce1}`,\n      backgroundColor: theme.colors.atmo3,\n      \"&:hover\": {\n        borderRight: `1px solid ${theme.colors.acce1}`,\n      },\n    },\n  },\n\n  [`&:hover .${singleCalendarClasses.cellsInRange}`]: {\n    backgroundColor: theme.colors.atmo3,\n    [`& .${singleCalendarClasses.startBookend}`]: {\n      borderLeft: `1px solid ${theme.colors.acce1}`,\n      borderRight: \"inherit\",\n    },\n  },\n\n  [`& .${singleCalendarClasses.cellsInRange}:hover`]: {\n    backgroundColor: theme.colors.atmo3,\n    [`& .${singleCalendarClasses.calendarDate}`]: {\n      borderRight: `1px solid ${theme.colors.acce1}`,\n    },\n  },\n\n  [`& .${singleCalendarClasses.cellsInRange}:hover ~ .${singleCalendarClasses.cellsInRange}`]:\n    {\n      backgroundColor: theme.colors.atmo1, // controls the right side of the hovered range\n    },\n  [`& .${singleCalendarClasses.cellsOutsideRange}:hover ~ .${singleCalendarClasses.cellsInRange}`]:\n    {\n      backgroundColor: theme.colors.atmo1, // control the right side when hovering outside of the range\n    },\n});\n"],"names":["StyledCalendarContainer","process","env","NODE_ENV","target","label","backgroundColor","theme","colors","atmo1","width","minHeight","position","StyledCalendarWrapper","overflow","padding","spacing","StyledCalendarGrid","display","flexFlow","singleCalendarClasses","cellsInRange","atmo3","startBookend","borderLeft","acce1","borderRight","calendarDate","cellsOutsideRange"],"mappings":";;;AAIO,MAAMA,0BAAiC,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACnDC,iBAAiBC,MAAMC,OAAOC;AAAAA,EAC9BC,OAAO;AAAA,EACPC,WAAW;AAAA,EACXC,UAAU;AACZ,GAACX,QAAAC,IAAAC,aAAC,eAAA,KAAA,y9FAAA;AAEK,MAAMU,wBAA+B,wBAAA,OAAKZ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACjDS,UAAU;AAAA,EACVR,iBAAiBC,MAAMC,OAAOC;AAAAA,EAC9BM,SAASR,MAAMS,QAAQ,IAAI;AAC7B,GAACf,QAAAC,IAAAC,aAAC,eAAA,KAAA,y9FAAA;AAEK,MAAMc,qBAA4B,wBAAA,OAAKhB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC9Ca,SAAS;AAAA,EACTC,UAAU;AAAA,EACVT,OAAO;AAAA,EACP,CAAE,MAAKU,sBAAsBC,cAAc,GAAG;AAAA,IAC5Cf,iBAAiBC,MAAMC,OAAOc;AAAAA,IAC9B,CAAE,MAAKF,sBAAsBG,cAAc,GAAG;AAAA,MAC5CC,YAAa,aAAYjB,MAAMC,OAAOiB;AAAAA,MACtCnB,iBAAiBC,MAAMC,OAAOc;AAAAA,MAC9B,WAAW;AAAA,QACTI,aAAc,aAAYnB,MAAMC,OAAOiB;AAAAA,MACzC;AAAA,IACF;AAAA,EACF;AAAA,EAEA,CAAE,YAAWL,sBAAsBC,cAAc,GAAG;AAAA,IAClDf,iBAAiBC,MAAMC,OAAOc;AAAAA,IAC9B,CAAE,MAAKF,sBAAsBG,cAAc,GAAG;AAAA,MAC5CC,YAAa,aAAYjB,MAAMC,OAAOiB;AAAAA,MACtCC,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EAEA,CAAE,MAAKN,sBAAsBC,oBAAoB,GAAG;AAAA,IAClDf,iBAAiBC,MAAMC,OAAOc;AAAAA,IAC9B,CAAE,MAAKF,sBAAsBO,cAAc,GAAG;AAAA,MAC5CD,aAAc,aAAYnB,MAAMC,OAAOiB;AAAAA,IACzC;AAAA,EACF;AAAA,EAEA,CAAE,MAAKL,sBAAsBC,yBAAyBD,sBAAsBC,cAAc,GACxF;AAAA,IACEf,iBAAiBC,MAAMC,OAAOC;AAAAA;AAAAA,EAChC;AAAA,EACF,CAAE,MAAKW,sBAAsBQ,8BAA8BR,sBAAsBC,cAAc,GAC7F;AAAA,IACEf,iBAAiBC,MAAMC,OAAOC;AAAAA;AAAAA,EAChC;AACJ,GAACR,QAAAC,IAAAC,aAAC,eAAA,KAAA,y9FAAA;"}

package/dist/esm/components/Calendar/SingleCalendar/calendarCellClasses.js

@@ -0,0 +1,8 @@
+import { getClasses } from "../../../utils/classes.js";
+const classKeys = ["cellContainer", "focusSelection", "calendarDate", "calendarDateSelected", "calendarDateNotInMonth", "calendarDateInSelectionRange", "calendarDateDisabled", "startBookend", "endBookend", "dateWrapper", "cellsInRange", "cellsOutsideRange"];
+const calendarCellClasses = getClasses(classKeys, "HvSingleCalendar");
+const calendarCellClasses$1 = calendarCellClasses;
+export {
+  calendarCellClasses$1 as default
+};
+//# sourceMappingURL=calendarCellClasses.js.map

package/dist/esm/components/Calendar/SingleCalendar/calendarCellClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendarCellClasses.js","sources":["../../../../../src/components/Calendar/SingleCalendar/calendarCellClasses.tsx"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvCalendarCellClasses = {\n  cellContainer?: string;\n  focusSelection?: string;\n  calendarDate?: string;\n  calendarDateSelected?: string;\n  calendarDateNotInMonth?: string;\n  calendarDateInSelectionRange?: string;\n  calendarDateDisabled?: string;\n  startBookend?: string;\n  endBookend?: string;\n  dateWrapper?: string;\n  cellsInRange?: string;\n  cellsOutsideRange?: string;\n};\n\nconst classKeys: string[] = [\n  \"cellContainer\",\n  \"focusSelection\",\n  \"calendarDate\",\n  \"calendarDateSelected\",\n  \"calendarDateNotInMonth\",\n  \"calendarDateInSelectionRange\",\n  \"calendarDateDisabled\",\n  \"startBookend\",\n  \"endBookend\",\n  \"dateWrapper\",\n  \"cellsInRange\",\n  \"cellsOutsideRange\",\n];\n\nconst calendarCellClasses = getClasses<HvCalendarCellClasses>(\n  classKeys,\n  \"HvSingleCalendar\"\n);\n\nexport default calendarCellClasses;\n"],"names":["classKeys","calendarCellClasses","getClasses"],"mappings":";AAiBA,MAAMA,YAAsB,CAC1B,iBACA,kBACA,gBACA,wBACA,0BACA,gCACA,wBACA,gBACA,cACA,eACA,gBACA,mBAAmB;AAGrB,MAAMC,sBAAsBC,WAC1BF,WACA,kBAAkB;AAGpB,MAAA,wBAAeC;"}

package/dist/esm/components/Calendar/SingleCalendar/singleCalendarClasses.js

@@ -0,0 +1,8 @@
+import { getClasses } from "../../../utils/classes.js";
+const classKeys = ["calendarContainer", "calendarWrapper", "calendarGrid", "navigationContainer", "focusSelection", "navigationMonth", "calendarDate", "calendarDateNotInMonth", "calendarDateSelected", "calendarDateInvalid", "calendarDateInSelectionRange", "startBookend", "endBookend", "cellsInRange", "cellsOutsideRange", "cellContainer"];
+const singleCalendarClasses = getClasses(classKeys, "HvSingleCalendar");
+const singleCalendarClasses$1 = singleCalendarClasses;
+export {
+  singleCalendarClasses$1 as default
+};
+//# sourceMappingURL=singleCalendarClasses.js.map

package/dist/esm/components/Calendar/SingleCalendar/singleCalendarClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"singleCalendarClasses.js","sources":["../../../../../src/components/Calendar/SingleCalendar/singleCalendarClasses.tsx"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvSingleCalendarClasses = {\n  calendarContainer?: string;\n  calendarWrapper?: string;\n  calendarGrid?: string;\n  navigationContainer?: string;\n  focusSelection?: string;\n  navigationMonth?: string;\n  calendarDate?: string;\n  calendarDateNotInMonth?: string;\n  calendarDateSelected?: string;\n  calendarDateInvalid?: string;\n  calendarDateInSelectionRange?: string;\n  startBookend?: string;\n  endBookend?: string;\n  cellsInRange?: string;\n  cellsOutsideRange?: string;\n  cellContainer?: string;\n};\n\nconst classKeys: string[] = [\n  \"calendarContainer\",\n  \"calendarWrapper\",\n  \"calendarGrid\",\n  \"navigationContainer\",\n  \"focusSelection\",\n  \"navigationMonth\",\n  \"calendarDate\",\n  \"calendarDateNotInMonth\",\n  \"calendarDateSelected\",\n  \"calendarDateInvalid\",\n  \"calendarDateInSelectionRange\",\n  \"startBookend\",\n  \"endBookend\",\n  \"cellsInRange\",\n  \"cellsOutsideRange\",\n  \"cellContainer\",\n];\n\nconst singleCalendarClasses = getClasses<HvSingleCalendarClasses>(\n  classKeys,\n  \"HvSingleCalendar\"\n);\n\nexport default singleCalendarClasses;\n"],"names":["classKeys","singleCalendarClasses","getClasses"],"mappings":";AAqBA,MAAMA,YAAsB,CAC1B,qBACA,mBACA,gBACA,uBACA,kBACA,mBACA,gBACA,0BACA,wBACA,uBACA,gCACA,gBACA,cACA,gBACA,qBACA,eAAe;AAGjB,MAAMC,wBAAwBC,WAC5BF,WACA,kBAAkB;AAGpB,MAAA,0BAAeC;"}

package/dist/esm/components/Calendar/calendarClasses.js

@@ -0,0 +1,8 @@
+import { getClasses } from "../../utils/classes.js";
+const classKeys = ["root", "rangeCalendarContainer", "singleCalendar", "focusSelection", "calendarMonthlyCell", "calendarMonthlyCellSelected"];
+const calendarClasses = getClasses(classKeys, "HvCalendar");
+const calendarClasses$1 = calendarClasses;
+export {
+  calendarClasses$1 as default
+};
+//# sourceMappingURL=calendarClasses.js.map

package/dist/esm/components/Calendar/calendarClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendarClasses.js","sources":["../../../../src/components/Calendar/calendarClasses.tsx"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvCalendarClasses = {\n  root?: string;\n  rangeCalendarContainer?: string;\n  singleCalendar?: string;\n  focusSelection?: string;\n  calendarMonthlyCell?: string;\n  calendarMonthlyCellSelected?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"rangeCalendarContainer\",\n  \"singleCalendar\",\n  \"focusSelection\",\n  \"calendarMonthlyCell\",\n  \"calendarMonthlyCellSelected\",\n];\n\nconst calendarClasses = getClasses<HvCalendarClasses>(classKeys, \"HvCalendar\");\n\nexport default calendarClasses;\n"],"names":["classKeys","calendarClasses","getClasses"],"mappings":";AAWA,MAAMA,YAAsB,CAC1B,QACA,0BACA,kBACA,kBACA,uBACA,6BAA6B;AAG/B,MAAMC,kBAAkBC,WAA8BF,WAAW,YAAY;AAE7E,MAAA,oBAAeC;"}

package/dist/esm/components/Calendar/enums.js

@@ -0,0 +1,32 @@
+const VIEW_MODE = {
+  CALENDAR: "calendar",
+  MONTHLY: "monthly",
+  YEARLY: "yearly"
+};
+const REPRESENTATION_VALUES = {
+  LONG: "long",
+  SHORT: "short",
+  NARROW: "narrow",
+  NUMERIC: "numeric",
+  TWO_DIGIT: "2-digit"
+};
+const DATETIMEFORMAT_OPTIONS = {
+  LONG: "long",
+  SHORT: "short",
+  NARROW: "narrow"
+};
+const NAV_OPTIONS = {
+  PREVIOUS_MONTH: "previous_month",
+  PREVIOUS_YEAR: "previous_year",
+  NEXT_MONTH: "next_month",
+  NEXT_YEAR: "next_year",
+  MONTH: "month",
+  MONTH_YEAR: "month_year"
+};
+export {
+  DATETIMEFORMAT_OPTIONS,
+  NAV_OPTIONS,
+  REPRESENTATION_VALUES,
+  VIEW_MODE
+};
+//# sourceMappingURL=enums.js.map

package/dist/esm/components/Calendar/enums.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","sources":["../../../../src/components/Calendar/enums.ts"],"sourcesContent":["import { VisibilitySelectorActions } from \"./Calendar\";\n\n/**\n * View modes for the calendar component.\n */\nexport const VIEW_MODE = {\n  CALENDAR: \"calendar\",\n  MONTHLY: \"monthly\",\n  YEARLY: \"yearly\",\n};\n\n/**\n * Option values that can be used with Intl to represent a part or multiple parts of a date.\n */\nexport const REPRESENTATION_VALUES: {\n  LONG: RepresentationValuesType;\n  SHORT: RepresentationValuesType;\n  NARROW: RepresentationValuesType;\n  NUMERIC: RepresentationValuesType;\n  TWO_DIGIT: RepresentationValuesType;\n} = {\n  LONG: \"long\",\n  SHORT: \"short\",\n  NARROW: \"narrow\",\n  NUMERIC: \"numeric\",\n  TWO_DIGIT: \"2-digit\",\n};\n\nexport type RepresentationValuesType =\n  | \"long\"\n  | \"short\"\n  | \"narrow\"\n  | \"numeric\"\n  | \"2-digit\";\n\nexport type DateTimeFormatOptions = \"long\" | \"short\" | \"narrow\";\n\nexport const DATETIMEFORMAT_OPTIONS: {\n  LONG: DateTimeFormatOptions;\n  SHORT: DateTimeFormatOptions;\n  NARROW: DateTimeFormatOptions;\n} = {\n  LONG: \"long\",\n  SHORT: \"short\",\n  NARROW: \"narrow\",\n};\n/**\n * Navigation options for the calendar component.\n */\nexport const NAV_OPTIONS: {\n  PREVIOUS_MONTH: VisibilitySelectorActions;\n  PREVIOUS_YEAR: VisibilitySelectorActions;\n  NEXT_MONTH: VisibilitySelectorActions;\n  NEXT_YEAR: VisibilitySelectorActions;\n  MONTH: VisibilitySelectorActions;\n  MONTH_YEAR: VisibilitySelectorActions;\n} = {\n  PREVIOUS_MONTH: \"previous_month\",\n  PREVIOUS_YEAR: \"previous_year\",\n  NEXT_MONTH: \"next_month\",\n  NEXT_YEAR: \"next_year\",\n  MONTH: \"month\",\n  MONTH_YEAR: \"month_year\",\n};\n"],"names":["VIEW_MODE","CALENDAR","MONTHLY","YEARLY","REPRESENTATION_VALUES","LONG","SHORT","NARROW","NUMERIC","TWO_DIGIT","DATETIMEFORMAT_OPTIONS","NAV_OPTIONS","PREVIOUS_MONTH","PREVIOUS_YEAR","NEXT_MONTH","NEXT_YEAR","MONTH","MONTH_YEAR"],"mappings":"AAKO,MAAMA,YAAY;AAAA,EACvBC,UAAU;AAAA,EACVC,SAAS;AAAA,EACTC,QAAQ;AACV;AAKO,MAAMC,wBAMT;AAAA,EACFC,MAAM;AAAA,EACNC,OAAO;AAAA,EACPC,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTC,WAAW;AACb;AAWO,MAAMC,yBAIT;AAAA,EACFL,MAAM;AAAA,EACNC,OAAO;AAAA,EACPC,QAAQ;AACV;AAIO,MAAMI,cAOT;AAAA,EACFC,gBAAgB;AAAA,EAChBC,eAAe;AAAA,EACfC,YAAY;AAAA,EACZC,WAAW;AAAA,EACXC,OAAO;AAAA,EACPC,YAAY;AACd;"}

package/dist/esm/components/Calendar/model.js

@@ -0,0 +1,50 @@
+import { createDatesArray, isRange } from "./utils.js";
+class CalendarModel {
+  constructor(month, year) {
+    this.dates = [];
+    this.updateModel = (month2, year2) => {
+      let validMonth = month2;
+      let validYear = year2;
+      if (!Number.isInteger(validMonth)) {
+        validMonth = (/* @__PURE__ */ new Date()).getMonth() + 1;
+      }
+      if (!Number.isInteger(validYear)) {
+        validYear = (/* @__PURE__ */ new Date()).getFullYear();
+      }
+      this.month = validMonth;
+      this.year = validYear;
+      this.dates = createDatesArray(validMonth, validYear);
+    };
+    this.updateModel(month, year);
+  }
+}
+const generateModelFromDate = (seedValue) => {
+  let calendarModel;
+  if (typeof seedValue === "string") {
+    const today = /* @__PURE__ */ new Date();
+    calendarModel = new CalendarModel(today.getMonth() + 1, today.getFullYear());
+  } else if (isRange(seedValue)) {
+    calendarModel = new CalendarModel(seedValue.startDate.getMonth() + 1, seedValue.startDate.getFullYear());
+  } else {
+    calendarModel = new CalendarModel(seedValue.getMonth() + 1, seedValue.getFullYear());
+  }
+  return calendarModel;
+};
+const generateCalendarModel = (seedValue, visibleMonth, visibleYear) => {
+  let calendarModel;
+  if (visibleMonth && visibleYear) {
+    calendarModel = new CalendarModel(visibleMonth, visibleYear);
+  } else if (visibleMonth && !visibleYear) {
+    calendarModel = new CalendarModel(visibleMonth, seedValue.getFullYear());
+  } else if (!visibleMonth && visibleYear) {
+    calendarModel = new CalendarModel(1, visibleYear);
+  } else {
+    calendarModel = generateModelFromDate(seedValue);
+  }
+  return calendarModel;
+};
+export {
+  CalendarModel as default,
+  generateCalendarModel
+};
+//# sourceMappingURL=model.js.map

package/dist/esm/components/Calendar/model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.js","sources":["../../../../src/components/Calendar/model.tsx"],"sourcesContent":["import { createDatesArray, isRange } from \"./utils\";\n\n/**\n * Calendar builder for a specific month and year.\n * Returns an array of date objects.\n */\nexport default class CalendarModel {\n  month: any;\n\n  year: any;\n\n  dates: Date[] = [];\n\n  constructor(month?: number, year?: number) {\n    this.updateModel(month, year);\n  }\n\n  /**\n   * Updates the model with the received month and year\n   *\n   * @param {number} month - Number of the month (1 to 12).\n   * @param {number} year - Number of the year.\n   * @memberOf CalendarModel\n   */\n  updateModel = (month, year) => {\n    let validMonth = month;\n    let validYear = year;\n    if (!Number.isInteger(validMonth)) {\n      validMonth = new Date().getMonth() + 1;\n    }\n    if (!Number.isInteger(validYear)) {\n      validYear = new Date().getFullYear();\n    }\n\n    this.month = validMonth;\n    this.year = validYear;\n    this.dates = createDatesArray(validMonth, validYear);\n  };\n}\n\nconst generateModelFromDate = (seedValue) => {\n  let calendarModel;\n\n  if (typeof seedValue === \"string\") {\n    const today = new Date();\n    calendarModel = new CalendarModel(\n      today.getMonth() + 1,\n      today.getFullYear()\n    );\n  } else if (isRange(seedValue)) {\n    calendarModel = new CalendarModel(\n      seedValue.startDate.getMonth() + 1,\n      seedValue.startDate.getFullYear()\n    );\n  } else {\n    calendarModel = new CalendarModel(\n      seedValue.getMonth() + 1,\n      seedValue.getFullYear()\n    );\n  }\n\n  return calendarModel;\n};\n\nexport const generateCalendarModel = (seedValue, visibleMonth, visibleYear) => {\n  let calendarModel;\n\n  if (visibleMonth && visibleYear) {\n    calendarModel = new CalendarModel(visibleMonth, visibleYear);\n  } else if (visibleMonth && !visibleYear) {\n    calendarModel = new CalendarModel(visibleMonth, seedValue.getFullYear());\n  } else if (!visibleMonth && visibleYear) {\n    calendarModel = new CalendarModel(1, visibleYear);\n  } else {\n    calendarModel = generateModelFromDate(seedValue);\n  }\n\n  return calendarModel;\n};\n"],"names":["CalendarModel","constructor","month","year","dates","updateModel","validMonth","validYear","Number","isInteger","Date","getMonth","getFullYear","createDatesArray","generateModelFromDate","seedValue","calendarModel","today","isRange","startDate","generateCalendarModel","visibleMonth","visibleYear"],"mappings":";AAMA,MAAqBA,cAAc;AAAA,EAOjCC,YAAYC,OAAgBC,MAAe;AAF3CC,SAAAA,QAAgB;AAaFC,SAAAA,cAAAA,CAACH,QAAOC,UAAS;AAC7B,UAAIG,aAAaJ;AACjB,UAAIK,YAAYJ;AAChB,UAAI,CAACK,OAAOC,UAAUH,UAAU,GAAG;AACjCA,sBAAiBI,oBAAAA,KAAOC,GAAAA,SAAAA,IAAa;AAAA,MACvC;AACA,UAAI,CAACH,OAAOC,UAAUF,SAAS,GAAG;AACpB,qBAAA,oBAAIG,KAAM,GAACE,YAAa;AAAA,MACtC;AAEA,WAAKV,QAAQI;AACb,WAAKH,OAAOI;AACPH,WAAAA,QAAQS,iBAAiBP,YAAYC,SAAS;AAAA,IAAA;AAtB9CF,SAAAA,YAAYH,OAAOC,IAAI;AAAA,EAC9B;AAuBF;AAEA,MAAMW,wBAAyBC,CAAc,cAAA;AACvCC,MAAAA;AAEA,MAAA,OAAOD,cAAc,UAAU;AAC3BE,UAAAA,4BAAYP;AACF,oBAAA,IAAIV,cAClBiB,MAAMN,aAAa,GACnBM,MAAML,aAAa;AAAA,EAAA,WAEZM,QAAQH,SAAS,GAAG;AACb,oBAAA,IAAIf,cAClBe,UAAUI,UAAUR,aAAa,GACjCI,UAAUI,UAAUP,YAAa,CAAA;AAAA,EAAA,OAE9B;AACW,oBAAA,IAAIZ,cAClBe,UAAUJ,aAAa,GACvBI,UAAUH,aAAa;AAAA,EAE3B;AAEOI,SAAAA;AACT;AAEO,MAAMI,wBAAwBA,CAACL,WAAWM,cAAcC,gBAAgB;AACzEN,MAAAA;AAEJ,MAAIK,gBAAgBC,aAAa;AACf,oBAAA,IAAItB,cAAcqB,cAAcC,WAAW;AAAA,EAAA,WAClDD,gBAAgB,CAACC,aAAa;AACvCN,oBAAgB,IAAIhB,cAAcqB,cAAcN,UAAUH,YAAa,CAAA;AAAA,EAAA,WAC9D,CAACS,gBAAgBC,aAAa;AACvB,oBAAA,IAAItB,cAAc,GAAGsB,WAAW;AAAA,EAAA,OAC3C;AACLN,oBAAgBF,sBAAsBC,SAAS;AAAA,EACjD;AAEOC,SAAAA;AACT;"}