@ultraviolet/ui 1.77.4 → 1.78.0

package/dist/components/DateInput/components/Popup.cjs

@@ -0,0 +1,112 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _styled = require("@emotion/styled/base");
+const React = require("react");
+const index$3 = require("../../Button/index.cjs");
+const index$1 = require("../../Popup/index.cjs");
+const index$2 = require("../../Stack/index.cjs");
+const index = require("../../Text/index.cjs");
+const Context = require("../Context.cjs");
+const constants = require("../constants.cjs");
+const helpers = require("../helpers.cjs");
+const CalendarDaily = require("./CalendarDaily.cjs");
+const CalendarMonthly = require("./CalendarMonthly.cjs");
+const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const CapitalizedText = /* @__PURE__ */ _styled__default.default(index.Text, process.env.NODE_ENV === "production" ? {
+  target: "e17y63oo1"
+} : {
+  target: "e17y63oo1",
+  label: "CapitalizedText"
+})(process.env.NODE_ENV === "production" ? {
+  name: "88dib2",
+  styles: "display:inline-block;text-transform:lowercase;&::first-letter{text-transform:uppercase;}"
+} : {
+  name: "88dib2",
+  styles: "display:inline-block;text-transform:lowercase;&::first-letter{text-transform:uppercase;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0RhdGVJbnB1dC9jb21wb25lbnRzL1BvcHVwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhb0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvRGF0ZUlucHV0L2NvbXBvbmVudHMvUG9wdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IERpc3BhdGNoLCBSZWFjdE5vZGUsIFJlZk9iamVjdCwgU2V0U3RhdGVBY3Rpb24gfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUNvbnRleHQsIHVzZUVmZmVjdCwgdXNlUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tICcuLi8uLi9CdXR0b24nXG5pbXBvcnQgeyBQb3B1cCB9IGZyb20gJy4uLy4uL1BvcHVwJ1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi8uLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi8uLi9UZXh0J1xuaW1wb3J0IHsgRGF0ZUlucHV0Q29udGV4dCB9IGZyb20gJy4uL0NvbnRleHQnXG5pbXBvcnQgeyBQT1BVUF9XSURUSCB9IGZyb20gJy4uL2NvbnN0YW50cydcbmltcG9ydCB7IGdldE5leHRNb250aCwgZ2V0UHJldmlvdXNNb250aCB9IGZyb20gJy4uL2hlbHBlcnMnXG5pbXBvcnQgeyBEYWlseSB9IGZyb20gJy4vQ2FsZW5kYXJEYWlseSdcbmltcG9ydCB7IE1vbnRobHkgfSBmcm9tICcuL0NhbGVuZGFyTW9udGhseSdcblxuY29uc3QgQ2FwaXRhbGl6ZWRUZXh0ID0gc3R5bGVkKFRleHQpYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHRleHQtdHJhbnNmb3JtOiBsb3dlcmNhc2U7XG5cbiAgJjo6Zmlyc3QtbGV0dGVyIHtcbiAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICB9XG5gXG50eXBlIFBvcHVwUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgdmlzaWJsZTogYm9vbGVhblxuICBzZXRWaXNpYmxlOiBEaXNwYXRjaDxTZXRTdGF0ZUFjdGlvbjxib29sZWFuPj5cbiAgcmVmSW5wdXQ6IFJlZk9iamVjdDxIVE1MSW5wdXRFbGVtZW50PlxufVxuXG5jb25zdCBTdHlsZWRQb3B1cCA9IHN0eWxlZChQb3B1cClgXG4gIHdpZHRoOiAxMDAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5vdGhlci5lbGV2YXRpb24uYmFja2dyb3VuZC5yYWlzZWR9O1xuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0fTtcbiAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSB9KSA9PiBgJHt0aGVtZS5zaGFkb3dzLnJhaXNlZFswXX0sICR7dGhlbWUuc2hhZG93cy5yYWlzZWRbMV19YH07XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMl19O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9O1xuYFxuXG5jb25zdCBoYW5kbGVDbGlja091dHNpZGUgPSAoXG4gIGV2ZW50OiBNb3VzZUV2ZW50LFxuICByZWY6IFJlZk9iamVjdDxIVE1MRGl2RWxlbWVudD4sXG4gIHNldFZpc2libGU6IERpc3BhdGNoPFNldFN0YXRlQWN0aW9uPGJvb2xlYW4+PixcbiAgcmVmSW5wdXQ6IFJlZk9iamVjdDxIVE1MSW5wdXRFbGVtZW50PixcbikgPT4ge1xuICBpZiAoXG4gICAgcmVmLmN1cnJlbnQgJiZcbiAgICAhcmVmLmN1cnJlbnQuY29udGFpbnMoZXZlbnQudGFyZ2V0IGFzIE5vZGUpICYmXG4gICAgIXJlZklucHV0LmN1cnJlbnQ/LmNvbnRhaW5zKGV2ZW50LnRhcmdldCBhcyBOb2RlKVxuICApIHtcbiAgICBzZXRWaXNpYmxlKGZhbHNlKVxuICB9XG59XG5cbmNvbnN0IFBvcHVwQ29udGVudCA9ICgpID0+IHtcbiAgY29uc3Qge1xuICAgIHNob3dNb250aFllYXJQaWNrZXIsXG4gICAgZGlzYWJsZWQsXG4gICAgbW9udGhUb1Nob3csXG4gICAgeWVhclRvU2hvdyxcbiAgICBzZXRNb250aFRvU2hvdyxcbiAgICBzZXRZZWFyVG9TaG93LFxuICAgIG1heERhdGUsXG4gICAgbWluRGF0ZSxcbiAgICBNT05USFNfQVJSLFxuICB9ID0gdXNlQ29udGV4dChEYXRlSW5wdXRDb250ZXh0KVxuXG4gIHJldHVybiAoXG4gICAgPFN0YWNrIGdhcD17Mn0+XG4gICAgICA8U3RhY2sgZGlyZWN0aW9uPVwicm93XCIgd2lkdGg9XCIxMDAlXCIganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCI+XG4gICAgICAgIDxCdXR0b25cbiAgICAgICAgICBpY29uPVwiYXJyb3ctbGVmdFwiXG4gICAgICAgICAgZGF0YS10ZXN0aWQ9XCJwcmV2aW91cy1tb250aFwiXG4gICAgICAgICAgdmFyaWFudD1cImdob3N0XCJcbiAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICBzaXplPVwieHNtYWxsXCJcbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICBpZiAoXG4gICAgICAgICAgICAgICFtaW5EYXRlIHx8XG4gICAgICAgICAgICAgIG1pbkRhdGUgPD0gbmV3IERhdGUoeWVhclRvU2hvdywgbW9udGhUb1Nob3cgLSAxLCAwKVxuICAgICAgICAgICAgKSB7XG4gICAgICAgICAgICAgIGlmICghc2hvd01vbnRoWWVhclBpY2tlcikge1xuICAgICAgICAgICAgICAgIGNvbnN0IFtwcmV2TW9udGgsIHllYXJdID0gZ2V0UHJldmlvdXNNb250aChcbiAgICAgICAgICAgICAgICAgIG1vbnRoVG9TaG93LFxuICAgICAgICAgICAgICAgICAgeWVhclRvU2hvdyxcbiAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgICAgc2V0TW9udGhUb1Nob3cocHJldk1vbnRoKVxuICAgICAgICAgICAgICAgIHNldFllYXJUb1Nob3coeWVhcilcbiAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICBzZXRZZWFyVG9TaG93KHllYXJUb1Nob3cgLSAxKVxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfX1cbiAgICAgICAgICBkaXNhYmxlZD17XG4gICAgICAgICAgICAhIShtaW5EYXRlICYmIG1pbkRhdGUgPiBuZXcgRGF0ZSh5ZWFyVG9TaG93LCBtb250aFRvU2hvdyAtIDEsIDApKVxuICAgICAgICAgIH1cbiAgICAgICAgLz5cbiAgICAgICAgPENhcGl0YWxpemVkVGV4dCBhcz1cInNwYW5cIiB2YXJpYW50PVwiYm9keVN0cm9uZ1wiIHNlbnRpbWVudD1cIm5ldXRyYWxcIj5cbiAgICAgICAgICB7IXNob3dNb250aFllYXJQaWNrZXIgPyBNT05USFNfQVJSW21vbnRoVG9TaG93IC0gMV0gOiBudWxsfXsnICd9XG4gICAgICAgICAge3llYXJUb1Nob3d9XG4gICAgICAgIDwvQ2FwaXRhbGl6ZWRUZXh0PlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgaWNvbj1cImFycm93LXJpZ2h0XCJcbiAgICAgICAgICBkYXRhLXRlc3RpZD1cIm5leHQtbW9udGhcIlxuICAgICAgICAgIHZhcmlhbnQ9XCJnaG9zdFwiXG4gICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgc2l6ZT1cInhzbWFsbFwiXG4gICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgaWYgKFxuICAgICAgICAgICAgICAhbWF4RGF0ZSB8fFxuICAgICAgICAgICAgICBtYXhEYXRlID49IG5ldyBEYXRlKHllYXJUb1Nob3csIG1vbnRoVG9TaG93ICsgMSwgMSlcbiAgICAgICAgICAgICkge1xuICAgICAgICAgICAgICBpZiAoIXNob3dNb250aFllYXJQaWNrZXIpIHtcbiAgICAgICAgICAgICAgICBjb25zdCBbbW9udGhOZXh0LCB5ZWFyXSA9IGdldE5leHRNb250aChtb250aFRvU2hvdywgeWVhclRvU2hvdylcbiAgICAgICAgICAgICAgICBzZXRNb250aFRvU2hvdyhtb250aE5leHQpXG4gICAgICAgICAgICAgICAgc2V0WWVhclRvU2hvdyh5ZWFyKVxuICAgICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgIHNldFllYXJUb1Nob3coeWVhclRvU2hvdyArIDEpXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9fVxuICAgICAgICAgIGRpc2FibGVkPXtcbiAgICAgICAgICAgICEhKG1heERhdGUgJiYgbWF4RGF0ZSA8IG5ldyBEYXRlKHllYXJUb1Nob3csIG1vbnRoVG9TaG93ICsgMSwgMSkpXG4gICAgICAgICAgfVxuICAgICAgICAvPlxuICAgICAgPC9TdGFjaz5cbiAgICAgIHtzaG93TW9udGhZZWFyUGlja2VyID8gKFxuICAgICAgICA8TW9udGhseSBkaXNhYmxlZD17ZGlzYWJsZWR9IC8+XG4gICAgICApIDogKFxuICAgICAgICA8RGFpbHkgZGlzYWJsZWQ9e2Rpc2FibGVkfSAvPlxuICAgICAgKX1cbiAgICA8L1N0YWNrPlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBDYWxlbmRhclBvcHVwID0gKHtcbiAgY2hpbGRyZW4sXG4gIHZpc2libGUsXG4gIHNldFZpc2libGUsXG4gIHJlZklucHV0LFxufTogUG9wdXBQcm9wcykgPT4ge1xuICBjb25zdCByZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBldmVudCA9PlxuICAgICAgaGFuZGxlQ2xpY2tPdXRzaWRlKGV2ZW50LCByZWYsIHNldFZpc2libGUsIHJlZklucHV0KSxcbiAgICApXG5cbiAgICByZXR1cm4gKCkgPT5cbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIGV2ZW50ID0+XG4gICAgICAgIGhhbmRsZUNsaWNrT3V0c2lkZShldmVudCwgcmVmLCBzZXRWaXNpYmxlLCByZWZJbnB1dCksXG4gICAgICApXG4gIH0sIFtyZWYsIHNldFZpc2libGUsIHJlZklucHV0XSlcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRQb3B1cFxuICAgICAgdmlzaWJsZT17dmlzaWJsZX1cbiAgICAgIHRleHQ9ezxQb3B1cENvbnRlbnQgLz59XG4gICAgICBwbGFjZW1lbnQ9XCJib3R0b21cIlxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBoYXNBcnJvdz17ZmFsc2V9XG4gICAgICB0YWJJbmRleD17MH1cbiAgICAgIHJvbGU9XCJkaWFsb2dcIlxuICAgICAgZGVib3VuY2VEZWxheT17MH1cbiAgICAgIG1heFdpZHRoPXtQT1BVUF9XSURUSH1cbiAgICAgIGRpc2FibGVBbmltYXRpb25cbiAgICAgIGFsaWduPVwic3RhcnRcIlxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZFBvcHVwPlxuICApXG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledPopup = /* @__PURE__ */ _styled__default.default(index$1.Popup, process.env.NODE_ENV === "production" ? {
+  target: "e17y63oo0"
+} : {
+  target: "e17y63oo0",
+  label: "StyledPopup"
+})("width:100%;background-color:", ({
+  theme
+}) => theme.colors.other.elevation.background.raised, ";color:", ({
+  theme
+}) => theme.colors.neutral.text, ";box-shadow:", ({
+  theme
+}) => `${theme.shadows.raised[0]}, ${theme.shadows.raised[1]}`, ";padding:", ({
+  theme
+}) => theme.space[2], ";border-radius:", ({
+  theme
+}) => theme.radii.default, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0RhdGVJbnB1dC9jb21wb25lbnRzL1BvcHVwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QmlDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0RhdGVJbnB1dC9jb21wb25lbnRzL1BvcHVwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBEaXNwYXRjaCwgUmVhY3ROb2RlLCBSZWZPYmplY3QsIFNldFN0YXRlQWN0aW9uIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VDb250ZXh0LCB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAnLi4vLi4vQnV0dG9uJ1xuaW1wb3J0IHsgUG9wdXAgfSBmcm9tICcuLi8uLi9Qb3B1cCdcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vLi4vU3RhY2snXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vLi4vVGV4dCdcbmltcG9ydCB7IERhdGVJbnB1dENvbnRleHQgfSBmcm9tICcuLi9Db250ZXh0J1xuaW1wb3J0IHsgUE9QVVBfV0lEVEggfSBmcm9tICcuLi9jb25zdGFudHMnXG5pbXBvcnQgeyBnZXROZXh0TW9udGgsIGdldFByZXZpb3VzTW9udGggfSBmcm9tICcuLi9oZWxwZXJzJ1xuaW1wb3J0IHsgRGFpbHkgfSBmcm9tICcuL0NhbGVuZGFyRGFpbHknXG5pbXBvcnQgeyBNb250aGx5IH0gZnJvbSAnLi9DYWxlbmRhck1vbnRobHknXG5cbmNvbnN0IENhcGl0YWxpemVkVGV4dCA9IHN0eWxlZChUZXh0KWBcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICB0ZXh0LXRyYW5zZm9ybTogbG93ZXJjYXNlO1xuXG4gICY6OmZpcnN0LWxldHRlciB7XG4gICAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgfVxuYFxudHlwZSBQb3B1cFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIHZpc2libGU6IGJvb2xlYW5cbiAgc2V0VmlzaWJsZTogRGlzcGF0Y2g8U2V0U3RhdGVBY3Rpb248Ym9vbGVhbj4+XG4gIHJlZklucHV0OiBSZWZPYmplY3Q8SFRNTElucHV0RWxlbWVudD5cbn1cblxuY29uc3QgU3R5bGVkUG9wdXAgPSBzdHlsZWQoUG9wdXApYFxuICB3aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMub3RoZXIuZWxldmF0aW9uLmJhY2tncm91bmQucmFpc2VkfTtcbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dH07XG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUgfSkgPT4gYCR7dGhlbWUuc2hhZG93cy5yYWlzZWRbMF19LCAke3RoZW1lLnNoYWRvd3MucmFpc2VkWzFdfWB9O1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzJdfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbmBcblxuY29uc3QgaGFuZGxlQ2xpY2tPdXRzaWRlID0gKFxuICBldmVudDogTW91c2VFdmVudCxcbiAgcmVmOiBSZWZPYmplY3Q8SFRNTERpdkVsZW1lbnQ+LFxuICBzZXRWaXNpYmxlOiBEaXNwYXRjaDxTZXRTdGF0ZUFjdGlvbjxib29sZWFuPj4sXG4gIHJlZklucHV0OiBSZWZPYmplY3Q8SFRNTElucHV0RWxlbWVudD4sXG4pID0+IHtcbiAgaWYgKFxuICAgIHJlZi5jdXJyZW50ICYmXG4gICAgIXJlZi5jdXJyZW50LmNvbnRhaW5zKGV2ZW50LnRhcmdldCBhcyBOb2RlKSAmJlxuICAgICFyZWZJbnB1dC5jdXJyZW50Py5jb250YWlucyhldmVudC50YXJnZXQgYXMgTm9kZSlcbiAgKSB7XG4gICAgc2V0VmlzaWJsZShmYWxzZSlcbiAgfVxufVxuXG5jb25zdCBQb3B1cENvbnRlbnQgPSAoKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBzaG93TW9udGhZZWFyUGlja2VyLFxuICAgIGRpc2FibGVkLFxuICAgIG1vbnRoVG9TaG93LFxuICAgIHllYXJUb1Nob3csXG4gICAgc2V0TW9udGhUb1Nob3csXG4gICAgc2V0WWVhclRvU2hvdyxcbiAgICBtYXhEYXRlLFxuICAgIG1pbkRhdGUsXG4gICAgTU9OVEhTX0FSUixcbiAgfSA9IHVzZUNvbnRleHQoRGF0ZUlucHV0Q29udGV4dClcblxuICByZXR1cm4gKFxuICAgIDxTdGFjayBnYXA9ezJ9PlxuICAgICAgPFN0YWNrIGRpcmVjdGlvbj1cInJvd1wiIHdpZHRoPVwiMTAwJVwiIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiPlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgaWNvbj1cImFycm93LWxlZnRcIlxuICAgICAgICAgIGRhdGEtdGVzdGlkPVwicHJldmlvdXMtbW9udGhcIlxuICAgICAgICAgIHZhcmlhbnQ9XCJnaG9zdFwiXG4gICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgc2l6ZT1cInhzbWFsbFwiXG4gICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgaWYgKFxuICAgICAgICAgICAgICAhbWluRGF0ZSB8fFxuICAgICAgICAgICAgICBtaW5EYXRlIDw9IG5ldyBEYXRlKHllYXJUb1Nob3csIG1vbnRoVG9TaG93IC0gMSwgMClcbiAgICAgICAgICAgICkge1xuICAgICAgICAgICAgICBpZiAoIXNob3dNb250aFllYXJQaWNrZXIpIHtcbiAgICAgICAgICAgICAgICBjb25zdCBbcHJldk1vbnRoLCB5ZWFyXSA9IGdldFByZXZpb3VzTW9udGgoXG4gICAgICAgICAgICAgICAgICBtb250aFRvU2hvdyxcbiAgICAgICAgICAgICAgICAgIHllYXJUb1Nob3csXG4gICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICAgIHNldE1vbnRoVG9TaG93KHByZXZNb250aClcbiAgICAgICAgICAgICAgICBzZXRZZWFyVG9TaG93KHllYXIpXG4gICAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgc2V0WWVhclRvU2hvdyh5ZWFyVG9TaG93IC0gMSlcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICAgIH19XG4gICAgICAgICAgZGlzYWJsZWQ9e1xuICAgICAgICAgICAgISEobWluRGF0ZSAmJiBtaW5EYXRlID4gbmV3IERhdGUoeWVhclRvU2hvdywgbW9udGhUb1Nob3cgLSAxLCAwKSlcbiAgICAgICAgICB9XG4gICAgICAgIC8+XG4gICAgICAgIDxDYXBpdGFsaXplZFRleHQgYXM9XCJzcGFuXCIgdmFyaWFudD1cImJvZHlTdHJvbmdcIiBzZW50aW1lbnQ9XCJuZXV0cmFsXCI+XG4gICAgICAgICAgeyFzaG93TW9udGhZZWFyUGlja2VyID8gTU9OVEhTX0FSUlttb250aFRvU2hvdyAtIDFdIDogbnVsbH17JyAnfVxuICAgICAgICAgIHt5ZWFyVG9TaG93fVxuICAgICAgICA8L0NhcGl0YWxpemVkVGV4dD5cbiAgICAgICAgPEJ1dHRvblxuICAgICAgICAgIGljb249XCJhcnJvdy1yaWdodFwiXG4gICAgICAgICAgZGF0YS10ZXN0aWQ9XCJuZXh0LW1vbnRoXCJcbiAgICAgICAgICB2YXJpYW50PVwiZ2hvc3RcIlxuICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgIHNpemU9XCJ4c21hbGxcIlxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgIGlmIChcbiAgICAgICAgICAgICAgIW1heERhdGUgfHxcbiAgICAgICAgICAgICAgbWF4RGF0ZSA+PSBuZXcgRGF0ZSh5ZWFyVG9TaG93LCBtb250aFRvU2hvdyArIDEsIDEpXG4gICAgICAgICAgICApIHtcbiAgICAgICAgICAgICAgaWYgKCFzaG93TW9udGhZZWFyUGlja2VyKSB7XG4gICAgICAgICAgICAgICAgY29uc3QgW21vbnRoTmV4dCwgeWVhcl0gPSBnZXROZXh0TW9udGgobW9udGhUb1Nob3csIHllYXJUb1Nob3cpXG4gICAgICAgICAgICAgICAgc2V0TW9udGhUb1Nob3cobW9udGhOZXh0KVxuICAgICAgICAgICAgICAgIHNldFllYXJUb1Nob3coeWVhcilcbiAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICBzZXRZZWFyVG9TaG93KHllYXJUb1Nob3cgKyAxKVxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfX1cbiAgICAgICAgICBkaXNhYmxlZD17XG4gICAgICAgICAgICAhIShtYXhEYXRlICYmIG1heERhdGUgPCBuZXcgRGF0ZSh5ZWFyVG9TaG93LCBtb250aFRvU2hvdyArIDEsIDEpKVxuICAgICAgICAgIH1cbiAgICAgICAgLz5cbiAgICAgIDwvU3RhY2s+XG4gICAgICB7c2hvd01vbnRoWWVhclBpY2tlciA/IChcbiAgICAgICAgPE1vbnRobHkgZGlzYWJsZWQ9e2Rpc2FibGVkfSAvPlxuICAgICAgKSA6IChcbiAgICAgICAgPERhaWx5IGRpc2FibGVkPXtkaXNhYmxlZH0gLz5cbiAgICAgICl9XG4gICAgPC9TdGFjaz5cbiAgKVxufVxuXG5leHBvcnQgY29uc3QgQ2FsZW5kYXJQb3B1cCA9ICh7XG4gIGNoaWxkcmVuLFxuICB2aXNpYmxlLFxuICBzZXRWaXNpYmxlLFxuICByZWZJbnB1dCxcbn06IFBvcHVwUHJvcHMpID0+IHtcbiAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgZXZlbnQgPT5cbiAgICAgIGhhbmRsZUNsaWNrT3V0c2lkZShldmVudCwgcmVmLCBzZXRWaXNpYmxlLCByZWZJbnB1dCksXG4gICAgKVxuXG4gICAgcmV0dXJuICgpID0+XG4gICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBldmVudCA9PlxuICAgICAgICBoYW5kbGVDbGlja091dHNpZGUoZXZlbnQsIHJlZiwgc2V0VmlzaWJsZSwgcmVmSW5wdXQpLFxuICAgICAgKVxuICB9LCBbcmVmLCBzZXRWaXNpYmxlLCByZWZJbnB1dF0pXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkUG9wdXBcbiAgICAgIHZpc2libGU9e3Zpc2libGV9XG4gICAgICB0ZXh0PXs8UG9wdXBDb250ZW50IC8+fVxuICAgICAgcGxhY2VtZW50PVwiYm90dG9tXCJcbiAgICAgIHJlZj17cmVmfVxuICAgICAgaGFzQXJyb3c9e2ZhbHNlfVxuICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICByb2xlPVwiZGlhbG9nXCJcbiAgICAgIGRlYm91bmNlRGVsYXk9ezB9XG4gICAgICBtYXhXaWR0aD17UE9QVVBfV0lEVEh9XG4gICAgICBkaXNhYmxlQW5pbWF0aW9uXG4gICAgICBhbGlnbj1cInN0YXJ0XCJcbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdHlsZWRQb3B1cD5cbiAgKVxufVxuIl19 */"));
+const handleClickOutside = (event, ref, setVisible, refInput) => {
+  if (ref.current && !ref.current.contains(event.target) && !refInput.current?.contains(event.target)) {
+    setVisible(false);
+  }
+};
+const PopupContent = () => {
+  const {
+    showMonthYearPicker,
+    disabled,
+    monthToShow,
+    yearToShow,
+    setMonthToShow,
+    setYearToShow,
+    maxDate,
+    minDate,
+    MONTHS_ARR
+  } = React.useContext(Context.DateInputContext);
+  return /* @__PURE__ */ jsxRuntime.jsxs(index$2.Stack, { gap: 2, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(index$2.Stack, { direction: "row", width: "100%", justifyContent: "space-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(index$3.Button, { icon: "arrow-left", "data-testid": "previous-month", variant: "ghost", sentiment: "neutral", size: "xsmall", onClick: () => {
+        if (!minDate || minDate <= new Date(yearToShow, monthToShow - 1, 0)) {
+          if (!showMonthYearPicker) {
+            const [prevMonth, year] = helpers.getPreviousMonth(monthToShow, yearToShow);
+            setMonthToShow(prevMonth);
+            setYearToShow(year);
+          } else {
+            setYearToShow(yearToShow - 1);
+          }
+        }
+      }, disabled: !!(minDate && minDate > new Date(yearToShow, monthToShow - 1, 0)) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(CapitalizedText, { as: "span", variant: "bodyStrong", sentiment: "neutral", children: [
+        !showMonthYearPicker ? MONTHS_ARR[monthToShow - 1] : null,
+        " ",
+        yearToShow
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(index$3.Button, { icon: "arrow-right", "data-testid": "next-month", variant: "ghost", sentiment: "neutral", size: "xsmall", onClick: () => {
+        if (!maxDate || maxDate >= new Date(yearToShow, monthToShow + 1, 1)) {
+          if (!showMonthYearPicker) {
+            const [monthNext, year] = helpers.getNextMonth(monthToShow, yearToShow);
+            setMonthToShow(monthNext);
+            setYearToShow(year);
+          } else {
+            setYearToShow(yearToShow + 1);
+          }
+        }
+      }, disabled: !!(maxDate && maxDate < new Date(yearToShow, monthToShow + 1, 1)) })
+    ] }),
+    showMonthYearPicker ? /* @__PURE__ */ jsxRuntime.jsx(CalendarMonthly.Monthly, { disabled }) : /* @__PURE__ */ jsxRuntime.jsx(CalendarDaily.Daily, { disabled })
+  ] });
+};
+const CalendarPopup = ({
+  children,
+  visible,
+  setVisible,
+  refInput
+}) => {
+  const ref = React.useRef(null);
+  React.useEffect(() => {
+    document.addEventListener("mousedown", (event) => handleClickOutside(event, ref, setVisible, refInput));
+    return () => document.removeEventListener("mousedown", (event) => handleClickOutside(event, ref, setVisible, refInput));
+  }, [ref, setVisible, refInput]);
+  return /* @__PURE__ */ jsxRuntime.jsx(StyledPopup, { visible, text: /* @__PURE__ */ jsxRuntime.jsx(PopupContent, {}), placement: "bottom", ref, hasArrow: false, tabIndex: 0, role: "dialog", debounceDelay: 0, maxWidth: constants.POPUP_WIDTH, disableAnimation: true, align: "start", children });
+};
+exports.CalendarPopup = CalendarPopup;

package/dist/components/DateInput/components/Popup.d.ts

@@ -0,0 +1,9 @@
+import type { Dispatch, ReactNode, RefObject, SetStateAction } from 'react';
+type PopupProps = {
+    children: ReactNode;
+    visible: boolean;
+    setVisible: Dispatch<SetStateAction<boolean>>;
+    refInput: RefObject<HTMLInputElement>;
+};
+export declare const CalendarPopup: ({ children, visible, setVisible, refInput, }: PopupProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/DateInput/components/Popup.js

@@ -0,0 +1,110 @@
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import _styled from "@emotion/styled/base";
+import { useRef, useEffect, useContext } from "react";
+import { Button } from "../../Button/index.js";
+import { Popup } from "../../Popup/index.js";
+import { Stack } from "../../Stack/index.js";
+import { Text } from "../../Text/index.js";
+import { DateInputContext } from "../Context.js";
+import { POPUP_WIDTH } from "../constants.js";
+import { getPreviousMonth, getNextMonth } from "../helpers.js";
+import { Daily } from "./CalendarDaily.js";
+import { Monthly } from "./CalendarMonthly.js";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const CapitalizedText = /* @__PURE__ */ _styled(Text, process.env.NODE_ENV === "production" ? {
+  target: "e17y63oo1"
+} : {
+  target: "e17y63oo1",
+  label: "CapitalizedText"
+})(process.env.NODE_ENV === "production" ? {
+  name: "88dib2",
+  styles: "display:inline-block;text-transform:lowercase;&::first-letter{text-transform:uppercase;}"
+} : {
+  name: "88dib2",
+  styles: "display:inline-block;text-transform:lowercase;&::first-letter{text-transform:uppercase;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0RhdGVJbnB1dC9jb21wb25lbnRzL1BvcHVwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhb0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvRGF0ZUlucHV0L2NvbXBvbmVudHMvUG9wdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IERpc3BhdGNoLCBSZWFjdE5vZGUsIFJlZk9iamVjdCwgU2V0U3RhdGVBY3Rpb24gfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUNvbnRleHQsIHVzZUVmZmVjdCwgdXNlUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tICcuLi8uLi9CdXR0b24nXG5pbXBvcnQgeyBQb3B1cCB9IGZyb20gJy4uLy4uL1BvcHVwJ1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi8uLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi8uLi9UZXh0J1xuaW1wb3J0IHsgRGF0ZUlucHV0Q29udGV4dCB9IGZyb20gJy4uL0NvbnRleHQnXG5pbXBvcnQgeyBQT1BVUF9XSURUSCB9IGZyb20gJy4uL2NvbnN0YW50cydcbmltcG9ydCB7IGdldE5leHRNb250aCwgZ2V0UHJldmlvdXNNb250aCB9IGZyb20gJy4uL2hlbHBlcnMnXG5pbXBvcnQgeyBEYWlseSB9IGZyb20gJy4vQ2FsZW5kYXJEYWlseSdcbmltcG9ydCB7IE1vbnRobHkgfSBmcm9tICcuL0NhbGVuZGFyTW9udGhseSdcblxuY29uc3QgQ2FwaXRhbGl6ZWRUZXh0ID0gc3R5bGVkKFRleHQpYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHRleHQtdHJhbnNmb3JtOiBsb3dlcmNhc2U7XG5cbiAgJjo6Zmlyc3QtbGV0dGVyIHtcbiAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICB9XG5gXG50eXBlIFBvcHVwUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgdmlzaWJsZTogYm9vbGVhblxuICBzZXRWaXNpYmxlOiBEaXNwYXRjaDxTZXRTdGF0ZUFjdGlvbjxib29sZWFuPj5cbiAgcmVmSW5wdXQ6IFJlZk9iamVjdDxIVE1MSW5wdXRFbGVtZW50PlxufVxuXG5jb25zdCBTdHlsZWRQb3B1cCA9IHN0eWxlZChQb3B1cClgXG4gIHdpZHRoOiAxMDAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5vdGhlci5lbGV2YXRpb24uYmFja2dyb3VuZC5yYWlzZWR9O1xuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0fTtcbiAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSB9KSA9PiBgJHt0aGVtZS5zaGFkb3dzLnJhaXNlZFswXX0sICR7dGhlbWUuc2hhZG93cy5yYWlzZWRbMV19YH07XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMl19O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9O1xuYFxuXG5jb25zdCBoYW5kbGVDbGlja091dHNpZGUgPSAoXG4gIGV2ZW50OiBNb3VzZUV2ZW50LFxuICByZWY6IFJlZk9iamVjdDxIVE1MRGl2RWxlbWVudD4sXG4gIHNldFZpc2libGU6IERpc3BhdGNoPFNldFN0YXRlQWN0aW9uPGJvb2xlYW4+PixcbiAgcmVmSW5wdXQ6IFJlZk9iamVjdDxIVE1MSW5wdXRFbGVtZW50PixcbikgPT4ge1xuICBpZiAoXG4gICAgcmVmLmN1cnJlbnQgJiZcbiAgICAhcmVmLmN1cnJlbnQuY29udGFpbnMoZXZlbnQudGFyZ2V0IGFzIE5vZGUpICYmXG4gICAgIXJlZklucHV0LmN1cnJlbnQ/LmNvbnRhaW5zKGV2ZW50LnRhcmdldCBhcyBOb2RlKVxuICApIHtcbiAgICBzZXRWaXNpYmxlKGZhbHNlKVxuICB9XG59XG5cbmNvbnN0IFBvcHVwQ29udGVudCA9ICgpID0+IHtcbiAgY29uc3Qge1xuICAgIHNob3dNb250aFllYXJQaWNrZXIsXG4gICAgZGlzYWJsZWQsXG4gICAgbW9udGhUb1Nob3csXG4gICAgeWVhclRvU2hvdyxcbiAgICBzZXRNb250aFRvU2hvdyxcbiAgICBzZXRZZWFyVG9TaG93LFxuICAgIG1heERhdGUsXG4gICAgbWluRGF0ZSxcbiAgICBNT05USFNfQVJSLFxuICB9ID0gdXNlQ29udGV4dChEYXRlSW5wdXRDb250ZXh0KVxuXG4gIHJldHVybiAoXG4gICAgPFN0YWNrIGdhcD17Mn0+XG4gICAgICA8U3RhY2sgZGlyZWN0aW9uPVwicm93XCIgd2lkdGg9XCIxMDAlXCIganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCI+XG4gICAgICAgIDxCdXR0b25cbiAgICAgICAgICBpY29uPVwiYXJyb3ctbGVmdFwiXG4gICAgICAgICAgZGF0YS10ZXN0aWQ9XCJwcmV2aW91cy1tb250aFwiXG4gICAgICAgICAgdmFyaWFudD1cImdob3N0XCJcbiAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICBzaXplPVwieHNtYWxsXCJcbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICBpZiAoXG4gICAgICAgICAgICAgICFtaW5EYXRlIHx8XG4gICAgICAgICAgICAgIG1pbkRhdGUgPD0gbmV3IERhdGUoeWVhclRvU2hvdywgbW9udGhUb1Nob3cgLSAxLCAwKVxuICAgICAgICAgICAgKSB7XG4gICAgICAgICAgICAgIGlmICghc2hvd01vbnRoWWVhclBpY2tlcikge1xuICAgICAgICAgICAgICAgIGNvbnN0IFtwcmV2TW9udGgsIHllYXJdID0gZ2V0UHJldmlvdXNNb250aChcbiAgICAgICAgICAgICAgICAgIG1vbnRoVG9TaG93LFxuICAgICAgICAgICAgICAgICAgeWVhclRvU2hvdyxcbiAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgICAgc2V0TW9udGhUb1Nob3cocHJldk1vbnRoKVxuICAgICAgICAgICAgICAgIHNldFllYXJUb1Nob3coeWVhcilcbiAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICBzZXRZZWFyVG9TaG93KHllYXJUb1Nob3cgLSAxKVxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfX1cbiAgICAgICAgICBkaXNhYmxlZD17XG4gICAgICAgICAgICAhIShtaW5EYXRlICYmIG1pbkRhdGUgPiBuZXcgRGF0ZSh5ZWFyVG9TaG93LCBtb250aFRvU2hvdyAtIDEsIDApKVxuICAgICAgICAgIH1cbiAgICAgICAgLz5cbiAgICAgICAgPENhcGl0YWxpemVkVGV4dCBhcz1cInNwYW5cIiB2YXJpYW50PVwiYm9keVN0cm9uZ1wiIHNlbnRpbWVudD1cIm5ldXRyYWxcIj5cbiAgICAgICAgICB7IXNob3dNb250aFllYXJQaWNrZXIgPyBNT05USFNfQVJSW21vbnRoVG9TaG93IC0gMV0gOiBudWxsfXsnICd9XG4gICAgICAgICAge3llYXJUb1Nob3d9XG4gICAgICAgIDwvQ2FwaXRhbGl6ZWRUZXh0PlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgaWNvbj1cImFycm93LXJpZ2h0XCJcbiAgICAgICAgICBkYXRhLXRlc3RpZD1cIm5leHQtbW9udGhcIlxuICAgICAgICAgIHZhcmlhbnQ9XCJnaG9zdFwiXG4gICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgc2l6ZT1cInhzbWFsbFwiXG4gICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgaWYgKFxuICAgICAgICAgICAgICAhbWF4RGF0ZSB8fFxuICAgICAgICAgICAgICBtYXhEYXRlID49IG5ldyBEYXRlKHllYXJUb1Nob3csIG1vbnRoVG9TaG93ICsgMSwgMSlcbiAgICAgICAgICAgICkge1xuICAgICAgICAgICAgICBpZiAoIXNob3dNb250aFllYXJQaWNrZXIpIHtcbiAgICAgICAgICAgICAgICBjb25zdCBbbW9udGhOZXh0LCB5ZWFyXSA9IGdldE5leHRNb250aChtb250aFRvU2hvdywgeWVhclRvU2hvdylcbiAgICAgICAgICAgICAgICBzZXRNb250aFRvU2hvdyhtb250aE5leHQpXG4gICAgICAgICAgICAgICAgc2V0WWVhclRvU2hvdyh5ZWFyKVxuICAgICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgIHNldFllYXJUb1Nob3coeWVhclRvU2hvdyArIDEpXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9fVxuICAgICAgICAgIGRpc2FibGVkPXtcbiAgICAgICAgICAgICEhKG1heERhdGUgJiYgbWF4RGF0ZSA8IG5ldyBEYXRlKHllYXJUb1Nob3csIG1vbnRoVG9TaG93ICsgMSwgMSkpXG4gICAgICAgICAgfVxuICAgICAgICAvPlxuICAgICAgPC9TdGFjaz5cbiAgICAgIHtzaG93TW9udGhZZWFyUGlja2VyID8gKFxuICAgICAgICA8TW9udGhseSBkaXNhYmxlZD17ZGlzYWJsZWR9IC8+XG4gICAgICApIDogKFxuICAgICAgICA8RGFpbHkgZGlzYWJsZWQ9e2Rpc2FibGVkfSAvPlxuICAgICAgKX1cbiAgICA8L1N0YWNrPlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBDYWxlbmRhclBvcHVwID0gKHtcbiAgY2hpbGRyZW4sXG4gIHZpc2libGUsXG4gIHNldFZpc2libGUsXG4gIHJlZklucHV0LFxufTogUG9wdXBQcm9wcykgPT4ge1xuICBjb25zdCByZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBldmVudCA9PlxuICAgICAgaGFuZGxlQ2xpY2tPdXRzaWRlKGV2ZW50LCByZWYsIHNldFZpc2libGUsIHJlZklucHV0KSxcbiAgICApXG5cbiAgICByZXR1cm4gKCkgPT5cbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIGV2ZW50ID0+XG4gICAgICAgIGhhbmRsZUNsaWNrT3V0c2lkZShldmVudCwgcmVmLCBzZXRWaXNpYmxlLCByZWZJbnB1dCksXG4gICAgICApXG4gIH0sIFtyZWYsIHNldFZpc2libGUsIHJlZklucHV0XSlcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRQb3B1cFxuICAgICAgdmlzaWJsZT17dmlzaWJsZX1cbiAgICAgIHRleHQ9ezxQb3B1cENvbnRlbnQgLz59XG4gICAgICBwbGFjZW1lbnQ9XCJib3R0b21cIlxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBoYXNBcnJvdz17ZmFsc2V9XG4gICAgICB0YWJJbmRleD17MH1cbiAgICAgIHJvbGU9XCJkaWFsb2dcIlxuICAgICAgZGVib3VuY2VEZWxheT17MH1cbiAgICAgIG1heFdpZHRoPXtQT1BVUF9XSURUSH1cbiAgICAgIGRpc2FibGVBbmltYXRpb25cbiAgICAgIGFsaWduPVwic3RhcnRcIlxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZFBvcHVwPlxuICApXG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledPopup = /* @__PURE__ */ _styled(Popup, process.env.NODE_ENV === "production" ? {
+  target: "e17y63oo0"
+} : {
+  target: "e17y63oo0",
+  label: "StyledPopup"
+})("width:100%;background-color:", ({
+  theme
+}) => theme.colors.other.elevation.background.raised, ";color:", ({
+  theme
+}) => theme.colors.neutral.text, ";box-shadow:", ({
+  theme
+}) => `${theme.shadows.raised[0]}, ${theme.shadows.raised[1]}`, ";padding:", ({
+  theme
+}) => theme.space[2], ";border-radius:", ({
+  theme
+}) => theme.radii.default, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0RhdGVJbnB1dC9jb21wb25lbnRzL1BvcHVwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QmlDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0RhdGVJbnB1dC9jb21wb25lbnRzL1BvcHVwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBEaXNwYXRjaCwgUmVhY3ROb2RlLCBSZWZPYmplY3QsIFNldFN0YXRlQWN0aW9uIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VDb250ZXh0LCB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAnLi4vLi4vQnV0dG9uJ1xuaW1wb3J0IHsgUG9wdXAgfSBmcm9tICcuLi8uLi9Qb3B1cCdcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vLi4vU3RhY2snXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vLi4vVGV4dCdcbmltcG9ydCB7IERhdGVJbnB1dENvbnRleHQgfSBmcm9tICcuLi9Db250ZXh0J1xuaW1wb3J0IHsgUE9QVVBfV0lEVEggfSBmcm9tICcuLi9jb25zdGFudHMnXG5pbXBvcnQgeyBnZXROZXh0TW9udGgsIGdldFByZXZpb3VzTW9udGggfSBmcm9tICcuLi9oZWxwZXJzJ1xuaW1wb3J0IHsgRGFpbHkgfSBmcm9tICcuL0NhbGVuZGFyRGFpbHknXG5pbXBvcnQgeyBNb250aGx5IH0gZnJvbSAnLi9DYWxlbmRhck1vbnRobHknXG5cbmNvbnN0IENhcGl0YWxpemVkVGV4dCA9IHN0eWxlZChUZXh0KWBcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICB0ZXh0LXRyYW5zZm9ybTogbG93ZXJjYXNlO1xuXG4gICY6OmZpcnN0LWxldHRlciB7XG4gICAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgfVxuYFxudHlwZSBQb3B1cFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIHZpc2libGU6IGJvb2xlYW5cbiAgc2V0VmlzaWJsZTogRGlzcGF0Y2g8U2V0U3RhdGVBY3Rpb248Ym9vbGVhbj4+XG4gIHJlZklucHV0OiBSZWZPYmplY3Q8SFRNTElucHV0RWxlbWVudD5cbn1cblxuY29uc3QgU3R5bGVkUG9wdXAgPSBzdHlsZWQoUG9wdXApYFxuICB3aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMub3RoZXIuZWxldmF0aW9uLmJhY2tncm91bmQucmFpc2VkfTtcbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dH07XG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUgfSkgPT4gYCR7dGhlbWUuc2hhZG93cy5yYWlzZWRbMF19LCAke3RoZW1lLnNoYWRvd3MucmFpc2VkWzFdfWB9O1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzJdfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbmBcblxuY29uc3QgaGFuZGxlQ2xpY2tPdXRzaWRlID0gKFxuICBldmVudDogTW91c2VFdmVudCxcbiAgcmVmOiBSZWZPYmplY3Q8SFRNTERpdkVsZW1lbnQ+LFxuICBzZXRWaXNpYmxlOiBEaXNwYXRjaDxTZXRTdGF0ZUFjdGlvbjxib29sZWFuPj4sXG4gIHJlZklucHV0OiBSZWZPYmplY3Q8SFRNTElucHV0RWxlbWVudD4sXG4pID0+IHtcbiAgaWYgKFxuICAgIHJlZi5jdXJyZW50ICYmXG4gICAgIXJlZi5jdXJyZW50LmNvbnRhaW5zKGV2ZW50LnRhcmdldCBhcyBOb2RlKSAmJlxuICAgICFyZWZJbnB1dC5jdXJyZW50Py5jb250YWlucyhldmVudC50YXJnZXQgYXMgTm9kZSlcbiAgKSB7XG4gICAgc2V0VmlzaWJsZShmYWxzZSlcbiAgfVxufVxuXG5jb25zdCBQb3B1cENvbnRlbnQgPSAoKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBzaG93TW9udGhZZWFyUGlja2VyLFxuICAgIGRpc2FibGVkLFxuICAgIG1vbnRoVG9TaG93LFxuICAgIHllYXJUb1Nob3csXG4gICAgc2V0TW9udGhUb1Nob3csXG4gICAgc2V0WWVhclRvU2hvdyxcbiAgICBtYXhEYXRlLFxuICAgIG1pbkRhdGUsXG4gICAgTU9OVEhTX0FSUixcbiAgfSA9IHVzZUNvbnRleHQoRGF0ZUlucHV0Q29udGV4dClcblxuICByZXR1cm4gKFxuICAgIDxTdGFjayBnYXA9ezJ9PlxuICAgICAgPFN0YWNrIGRpcmVjdGlvbj1cInJvd1wiIHdpZHRoPVwiMTAwJVwiIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiPlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgaWNvbj1cImFycm93LWxlZnRcIlxuICAgICAgICAgIGRhdGEtdGVzdGlkPVwicHJldmlvdXMtbW9udGhcIlxuICAgICAgICAgIHZhcmlhbnQ9XCJnaG9zdFwiXG4gICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgc2l6ZT1cInhzbWFsbFwiXG4gICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgaWYgKFxuICAgICAgICAgICAgICAhbWluRGF0ZSB8fFxuICAgICAgICAgICAgICBtaW5EYXRlIDw9IG5ldyBEYXRlKHllYXJUb1Nob3csIG1vbnRoVG9TaG93IC0gMSwgMClcbiAgICAgICAgICAgICkge1xuICAgICAgICAgICAgICBpZiAoIXNob3dNb250aFllYXJQaWNrZXIpIHtcbiAgICAgICAgICAgICAgICBjb25zdCBbcHJldk1vbnRoLCB5ZWFyXSA9IGdldFByZXZpb3VzTW9udGgoXG4gICAgICAgICAgICAgICAgICBtb250aFRvU2hvdyxcbiAgICAgICAgICAgICAgICAgIHllYXJUb1Nob3csXG4gICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICAgIHNldE1vbnRoVG9TaG93KHByZXZNb250aClcbiAgICAgICAgICAgICAgICBzZXRZZWFyVG9TaG93KHllYXIpXG4gICAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgc2V0WWVhclRvU2hvdyh5ZWFyVG9TaG93IC0gMSlcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICAgIH19XG4gICAgICAgICAgZGlzYWJsZWQ9e1xuICAgICAgICAgICAgISEobWluRGF0ZSAmJiBtaW5EYXRlID4gbmV3IERhdGUoeWVhclRvU2hvdywgbW9udGhUb1Nob3cgLSAxLCAwKSlcbiAgICAgICAgICB9XG4gICAgICAgIC8+XG4gICAgICAgIDxDYXBpdGFsaXplZFRleHQgYXM9XCJzcGFuXCIgdmFyaWFudD1cImJvZHlTdHJvbmdcIiBzZW50aW1lbnQ9XCJuZXV0cmFsXCI+XG4gICAgICAgICAgeyFzaG93TW9udGhZZWFyUGlja2VyID8gTU9OVEhTX0FSUlttb250aFRvU2hvdyAtIDFdIDogbnVsbH17JyAnfVxuICAgICAgICAgIHt5ZWFyVG9TaG93fVxuICAgICAgICA8L0NhcGl0YWxpemVkVGV4dD5cbiAgICAgICAgPEJ1dHRvblxuICAgICAgICAgIGljb249XCJhcnJvdy1yaWdodFwiXG4gICAgICAgICAgZGF0YS10ZXN0aWQ9XCJuZXh0LW1vbnRoXCJcbiAgICAgICAgICB2YXJpYW50PVwiZ2hvc3RcIlxuICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgIHNpemU9XCJ4c21hbGxcIlxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgIGlmIChcbiAgICAgICAgICAgICAgIW1heERhdGUgfHxcbiAgICAgICAgICAgICAgbWF4RGF0ZSA+PSBuZXcgRGF0ZSh5ZWFyVG9TaG93LCBtb250aFRvU2hvdyArIDEsIDEpXG4gICAgICAgICAgICApIHtcbiAgICAgICAgICAgICAgaWYgKCFzaG93TW9udGhZZWFyUGlja2VyKSB7XG4gICAgICAgICAgICAgICAgY29uc3QgW21vbnRoTmV4dCwgeWVhcl0gPSBnZXROZXh0TW9udGgobW9udGhUb1Nob3csIHllYXJUb1Nob3cpXG4gICAgICAgICAgICAgICAgc2V0TW9udGhUb1Nob3cobW9udGhOZXh0KVxuICAgICAgICAgICAgICAgIHNldFllYXJUb1Nob3coeWVhcilcbiAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICBzZXRZZWFyVG9TaG93KHllYXJUb1Nob3cgKyAxKVxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfX1cbiAgICAgICAgICBkaXNhYmxlZD17XG4gICAgICAgICAgICAhIShtYXhEYXRlICYmIG1heERhdGUgPCBuZXcgRGF0ZSh5ZWFyVG9TaG93LCBtb250aFRvU2hvdyArIDEsIDEpKVxuICAgICAgICAgIH1cbiAgICAgICAgLz5cbiAgICAgIDwvU3RhY2s+XG4gICAgICB7c2hvd01vbnRoWWVhclBpY2tlciA/IChcbiAgICAgICAgPE1vbnRobHkgZGlzYWJsZWQ9e2Rpc2FibGVkfSAvPlxuICAgICAgKSA6IChcbiAgICAgICAgPERhaWx5IGRpc2FibGVkPXtkaXNhYmxlZH0gLz5cbiAgICAgICl9XG4gICAgPC9TdGFjaz5cbiAgKVxufVxuXG5leHBvcnQgY29uc3QgQ2FsZW5kYXJQb3B1cCA9ICh7XG4gIGNoaWxkcmVuLFxuICB2aXNpYmxlLFxuICBzZXRWaXNpYmxlLFxuICByZWZJbnB1dCxcbn06IFBvcHVwUHJvcHMpID0+IHtcbiAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgZXZlbnQgPT5cbiAgICAgIGhhbmRsZUNsaWNrT3V0c2lkZShldmVudCwgcmVmLCBzZXRWaXNpYmxlLCByZWZJbnB1dCksXG4gICAgKVxuXG4gICAgcmV0dXJuICgpID0+XG4gICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBldmVudCA9PlxuICAgICAgICBoYW5kbGVDbGlja091dHNpZGUoZXZlbnQsIHJlZiwgc2V0VmlzaWJsZSwgcmVmSW5wdXQpLFxuICAgICAgKVxuICB9LCBbcmVmLCBzZXRWaXNpYmxlLCByZWZJbnB1dF0pXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkUG9wdXBcbiAgICAgIHZpc2libGU9e3Zpc2libGV9XG4gICAgICB0ZXh0PXs8UG9wdXBDb250ZW50IC8+fVxuICAgICAgcGxhY2VtZW50PVwiYm90dG9tXCJcbiAgICAgIHJlZj17cmVmfVxuICAgICAgaGFzQXJyb3c9e2ZhbHNlfVxuICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICByb2xlPVwiZGlhbG9nXCJcbiAgICAgIGRlYm91bmNlRGVsYXk9ezB9XG4gICAgICBtYXhXaWR0aD17UE9QVVBfV0lEVEh9XG4gICAgICBkaXNhYmxlQW5pbWF0aW9uXG4gICAgICBhbGlnbj1cInN0YXJ0XCJcbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdHlsZWRQb3B1cD5cbiAgKVxufVxuIl19 */"));
+const handleClickOutside = (event, ref, setVisible, refInput) => {
+  if (ref.current && !ref.current.contains(event.target) && !refInput.current?.contains(event.target)) {
+    setVisible(false);
+  }
+};
+const PopupContent = () => {
+  const {
+    showMonthYearPicker,
+    disabled,
+    monthToShow,
+    yearToShow,
+    setMonthToShow,
+    setYearToShow,
+    maxDate,
+    minDate,
+    MONTHS_ARR
+  } = useContext(DateInputContext);
+  return /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
+    /* @__PURE__ */ jsxs(Stack, { direction: "row", width: "100%", justifyContent: "space-between", children: [
+      /* @__PURE__ */ jsx(Button, { icon: "arrow-left", "data-testid": "previous-month", variant: "ghost", sentiment: "neutral", size: "xsmall", onClick: () => {
+        if (!minDate || minDate <= new Date(yearToShow, monthToShow - 1, 0)) {
+          if (!showMonthYearPicker) {
+            const [prevMonth, year] = getPreviousMonth(monthToShow, yearToShow);
+            setMonthToShow(prevMonth);
+            setYearToShow(year);
+          } else {
+            setYearToShow(yearToShow - 1);
+          }
+        }
+      }, disabled: !!(minDate && minDate > new Date(yearToShow, monthToShow - 1, 0)) }),
+      /* @__PURE__ */ jsxs(CapitalizedText, { as: "span", variant: "bodyStrong", sentiment: "neutral", children: [
+        !showMonthYearPicker ? MONTHS_ARR[monthToShow - 1] : null,
+        " ",
+        yearToShow
+      ] }),
+      /* @__PURE__ */ jsx(Button, { icon: "arrow-right", "data-testid": "next-month", variant: "ghost", sentiment: "neutral", size: "xsmall", onClick: () => {
+        if (!maxDate || maxDate >= new Date(yearToShow, monthToShow + 1, 1)) {
+          if (!showMonthYearPicker) {
+            const [monthNext, year] = getNextMonth(monthToShow, yearToShow);
+            setMonthToShow(monthNext);
+            setYearToShow(year);
+          } else {
+            setYearToShow(yearToShow + 1);
+          }
+        }
+      }, disabled: !!(maxDate && maxDate < new Date(yearToShow, monthToShow + 1, 1)) })
+    ] }),
+    showMonthYearPicker ? /* @__PURE__ */ jsx(Monthly, { disabled }) : /* @__PURE__ */ jsx(Daily, { disabled })
+  ] });
+};
+const CalendarPopup = ({
+  children,
+  visible,
+  setVisible,
+  refInput
+}) => {
+  const ref = useRef(null);
+  useEffect(() => {
+    document.addEventListener("mousedown", (event) => handleClickOutside(event, ref, setVisible, refInput));
+    return () => document.removeEventListener("mousedown", (event) => handleClickOutside(event, ref, setVisible, refInput));
+  }, [ref, setVisible, refInput]);
+  return /* @__PURE__ */ jsx(StyledPopup, { visible, text: /* @__PURE__ */ jsx(PopupContent, {}), placement: "bottom", ref, hasArrow: false, tabIndex: 0, role: "dialog", debounceDelay: 0, maxWidth: POPUP_WIDTH, disableAnimation: true, align: "start", children });
+};
+export {
+  CalendarPopup
+};

package/dist/components/DateInput/constants.cjs

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const POPUP_WIDTH = "16.5rem";
+const CURRENT_YEAR = (/* @__PURE__ */ new Date()).getFullYear();
+const CURRENT_MONTH = (/* @__PURE__ */ new Date()).getMonth() + 1;
+const CALENDAR_WEEKS = 6;
+exports.CALENDAR_WEEKS = CALENDAR_WEEKS;
+exports.CURRENT_MONTH = CURRENT_MONTH;
+exports.CURRENT_YEAR = CURRENT_YEAR;
+exports.POPUP_WIDTH = POPUP_WIDTH;

package/dist/components/DateInput/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const POPUP_WIDTH = "16.5rem";
+export declare const CURRENT_YEAR: number;
+export declare const CURRENT_MONTH: number;
+export declare const CALENDAR_WEEKS = 6;

package/dist/components/DateInput/constants.js

@@ -0,0 +1,10 @@
+const POPUP_WIDTH = "16.5rem";
+const CURRENT_YEAR = (/* @__PURE__ */ new Date()).getFullYear();
+const CURRENT_MONTH = (/* @__PURE__ */ new Date()).getMonth() + 1;
+const CALENDAR_WEEKS = 6;
+export {
+  CALENDAR_WEEKS,
+  CURRENT_MONTH,
+  CURRENT_YEAR,
+  POPUP_WIDTH
+};

package/dist/components/DateInput/helpers.cjs

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const constants = require("./constants.cjs");
+const getMonthFirstDay = (month = constants.CURRENT_MONTH, year = constants.CURRENT_YEAR) => {
+  const firstDay = new Date(year, month - 1, 1).getDay();
+  return firstDay === 0 ? 6 : firstDay - 1;
+};
+const addZero = (value) => `${value}`.padStart(2, "0");
+const getPreviousMonth = (month, year) => {
+  if (month === 1) {
+    return [12, year - 1];
+  }
+  return [month - 1, year];
+};
+const getNextMonth = (month, year) => {
+  if (month === 12) {
+    return [1, year + 1];
+  }
+  return [month + 1, year];
+};
+const isSameMonth = (date, basedate = /* @__PURE__ */ new Date()) => basedate.getMonth() === date.getMonth() && basedate.getFullYear() === date.getFullYear();
+const isSameDay = (date, basedate = /* @__PURE__ */ new Date()) => basedate.getDate() === date.getDate() && basedate.getMonth() + 1 === date.getMonth() + 1 && basedate.getFullYear() === date.getFullYear();
+const getDateISO = (showMonthYearPicker, date) => {
+  if (date) {
+    if (showMonthYearPicker) {
+      return [addZero(date.getMonth() + 1), date.getFullYear()].join("/");
+    }
+    return [addZero(date.getMonth() + 1), addZero(date.getDate()), date.getFullYear()].join("/");
+  }
+  return "";
+};
+const formatValue = (computedValue, computedRange, showMonthYearPicker, selectsRange, format) => {
+  if (selectsRange && computedRange) {
+    return format ? `${format(computedRange.start ?? void 0) ? `${format(computedRange.start ?? void 0)} - ` : ""}${format(computedRange.end ?? void 0) ?? ""}` : `${getDateISO(showMonthYearPicker, computedRange.start ?? void 0)}${computedRange.start ? " - " : ""}${getDateISO(showMonthYearPicker, computedRange.end ?? void 0)}`;
+  }
+  if (computedValue && format) {
+    return format(computedValue);
+  }
+  if (computedValue) {
+    return getDateISO(showMonthYearPicker, computedValue);
+  }
+  return void 0;
+};
+exports.addZero = addZero;
+exports.formatValue = formatValue;
+exports.getMonthFirstDay = getMonthFirstDay;
+exports.getNextMonth = getNextMonth;
+exports.getPreviousMonth = getPreviousMonth;
+exports.isSameDay = isSameDay;
+exports.isSameMonth = isSameMonth;

package/dist/components/DateInput/helpers.d.ts

@@ -0,0 +1,10 @@
+export declare const getMonthFirstDay: (month?: number, year?: number) => number;
+export declare const addZero: (value: number) => string;
+export declare const getPreviousMonth: (month: number, year: number) => number[];
+export declare const getNextMonth: (month: number, year: number) => number[];
+export declare const isSameMonth: (date: Date, basedate?: Date) => boolean;
+export declare const isSameDay: (date: Date, basedate?: Date) => boolean;
+export declare const formatValue: (computedValue: Date | null, computedRange: {
+    start: Date | null;
+    end: Date | null;
+} | null, showMonthYearPicker: boolean, selectsRange: boolean, format?: (value?: Date) => string | undefined) => string | undefined;

package/dist/components/DateInput/helpers.js

@@ -0,0 +1,50 @@
+import { CURRENT_MONTH, CURRENT_YEAR } from "./constants.js";
+const getMonthFirstDay = (month = CURRENT_MONTH, year = CURRENT_YEAR) => {
+  const firstDay = new Date(year, month - 1, 1).getDay();
+  return firstDay === 0 ? 6 : firstDay - 1;
+};
+const addZero = (value) => `${value}`.padStart(2, "0");
+const getPreviousMonth = (month, year) => {
+  if (month === 1) {
+    return [12, year - 1];
+  }
+  return [month - 1, year];
+};
+const getNextMonth = (month, year) => {
+  if (month === 12) {
+    return [1, year + 1];
+  }
+  return [month + 1, year];
+};
+const isSameMonth = (date, basedate = /* @__PURE__ */ new Date()) => basedate.getMonth() === date.getMonth() && basedate.getFullYear() === date.getFullYear();
+const isSameDay = (date, basedate = /* @__PURE__ */ new Date()) => basedate.getDate() === date.getDate() && basedate.getMonth() + 1 === date.getMonth() + 1 && basedate.getFullYear() === date.getFullYear();
+const getDateISO = (showMonthYearPicker, date) => {
+  if (date) {
+    if (showMonthYearPicker) {
+      return [addZero(date.getMonth() + 1), date.getFullYear()].join("/");
+    }
+    return [addZero(date.getMonth() + 1), addZero(date.getDate()), date.getFullYear()].join("/");
+  }
+  return "";
+};
+const formatValue = (computedValue, computedRange, showMonthYearPicker, selectsRange, format) => {
+  if (selectsRange && computedRange) {
+    return format ? `${format(computedRange.start ?? void 0) ? `${format(computedRange.start ?? void 0)} - ` : ""}${format(computedRange.end ?? void 0) ?? ""}` : `${getDateISO(showMonthYearPicker, computedRange.start ?? void 0)}${computedRange.start ? " - " : ""}${getDateISO(showMonthYearPicker, computedRange.end ?? void 0)}`;
+  }
+  if (computedValue && format) {
+    return format(computedValue);
+  }
+  if (computedValue) {
+    return getDateISO(showMonthYearPicker, computedValue);
+  }
+  return void 0;
+};
+export {
+  addZero,
+  formatValue,
+  getMonthFirstDay,
+  getNextMonth,
+  getPreviousMonth,
+  isSameDay,
+  isSameMonth
+};

package/dist/components/DateInput/helpersLocale.cjs

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const getLocalizedDays = (locale) => {
+  const formatter = new Intl.DateTimeFormat(locale, {
+    weekday: "long"
+  });
+  const days = [];
+  for (let i = 0; i < 7; i += 1) {
+    const date = new Date(1970, 0, i + 4);
+    days.push(formatter.format(date));
+  }
+  return days;
+};
+const getLocalizedMonths = (locale) => {
+  const computedLocale = typeof locale === "string" ? locale : locale.code;
+  const formatter = new Intl.DateTimeFormat(computedLocale, {
+    month: "long"
+  });
+  const months = [];
+  for (let i = 0; i < 12; i += 1) {
+    const date = new Date(1970, i);
+    months.push(formatter.format(date));
+  }
+  return months;
+};
+const getLocalizedShortMonths = (locale) => {
+  const formatter = new Intl.DateTimeFormat(locale, {
+    month: "short"
+  });
+  const months = [];
+  for (let i = 0; i < 12; i += 1) {
+    const date = new Date(1970, i);
+    months.push(formatter.format(date));
+  }
+  return months;
+};
+const getDays = (locale) => {
+  const computedLocale = typeof locale === "string" ? locale : locale.code;
+  const longDays = getLocalizedDays(computedLocale);
+  const days = {};
+  longDays.forEach((longDay) => {
+    days[longDay] = longDay.slice(0, 2);
+  });
+  const dayKeys = Object.keys(days);
+  dayKeys.push(dayKeys.shift());
+  const orderedDaysMap = {};
+  dayKeys.forEach((key) => {
+    orderedDaysMap[key] = days[key];
+  });
+  return orderedDaysMap;
+};
+const getMonths = (locale) => {
+  const computedLocale = typeof locale === "string" ? locale : locale.code;
+  const longMonths = getLocalizedMonths(locale);
+  const shortMonths = getLocalizedShortMonths(computedLocale);
+  const months = {};
+  longMonths.forEach((longMonth, index) => {
+    months[longMonth] = shortMonths[index];
+  });
+  return months;
+};
+exports.getDays = getDays;
+exports.getLocalizedMonths = getLocalizedMonths;
+exports.getMonths = getMonths;

package/dist/components/DateInput/helpersLocale.d.ts

@@ -0,0 +1,4 @@
+import type { Locale } from 'date-fns';
+export declare const getLocalizedMonths: (locale: Locale | string) => string[];
+export declare const getDays: (locale: Locale | string) => Record<string, string>;
+export declare const getMonths: (locale: Locale | string) => Record<string, string>;

package/dist/components/DateInput/helpersLocale.js

@@ -0,0 +1,64 @@
+const getLocalizedDays = (locale) => {
+  const formatter = new Intl.DateTimeFormat(locale, {
+    weekday: "long"
+  });
+  const days = [];
+  for (let i = 0; i < 7; i += 1) {
+    const date = new Date(1970, 0, i + 4);
+    days.push(formatter.format(date));
+  }
+  return days;
+};
+const getLocalizedMonths = (locale) => {
+  const computedLocale = typeof locale === "string" ? locale : locale.code;
+  const formatter = new Intl.DateTimeFormat(computedLocale, {
+    month: "long"
+  });
+  const months = [];
+  for (let i = 0; i < 12; i += 1) {
+    const date = new Date(1970, i);
+    months.push(formatter.format(date));
+  }
+  return months;
+};
+const getLocalizedShortMonths = (locale) => {
+  const formatter = new Intl.DateTimeFormat(locale, {
+    month: "short"
+  });
+  const months = [];
+  for (let i = 0; i < 12; i += 1) {
+    const date = new Date(1970, i);
+    months.push(formatter.format(date));
+  }
+  return months;
+};
+const getDays = (locale) => {
+  const computedLocale = typeof locale === "string" ? locale : locale.code;
+  const longDays = getLocalizedDays(computedLocale);
+  const days = {};
+  longDays.forEach((longDay) => {
+    days[longDay] = longDay.slice(0, 2);
+  });
+  const dayKeys = Object.keys(days);
+  dayKeys.push(dayKeys.shift());
+  const orderedDaysMap = {};
+  dayKeys.forEach((key) => {
+    orderedDaysMap[key] = days[key];
+  });
+  return orderedDaysMap;
+};
+const getMonths = (locale) => {
+  const computedLocale = typeof locale === "string" ? locale : locale.code;
+  const longMonths = getLocalizedMonths(locale);
+  const shortMonths = getLocalizedShortMonths(computedLocale);
+  const months = {};
+  longMonths.forEach((longMonth, index) => {
+    months[longMonth] = shortMonths[index];
+  });
+  return months;
+};
+export {
+  getDays,
+  getLocalizedMonths,
+  getMonths
+};