@cognite/aura 0.3.1 → 0.3.2

package/README.md

@@ -138,6 +138,27 @@ Some Aura entry points require optional peer dependencies that consumers must in
   </ChartContainer>
   ```
 
+## Versioning
+
+### Before releasing
+
+Ensure all documentation is up to date before bumping the version:
+
+- [`CHANGELOG.md`](./CHANGELOG.md) — summarise all consumer-facing changes since the last release.
+- [`DESIGN.md`](./DESIGN.md) — reflect any new or updated components, tokens, or visual behaviour.
+- Any agent skills in `.cursor/skills/` or `.claude/skills/` that reference Aura components or APIs.
+
+### Release process
+
+1. Create a release branch off the latest `master`.
+2. Bump the version in `libs/aura/package.json` and prepend a new section to `CHANGELOG.md`.
+3. Commit with `release(aura): <version>` and open a PR into `master`.
+4. Once merged, CI publishes the package to the registry automatically.
+
+### After publishing
+
+Consumers can adopt the new version by updating their `package.json` manually, or by letting Renovate/Dependabot open a bump PR in their repo automatically. [The Custom Apps repo](https://github.com/cognitedata/dune) has this configured and is the primary critical consumer. 
+
 ## DESIGN.md
 
 [`DESIGN.md`](./DESIGN.md) describes Aura's visual identity in the [Google design.md](https://github.com/google-labs-code/design.md) format — YAML design tokens in front matter plus markdown rationale for coding agents.

package/dist/components/index.d.ts

@@ -47,7 +47,7 @@ export { Search } from './ui/core/search/search';
 export { Popover, PopoverClose, PopoverContent, PopoverDescription, PopoverHeader, PopoverHeaderContent, PopoverSlot, PopoverTitle, PopoverTrigger, } from './ui/core/popover/popover';
 export { Pagination, PaginationContent, PaginationEllipsis, PaginationFirst, PaginationItem, PaginationLast, PaginationLink, PaginationNext, PaginationPrevious, PaginationResultsPerPage, PaginationResultsPerPageLabel, PaginationSelectTrigger, PaginationStatus, PaginationTeleport, } from './ui/core/pagination/pagination';
 export { Sources, SourcesTitle, Source } from './ui/core/sources/sources';
-export { DatePicker, DateRangePicker, DateTimeRangePicker, } from './ui/core/date-time-pickers';
-export type { DatePickerProps, DateRangePickerProps, DateTimeRangePickerProps, ShortcutItem, TimeFormat, } from './ui/core/date-time-pickers';
+export { DatePicker, DateRangePicker, DateTimeRangePicker, TimePicker, } from './ui/core/date-time-pickers';
+export type { DatePickerProps, DateRangePickerProps, DateTimeRangePickerProps, ShortcutItem, TimeFormat, TimePickerProps, } from './ui/core/date-time-pickers';
 export { PortalContainerContext } from '../lib/portal-container-context';
 export type { ComponentMeta, ComponentStatusType } from '../lib/types';

package/dist/components/index.js

@@ -1,8 +1,8 @@
 import { Accordion as r, AccordionContent as e, AccordionItem as n, AccordionTrigger as a } from "./ui/core/accordion/accordion.js";
-import { ActionToolbar as i, ActionToolbarAction as m, ActionToolbarActionClear as l, ActionToolbarActions as u, ActionToolbarPrimaryAction as d, ActionToolbarSelection as C, ActionToolbarSelectionSummary as c } from "./ui/core/action-toolbar/action-toolbar.js";
+import { ActionToolbar as i, ActionToolbarAction as m, ActionToolbarActionClear as l, ActionToolbarActions as u, ActionToolbarPrimaryAction as d, ActionToolbarSelection as c, ActionToolbarSelectionSummary as C } from "./ui/core/action-toolbar/action-toolbar.js";
 import { Card as g, CardActions as I, CardContent as P, CardDescription as x, CardFooter as T, CardFooterEnd as b, CardFooterStart as S, CardHeader as f, CardHeaderCenter as B, CardHeaderEnd as D, CardHeaderStart as A, CardTitle as M } from "./ui/core/card/card.js";
 import { Button as G, buttonVariants as L } from "./ui/core/button/button.js";
-import { ButtonGroup as k, ButtonGroupSeparator as H, ButtonGroupText as R, buttonGroupVariants as h } from "./ui/core/button-group/button-group.js";
+import { ButtonGroup as w, ButtonGroupSeparator as H, ButtonGroupText as R, buttonGroupVariants as h } from "./ui/core/button-group/button-group.js";
 import { Avatar as E, AvatarFallback as V, AvatarIcon as F, AvatarImage as K } from "./ui/core/avatar/avatar.js";
 import { Label as N } from "./ui/core/label/label.js";
 import { CheckboxGroup as U, CheckboxItem as j, CheckboxItemControl as q, CheckboxItemDescription as z, CheckboxItemLabel as J } from "./ui/core/checkbox/checkbox.js";
@@ -12,17 +12,17 @@ import { Loader as $ } from "./ui/core/loader/loader.js";
 import { Shimmer as to } from "./ui/core/shimmer/shimmer.js";
 import { CodeBlock as eo, CodeBlockCollapseButton as no, CodeBlockCopyButton as ao, CodeBlockDownloadButton as po } from "./ui/core/code-block/code-block.js";
 import { Separator as mo } from "./ui/core/separator/separator.js";
-import { Tooltip as uo, TooltipContent as Co, TooltipProvider as co, TooltipTrigger as so } from "./ui/core/tooltip/tooltip.js";
+import { Tooltip as uo, TooltipContent as co, TooltipProvider as Co, TooltipTrigger as so } from "./ui/core/tooltip/tooltip.js";
 import { Tool as Io, ToolContent as Po, ToolHeader as xo, ToolInput as To, ToolOutput as bo } from "./ui/core/tool/tool.js";
-import { DropdownMenu as fo, DropdownMenuCheckboxItem as Bo, DropdownMenuContent as Do, DropdownMenuGroup as Ao, DropdownMenuHeader as Mo, DropdownMenuItem as vo, DropdownMenuLabel as Go, DropdownMenuPortal as Lo, DropdownMenuRadioGroup as wo, DropdownMenuRadioItem as ko, DropdownMenuSectionLabel as Ho, DropdownMenuSeparator as Ro, DropdownMenuShortcut as ho, DropdownMenuSub as yo, DropdownMenuSubContent as Eo, DropdownMenuSubTrigger as Vo, DropdownMenuTrigger as Fo } from "./ui/core/dropdown-menu/dropdown-menu.js";
+import { DropdownMenu as fo, DropdownMenuCheckboxItem as Bo, DropdownMenuContent as Do, DropdownMenuGroup as Ao, DropdownMenuHeader as Mo, DropdownMenuItem as vo, DropdownMenuLabel as Go, DropdownMenuPortal as Lo, DropdownMenuRadioGroup as ko, DropdownMenuRadioItem as wo, DropdownMenuSectionLabel as Ho, DropdownMenuSeparator as Ro, DropdownMenuShortcut as ho, DropdownMenuSub as yo, DropdownMenuSubContent as Eo, DropdownMenuSubTrigger as Vo, DropdownMenuTrigger as Fo } from "./ui/core/dropdown-menu/dropdown-menu.js";
 import { RadioGroup as Oo, RadioGroupItem as No, RadioGroupItemControl as Qo, RadioGroupItemDescription as Uo, RadioGroupItemLabel as jo } from "./ui/core/radio-group/radio-group.js";
 import { Badge as zo, badgeVariants as Jo } from "./ui/core/badge/badge.js";
 import { Banner as Xo, BannerAction as Yo, BannerActions as Zo, BannerClose as _o, BannerIcon as $o, BannerStatus as ot, BannerTitle as tt } from "./ui/core/banner/banner.js";
 import { Breadcrumb as et, BreadcrumbEllipsis as nt, BreadcrumbEllipsisButton as at, BreadcrumbItem as pt, BreadcrumbLink as it, BreadcrumbList as mt, BreadcrumbPage as lt, BreadcrumbPageButton as ut, BreadcrumbSeparator as dt } from "./ui/core/breadcrumb/breadcrumb.js";
-import { Topbar as ct, TopbarAction as st, TopbarBreadcrumbs as gt, TopbarCenter as It, TopbarIcon as Pt, TopbarLeft as xt, TopbarMetadata as Tt, TopbarRight as bt, TopbarThemeSwitcher as St } from "./ui/core/topbar/topbar.js";
+import { Topbar as Ct, TopbarAction as st, TopbarBreadcrumbs as gt, TopbarCenter as It, TopbarIcon as Pt, TopbarLeft as xt, TopbarMetadata as Tt, TopbarRight as bt, TopbarThemeSwitcher as St } from "./ui/core/topbar/topbar.js";
 import { Collapsible as Bt, CollapsibleContent as Dt, CollapsibleTrigger as At } from "./ui/core/collapsible/collapsible.js";
 import { HoverCard as vt, HoverCardContent as Gt, HoverCardTrigger as Lt } from "./ui/core/hover-card/hover-card.js";
-import { Select as kt, SelectContent as Ht, SelectGroup as Rt, SelectItem as ht, SelectLabel as yt, SelectScrollDownButton as Et, SelectScrollUpButton as Vt, SelectSeparator as Ft, SelectTrigger as Kt, SelectValue as Ot } from "./ui/core/select/select.js";
+import { Select as wt, SelectContent as Ht, SelectGroup as Rt, SelectItem as ht, SelectLabel as yt, SelectScrollDownButton as Et, SelectScrollUpButton as Vt, SelectSeparator as Ft, SelectTrigger as Kt, SelectValue as Ot } from "./ui/core/select/select.js";
 import { SegmentedControl as Qt, SegmentedControlButton as Ut, SegmentedControlContent as jt, SegmentedControlList as qt, segmentedControlButtonVariants as zt, segmentedControlListVariants as Jt } from "./ui/core/segmented-control/segmented-control.js";
 import { Skeleton as Xt } from "./ui/core/skeleton/skeleton.js";
 import { Toaster as Zt } from "./ui/core/sonner-toast/sonner-toast.js";
@@ -30,29 +30,30 @@ import { Input as $t } from "./ui/core/input/input.js";
 import { Kbd as tr, KbdGroup as rr } from "./ui/core/kbd/kbd.js";
 import { Progress as nr } from "./ui/core/progress/progress.js";
 import { Textarea as pr } from "./ui/core/textarea/textarea.js";
-import { Tabs as mr, TabsLabel as lr, TabsList as ur, TabsPanel as dr, TabsTrigger as Cr, tabsListVariants as cr, tabsTriggerVariants as sr } from "./ui/core/tabs/tabs.js";
+import { Tabs as mr, TabsLabel as lr, TabsList as ur, TabsPanel as dr, TabsTrigger as cr, tabsListVariants as Cr, tabsTriggerVariants as sr } from "./ui/core/tabs/tabs.js";
 import { Toggle as Ir, toggleVariants as Pr } from "./ui/core/toggle/toggle.js";
 import { InputGroup as Tr, InputGroupAddon as br, InputGroupButton as Sr, InputGroupInput as fr, InputGroupText as Br, InputGroupTextarea as Dr } from "./ui/core/input-group/input-group.js";
-import { Alert as Mr, AlertActions as vr, AlertButton as Gr, AlertClose as Lr, AlertDescription as wr, AlertTitle as kr } from "./ui/core/alert/alert.js";
+import { Alert as Mr, AlertActions as vr, AlertButton as Gr, AlertClose as Lr, AlertDescription as kr, AlertTitle as wr } from "./ui/core/alert/alert.js";
 import { EmptyState as Rr, EmptyStateActions as hr, EmptyStateDescription as yr, EmptyStateIcon as Er, EmptyStateTitle as Vr } from "./ui/core/empty-state/empty-state.js";
 import { Message as Kr, MessageAction as Or, MessageActions as Nr, MessageContent as Qr, MessageResponse as Ur } from "./ui/core/message/message.js";
-import { PromptInput as qr, PromptInputActionMenu as zr, PromptInputActionMenuContent as Jr, PromptInputActionMenuItem as Wr, PromptInputActionMenuTrigger as Xr, PromptInputBody as Yr, PromptInputButton as Zr, PromptInputCommand as _r, PromptInputCommandEmpty as $r, PromptInputCommandGroup as oe, PromptInputCommandInput as te, PromptInputCommandItem as re, PromptInputCommandList as ee, PromptInputCommandSeparator as ne, PromptInputFooter as ae, PromptInputHeader as pe, PromptInputHoverCard as ie, PromptInputHoverCardContent as me, PromptInputHoverCardTrigger as le, PromptInputModelSelect as ue, PromptInputModelSelectContent as de, PromptInputModelSelectItem as Ce, PromptInputModelSelectTrigger as ce, PromptInputModelSelectValue as se, PromptInputProvider as ge, PromptInputSubmit as Ie, PromptInputTab as Pe, PromptInputTabBody as xe, PromptInputTabItem as Te, PromptInputTabLabel as be, PromptInputTabsList as Se, PromptInputTextarea as fe, PromptInputTools as Be, usePromptInputController as De } from "./ui/core/prompt-input/prompt-input.js";
-import { Dialog as Me, DialogClose as ve, DialogContent as Ge, DialogDescription as Le, DialogFooter as we, DialogHeader as ke, DialogOverlay as He, DialogPortal as Re, DialogTitle as he, DialogTrigger as ye } from "./ui/core/dialog/dialog.js";
+import { PromptInput as qr, PromptInputActionMenu as zr, PromptInputActionMenuContent as Jr, PromptInputActionMenuItem as Wr, PromptInputActionMenuTrigger as Xr, PromptInputBody as Yr, PromptInputButton as Zr, PromptInputCommand as _r, PromptInputCommandEmpty as $r, PromptInputCommandGroup as oe, PromptInputCommandInput as te, PromptInputCommandItem as re, PromptInputCommandList as ee, PromptInputCommandSeparator as ne, PromptInputFooter as ae, PromptInputHeader as pe, PromptInputHoverCard as ie, PromptInputHoverCardContent as me, PromptInputHoverCardTrigger as le, PromptInputModelSelect as ue, PromptInputModelSelectContent as de, PromptInputModelSelectItem as ce, PromptInputModelSelectTrigger as Ce, PromptInputModelSelectValue as se, PromptInputProvider as ge, PromptInputSubmit as Ie, PromptInputTab as Pe, PromptInputTabBody as xe, PromptInputTabItem as Te, PromptInputTabLabel as be, PromptInputTabsList as Se, PromptInputTextarea as fe, PromptInputTools as Be, usePromptInputController as De } from "./ui/core/prompt-input/prompt-input.js";
+import { Dialog as Me, DialogClose as ve, DialogContent as Ge, DialogDescription as Le, DialogFooter as ke, DialogHeader as we, DialogOverlay as He, DialogPortal as Re, DialogTitle as he, DialogTrigger as ye } from "./ui/core/dialog/dialog.js";
 import { Command as Ve, CommandDialog as Fe, CommandEmpty as Ke, CommandGroup as Oe, CommandInput as Ne, CommandItem as Qe, CommandList as Ue, CommandSeparator as je, CommandShortcut as qe } from "./ui/core/command/command.js";
 import { Count as Je, countVariants as We } from "./ui/core/count/count.js";
 import { InlineCitation as Ye, InlineCitationCard as Ze, InlineCitationCardBody as _e, InlineCitationCardTrigger as $e, InlineCitationGroup as on, InlineCitationLink as tn, InlineCitationQuote as rn, InlineCitationSource as en, InlineCitationText as nn } from "./ui/core/inline-citation/inline-citation.js";
 import { Reasoning as pn, ReasoningContent as mn, ReasoningHeader as ln, ReasoningItem as un } from "./ui/core/reasoning/reasoning.js";
-import { ScrollArea as Cn, ScrollBar as cn } from "./ui/core/scroll-area/scroll-area.js";
+import { ScrollArea as cn, ScrollBar as Cn } from "./ui/core/scroll-area/scroll-area.js";
 import { Search as gn } from "./ui/core/search/search.js";
 import { Popover as Pn, PopoverClose as xn, PopoverContent as Tn, PopoverDescription as bn, PopoverHeader as Sn, PopoverHeaderContent as fn, PopoverSlot as Bn, PopoverTitle as Dn, PopoverTrigger as An } from "./ui/core/popover/popover.js";
-import { Pagination as vn, PaginationContent as Gn, PaginationEllipsis as Ln, PaginationFirst as wn, PaginationItem as kn, PaginationLast as Hn, PaginationLink as Rn, PaginationNext as hn, PaginationPrevious as yn, PaginationResultsPerPage as En, PaginationResultsPerPageLabel as Vn, PaginationSelectTrigger as Fn, PaginationStatus as Kn } from "./ui/core/pagination/pagination.js";
+import { Pagination as vn, PaginationContent as Gn, PaginationEllipsis as Ln, PaginationFirst as kn, PaginationItem as wn, PaginationLast as Hn, PaginationLink as Rn, PaginationNext as hn, PaginationPrevious as yn, PaginationResultsPerPage as En, PaginationResultsPerPageLabel as Vn, PaginationSelectTrigger as Fn, PaginationStatus as Kn } from "./ui/core/pagination/pagination.js";
 import { Source as Nn, Sources as Qn, SourcesTitle as Un } from "./ui/core/sources/sources.js";
 import { PortalContainerContext as qn } from "../lib/portal-container-context.js";
 import { DatePicker as Jn } from "./ui/core/date-time-pickers/date-picker/date-picker.js";
 import { DateRangePicker as Xn } from "./ui/core/date-time-pickers/date-range-picker/date-range-picker.js";
 import { DateTimeRangePicker as Zn } from "./ui/core/date-time-pickers/date-time-range-picker/date-time-range-picker.js";
 import { PaginationTeleport as $n } from "./ui/core/pagination/pagination-teleport.js";
-import { toast as ta } from "sonner";
+import { TimePicker as ta } from "./ui/core/date-time-pickers/time-picker/time-picker.js";
+import { toast as ea } from "sonner";
 export {
   r as Accordion,
   e as AccordionContent,
@@ -63,14 +64,14 @@ export {
   l as ActionToolbarActionClear,
   u as ActionToolbarActions,
   d as ActionToolbarPrimaryAction,
-  C as ActionToolbarSelection,
-  c as ActionToolbarSelectionSummary,
+  c as ActionToolbarSelection,
+  C as ActionToolbarSelectionSummary,
   Mr as Alert,
   vr as AlertActions,
   Gr as AlertButton,
   Lr as AlertClose,
-  wr as AlertDescription,
-  kr as AlertTitle,
+  kr as AlertDescription,
+  wr as AlertTitle,
   E as Avatar,
   V as AvatarFallback,
   F as AvatarIcon,
@@ -93,7 +94,7 @@ export {
   ut as BreadcrumbPageButton,
   dt as BreadcrumbSeparator,
   G as Button,
-  k as ButtonGroup,
+  w as ButtonGroup,
   H as ButtonGroupSeparator,
   R as ButtonGroupText,
   g as Card,
@@ -138,8 +139,8 @@ export {
   ve as DialogClose,
   Ge as DialogContent,
   Le as DialogDescription,
-  we as DialogFooter,
-  ke as DialogHeader,
+  ke as DialogFooter,
+  we as DialogHeader,
   He as DialogOverlay,
   Re as DialogPortal,
   he as DialogTitle,
@@ -152,8 +153,8 @@ export {
   vo as DropdownMenuItem,
   Go as DropdownMenuLabel,
   Lo as DropdownMenuPortal,
-  wo as DropdownMenuRadioGroup,
-  ko as DropdownMenuRadioItem,
+  ko as DropdownMenuRadioGroup,
+  wo as DropdownMenuRadioItem,
   Ho as DropdownMenuSectionLabel,
   Ro as DropdownMenuSeparator,
   ho as DropdownMenuShortcut,
@@ -198,8 +199,8 @@ export {
   vn as Pagination,
   Gn as PaginationContent,
   Ln as PaginationEllipsis,
-  wn as PaginationFirst,
-  kn as PaginationItem,
+  kn as PaginationFirst,
+  wn as PaginationItem,
   Hn as PaginationLast,
   Rn as PaginationLink,
   hn as PaginationNext,
@@ -241,8 +242,8 @@ export {
   le as PromptInputHoverCardTrigger,
   ue as PromptInputModelSelect,
   de as PromptInputModelSelectContent,
-  Ce as PromptInputModelSelectItem,
-  ce as PromptInputModelSelectTrigger,
+  ce as PromptInputModelSelectItem,
+  Ce as PromptInputModelSelectTrigger,
   se as PromptInputModelSelectValue,
   ge as PromptInputProvider,
   Ie as PromptInputSubmit,
@@ -262,14 +263,14 @@ export {
   mn as ReasoningContent,
   ln as ReasoningHeader,
   un as ReasoningItem,
-  Cn as ScrollArea,
-  cn as ScrollBar,
+  cn as ScrollArea,
+  Cn as ScrollBar,
   gn as Search,
   Qt as SegmentedControl,
   Ut as SegmentedControlButton,
   jt as SegmentedControlContent,
   qt as SegmentedControlList,
-  kt as Select,
+  wt as Select,
   Ht as SelectContent,
   Rt as SelectGroup,
   ht as SelectItem,
@@ -289,8 +290,9 @@ export {
   lr as TabsLabel,
   ur as TabsList,
   dr as TabsPanel,
-  Cr as TabsTrigger,
+  cr as TabsTrigger,
   pr as Textarea,
+  ta as TimePicker,
   Zt as Toaster,
   Ir as Toggle,
   Io as Tool,
@@ -299,10 +301,10 @@ export {
   To as ToolInput,
   bo as ToolOutput,
   uo as Tooltip,
-  Co as TooltipContent,
-  co as TooltipProvider,
+  co as TooltipContent,
+  Co as TooltipProvider,
   so as TooltipTrigger,
-  ct as Topbar,
+  Ct as Topbar,
   st as TopbarAction,
   gt as TopbarBreadcrumbs,
   It as TopbarCenter,
@@ -317,9 +319,9 @@ export {
   We as countVariants,
   zt as segmentedControlButtonVariants,
   Jt as segmentedControlListVariants,
-  cr as tabsListVariants,
+  Cr as tabsListVariants,
   sr as tabsTriggerVariants,
-  ta as toast,
+  ea as toast,
   Pr as toggleVariants,
   De as usePromptInputController
 };

package/dist/components/ui/core/date-time-pickers/date-picker/date-picker.js

@@ -1,84 +1,73 @@
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import { cn as x } from "../../../../../lib/utils.js";
-import { Popover as M, PopoverTrigger as N, PopoverContent as w } from "../../popover/popover.js";
-import { Calendar as R } from "../shared/calendar/calendar.js";
-import { DateTimeInput as S } from "../shared/date-time-input/date-time-input.js";
-import { ShortcutsPanel as Y } from "../shared/shortcuts-panel/shortcuts-panel.js";
-import { useDatePicker as y } from "./use-date-picker.js";
-const T = (o) => o ? [o, o] : [null, null], z = ({
-  value: o,
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { cn as k } from "../../../../../lib/utils.js";
+import { Popover as x, PopoverTrigger as P, PopoverContent as M } from "../../popover/popover.js";
+import { Calendar as N } from "../shared/calendar/calendar.js";
+import { DateTimeInput as w } from "../shared/date-time-input/date-time-input.js";
+import { ShortcutsPanel as R } from "../shared/shortcuts-panel/shortcuts-panel.js";
+import { useDatePicker as S } from "./use-date-picker.js";
+const Y = (n) => n ? [n, n] : [null, null], V = ({
+  value: n,
   onChange: r,
   format: i = "DD/MM/YYYY",
-  placeholder: c,
-  displayWeekNumber: d = !1,
-  shortcuts: n,
-  defaultDate: p,
+  placeholder: p,
+  displayWeekNumber: c = !1,
+  shortcuts: t,
+  defaultDate: d,
   className: s
 }) => {
   const {
-    isOpen: l,
+    isOpen: o,
     displayedMonth: m,
-    tempDate: t,
-    handleTogglePopover: h,
-    handleCancel: f,
-    handleDateClick: u,
-    handleMonthChange: v,
-    handleApplyShortcut: g,
-    inputRef: C,
-    popoverRef: D
-  } = y({ value: o, onChange: r, defaultDate: p }), k = l ? t : o;
-  return /* @__PURE__ */ e("div", { "data-slot": "date-picker", className: x("relative w-full", s), children: /* @__PURE__ */ a(
-    M,
-    {
-      open: l,
-      onOpenChange: (P) => {
-        P || f();
-      },
-      children: [
-        /* @__PURE__ */ e(N, { render: /* @__PURE__ */ e("div", { ref: C, className: "w-full" }), children: /* @__PURE__ */ e(
-          S,
-          {
-            value: k,
-            format: i,
-            placeholder: c,
-            onClick: h,
-            isOpen: l,
-            variant: "date"
-          }
-        ) }),
-        /* @__PURE__ */ e(
-          w,
-          {
-            ref: D,
-            className: "rounded-xl w-auto p-0",
-            side: "bottom",
-            align: "start",
-            children: /* @__PURE__ */ a("div", { "data-slot": "date-picker-content", className: "flex flex-row", children: [
-              n && n.length > 0 && /* @__PURE__ */ e(
-                Y,
-                {
-                  shortcuts: n,
-                  onShortcutClick: g
-                }
-              ),
-              /* @__PURE__ */ e("div", { className: "p-3", children: /* @__PURE__ */ e(
-                R,
-                {
-                  displayedMonth: m,
-                  selectedRange: T(t),
-                  hoverDate: null,
-                  displayWeekNumber: d,
-                  onDateClick: u,
-                  onMonthChange: v
-                }
-              ) })
-            ] })
-          }
-        )
-      ]
-    }
-  ) });
+    tempDate: a,
+    handleOpenChange: h,
+    handleDateClick: f,
+    handleMonthChange: u,
+    handleApplyShortcut: v,
+    inputRef: g,
+    popoverRef: C
+  } = S({ value: n, onChange: r, defaultDate: d }), D = o ? a : n;
+  return /* @__PURE__ */ e("div", { "data-slot": "date-picker", className: k("relative w-full", s), children: /* @__PURE__ */ l(x, { open: o, onOpenChange: h, children: [
+    /* @__PURE__ */ e(P, { render: /* @__PURE__ */ e("div", { ref: g, className: "w-full" }), children: /* @__PURE__ */ e(
+      w,
+      {
+        value: D,
+        format: i,
+        placeholder: p,
+        isOpen: o,
+        variant: "date"
+      }
+    ) }),
+    /* @__PURE__ */ e(
+      M,
+      {
+        ref: C,
+        className: "rounded-xl w-auto p-0",
+        side: "bottom",
+        align: "start",
+        children: /* @__PURE__ */ l("div", { "data-slot": "date-picker-content", className: "flex flex-row", children: [
+          t && t.length > 0 && /* @__PURE__ */ e(
+            R,
+            {
+              shortcuts: t,
+              onShortcutClick: v
+            }
+          ),
+          /* @__PURE__ */ e("div", { className: "p-3", children: /* @__PURE__ */ e(
+            N,
+            {
+              displayedMonth: m,
+              selectedRange: Y(a),
+              hoverDate: null,
+              displayWeekNumber: c,
+              onDateClick: f,
+              onMonthChange: u
+            }
+          ) })
+        ] })
+      }
+    )
+  ] }) });
 };
 export {
-  z as DatePicker
+  V as DatePicker
 };

package/dist/components/ui/core/date-time-pickers/date-picker/types.d.ts

@@ -8,8 +8,7 @@ export interface UseDatePickerReturn {
     isOpen: boolean;
     displayedMonth: Dayjs;
     tempDate: Dayjs | null;
-    handleTogglePopover: () => void;
-    handleCancel: () => void;
+    handleOpenChange: (open: boolean) => void;
     handleDateClick: (date: Dayjs) => void;
     handleMonthChange: (month: Dayjs) => void;
     handleApplyShortcut: (shortcutValue: Dayjs | [Dayjs, Dayjs] | [Dayjs | null, Dayjs | null]) => void;

package/dist/components/ui/core/date-time-pickers/date-picker/use-date-picker.js

@@ -1,63 +1,52 @@
-import { useRef as c, useCallback as p, useEffect as A } from "react";
-import C from "dayjs";
-import { usePopoverState as R } from "../shared/hooks/use-popover-state.js";
-import { useSingleDateState as B } from "../shared/hooks/use-single-date-state.js";
-const I = ({
-  value: a,
+import { useRef as y, useCallback as A, useEffect as O } from "react";
+import R from "dayjs";
+import { usePopoverState as B } from "../shared/hooks/use-popover-state.js";
+import { useSingleDateState as C } from "../shared/hooks/use-single-date-state.js";
+const x = ({
+  value: n,
   onChange: t,
-  defaultDate: d = C()
+  defaultDate: o = R()
 }) => {
-  const r = c(() => {
-  }), s = c(() => {
-  }), {
-    isOpen: l,
-    setIsOpen: o,
-    popoverRef: f,
-    inputRef: i,
-    handleTogglePopover: h
-  } = R({
-    onClose: p(() => r.current(), []),
-    onBackspace: p(() => s.current(), [])
-  }), u = B({
-    value: a,
-    defaultDate: d,
+  const s = y(() => {
+  }), { isOpen: r, setIsOpen: a, popoverRef: c, inputRef: p } = B({
+    onBackspace: A(() => s.current(), [])
+  }), l = C({
+    value: n,
+    defaultDate: o,
     onDateSelected: (e) => {
-      t(e), o(!1);
+      t(e), a(!1);
     }
   }), {
-    tempDate: m,
-    displayedMonth: g,
-    handleDateClick: D,
-    handleMonthChange: S,
-    clearDate: k,
-    resetDate: y
-  } = u, n = () => {
-    y(a);
-  }, P = () => {
-    k() && t(null);
+    tempDate: d,
+    displayedMonth: f,
+    handleDateClick: i,
+    handleMonthChange: h,
+    clearDate: m,
+    resetDate: u
+  } = l, D = () => {
+    u(n);
+  }, S = () => {
+    m() && t(null);
   };
-  return A(() => {
-    r.current = n, s.current = P;
+  return O(() => {
+    s.current = S;
   }), {
-    isOpen: l,
-    displayedMonth: g,
-    tempDate: m,
-    handleTogglePopover: () => {
-      l || n(), h();
-    },
-    handleCancel: () => {
-      n(), o(!1);
+    isOpen: r,
+    displayedMonth: f,
+    tempDate: d,
+    handleOpenChange: (e) => {
+      D(), a(e);
     },
-    handleDateClick: D,
-    handleMonthChange: S,
+    handleDateClick: i,
+    handleMonthChange: h,
     handleApplyShortcut: (e) => {
-      const v = Array.isArray(e) ? e[0] : e;
-      t(v), o(!1);
+      const k = Array.isArray(e) ? e[0] : e;
+      t(k), a(!1);
     },
-    inputRef: i,
-    popoverRef: f
+    inputRef: p,
+    popoverRef: c
   };
 };
 export {
-  I as useDatePicker
+  x as useDatePicker
 };