@openuidev/react-ui 0.9.16

package/dist/components/DatePicker/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,0BAA0B,EAAE,MAAM,iDAAiD,CAAC;AAC7F,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAczE,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IAC5C,MAAM,EAAE,MAAM,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEtC,MAAM,EACJ,IAAI,GAAG,QAAQ,EACf,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,MAAM,EACN,SAAS,EACT,SAAS,EACT,KAAK,GACN,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAC9D,kBAAkB,CACnB,CAAC;IACF,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAChE,kBAAkB,CACnB,CAAC;IACF,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,MAAM,IAAI,KAAK,CAAC,CAAC;IAEtE,yEAAyE;IACzE,4EAA4E;IAC5E,gGAAgG;IAChG,wHAAwH;IAExH,sCAAsC;IAEtC,MAAM,mBAAmB,GAAG,CAAC,YAAmB,EAAE,EAAE;QAClD,IAAI,kBAAkB,EAAE,CAAC;YACvB,qBAAqB,EAAE,CAAC,YAAY,CAAC,CAAC;YACtC,OAAO;QACT,CAAC;QAED,qBAAqB,EAAE,CAAC,YAAY,CAAC,CAAC;QACtC,uBAAuB,CAAC,YAAY,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,CAAC,aAAyB,EAAE,EAAE;QACzD,IAAI,kBAAkB,EAAE,CAAC;YACvB,qBAAqB,EAAE,CAAC,aAAa,CAAC,CAAC;YACvC,OAAO;QACT,CAAC;QAED,qBAAqB,EAAE,CAAC,aAAa,CAAC,CAAC;QACvC,wBAAwB,CAAC,aAAa,CAAC,CAAC;IAC1C,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,kBAAkB,IACjB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,MAAM,EACf,sBAAsB,EAAE,kBAAkB,IAAI,oBAAoB,EAClE,uBAAuB,EAAE,kBAAkB,IAAI,qBAAqB,EACpE,yBAAyB,EAAE,mBAAmB,EAC9C,0BAA0B,EAAE,oBAAoB,EAChD,gBAAgB,EAAE,MAAM,IAAI,cAAc,EAC1C,mBAAmB,EAAE,SAAS,IAAI,iBAAiB,YAEnD,KAAC,0BAA0B,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,GAAI,GAC/C,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/DatePicker/datePicker.css

@@ -0,0 +1 @@
+.openui-date-picker-renderer-floating-menu .openui-date-picker-select-content-months{padding:var(--openui-space-2xs, 4px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));border:1px solid var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12));border-radius:var(--openui-radius-m, 8px);box-shadow:var(--openui-shadow-m, 0 4px 6px -2px oklch(0% 0 0deg / 0.025), 0 2px 2px -2px oklch(0% 0 0deg / 0.05))}.openui-date-picker-renderer-floating-menu .openui-date-picker-select-content-years{padding:var(--openui-space-2xs, 4px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));border:1px solid var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12));border-radius:var(--openui-radius-m, 8px);box-shadow:var(--openui-shadow-m, 0 4px 6px -2px oklch(0% 0 0deg / 0.025), 0 2px 2px -2px oklch(0% 0 0deg / 0.05))}.openui-date-picker-renderer-floating-menu .openui-date-picker-select-content-years .openui-date-picker-select-viewport{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--openui-space-2xs, 4px)}.openui-date-picker-renderer-floating-menu .openui-date-picker-select-content-years .openui-date-picker-select-viewport-mobile{grid-template-columns:repeat(2, 1fr)}.openui-date-picker-renderer-floating-menu .openui-date-picker-select-content-years .openui-date-picker-select-item{font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);display:flex;align-items:center;justify-content:center;border-radius:var(--openui-radius-s, 6px);padding:var(--openui-space-s, 8px) var(--openui-space-m, 12px);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-date-picker-renderer-floating-menu .openui-date-picker-select-content-years .openui-date-picker-select-item:hover{background-color:var(--openui-highlight-subtle, oklch(9.7% 0 0deg / 0.02))}.openui-date-picker-renderer-floating-menu .openui-date-picker-select-content-years .openui-date-picker-select-item[data-highlighted]{background-color:var(--openui-highlight, oklch(9.7% 0 0deg / 0.04));color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-date-picker-renderer-floating-menu .openui-date-picker-select-trigger{font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);min-height:calc(var(--openui-space-l, 18px) + var(--openui-space-s, 8px));padding:calc(var(--openui-space-2xs, 4px) - 1px) var(--openui-space-s, 8px);border:1px solid rgba(0,0,0,0);border-radius:var(--openui-radius-s, 6px);background-color:rgba(0,0,0,0);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-date-picker-renderer-floating-menu .openui-date-picker-select-trigger:hover{background-color:var(--openui-highlight-subtle, oklch(9.7% 0 0deg / 0.02));border-color:var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12))}.openui-date-picker-renderer-floating-menu .openui-date-picker-select-trigger:focus-visible{outline:2px solid var(--openui-border-accent, oklch(9.7% 0 0deg / 0.08));outline-offset:var(--openui-space-3xs, 2px)}.openui-date-picker-renderer-floating-menu .openui-date-picker-select-trigger[data-state=open]{background-color:var(--openui-highlight-subtle, oklch(9.7% 0 0deg / 0.02));border-color:var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12))}.openui-date-picker-renderer-single-mode{width:100%;height:100%}.openui-date-picker-renderer-range-mode{width:100%;height:100%}.openui-date-picker-renderer-floating-container{position:relative}.openui-date-picker-renderer-floating-input-container{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));border-radius:var(--openui-radius-m, 8px);background:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04));padding:var(--openui-space-s, 8px) var(--openui-space-m, 12px);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));cursor:pointer;box-shadow:var(--openui-shadow-s, 0 1px 3px -2px oklch(0% 0 0deg / 0.02), 0 2px 5px -2px oklch(0% 0 0deg / 0.04));width:100%}.openui-date-picker-renderer-floating-input-container:disabled{color:var(--openui-text-neutral-tertiary, oklch(9.7% 0 0deg / 0.2));cursor:not-allowed}.openui-date-picker-renderer-floating-input-container-open{border-color:var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12));background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04))}.openui-date-picker-renderer-floating-input-container-not-open:hover{border-color:var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12));background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04))}.openui-date-picker-renderer-floating-input-container-has-no-selected-date{color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5))}.openui-date-picker-renderer-floating-input-container svg{transition:transform .2s cubic-bezier(0.4, 0, 0.2, 1)}.openui-date-picker-renderer-floating-input-container-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.openui-date-picker-renderer-floating-input-container-icon{transform:rotate(180deg)}.openui-date-picker-renderer-floating-reference{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.openui-date-picker-renderer-floating-content{z-index:50}.openui-date-picker-renderer-floating-menu{background:var(--openui-foreground, oklch(99.4% 0 89.876deg));border-radius:var(--openui-radius-2xl, 14px);box-shadow:var(--openui-shadow-s, 0 1px 3px -2px oklch(0% 0 0deg / 0.02), 0 2px 5px -2px oklch(0% 0 0deg / 0.04));border:1px solid var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12));overflow:hidden;transform-origin:top center;animation:openui-date-picker-show .18s ease-out forwards}.openui-date-picker-renderer-floating-menu .openui-calendar-root{border:none;border-radius:0}@keyframes openui-date-picker-show{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}.openui-date-picker-root{--openui-date-picker-day-size: calc(var(--openui-space-2xl, 36px) + var(--openui-space-2xs, 4px));--openui-date-picker-cell-radius: var(--openui-radius-m, 8px);width:fit-content;max-width:100%;box-sizing:border-box;padding:var(--openui-space-l, 18px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-date-picker-nav-mobile{gap:var(--openui-space-s, 8px)}.openui-date-picker-nav-fullscreen,.openui-date-picker-nav-tray,.openui-date-picker-nav-copilot{gap:var(--openui-space-m, 12px)}.openui-date-picker-dropdowns-mobile{gap:var(--openui-space-2xs, 4px)}.openui-date-picker-dropdowns-fullscreen,.openui-date-picker-dropdowns-tray,.openui-date-picker-dropdowns-copilot{gap:var(--openui-space-s, 8px)}.openui-date-picker-month{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-date-picker-month-caption{font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);display:flex;align-items:center;justify-content:space-between;gap:var(--openui-space-s, 8px);height:auto;margin-bottom:var(--openui-space-s, 8px);font-weight:inherit;font-size:inherit}.openui-date-picker-months-dropdown,.openui-date-picker-years-dropdown{cursor:pointer}.openui-date-picker-chevron{fill:var(--openui-interactive-accent-default, oklch(9.7% 0 0deg))}.openui-date-picker-month-grid{width:auto;table-layout:auto;border-collapse:collapse}.openui-date-picker-weekdays{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-date-picker-weekday{font:var(--openui-text-label-sm);letter-spacing:var(--openui-text-label-sm-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));width:var(--openui-date-picker-day-size);height:var(--openui-date-picker-day-size);padding:0;text-transform:none;text-align:center;vertical-align:middle}.openui-date-picker-single-day,.openui-date-picker-range-day{width:var(--openui-date-picker-day-size);height:var(--openui-date-picker-day-size);min-width:var(--openui-date-picker-day-size);min-height:var(--openui-date-picker-day-size);padding:0;vertical-align:middle}.openui-date-picker-single-day-button,.openui-date-picker-range-day-button{font:var(--openui-text-label-default);letter-spacing:var(--openui-text-label-default-letter-spacing);width:100%;height:100%;margin:0;padding:0;border:1px solid rgba(0,0,0,0);border-radius:var(--openui-date-picker-cell-radius);background:rgba(0,0,0,0);color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.openui-date-picker-single-day-button:focus,.openui-date-picker-range-day-button:focus{outline:none}.openui-date-picker-single-day-button:focus-visible,.openui-date-picker-range-day-button:focus-visible{outline:2px solid var(--openui-border-accent, oklch(9.7% 0 0deg / 0.08));outline-offset:var(--openui-space-3xs, 2px)}.openui-date-picker-single-day-button:not(:disabled):hover,.openui-date-picker-range-day-button:not(:disabled):hover{background-color:var(--openui-highlight-subtle, oklch(9.7% 0 0deg / 0.02))}.openui-date-picker-single-day-button:disabled,.openui-date-picker-range-day-button:disabled{cursor:not-allowed;color:var(--openui-text-neutral-tertiary, oklch(9.7% 0 0deg / 0.2))}.openui-date-picker-button-next,.openui-date-picker-button-previous{display:none !important}.openui-date-picker-today[data-today]:not([aria-selected]){background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04));border-radius:var(--openui-date-picker-cell-radius)}.openui-date-picker-disabled{color:var(--openui-text-neutral-tertiary, oklch(9.7% 0 0deg / 0.2))}.openui-date-picker-single-day-selected{background:var(--openui-interactive-accent-default, oklch(9.7% 0 0deg));color:var(--openui-text-accent-primary, oklch(99.4% 0 89.876deg))}.openui-date-picker-range-start{background:var(--openui-interactive-accent-default, oklch(9.7% 0 0deg));color:var(--openui-text-accent-primary, oklch(99.4% 0 89.876deg));border-top-left-radius:var(--openui-date-picker-cell-radius);border-bottom-left-radius:var(--openui-date-picker-cell-radius)}.openui-date-picker-range-middle{background:var(--openui-highlight, oklch(9.7% 0 0deg / 0.04))}.openui-date-picker-range-end{background:var(--openui-interactive-accent-default, oklch(9.7% 0 0deg));color:var(--openui-text-accent-primary, oklch(99.4% 0 89.876deg));border-top-right-radius:var(--openui-date-picker-cell-radius);border-bottom-right-radius:var(--openui-date-picker-cell-radius)}

package/dist/components/DatePicker/dependencies.d.ts

@@ -0,0 +1,3 @@
+declare const dependencies: string[];
+export default dependencies;
+//# sourceMappingURL=dependencies.d.ts.map

package/dist/components/DatePicker/dependencies.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dependencies.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/dependencies.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,YAAY,UAAmD,CAAC;AAEtE,eAAe,YAAY,CAAC"}

package/dist/components/DatePicker/dependencies.js

@@ -0,0 +1,5 @@
+import IconButtonDeps from "../IconButton/dependencies";
+import SelectDeps from "../Select/dependencies";
+const dependencies = ["DatePicker", ...IconButtonDeps, ...SelectDeps];
+export default dependencies;
+//# sourceMappingURL=dependencies.js.map

package/dist/components/DatePicker/dependencies.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dependencies.js","sourceRoot":"","sources":["../../../src/components/DatePicker/dependencies.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,4BAA4B,CAAC;AACxD,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAEhD,MAAM,YAAY,GAAG,CAAC,YAAY,EAAE,GAAG,cAAc,EAAE,GAAG,UAAU,CAAC,CAAC;AAEtE,eAAe,YAAY,CAAC"}

package/dist/components/DatePicker/helpers/components/DatePickerRenderer.d.ts

@@ -0,0 +1,6 @@
+declare const DatepickerRenderer: import("react").ForwardRefExoticComponent<{
+    className?: string;
+    style?: React.CSSProperties;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export { DatepickerRenderer };
+//# sourceMappingURL=DatePickerRenderer.d.ts.map

package/dist/components/DatePicker/helpers/components/DatePickerRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/helpers/components/DatePickerRenderer.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,kBAAkB;gBAER,MAAM;YAAU,KAAK,CAAC,aAAa;kDAqCjD,CAAC;AAEH,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/DatePicker/helpers/components/DatePickerRenderer.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { forwardRef } from "react";
+import { Calendar } from "../../../Calendar";
+import { useDatePicker } from "../context/DatePickerContext";
+const DatepickerRenderer = forwardRef(({ className, style }, ref) => {
+    const { selectedDate, selectedRange, mode, setSelectedDate, setSelectedRange } = useDatePicker();
+    if (mode === "single") {
+        return (_jsx("div", { ref: ref, className: clsx("openui-date-picker-renderer-single-mode", className), style: style, children: _jsx(Calendar, { mode: "single", selected: selectedDate, onSelect: setSelectedDate, startMonth: new Date(1900, 0), endMonth: new Date(2100, 11) }) }));
+    }
+    return (_jsx("div", { ref: ref, className: clsx("openui-date-picker-renderer-range-mode", className), style: style, children: _jsx(Calendar, { mode: "range", selected: selectedRange, onSelect: setSelectedRange, startMonth: new Date(1900, 0), endMonth: new Date(2100, 11) }) }));
+});
+export { DatepickerRenderer };
+//# sourceMappingURL=DatePickerRenderer.js.map

package/dist/components/DatePicker/helpers/components/DatePickerRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerRenderer.js","sourceRoot":"","sources":["../../../../../src/components/DatePicker/helpers/components/DatePickerRenderer.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,kBAAkB,GAAG,UAAU,CAGnC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC9B,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,IAAI,EAAE,eAAe,EAAE,gBAAgB,EAAE,GAAG,aAAa,EAAE,CAAC;IAEjG,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;QACtB,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,yCAAyC,EAAE,SAAS,CAAC,EACrE,KAAK,EAAE,KAAK,YAEZ,KAAC,QAAQ,IACP,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,eAAe,EACzB,UAAU,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,EAC7B,QAAQ,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC,GAC5B,GACE,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,wCAAwC,EAAE,SAAS,CAAC,EACpE,KAAK,EAAE,KAAK,YAEZ,KAAC,QAAQ,IACP,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,gBAAgB,EAC1B,UAAU,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,EAC7B,QAAQ,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC,GAC5B,GACE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/DatePicker/helpers/components/FloatingDatePickerRenderer.d.ts

@@ -0,0 +1,5 @@
+export declare const FloatingDatePickerRenderer: ({ className, style, }: {
+    className?: string;
+    style?: React.CSSProperties;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FloatingDatePickerRenderer.d.ts.map

package/dist/components/DatePicker/helpers/components/FloatingDatePickerRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingDatePickerRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/helpers/components/FloatingDatePickerRenderer.tsx"],"names":[],"mappings":"AAsFA,eAAO,MAAM,0BAA0B,GAAI,uBAGxC;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,4CAmCA,CAAC"}

package/dist/components/DatePicker/helpers/components/FloatingDatePickerRenderer.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { autoUpdate, flip, offset, useFloating } from "@floating-ui/react-dom";
+import clsx from "clsx";
+import { ChevronDown } from "lucide-react";
+import { forwardRef, useEffect, useRef } from "react";
+import { createPortal } from "react-dom";
+import { useMultipleRefs } from "../../../../hooks/useMultipleRefs";
+import { useTheme } from "../../../ThemeProvider";
+import { useDatePicker } from "../context/DatePickerContext";
+import { formatDateRange, formatSingleDate } from "../utils/helperFn";
+import { DatepickerRenderer } from "./DatePickerRenderer";
+const FloatingDateInput = () => {
+    const { mode, selectedDate, selectedRange, isOpen, setIsOpen } = useDatePicker();
+    const hasSelectedDate = mode === "single"
+        ? !!selectedDate
+        : !!(selectedRange && selectedRange.from && selectedRange.to);
+    return (_jsxs("div", { className: clsx("openui-date-picker-renderer-floating-input-container", {
+            "openui-date-picker-renderer-floating-input-container-open": isOpen,
+            "openui-date-picker-renderer-floating-input-container-not-open": !isOpen,
+            "openui-date-picker-renderer-floating-input-container-has-no-selected-date": !hasSelectedDate,
+        }), onClick: (e) => {
+            e.stopPropagation();
+            setIsOpen(!isOpen);
+        }, children: [_jsx("span", { className: "openui-date-picker-renderer-floating-input-container-text", children: mode === "single" ? formatSingleDate(selectedDate) : formatDateRange(selectedRange) }), _jsx(ChevronDown, { size: 16, className: clsx({ "openui-date-picker-renderer-floating-input-container-icon": isOpen }) })] }));
+};
+const FloatingDatePicker = forwardRef((_, ref) => {
+    const { isOpen } = useDatePicker();
+    const menuPositionDivRef = useRef(null);
+    const { portalThemeClassName } = useTheme();
+    const { refs: { setFloating, setReference }, floatingStyles, } = useFloating({
+        strategy: "absolute",
+        placement: "bottom-start",
+        whileElementsMounted: autoUpdate,
+        middleware: [offset(5), flip()],
+    });
+    const menuPositionDivRefs = useMultipleRefs(setReference, menuPositionDivRef);
+    const floatingRef = useMultipleRefs(setFloating, ref);
+    if (!isOpen) {
+        return null;
+    }
+    return (_jsxs(_Fragment, { children: [_jsx("div", { ref: menuPositionDivRefs, className: clsx("openui-date-picker-renderer-floating-reference") }), createPortal(_jsx("div", { ref: floatingRef, style: { ...floatingStyles, width: "fit-content" }, className: clsx("openui-date-picker-renderer-floating-content", portalThemeClassName), children: _jsx("div", { className: "openui-date-picker-renderer-floating-menu", children: _jsx(DatepickerRenderer, {}) }) }), document.body)] }));
+});
+export const FloatingDatePickerRenderer = ({ className, style, }) => {
+    const { isOpen, setIsOpen } = useDatePicker();
+    const menuRef = useRef(null);
+    const containerRef = useRef(null);
+    useEffect(() => {
+        if (!isOpen)
+            return;
+        const handleInteraction = (e) => {
+            const targetNode = e.target;
+            if (menuRef.current?.contains(targetNode) || containerRef.current?.contains(targetNode)) {
+                return;
+            }
+            setIsOpen(false);
+        };
+        document.body.addEventListener("mousedown", handleInteraction);
+        document.body.addEventListener("touchstart", handleInteraction);
+        return () => {
+            document.body.removeEventListener("mousedown", handleInteraction);
+            document.body.removeEventListener("touchstart", handleInteraction);
+        };
+    }, [isOpen, setIsOpen]);
+    return (_jsxs("div", { ref: containerRef, className: clsx("openui-date-picker-renderer-floating-container", className), style: style, children: [_jsx(FloatingDateInput, {}), _jsx(FloatingDatePicker, { ref: menuRef })] }));
+};
+//# sourceMappingURL=FloatingDatePickerRenderer.js.map

package/dist/components/DatePicker/helpers/components/FloatingDatePickerRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingDatePickerRenderer.js","sourceRoot":"","sources":["../../../../../src/components/DatePicker/helpers/components/FloatingDatePickerRenderer.tsx"],"names":[],"mappings":"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"}

package/dist/components/DatePicker/helpers/components/HelperComponents.d.ts

@@ -0,0 +1,21 @@
+import { ButtonHTMLAttributes, DetailedHTMLProps, SelectHTMLAttributes } from "react";
+import { ClassNames, CustomComponents, DropdownOption } from "react-day-picker";
+import "react-day-picker/style.css";
+export declare const PreviousMonthButton: (props: DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const NextMonthButton: (props: DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const MonthsDropdown: (props: {
+    classNames: ClassNames;
+    components: CustomComponents;
+    options?: DropdownOption[];
+} & Omit<DetailedHTMLProps<SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "children"> & {
+    container?: HTMLDivElement | null;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const YearsDropdown: (props: {
+    classNames: ClassNames;
+    components: CustomComponents;
+    options?: DropdownOption[];
+} & Omit<DetailedHTMLProps<SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "children"> & {
+    container?: HTMLDivElement | null;
+    botType: "mobile" | "fullscreen" | "tray" | "copilot";
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HelperComponents.d.ts.map

package/dist/components/DatePicker/helpers/components/HelperComponents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelperComponents.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/helpers/components/HelperComponents.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,oBAAoB,EACpB,iBAAiB,EAEjB,oBAAoB,EAGrB,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAChF,OAAO,4BAA4B,CAAC;AAMpC,eAAO,MAAM,mBAAmB,GAC9B,OAAO,iBAAiB,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,4CAcrF,CAAC;AAEF,eAAO,MAAM,eAAe,GAC1B,OAAO,iBAAiB,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,4CAcrF,CAAC;AA8BF,eAAO,MAAM,cAAc,GACzB,OAAO;IACL,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,EAAE,gBAAgB,CAAC;IAC7B,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;CAC5B,GAAG,IAAI,CACN,iBAAiB,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,EAC7E,UAAU,CACX,GAAG;IACA,SAAS,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;CACnC,4CA0EJ,CAAC;AAEF,eAAO,MAAM,aAAa,GACxB,OAAO;IACL,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,EAAE,gBAAgB,CAAC;IAC7B,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;CAC5B,GAAG,IAAI,CACN,iBAAiB,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,EAC7E,UAAU,CACX,GAAG;IACA,SAAS,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IAClC,OAAO,EAAE,QAAQ,GAAG,YAAY,GAAG,MAAM,GAAG,SAAS,CAAC;CACvD,4CA+EJ,CAAC"}

package/dist/components/DatePicker/helpers/components/HelperComponents.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import clsx from "clsx";
+import debounce from "lodash-es/debounce";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { forwardRef, useEffect, useState, } from "react";
+import "react-day-picker/style.css";
+import { IconButton } from "../../../IconButton";
+import { Select, SelectItem, SelectTrigger, SelectValue } from "../../../Select";
+import { useTheme } from "../../../ThemeProvider";
+import { getMonthName, getMonthNumber } from "../utils/helperFn";
+export const PreviousMonthButton = (props) => {
+    const { onClick, disabled, className, ...rest } = props;
+    return (_jsx(IconButton, { icon: _jsx(ChevronLeft, { size: 18 }), variant: "secondary", size: "medium", onClick: onClick, disabled: disabled, className: className, ...rest }));
+};
+export const NextMonthButton = (props) => {
+    const { onClick, disabled, className, ...rest } = props;
+    return (_jsx(IconButton, { icon: _jsx(ChevronRight, { size: 18 }), variant: "secondary", size: "medium", onClick: onClick, disabled: disabled, className: className, ...rest }));
+};
+// this component is overriding the default SelectContent component to allow for a container prop we do not wish to give to the user
+const SelectContent = forwardRef(({ className, children, position = "popper", viewportClassName, container, ...props }, ref) => {
+    const { portalThemeClassName } = useTheme();
+    return (_jsx(SelectPrimitive.Portal, { container: container || document.body, children: _jsx(SelectPrimitive.Content, { ref: ref, className: clsx("openui-select-content", portalThemeClassName, className), position: position, ...props, children: _jsx(SelectPrimitive.Viewport, { className: clsx("openui-select-viewport", viewportClassName), "data-position": position, children: children }) }) }));
+});
+export const MonthsDropdown = (props) => {
+    const { className, disabled, onChange, options, value, key, "aria-label": ariaLabel, container, } = props;
+    const [containerWidth, setContainerWidth] = useState(0);
+    const [containerHeight, setContainerHeight] = useState(0);
+    useEffect(() => {
+        if (!container)
+            return;
+        const targetElement = container.children[0]?.children[0];
+        if (!targetElement)
+            return;
+        const resizeObserver = new ResizeObserver(debounce((entries) => {
+            const { width, height } = entries[0]?.contentRect || {};
+            setContainerWidth(width || 0);
+            setContainerHeight(height || 0);
+        }, 100));
+        resizeObserver.observe(targetElement);
+        return () => {
+            resizeObserver.disconnect();
+        };
+    }, [container]);
+    return (_jsxs(Select, { onValueChange: (value) => onChange?.({
+            target: { value: getMonthNumber(value) },
+        }), value: getMonthName(Number(value)), disabled: disabled, "aria-label": ariaLabel, children: [_jsx(SelectTrigger, { className: clsx("openui-date-picker-select-trigger", className), children: _jsx(SelectValue, { placeholder: "Select a month" }) }), _jsx(SelectContent, { container: container, className: "openui-date-picker-select-content-months", sideOffset: 4, alignOffset: 0, style: {
+                    maxHeight: `${containerHeight - 45}px`,
+                    minWidth: `${containerWidth}px`,
+                }, children: options?.map((option) => (_jsx(SelectItem, { value: getMonthName(option.value), disabled: option.disabled, children: option.label }, option.value))) })] }, key));
+};
+export const YearsDropdown = (props) => {
+    const { className, disabled, onChange, options, value, key, "aria-label": ariaLabel, container, botType, } = props;
+    const [containerHeight, setContainerHeight] = useState(0);
+    useEffect(() => {
+        if (!container)
+            return;
+        const targetElement = container.children[0]?.children[0];
+        if (!targetElement)
+            return;
+        const resizeObserver = new ResizeObserver(debounce((entries) => {
+            const { height } = entries[0]?.contentRect || {};
+            setContainerHeight(height || 0);
+        }, 100));
+        resizeObserver.observe(targetElement);
+        return () => {
+            resizeObserver.disconnect();
+        };
+    }, [container]);
+    return (_jsxs(Select, { onValueChange: (value) => onChange?.({
+            target: { value: Number(value) },
+        }), value: String(value), disabled: disabled, "aria-label": ariaLabel, children: [_jsx(SelectTrigger, { className: clsx("openui-date-picker-select-trigger", className), children: _jsx(SelectValue, { placeholder: "Select a month" }) }), _jsx(SelectContent, { container: container, className: "openui-date-picker-select-content-years", viewportClassName: clsx("openui-date-picker-select-viewport", botType === "mobile" && "openui-date-picker-select-viewport-mobile"), sideOffset: 4, alignOffset: -135, style: {
+                    minHeight: `${containerHeight - 45}px`,
+                    maxHeight: `${containerHeight - 45}px`,
+                }, children: options?.map((option) => (_jsx(SelectItem, { value: String(option.value), disabled: option.disabled, showTick: false, className: "openui-date-picker-select-item", children: option.label }, option.value))) })] }, key));
+};
+//# sourceMappingURL=HelperComponents.js.map

package/dist/components/DatePicker/helpers/components/HelperComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelperComponents.js","sourceRoot":"","sources":["../../../../../src/components/DatePicker/helpers/components/HelperComponents.tsx"],"names":[],"mappings":"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"}

package/dist/components/DatePicker/helpers/components/datePickerRenderer.css

@@ -0,0 +1 @@
+.openui-date-picker-renderer-single-mode{width:100%;height:100%}.openui-date-picker-renderer-range-mode{width:100%;height:100%}

package/dist/components/DatePicker/helpers/components/floatingDatePickerRenderer.css

@@ -0,0 +1 @@
+.openui-date-picker-renderer-floating-container{position:relative}.openui-date-picker-renderer-floating-input-container{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));border-radius:var(--openui-radius-m, 8px);background:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04));padding:var(--openui-space-s, 8px) var(--openui-space-m, 12px);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));cursor:pointer;box-shadow:var(--openui-shadow-s, 0 1px 3px -2px oklch(0% 0 0deg / 0.02), 0 2px 5px -2px oklch(0% 0 0deg / 0.04));width:100%}.openui-date-picker-renderer-floating-input-container:disabled{color:var(--openui-text-neutral-tertiary, oklch(9.7% 0 0deg / 0.2));cursor:not-allowed}.openui-date-picker-renderer-floating-input-container-open{border-color:var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12));background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04))}.openui-date-picker-renderer-floating-input-container-not-open:hover{border-color:var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12));background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04))}.openui-date-picker-renderer-floating-input-container-has-no-selected-date{color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5))}.openui-date-picker-renderer-floating-input-container svg{transition:transform .2s cubic-bezier(0.4, 0, 0.2, 1)}.openui-date-picker-renderer-floating-input-container-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.openui-date-picker-renderer-floating-input-container-icon{transform:rotate(180deg)}.openui-date-picker-renderer-floating-reference{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.openui-date-picker-renderer-floating-content{z-index:50}.openui-date-picker-renderer-floating-menu{background:var(--openui-foreground, oklch(99.4% 0 89.876deg));border-radius:var(--openui-radius-2xl, 14px);box-shadow:var(--openui-shadow-s, 0 1px 3px -2px oklch(0% 0 0deg / 0.02), 0 2px 5px -2px oklch(0% 0 0deg / 0.04));border:1px solid var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12));overflow:hidden;transform-origin:top center;animation:openui-date-picker-show .18s ease-out forwards}.openui-date-picker-renderer-floating-menu .openui-calendar-root{border:none;border-radius:0}@keyframes openui-date-picker-show{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}

package/dist/components/DatePicker/helpers/components/helperComponents.css

@@ -0,0 +1 @@
+.openui-date-picker-renderer-floating-menu .openui-date-picker-select-content-months{padding:var(--openui-space-2xs, 4px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));border:1px solid var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12));border-radius:var(--openui-radius-m, 8px);box-shadow:var(--openui-shadow-m, 0 4px 6px -2px oklch(0% 0 0deg / 0.025), 0 2px 2px -2px oklch(0% 0 0deg / 0.05))}.openui-date-picker-renderer-floating-menu .openui-date-picker-select-content-years{padding:var(--openui-space-2xs, 4px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));border:1px solid var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12));border-radius:var(--openui-radius-m, 8px);box-shadow:var(--openui-shadow-m, 0 4px 6px -2px oklch(0% 0 0deg / 0.025), 0 2px 2px -2px oklch(0% 0 0deg / 0.05))}.openui-date-picker-renderer-floating-menu .openui-date-picker-select-content-years .openui-date-picker-select-viewport{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--openui-space-2xs, 4px)}.openui-date-picker-renderer-floating-menu .openui-date-picker-select-content-years .openui-date-picker-select-viewport-mobile{grid-template-columns:repeat(2, 1fr)}.openui-date-picker-renderer-floating-menu .openui-date-picker-select-content-years .openui-date-picker-select-item{font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);display:flex;align-items:center;justify-content:center;border-radius:var(--openui-radius-s, 6px);padding:var(--openui-space-s, 8px) var(--openui-space-m, 12px);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-date-picker-renderer-floating-menu .openui-date-picker-select-content-years .openui-date-picker-select-item:hover{background-color:var(--openui-highlight-subtle, oklch(9.7% 0 0deg / 0.02))}.openui-date-picker-renderer-floating-menu .openui-date-picker-select-content-years .openui-date-picker-select-item[data-highlighted]{background-color:var(--openui-highlight, oklch(9.7% 0 0deg / 0.04));color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-date-picker-renderer-floating-menu .openui-date-picker-select-trigger{font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);min-height:calc(var(--openui-space-l, 18px) + var(--openui-space-s, 8px));padding:calc(var(--openui-space-2xs, 4px) - 1px) var(--openui-space-s, 8px);border:1px solid rgba(0,0,0,0);border-radius:var(--openui-radius-s, 6px);background-color:rgba(0,0,0,0);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-date-picker-renderer-floating-menu .openui-date-picker-select-trigger:hover{background-color:var(--openui-highlight-subtle, oklch(9.7% 0 0deg / 0.02));border-color:var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12))}.openui-date-picker-renderer-floating-menu .openui-date-picker-select-trigger:focus-visible{outline:2px solid var(--openui-border-accent, oklch(9.7% 0 0deg / 0.08));outline-offset:var(--openui-space-3xs, 2px)}.openui-date-picker-renderer-floating-menu .openui-date-picker-select-trigger[data-state=open]{background-color:var(--openui-highlight-subtle, oklch(9.7% 0 0deg / 0.02));border-color:var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12))}

package/dist/components/DatePicker/helpers/context/DatePickerContext.d.ts

@@ -0,0 +1,28 @@
+import React from "react";
+import { DateRange } from "react-day-picker";
+interface DatePickerContextType {
+    selectedDate: Date | undefined;
+    selectedRange: DateRange | undefined;
+    isOpen: boolean;
+    mode: "single" | "range";
+    botType: "mobile" | "fullscreen" | "tray" | "copilot";
+    setSelectedDate: (date: Date | undefined) => void;
+    setSelectedRange: (range: DateRange | undefined) => void;
+    setIsOpen: (isOpen: boolean) => void;
+}
+declare const DatePickerContext: React.Context<DatePickerContextType>;
+export declare const useDatePicker: () => DatePickerContextType;
+interface DatePickerProviderProps {
+    children: React.ReactNode;
+    selectedDateFromParent: Date | undefined;
+    selectedRangeFromParent: DateRange | undefined;
+    mode: "single" | "range";
+    botType: "mobile" | "fullscreen" | "tray" | "copilot";
+    setSelectedDateFromParent: (date: Date | undefined) => void;
+    setSelectedRangeFromParent: (range: DateRange | undefined) => void;
+    isOpenFromParent: boolean;
+    setIsOpenFromParent: (isOpen: boolean) => void;
+}
+export declare const DatePickerProvider: React.FC<DatePickerProviderProps>;
+export default DatePickerContext;
+//# sourceMappingURL=DatePickerContext.d.ts.map

package/dist/components/DatePicker/helpers/context/DatePickerContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/helpers/context/DatePickerContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,UAAU,qBAAqB;IAC7B,YAAY,EAAE,IAAI,GAAG,SAAS,CAAC;IAC/B,aAAa,EAAE,SAAS,GAAG,SAAS,CAAC;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAC;IACzB,OAAO,EAAE,QAAQ,GAAG,YAAY,GAAG,MAAM,GAAG,SAAS,CAAC;IAEtD,eAAe,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IAClD,gBAAgB,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;IACzD,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC;AAcD,QAAA,MAAM,iBAAiB,sCAAuD,CAAC;AAE/E,eAAO,MAAM,aAAa,6BAMzB,CAAC;AAEF,UAAU,uBAAuB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,sBAAsB,EAAE,IAAI,GAAG,SAAS,CAAC;IACzC,uBAAuB,EAAE,SAAS,GAAG,SAAS,CAAC;IAC/C,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAC;IACzB,OAAO,EAAE,QAAQ,GAAG,YAAY,GAAG,MAAM,GAAG,SAAS,CAAC;IAEtD,yBAAyB,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IAC5D,0BAA0B,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;IACnE,gBAAgB,EAAE,OAAO,CAAC;IAC1B,mBAAmB,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAChD;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAiChE,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/DatePicker/helpers/context/DatePickerContext.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+const defaultContext = {
+    selectedDate: undefined,
+    selectedRange: { from: undefined, to: undefined },
+    isOpen: false,
+    mode: "single",
+    botType: "fullscreen",
+    setSelectedDate: (_date) => { },
+    setSelectedRange: (_range) => { },
+    setIsOpen: (_isOpen) => { },
+};
+const DatePickerContext = createContext(defaultContext);
+export const useDatePicker = () => {
+    const context = useContext(DatePickerContext);
+    if (!context) {
+        throw new Error("useDatePicker must be used within a DatePickerProvider");
+    }
+    return context;
+};
+export const DatePickerProvider = ({ children, selectedDateFromParent, selectedRangeFromParent, setSelectedDateFromParent, setSelectedRangeFromParent, isOpenFromParent, setIsOpenFromParent, mode, botType, }) => {
+    return (_jsx(DatePickerContext.Provider, { value: {
+            // DatePicker State needed from parent
+            selectedDate: selectedDateFromParent,
+            selectedRange: selectedRangeFromParent,
+            setSelectedDate: setSelectedDateFromParent,
+            setSelectedRange: setSelectedRangeFromParent,
+            mode,
+            isOpen: isOpenFromParent,
+            setIsOpen: setIsOpenFromParent,
+            botType,
+        }, children: children }));
+};
+export default DatePickerContext;
+//# sourceMappingURL=DatePickerContext.js.map

package/dist/components/DatePicker/helpers/context/DatePickerContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerContext.js","sourceRoot":"","sources":["../../../../../src/components/DatePicker/helpers/context/DatePickerContext.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAezD,MAAM,cAAc,GAA0B;IAC5C,YAAY,EAAE,SAAS;IACvB,aAAa,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE;IACjD,MAAM,EAAE,KAAK;IACb,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,YAAY;IAErB,eAAe,EAAE,CAAC,KAAuB,EAAE,EAAE,GAAE,CAAC;IAChD,gBAAgB,EAAE,CAAC,MAA6B,EAAE,EAAE,GAAE,CAAC;IACvD,SAAS,EAAE,CAAC,OAAgB,EAAE,EAAE,GAAE,CAAC;CACpC,CAAC;AAEF,MAAM,iBAAiB,GAAG,aAAa,CAAwB,cAAc,CAAC,CAAC;AAE/E,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAC9C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,wDAAwD,CAAC,CAAC;IAC5E,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAgBF,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EACpE,QAAQ,EAER,sBAAsB,EACtB,uBAAuB,EACvB,yBAAyB,EACzB,0BAA0B,EAC1B,gBAAgB,EAChB,mBAAmB,EAEnB,IAAI,EACJ,OAAO,GACR,EAAE,EAAE;IACH,OAAO,CACL,KAAC,iBAAiB,CAAC,QAAQ,IACzB,KAAK,EAAE;YACL,sCAAsC;YACtC,YAAY,EAAE,sBAAsB;YACpC,aAAa,EAAE,uBAAuB;YACtC,eAAe,EAAE,yBAAyB;YAC1C,gBAAgB,EAAE,0BAA0B;YAE5C,IAAI;YAEJ,MAAM,EAAE,gBAAgB;YACxB,SAAS,EAAE,mBAAmB;YAE9B,OAAO;SACR,YAEA,QAAQ,GACkB,CAC9B,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/DatePicker/helpers/utils/datePickerBaseStyle.css

@@ -0,0 +1 @@
+.openui-date-picker-root{--openui-date-picker-day-size: calc(var(--openui-space-2xl, 36px) + var(--openui-space-2xs, 4px));--openui-date-picker-cell-radius: var(--openui-radius-m, 8px);width:fit-content;max-width:100%;box-sizing:border-box;padding:var(--openui-space-l, 18px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-date-picker-nav-mobile{gap:var(--openui-space-s, 8px)}.openui-date-picker-nav-fullscreen,.openui-date-picker-nav-tray,.openui-date-picker-nav-copilot{gap:var(--openui-space-m, 12px)}.openui-date-picker-dropdowns-mobile{gap:var(--openui-space-2xs, 4px)}.openui-date-picker-dropdowns-fullscreen,.openui-date-picker-dropdowns-tray,.openui-date-picker-dropdowns-copilot{gap:var(--openui-space-s, 8px)}.openui-date-picker-month{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-date-picker-month-caption{font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);display:flex;align-items:center;justify-content:space-between;gap:var(--openui-space-s, 8px);height:auto;margin-bottom:var(--openui-space-s, 8px);font-weight:inherit;font-size:inherit}.openui-date-picker-months-dropdown,.openui-date-picker-years-dropdown{cursor:pointer}.openui-date-picker-chevron{fill:var(--openui-interactive-accent-default, oklch(9.7% 0 0deg))}.openui-date-picker-month-grid{width:auto;table-layout:auto;border-collapse:collapse}.openui-date-picker-weekdays{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-date-picker-weekday{font:var(--openui-text-label-sm);letter-spacing:var(--openui-text-label-sm-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));width:var(--openui-date-picker-day-size);height:var(--openui-date-picker-day-size);padding:0;text-transform:none;text-align:center;vertical-align:middle}.openui-date-picker-single-day,.openui-date-picker-range-day{width:var(--openui-date-picker-day-size);height:var(--openui-date-picker-day-size);min-width:var(--openui-date-picker-day-size);min-height:var(--openui-date-picker-day-size);padding:0;vertical-align:middle}.openui-date-picker-single-day-button,.openui-date-picker-range-day-button{font:var(--openui-text-label-default);letter-spacing:var(--openui-text-label-default-letter-spacing);width:100%;height:100%;margin:0;padding:0;border:1px solid rgba(0,0,0,0);border-radius:var(--openui-date-picker-cell-radius);background:rgba(0,0,0,0);color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.openui-date-picker-single-day-button:focus,.openui-date-picker-range-day-button:focus{outline:none}.openui-date-picker-single-day-button:focus-visible,.openui-date-picker-range-day-button:focus-visible{outline:2px solid var(--openui-border-accent, oklch(9.7% 0 0deg / 0.08));outline-offset:var(--openui-space-3xs, 2px)}.openui-date-picker-single-day-button:not(:disabled):hover,.openui-date-picker-range-day-button:not(:disabled):hover{background-color:var(--openui-highlight-subtle, oklch(9.7% 0 0deg / 0.02))}.openui-date-picker-single-day-button:disabled,.openui-date-picker-range-day-button:disabled{cursor:not-allowed;color:var(--openui-text-neutral-tertiary, oklch(9.7% 0 0deg / 0.2))}.openui-date-picker-button-next,.openui-date-picker-button-previous{display:none !important}.openui-date-picker-today[data-today]:not([aria-selected]){background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04));border-radius:var(--openui-date-picker-cell-radius)}.openui-date-picker-disabled{color:var(--openui-text-neutral-tertiary, oklch(9.7% 0 0deg / 0.2))}.openui-date-picker-single-day-selected{background:var(--openui-interactive-accent-default, oklch(9.7% 0 0deg));color:var(--openui-text-accent-primary, oklch(99.4% 0 89.876deg))}.openui-date-picker-range-start{background:var(--openui-interactive-accent-default, oklch(9.7% 0 0deg));color:var(--openui-text-accent-primary, oklch(99.4% 0 89.876deg));border-top-left-radius:var(--openui-date-picker-cell-radius);border-bottom-left-radius:var(--openui-date-picker-cell-radius)}.openui-date-picker-range-middle{background:var(--openui-highlight, oklch(9.7% 0 0deg / 0.04))}.openui-date-picker-range-end{background:var(--openui-interactive-accent-default, oklch(9.7% 0 0deg));color:var(--openui-text-accent-primary, oklch(99.4% 0 89.876deg));border-top-right-radius:var(--openui-date-picker-cell-radius);border-bottom-right-radius:var(--openui-date-picker-cell-radius)}

package/dist/components/DatePicker/helpers/utils/helperFn.d.ts

@@ -0,0 +1,6 @@
+import { DateRange } from "react-day-picker";
+export declare const getMonthName: (monthNumber: number) => string;
+export declare const getMonthNumber: (monthName: string) => number;
+export declare const formatDateRange: (range: DateRange | undefined) => string;
+export declare const formatSingleDate: (date: Date | undefined) => string;
+//# sourceMappingURL=helperFn.d.ts.map

package/dist/components/DatePicker/helpers/utils/helperFn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helperFn.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/helpers/utils/helperFn.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,eAAO,MAAM,YAAY,GAAI,aAAa,MAAM,KAAG,MA6BlD,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,WAAW,MAAM,KAAG,MA6BlD,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,OAAO,SAAS,GAAG,SAAS,KAAG,MAgB9D,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,MAAM,IAAI,GAAG,SAAS,KAAG,MAGzD,CAAC"}

package/dist/components/DatePicker/helpers/utils/helperFn.js

@@ -0,0 +1,81 @@
+import { format } from "date-fns";
+export const getMonthName = (monthNumber) => {
+    switch (monthNumber) {
+        case 0:
+            return "January";
+        case 1:
+            return "February";
+        case 2:
+            return "March";
+        case 3:
+            return "April";
+        case 4:
+            return "May";
+        case 5:
+            return "June";
+        case 6:
+            return "July";
+        case 7:
+            return "August";
+        case 8:
+            return "September";
+        case 9:
+            return "October";
+        case 10:
+            return "November";
+        case 11:
+            return "December";
+        default:
+            return "Invalid Month";
+    }
+};
+export const getMonthNumber = (monthName) => {
+    switch (monthName) {
+        case "January":
+            return 0;
+        case "February":
+            return 1;
+        case "March":
+            return 2;
+        case "April":
+            return 3;
+        case "May":
+            return 4;
+        case "June":
+            return 5;
+        case "July":
+            return 6;
+        case "August":
+            return 7;
+        case "September":
+            return 8;
+        case "October":
+            return 9;
+        case "November":
+            return 10;
+        case "December":
+            return 11;
+        default:
+            return -1;
+    }
+};
+export const formatDateRange = (range) => {
+    if (!range)
+        return "Select a range";
+    const { from, to } = range;
+    if (!from)
+        return "Select a range";
+    if (!to) {
+        return format(from, "MMM d, yyyy");
+    }
+    if (from.toDateString() === to.toDateString()) {
+        return format(from, "MMM d, yyyy");
+    }
+    return `${format(from, "MMM d, yyyy")} - ${format(to, "MMM d, yyyy")}`;
+};
+export const formatSingleDate = (date) => {
+    if (!date)
+        return "Select a date";
+    return format(date, "MMM d, yyyy");
+};
+//# sourceMappingURL=helperFn.js.map

package/dist/components/DatePicker/helpers/utils/helperFn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helperFn.js","sourceRoot":"","sources":["../../../../../src/components/DatePicker/helpers/utils/helperFn.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,WAAmB,EAAU,EAAE;IAC1D,QAAQ,WAAW,EAAE,CAAC;QACpB,KAAK,CAAC;YACJ,OAAO,SAAS,CAAC;QACnB,KAAK,CAAC;YACJ,OAAO,UAAU,CAAC;QACpB,KAAK,CAAC;YACJ,OAAO,OAAO,CAAC;QACjB,KAAK,CAAC;YACJ,OAAO,OAAO,CAAC;QACjB,KAAK,CAAC;YACJ,OAAO,KAAK,CAAC;QACf,KAAK,CAAC;YACJ,OAAO,MAAM,CAAC;QAChB,KAAK,CAAC;YACJ,OAAO,MAAM,CAAC;QAChB,KAAK,CAAC;YACJ,OAAO,QAAQ,CAAC;QAClB,KAAK,CAAC;YACJ,OAAO,WAAW,CAAC;QACrB,KAAK,CAAC;YACJ,OAAO,SAAS,CAAC;QACnB,KAAK,EAAE;YACL,OAAO,UAAU,CAAC;QACpB,KAAK,EAAE;YACL,OAAO,UAAU,CAAC;QACpB;YACE,OAAO,eAAe,CAAC;IAC3B,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,SAAiB,EAAU,EAAE;IAC1D,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,SAAS;YACZ,OAAO,CAAC,CAAC;QACX,KAAK,UAAU;YACb,OAAO,CAAC,CAAC;QACX,KAAK,OAAO;YACV,OAAO,CAAC,CAAC;QACX,KAAK,OAAO;YACV,OAAO,CAAC,CAAC;QACX,KAAK,KAAK;YACR,OAAO,CAAC,CAAC;QACX,KAAK,MAAM;YACT,OAAO,CAAC,CAAC;QACX,KAAK,MAAM;YACT,OAAO,CAAC,CAAC;QACX,KAAK,QAAQ;YACX,OAAO,CAAC,CAAC;QACX,KAAK,WAAW;YACd,OAAO,CAAC,CAAC;QACX,KAAK,SAAS;YACZ,OAAO,CAAC,CAAC;QACX,KAAK,UAAU;YACb,OAAO,EAAE,CAAC;QACZ,KAAK,UAAU;YACb,OAAO,EAAE,CAAC;QACZ;YACE,OAAO,CAAC,CAAC,CAAC;IACd,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA4B,EAAU,EAAE;IACtE,IAAI,CAAC,KAAK;QAAE,OAAO,gBAAgB,CAAC;IAEpC,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IAE3B,IAAI,CAAC,IAAI;QAAE,OAAO,gBAAgB,CAAC;IAEnC,IAAI,CAAC,EAAE,EAAE,CAAC;QACR,OAAO,MAAM,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;IACrC,CAAC;IAED,IAAI,IAAI,CAAC,YAAY,EAAE,KAAK,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC;QAC9C,OAAO,MAAM,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;IACrC,CAAC;IAED,OAAO,GAAG,MAAM,CAAC,IAAI,EAAE,aAAa,CAAC,MAAM,MAAM,CAAC,EAAE,EAAE,aAAa,CAAC,EAAE,CAAC;AACzE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAsB,EAAU,EAAE;IACjE,IAAI,CAAC,IAAI;QAAE,OAAO,eAAe,CAAC;IAClC,OAAO,MAAM,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;AACrC,CAAC,CAAC"}

package/dist/components/DatePicker/helpers/utils/styles.d.ts

@@ -0,0 +1,8 @@
+import { ClassNames } from "react-day-picker";
+type BotType = "mobile" | "fullscreen" | "tray" | "copilot";
+export declare const getDayPickerStyles: (botType: BotType) => {
+    DateSingleClasses: Partial<ClassNames>;
+    DateRangeClasses: Partial<ClassNames>;
+};
+export {};
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/DatePicker/helpers/utils/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/helpers/utils/styles.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAwB,MAAM,kBAAkB,CAAC;AAEpE,KAAK,OAAO,GAAG,QAAQ,GAAG,YAAY,GAAG,MAAM,GAAG,SAAS,CAAC;AAC5D,eAAO,MAAM,kBAAkB,GAAI,SAAS,OAAO;;;CAwDlD,CAAC"}

package/dist/components/DatePicker/helpers/utils/styles.js

@@ -0,0 +1,53 @@
+import { getDefaultClassNames } from "react-day-picker";
+export const getDayPickerStyles = (botType) => {
+    const defaultClassNames = getDefaultClassNames();
+    const botTypeMapNav = {
+        mobile: "openui-date-picker-nav-mobile",
+        fullscreen: "openui-date-picker-nav-fullscreen",
+        tray: "openui-date-picker-nav-tray",
+        copilot: "openui-date-picker-nav-copilot",
+    };
+    const botTypeMapDropdowns = {
+        mobile: "openui-date-picker-dropdowns-mobile",
+        fullscreen: "openui-date-picker-dropdowns-fullscreen",
+        tray: "openui-date-picker-dropdowns-tray",
+        copilot: "openui-date-picker-dropdowns-copilot",
+    };
+    const commonClassNames = {
+        root: `${defaultClassNames.root} openui-date-picker-root`,
+        nav: `${defaultClassNames.nav} ${botTypeMapNav[botType]}`,
+        dropdowns: `${defaultClassNames.dropdowns} ${botTypeMapDropdowns[botType]}`,
+        month_caption: `openui-date-picker-month-caption`,
+        month_grid: `openui-date-picker-month-grid`,
+        button_next: `openui-date-picker-button-next`,
+        button_previous: `openui-date-picker-button-previous`,
+        today: `openui-date-picker-today`,
+        disabled: `openui-date-picker-disabled`,
+        weekdays: `openui-date-picker-weekdays`,
+        weekday: `openui-date-picker-weekday`,
+        chevron: `openui-date-picker-chevron`,
+        month: `openui-date-picker-month`,
+        months_dropdown: `openui-date-picker-months-dropdown`,
+        years_dropdown: `openui-date-picker-years-dropdown`,
+    };
+    const DateSingleClasses = {
+        ...commonClassNames,
+        day_button: "openui-date-picker-single-day-button",
+        day: "openui-date-picker-single-day",
+        selected: "openui-date-picker-single-day-selected",
+    };
+    const DateRangeClasses = {
+        ...commonClassNames,
+        selected: "",
+        range_start: "openui-date-picker-range-start",
+        range_middle: "openui-date-picker-range-middle",
+        range_end: "openui-date-picker-range-end",
+        day_button: "openui-date-picker-range-day-button",
+        day: "openui-date-picker-range-day",
+    };
+    return {
+        DateSingleClasses,
+        DateRangeClasses,
+    };
+};
+//# sourceMappingURL=styles.js.map

package/dist/components/DatePicker/helpers/utils/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/DatePicker/helpers/utils/styles.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAGpE,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,OAAgB,EAAE,EAAE;IACrD,MAAM,iBAAiB,GAAG,oBAAoB,EAAE,CAAC;IAEjD,MAAM,aAAa,GAA4B;QAC7C,MAAM,EAAE,+BAA+B;QACvC,UAAU,EAAE,mCAAmC;QAC/C,IAAI,EAAE,6BAA6B;QACnC,OAAO,EAAE,gCAAgC;KAC1C,CAAC;IAEF,MAAM,mBAAmB,GAA4B;QACnD,MAAM,EAAE,qCAAqC;QAC7C,UAAU,EAAE,yCAAyC;QACrD,IAAI,EAAE,mCAAmC;QACzC,OAAO,EAAE,sCAAsC;KAChD,CAAC;IAEF,MAAM,gBAAgB,GAAwB;QAC5C,IAAI,EAAE,GAAG,iBAAiB,CAAC,IAAI,0BAA0B;QACzD,GAAG,EAAE,GAAG,iBAAiB,CAAC,GAAG,IAAI,aAAa,CAAC,OAAO,CAAC,EAAE;QACzD,SAAS,EAAE,GAAG,iBAAiB,CAAC,SAAS,IAAI,mBAAmB,CAAC,OAAO,CAAC,EAAE;QAC3E,aAAa,EAAE,kCAAkC;QACjD,UAAU,EAAE,+BAA+B;QAC3C,WAAW,EAAE,gCAAgC;QAC7C,eAAe,EAAE,oCAAoC;QACrD,KAAK,EAAE,0BAA0B;QACjC,QAAQ,EAAE,6BAA6B;QACvC,QAAQ,EAAE,6BAA6B;QACvC,OAAO,EAAE,4BAA4B;QACrC,OAAO,EAAE,4BAA4B;QACrC,KAAK,EAAE,0BAA0B;QACjC,eAAe,EAAE,oCAAoC;QACrD,cAAc,EAAE,mCAAmC;KACpD,CAAC;IAEF,MAAM,iBAAiB,GAAwB;QAC7C,GAAG,gBAAgB;QACnB,UAAU,EAAE,sCAAsC;QAClD,GAAG,EAAE,+BAA+B;QACpC,QAAQ,EAAE,wCAAwC;KACnD,CAAC;IAEF,MAAM,gBAAgB,GAAwB;QAC5C,GAAG,gBAAgB;QACnB,QAAQ,EAAE,EAAE;QACZ,WAAW,EAAE,gCAAgC;QAC7C,YAAY,EAAE,iCAAiC;QAC/C,SAAS,EAAE,8BAA8B;QACzC,UAAU,EAAE,qCAAqC;QACjD,GAAG,EAAE,8BAA8B;KACpC,CAAC;IAEF,OAAO;QACL,iBAAiB;QACjB,gBAAgB;KACjB,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/DatePicker/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./DatePicker";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/DatePicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/components/DatePicker/index.js

@@ -0,0 +1,2 @@
+export * from "./DatePicker";
+//# sourceMappingURL=index.js.map

package/dist/components/DatePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DatePicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/components/DatePicker/stories/DatePicker.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { DatePicker } from "../DatePicker";
+declare const meta: Meta<typeof DatePicker>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const SinglePicker: Story;
+export declare const RangePicker: Story;
+export declare const FloatingPicker: Story;
+export declare const ControlledSingle: Story;
+export declare const ControlledRange: Story;
+//# sourceMappingURL=DatePicker.stories.d.ts.map

package/dist/components/DatePicker/stories/DatePicker.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/stories/DatePicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAmGC,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAWzB,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KA0C9B,CAAC;AAqBF,eAAO,MAAM,eAAe,EAAE,KA6B7B,CAAC"}