@cube-dev/ui-kit 0.160.0 → 0.162.0

package/dist/components/form/validation/ValidationIndicator.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { LoadingIcon } from "../../../icons/LoadingIcon.js";
 import { hasValidationState } from "./resolve-validation-props.js";
 import { InvalidIcon } from "../../shared/InvalidIcon.js";

package/dist/components/form/validation/resolve-validation-props.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 //#region src/components/form/validation/resolve-validation-props.ts
 /**
 * Normalizes the validation props of a field into a pair of booleans.

package/dist/components/form/validation/use-validation-props.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { useWarn } from "../../../_internal/hooks/use-warn.js";
 import { resolveValidationProps } from "./resolve-validation-props.js";
 

package/dist/components/form/wrapper.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { mergeProps } from "../../utils/react/mergeProps.js";
 import { FieldWrapper } from "./FieldWrapper/FieldWrapper.js";
 import { jsx } from "react/jsx-runtime";

package/dist/components/helpers/DisplayTransition/DisplayTransition.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { useCallback, useLayoutEffect, useRef, useState } from "react";
 
 //#region src/components/helpers/DisplayTransition/DisplayTransition.tsx

package/dist/components/helpers/IconSwitch/IconSwitch.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { DisplayTransition } from "../DisplayTransition/DisplayTransition.js";
 import { tasty } from "@tenphi/tasty";
 import { isValidElement, useCallback, useLayoutEffect, useRef, useState } from "react";

package/dist/components/layout/Board/Board.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";

package/dist/components/layout/Board/BoardProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { BoardDragActiveContext, BoardRegistryContext } from "./board-context.js";
 import { useBoardRegistry } from "./use-board-registry.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/layout/Board/BoardResponsive.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { getCompactor } from "./grid-core/compactors.js";

package/dist/components/layout/Board/Widget.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { useBoardRegistry } from "./board-context.js";

package/dist/components/layout/Board/WidgetHost.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/layout/Board/board-context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { createContext, useContext } from "react";
 
 //#region src/components/layout/Board/board-context.tsx

package/dist/components/layout/Board/board-store.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 //#region src/components/layout/Board/board-store.ts
 /**
 * A tiny external store mapping widget id -> registration.

package/dist/components/layout/Board/grid-core/calculate.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 //#region src/components/layout/Board/grid-core/calculate.ts
 /** Calculate the width of a single grid column in pixels. */
 function calcGridColWidth(positionParams) {

package/dist/components/layout/Board/grid-core/collision.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 //#region src/components/layout/Board/grid-core/collision.ts
 /**
 * Check if two layout items collide (overlap).

package/dist/components/layout/Board/grid-core/compactors.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { collides, getFirstCollision } from "./collision.js";
 import { sortLayoutItemsByColRow, sortLayoutItemsByRowCol } from "./sort.js";
 import { bottom, cloneLayout, cloneLayoutItem, getStatics } from "./layout.js";

package/dist/components/layout/Board/grid-core/constraints.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 //#region src/components/layout/Board/grid-core/constraints.ts
 function clamp(value, min, max) {
 	return Math.max(min, Math.min(max, value));

package/dist/components/layout/Board/grid-core/group-move.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { collides, getFirstCollision } from "./collision.js";
 import { sortLayoutItemsByColRow, sortLayoutItemsByRowCol } from "./sort.js";
 import { bottom, cloneLayout, cloneLayoutItem, getStatics } from "./layout.js";

package/dist/components/layout/Board/grid-core/layout.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { getAllCollisions, getFirstCollision } from "./collision.js";
 import { sortLayoutItems } from "./sort.js";
 

package/dist/components/layout/Board/grid-core/sort.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 //#region src/components/layout/Board/grid-core/sort.ts
 /**
 * Sort layout items based on the compaction type.

package/dist/components/layout/Board/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { getCompactor, horizontalCompactor, noCompactor, verticalCompactor } from "./grid-core/compactors.js";
 import { aspectRatio, boundedX, boundedY, containerBounds, gridBounds, maxSize, minMaxSize, minSize, snapToGrid } from "./grid-core/constraints.js";
 import { BoardProvider } from "./BoardProvider.js";

package/dist/components/layout/Board/responsive-utils.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { cloneLayout, correctBounds } from "./grid-core/layout.js";
 
 //#region src/components/layout/Board/responsive-utils.ts

package/dist/components/layout/Board/use-board-layout.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { cloneLayout } from "./grid-core/layout.js";
 import { useCallback, useEffect, useRef, useState } from "react";

package/dist/components/layout/Board/use-board-registry.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { BoardWidgetStore } from "./board-store.js";
 import { collides } from "./grid-core/collision.js";

package/dist/components/layout/Board/use-board-select-modifier-key.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { useIsDarwin } from "../../../utils/react/useIsDarwin.js";
 
 //#region src/components/layout/Board/use-board-select-modifier-key.ts

package/dist/components/layout/Board/use-board-selection.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { useEffect, useMemo, useRef, useState } from "react";

package/dist/components/layout/Flex.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/layout/Flow.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/layout/Grid.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/layout/Panel.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { BASE_STYLES, BLOCK_STYLES, COLOR_STYLES, DIMENSION_STYLES, OUTER_STYLES, tasty } from "@tenphi/tasty";
 import { forwardRef, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/layout/Prefix.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useLayoutEffect as useLayoutEffect$1 } from "../../utils/react/useLayoutEffect.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";

package/dist/components/layout/ResizablePanel.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../_internal/hooks/use-event.js";

package/dist/components/layout/Space.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/layout/Suffix.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
 import { CONTAINER_STYLES, filterBaseProps, parseStyle, tasty } from "@tenphi/tasty";

package/dist/components/navigation/Pagination/Pagination.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/navigation/Pagination/use-pagination.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useMemo } from "react";
 import { useControlledState } from "@react-stately/utils";

package/dist/components/navigation/Tabs/DraggableTabList.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { DraggableCollection } from "../../shared/DraggableCollection.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/navigation/Tabs/TabButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemActionProvider } from "../../actions/ItemActionContext.js";

package/dist/components/navigation/Tabs/TabDropIndicator.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { DropIndicatorElement } from "./styled.js";
 import { useTabsContext } from "./TabsContext.js";
 import { useEffect, useRef, useState } from "react";

package/dist/components/navigation/Tabs/TabPanel.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { TabPanelElement } from "./styled.js";
 import { useEffect, useMemo, useRef } from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";

package/dist/components/navigation/Tabs/TabPicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { CloseIcon } from "../../../icons/CloseIcon.js";

package/dist/components/navigation/Tabs/Tabs.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/navigation/Tabs/TabsAction.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { _ItemButton } from "../../actions/ItemButton/ItemButton.js";
 import { useOptionalTabsContext } from "./TabsContext.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/navigation/Tabs/TabsContext.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/navigation/Tabs/popover-placement.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 //#region src/components/navigation/Tabs/popover-placement.ts
 /**
 * Maps the parent Tabs `placement` to the popover placement for menus and

package/dist/components/navigation/Tabs/styled.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { _Item } from "../../content/Item/Item.js";
 import { tasty } from "@tenphi/tasty";
 

package/dist/components/navigation/Tabs/types.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 //#region src/components/navigation/Tabs/types.ts
 /**
 * Size mapping for radio type tabs.

package/dist/components/navigation/Tabs/use-tab-editing.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { useCallback, useState } from "react";
 
 //#region src/components/navigation/Tabs/use-tab-editing.ts

package/dist/components/navigation/Tabs/use-tab-indicator.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { chainRaf } from "../../../utils/raf.js";
 import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
 

package/dist/components/organisms/StatsCard/StatsCard.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { _Text } from "../../content/Text.js";
 import { _Title } from "../../content/Title.js";
 import { Card } from "../../content/Card/Card.js";

package/dist/components/other/Calendar/Calendar.js

@@ -1,30 +1,14 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
-import { _Title } from "../../content/Title.js";
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { useProviderProps } from "../../../provider.js";
-import { Space } from "../../layout/Space.js";
-import { LeftIcon } from "../../../icons/LeftIcon.js";
-import { RightIcon } from "../../../icons/RightIcon.js";
-import { Button } from "../../actions/index.js";
-import { CalendarGrid } from "./CalendarGrid.js";
-import { tasty } from "@tenphi/tasty";
+import { CalendarPanel } from "./CalendarPanel.js";
 import { forwardRef, useImperativeHandle, useRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { useCalendar, useLocale } from "react-aria";
 import { createDOMRef } from "@react-spectrum/utils";
 import { useCalendarState } from "react-stately";
 import { createCalendar, startOfWeek, toCalendarDate } from "@internationalized/date";
 
 //#region src/components/other/Calendar/Calendar.tsx
-const CalendarElement = tasty({ styles: {
-	padding: "1x",
-	gap: "1x"
-} });
-const CalendarHeaderElement = tasty({ styles: {
-	display: "flex",
-	placeContent: "center space-between",
-	placeItems: "center",
-	gap: "1.5x"
-} });
 function Calendar(props, ref) {
 	props = useProviderProps(props);
 	let { locale } = useLocale();
@@ -49,30 +33,16 @@ function Calendar(props, ref) {
 			end: start.add({ days: 6 })
 		};
 	}
-	return /* @__PURE__ */ jsxs(CalendarElement, {
-		...calendarProps,
-		children: [/* @__PURE__ */ jsxs(CalendarHeaderElement, { children: [/* @__PURE__ */ jsx(_Title, {
-			level: 6,
-			preset: "h6",
-			children: title
-		}), /* @__PURE__ */ jsxs(Space, {
-			gap: ".5x",
-			children: [/* @__PURE__ */ jsx(Button, {
-				"data-popover-keep": true,
-				size: "xsmall",
-				...prevButtonProps,
-				icon: /* @__PURE__ */ jsx(LeftIcon, {})
-			}), /* @__PURE__ */ jsx(Button, {
-				"data-popover-keep": true,
-				size: "xsmall",
-				...nextButtonProps,
-				icon: /* @__PURE__ */ jsx(RightIcon, {})
-			})]
-		})] }), /* @__PURE__ */ jsx(CalendarGrid, {
-			state,
-			selectedRange,
-			pickerMode: props.pickerMode
-		})]
+	return /* @__PURE__ */ jsx(CalendarPanel, {
+		elementRef: domRef,
+		state,
+		title,
+		calendarProps,
+		prevButtonProps,
+		nextButtonProps,
+		hasMonthYearNavigation: props.hasMonthYearNavigation,
+		selectedRange,
+		pickerMode: props.pickerMode
 	});
 }
 const _Calendar = forwardRef(Calendar);

package/dist/components/other/Calendar/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","names":["Title"],"sources":["../../../../src/components/other/Calendar/Calendar.tsx"],"sourcesContent":["import {\n  createCalendar,\n  startOfWeek,\n  toCalendarDate,\n} from '@internationalized/date';\nimport { createDOMRef } from '@react-spectrum/utils';\nimport { FocusableRef } from '@react-types/shared';\nimport { tasty } from '@tenphi/tasty';\nimport { forwardRef, useImperativeHandle, useRef } from 'react';\nimport {\n  AriaCalendarProps,\n  DateValue,\n  useCalendar,\n  useLocale,\n} from 'react-aria';\nimport { useCalendarState } from 'react-stately';\n\nimport { LeftIcon, RightIcon } from '../../../icons';\nimport { useProviderProps } from '../../../provider';\nimport { Button } from '../../actions';\nimport { Title } from '../../content/Title';\nimport { Space } from '../../layout/Space';\n\nimport { CalendarGrid } from './CalendarGrid';\n\nconst CalendarElement = tasty({\n  styles: {\n    padding: '1x',\n    gap: '1x',\n  },\n});\n\nconst CalendarHeaderElement = tasty({\n  styles: {\n    display: 'flex',\n    placeContent: 'center space-between',\n    placeItems: 'center',\n    gap: '1.5x',\n  },\n});\n\nexport interface CubeCalendarProps extends AriaCalendarProps<DateValue> {\n  selectedRange?: {\n    start: DateValue;\n    end: DateValue;\n  };\n  /**\n   * When set to `week`, the grid shows a leading week-number column and\n   * highlights the whole week that the selected value belongs to.\n   */\n  pickerMode?: 'day' | 'week';\n}\n\nfunction Calendar(props: CubeCalendarProps, ref: FocusableRef<HTMLElement>) {\n  props = useProviderProps(props);\n\n  let { locale } = useLocale();\n  let state = useCalendarState({\n    ...props,\n    locale,\n    createCalendar,\n  });\n\n  let domRef = useRef(null);\n  useImperativeHandle(ref, () => ({\n    ...createDOMRef(domRef),\n    focus() {\n      state.setFocused(true);\n    },\n  }));\n\n  let { calendarProps, prevButtonProps, nextButtonProps, title } = useCalendar(\n    props,\n    state,\n  );\n\n  let selectedRange = props.selectedRange;\n  if (props.pickerMode === 'week' && state.value) {\n    let start = startOfWeek(toCalendarDate(state.value), locale);\n    selectedRange = { start, end: start.add({ days: 6 }) };\n  }\n\n  return (\n    <CalendarElement {...calendarProps}>\n      <CalendarHeaderElement>\n        <Title level={6} preset=\"h6\">\n          {title}\n        </Title>\n        <Space gap=\".5x\">\n          <Button\n            data-popover-keep\n            size=\"xsmall\"\n            {...prevButtonProps}\n            icon={<LeftIcon />}\n          />\n          <Button\n            data-popover-keep\n            size=\"xsmall\"\n            {...nextButtonProps}\n            icon={<RightIcon />}\n          />\n        </Space>\n      </CalendarHeaderElement>\n      <CalendarGrid\n        state={state}\n        selectedRange={selectedRange}\n        pickerMode={props.pickerMode}\n      />\n    </CalendarElement>\n  );\n}\n\nconst _Calendar = forwardRef(Calendar);\n\n_Calendar.displayName = 'Calendar';\n\nexport { _Calendar as Calendar };\n"],"mappings":";;;;;;;;;;;;;;;;;AAyBA,MAAM,kBAAkB,MAAM,EAC5B,QAAQ;CACN,SAAS;CACT,KAAK;CACN,EACF,CAAC;AAEF,MAAM,wBAAwB,MAAM,EAClC,QAAQ;CACN,SAAS;CACT,cAAc;CACd,YAAY;CACZ,KAAK;CACN,EACF,CAAC;AAcF,SAAS,SAAS,OAA0B,KAAgC;AAC1E,SAAQ,iBAAiB,MAAM;CAE/B,IAAI,EAAE,WAAW,WAAW;CAC5B,IAAI,QAAQ,iBAAiB;EAC3B,GAAG;EACH;EACA;EACD,CAAC;CAEF,IAAI,SAAS,OAAO,KAAK;AACzB,qBAAoB,YAAY;EAC9B,GAAG,aAAa,OAAO;EACvB,QAAQ;AACN,SAAM,WAAW,KAAK;;EAEzB,EAAE;CAEH,IAAI,EAAE,eAAe,iBAAiB,iBAAiB,UAAU,YAC/D,OACA,MACD;CAED,IAAI,gBAAgB,MAAM;AAC1B,KAAI,MAAM,eAAe,UAAU,MAAM,OAAO;EAC9C,IAAI,QAAQ,YAAY,eAAe,MAAM,MAAM,EAAE,OAAO;AAC5D,kBAAgB;GAAE;GAAO,KAAK,MAAM,IAAI,EAAE,MAAM,GAAG,CAAC;GAAE;;AAGxD,QACE,qBAAC;EAAgB,GAAI;aACnB,qBAAC,oCACC,oBAACA;GAAM,OAAO;GAAG,QAAO;aACrB;IACK,EACR,qBAAC;GAAM,KAAI;cACT,oBAAC;IACC;IACA,MAAK;IACL,GAAI;IACJ,MAAM,oBAAC,aAAW;KAClB,EACF,oBAAC;IACC;IACA,MAAK;IACL,GAAI;IACJ,MAAM,oBAAC,cAAY;KACnB;IACI,IACc,EACxB,oBAAC;GACQ;GACQ;GACf,YAAY,MAAM;IAClB;GACc;;AAItB,MAAM,YAAY,WAAW,SAAS;AAEtC,UAAU,cAAc"}
+{"version":3,"file":"Calendar.js","names":[],"sources":["../../../../src/components/other/Calendar/Calendar.tsx"],"sourcesContent":["import {\n  createCalendar,\n  startOfWeek,\n  toCalendarDate,\n} from '@internationalized/date';\nimport { createDOMRef } from '@react-spectrum/utils';\nimport { FocusableRef } from '@react-types/shared';\nimport { forwardRef, useImperativeHandle, useRef } from 'react';\nimport {\n  AriaCalendarProps,\n  DateValue,\n  useCalendar,\n  useLocale,\n} from 'react-aria';\nimport { useCalendarState } from 'react-stately';\n\nimport { useProviderProps } from '../../../provider';\n\nimport { CalendarPanel } from './CalendarPanel';\nimport { CalendarCoreProps, CalendarValueProps } from './types';\n\nexport interface CubeCalendarProps\n  extends AriaCalendarProps<DateValue>,\n    CalendarCoreProps,\n    CalendarValueProps {\n  /** Highlights a range that lives outside the calendar's own state. */\n  selectedRange?: {\n    start: DateValue;\n    end: DateValue;\n  };\n  /**\n   * When set to `week`, the grid shows a leading week-number column and\n   * highlights the whole week that the selected value belongs to.\n   */\n  pickerMode?: 'day' | 'week';\n}\n\nfunction Calendar(props: CubeCalendarProps, ref: FocusableRef<HTMLElement>) {\n  props = useProviderProps(props);\n\n  let { locale } = useLocale();\n  let state = useCalendarState({\n    ...props,\n    locale,\n    createCalendar,\n  });\n\n  let domRef = useRef(null);\n  useImperativeHandle(ref, () => ({\n    ...createDOMRef(domRef),\n    focus() {\n      state.setFocused(true);\n    },\n  }));\n\n  let { calendarProps, prevButtonProps, nextButtonProps, title } = useCalendar(\n    props,\n    state,\n  );\n\n  let selectedRange = props.selectedRange;\n  if (props.pickerMode === 'week' && state.value) {\n    let start = startOfWeek(toCalendarDate(state.value), locale);\n    selectedRange = { start, end: start.add({ days: 6 }) };\n  }\n\n  return (\n    <CalendarPanel\n      elementRef={domRef}\n      state={state}\n      title={title}\n      calendarProps={calendarProps}\n      prevButtonProps={prevButtonProps}\n      nextButtonProps={nextButtonProps}\n      hasMonthYearNavigation={props.hasMonthYearNavigation}\n      selectedRange={selectedRange}\n      pickerMode={props.pickerMode}\n    />\n  );\n}\n\nconst _Calendar = forwardRef(Calendar);\n\n_Calendar.displayName = 'Calendar';\n\nexport { _Calendar as Calendar };\n"],"mappings":";;;;;;;;;;;AAqCA,SAAS,SAAS,OAA0B,KAAgC;AAC1E,SAAQ,iBAAiB,MAAM;CAE/B,IAAI,EAAE,WAAW,WAAW;CAC5B,IAAI,QAAQ,iBAAiB;EAC3B,GAAG;EACH;EACA;EACD,CAAC;CAEF,IAAI,SAAS,OAAO,KAAK;AACzB,qBAAoB,YAAY;EAC9B,GAAG,aAAa,OAAO;EACvB,QAAQ;AACN,SAAM,WAAW,KAAK;;EAEzB,EAAE;CAEH,IAAI,EAAE,eAAe,iBAAiB,iBAAiB,UAAU,YAC/D,OACA,MACD;CAED,IAAI,gBAAgB,MAAM;AAC1B,KAAI,MAAM,eAAe,UAAU,MAAM,OAAO;EAC9C,IAAI,QAAQ,YAAY,eAAe,MAAM,MAAM,EAAE,OAAO;AAC5D,kBAAgB;GAAE;GAAO,KAAK,MAAM,IAAI,EAAE,MAAM,GAAG,CAAC;GAAE;;AAGxD,QACE,oBAAC;EACC,YAAY;EACL;EACA;EACQ;EACE;EACA;EACjB,wBAAwB,MAAM;EACf;EACf,YAAY,MAAM;GAClB;;AAIN,MAAM,YAAY,WAAW,SAAS;AAEtC,UAAU,cAAc"}

package/dist/components/other/Calendar/CalendarCell.js

@@ -1,14 +1,15 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
+import { CALENDAR_CELL_STYLES } from "./styled.js";
 import { tasty } from "@tenphi/tasty";
 import { useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useCalendarCell } from "react-aria";
+import { isSameDay } from "@internationalized/date";
 
 //#region src/components/other/Calendar/CalendarCell.tsx
 const CalendarCellElement = tasty({
 	as: "td",
 	styles: {
-		preset: "t3m",
 		margin: 0,
 		padding: "2bw right bottom"
 	}
@@ -16,46 +17,25 @@ const CalendarCellElement = tasty({
 const CalendarButtonElement = tasty({
 	"data-popover-keep": true,
 	styles: {
-		display: "grid",
-		placeItems: "center",
+		...CALENDAR_CELL_STYLES,
 		width: "3x",
-		height: "3x",
-		fill: {
-			"": "#primary.0",
-			":hover": "#primary.16",
-			rangeHover: "#primary.16",
-			pressed: "#primary.10",
-			selected: "#primary",
-			"selected & :hover": "#primary-text",
-			"selected & pressed": "#primary",
-			"disabled | unavailable": "#primary.0"
-		},
-		color: {
-			"": "#dark",
-			selected: "#white",
-			"disabled | unavailable": "#dark.30"
-		},
-		outline: {
-			"": "1bw #primary-text.0",
-			focused: "1bw #primary-text"
-		},
-		outlineOffset: .5,
-		radius: true,
-		cursor: "$pointer"
+		height: "3x"
 	}
 });
-function CalendarCell({ state, selectedRange, date, rangeHover }) {
+function CalendarCell(props) {
+	let { state, selectedRange, date, today, rangeHover } = props;
 	let ref = useRef(null);
 	let { cellProps, buttonProps, isSelected, isPressed, isFocused, isInvalid, isOutsideVisibleRange, isDisabled, isUnavailable, formattedDate } = useCalendarCell({ date }, state, ref);
-	const isFinalSelected = selectedRange ? date.compare(selectedRange.start) >= 0 && date.compare(selectedRange.end) <= 0 : isSelected;
+	const isFinalSelected = !isOutsideVisibleRange && (selectedRange ? date.compare(selectedRange.start) >= 0 && date.compare(selectedRange.end) <= 0 : isSelected);
 	return /* @__PURE__ */ jsx(CalendarCellElement, {
 		...cellProps,
 		children: /* @__PURE__ */ jsx(CalendarButtonElement, {
 			...buttonProps,
 			ref,
-			hidden: isOutsideVisibleRange,
 			mods: {
 				selected: isFinalSelected,
+				current: !!today && !isOutsideVisibleRange && isSameDay(date, today),
+				outside: isOutsideVisibleRange,
 				rangeHover: rangeHover && !isFinalSelected,
 				pressed: isPressed,
 				focused: isFocused,

package/dist/components/other/Calendar/CalendarCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarCell.js","names":[],"sources":["../../../../src/components/other/Calendar/CalendarCell.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { useRef } from 'react';\nimport { useCalendarCell } from 'react-aria';\n\nconst CalendarCellElement = tasty({\n  as: 'td',\n  styles: {\n    preset: 't3m',\n    margin: 0,\n    padding: '2bw right bottom',\n  },\n});\n\nconst CalendarButtonElement = tasty({\n  'data-popover-keep': true,\n  styles: {\n    display: 'grid',\n    placeItems: 'center',\n    width: '3x',\n    height: '3x',\n    fill: {\n      '': '#primary.0',\n      ':hover': '#primary.16',\n      rangeHover: '#primary.16',\n      pressed: '#primary.10',\n\n      selected: '#primary',\n      'selected & :hover': '#primary-text',\n      'selected & pressed': '#primary',\n\n      'disabled | unavailable': '#primary.0',\n    },\n    color: {\n      '': '#dark',\n      selected: '#white',\n      'disabled | unavailable': '#dark.30',\n    },\n    outline: {\n      '': '1bw #primary-text.0',\n      focused: '1bw #primary-text',\n    },\n    outlineOffset: 0.5,\n    radius: true,\n    cursor: '$pointer',\n  },\n});\n\nexport function CalendarCell({ state, selectedRange, date, rangeHover }) {\n  let ref = useRef(null);\n  let {\n    cellProps,\n    buttonProps,\n    isSelected,\n    isPressed,\n    isFocused,\n    isInvalid,\n    isOutsideVisibleRange,\n    isDisabled,\n    isUnavailable,\n    formattedDate,\n  } = useCalendarCell({ date }, state, ref);\n\n  const isFinalSelected = selectedRange\n    ? date.compare(selectedRange.start) >= 0 &&\n      date.compare(selectedRange.end) <= 0\n    : isSelected;\n\n  return (\n    <CalendarCellElement {...cellProps}>\n      <CalendarButtonElement\n        {...buttonProps}\n        ref={ref}\n        hidden={isOutsideVisibleRange}\n        mods={{\n          selected: isFinalSelected,\n          rangeHover: rangeHover && !isFinalSelected,\n          pressed: isPressed,\n          focused: isFocused,\n          invalid: isInvalid,\n          disabled: isDisabled,\n          unavailable: isUnavailable,\n        }}\n      >\n        {formattedDate}\n      </CalendarButtonElement>\n    </CalendarCellElement>\n  );\n}\n"],"mappings":";;;;;;;AAIA,MAAM,sBAAsB,MAAM;CAChC,IAAI;CACJ,QAAQ;EACN,QAAQ;EACR,QAAQ;EACR,SAAS;EACV;CACF,CAAC;AAEF,MAAM,wBAAwB,MAAM;CAClC,qBAAqB;CACrB,QAAQ;EACN,SAAS;EACT,YAAY;EACZ,OAAO;EACP,QAAQ;EACR,MAAM;GACJ,IAAI;GACJ,UAAU;GACV,YAAY;GACZ,SAAS;GAET,UAAU;GACV,qBAAqB;GACrB,sBAAsB;GAEtB,0BAA0B;GAC3B;EACD,OAAO;GACL,IAAI;GACJ,UAAU;GACV,0BAA0B;GAC3B;EACD,SAAS;GACP,IAAI;GACJ,SAAS;GACV;EACD,eAAe;EACf,QAAQ;EACR,QAAQ;EACT;CACF,CAAC;AAEF,SAAgB,aAAa,EAAE,OAAO,eAAe,MAAM,cAAc;CACvE,IAAI,MAAM,OAAO,KAAK;CACtB,IAAI,EACF,WACA,aACA,YACA,WACA,WACA,WACA,uBACA,YACA,eACA,kBACE,gBAAgB,EAAE,MAAM,EAAE,OAAO,IAAI;CAEzC,MAAM,kBAAkB,gBACpB,KAAK,QAAQ,cAAc,MAAM,IAAI,KACrC,KAAK,QAAQ,cAAc,IAAI,IAAI,IACnC;AAEJ,QACE,oBAAC;EAAoB,GAAI;YACvB,oBAAC;GACC,GAAI;GACC;GACL,QAAQ;GACR,MAAM;IACJ,UAAU;IACV,YAAY,cAAc,CAAC;IAC3B,SAAS;IACT,SAAS;IACT,SAAS;IACT,UAAU;IACV,aAAa;IACd;aAEA;IACqB;GACJ"}
+{"version":3,"file":"CalendarCell.js","names":[],"sources":["../../../../src/components/other/Calendar/CalendarCell.tsx"],"sourcesContent":["import { CalendarDate, isSameDay } from '@internationalized/date';\nimport { tasty } from '@tenphi/tasty';\nimport { useRef } from 'react';\nimport { DateValue, useCalendarCell } from 'react-aria';\nimport { CalendarState, RangeCalendarState } from 'react-stately';\n\nimport { CALENDAR_CELL_STYLES } from './styled';\n\nconst CalendarCellElement = tasty({\n  as: 'td',\n  styles: {\n    margin: 0,\n    padding: '2bw right bottom',\n  },\n});\n\nconst CalendarButtonElement = tasty({\n  'data-popover-keep': true,\n  styles: {\n    ...CALENDAR_CELL_STYLES,\n    width: '3x',\n    height: '3x',\n  },\n});\n\nexport interface CubeCalendarCellProps {\n  state: CalendarState | RangeCalendarState;\n  date: CalendarDate;\n  /** Today, expressed in the calendar system of the grid. */\n  today?: CalendarDate;\n  /** Explicit range highlight, used when the range lives outside the state. */\n  selectedRange?: { start: DateValue; end: DateValue };\n  /** Whether the whole row is highlighted (week picker mode). */\n  rangeHover?: boolean;\n}\n\nexport function CalendarCell(props: CubeCalendarCellProps) {\n  let { state, selectedRange, date, today, rangeHover } = props;\n  let ref = useRef(null);\n  let {\n    cellProps,\n    buttonProps,\n    isSelected,\n    isPressed,\n    isFocused,\n    isInvalid,\n    isOutsideVisibleRange,\n    isDisabled,\n    isUnavailable,\n    formattedDate,\n  } = useCalendarCell({ date }, state, ref);\n\n  const isFinalSelected =\n    !isOutsideVisibleRange &&\n    (selectedRange\n      ? date.compare(selectedRange.start) >= 0 &&\n        date.compare(selectedRange.end) <= 0\n      : isSelected);\n\n  return (\n    <CalendarCellElement {...cellProps}>\n      <CalendarButtonElement\n        {...buttonProps}\n        ref={ref}\n        mods={{\n          selected: isFinalSelected,\n          current: !!today && !isOutsideVisibleRange && isSameDay(date, today),\n          outside: isOutsideVisibleRange,\n          rangeHover: rangeHover && !isFinalSelected,\n          pressed: isPressed,\n          focused: isFocused,\n          invalid: isInvalid,\n          disabled: isDisabled,\n          unavailable: isUnavailable,\n        }}\n      >\n        {formattedDate}\n      </CalendarButtonElement>\n    </CalendarCellElement>\n  );\n}\n"],"mappings":";;;;;;;;;AAQA,MAAM,sBAAsB,MAAM;CAChC,IAAI;CACJ,QAAQ;EACN,QAAQ;EACR,SAAS;EACV;CACF,CAAC;AAEF,MAAM,wBAAwB,MAAM;CAClC,qBAAqB;CACrB,QAAQ;EACN,GAAG;EACH,OAAO;EACP,QAAQ;EACT;CACF,CAAC;AAaF,SAAgB,aAAa,OAA8B;CACzD,IAAI,EAAE,OAAO,eAAe,MAAM,OAAO,eAAe;CACxD,IAAI,MAAM,OAAO,KAAK;CACtB,IAAI,EACF,WACA,aACA,YACA,WACA,WACA,WACA,uBACA,YACA,eACA,kBACE,gBAAgB,EAAE,MAAM,EAAE,OAAO,IAAI;CAEzC,MAAM,kBACJ,CAAC,0BACA,gBACG,KAAK,QAAQ,cAAc,MAAM,IAAI,KACrC,KAAK,QAAQ,cAAc,IAAI,IAAI,IACnC;AAEN,QACE,oBAAC;EAAoB,GAAI;YACvB,oBAAC;GACC,GAAI;GACC;GACL,MAAM;IACJ,UAAU;IACV,SAAS,CAAC,CAAC,SAAS,CAAC,yBAAyB,UAAU,MAAM,MAAM;IACpE,SAAS;IACT,YAAY,cAAc,CAAC;IAC3B,SAAS;IACT,SAAS;IACT,SAAS;IACT,UAAU;IACV,aAAa;IACd;aAEA;IACqB;GACJ"}

package/dist/components/other/Calendar/CalendarGrid.js

@@ -1,17 +1,18 @@
-/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.162.0 | Cube Dev Team */
 import { getWeekNumber } from "../../fields/DatePicker/period.js";
 import { CalendarCell } from "./CalendarCell.js";
 import { tasty } from "@tenphi/tasty";
-import { useState } from "react";
+import { useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCalendarGrid, useLocale } from "react-aria";
-import { getWeeksInMonth } from "@internationalized/date";
+import { getWeeksInMonth, toCalendar, today } from "@internationalized/date";
 
 //#region src/components/other/Calendar/CalendarGrid.tsx
 const TableElement = tasty({
 	as: "table",
 	styles: {
 		borderCollapse: "collapse",
+		borderSpacing: 0,
 		HeadRow: { color: "#dark-04" },
 		WeekNumber: {
 			preset: "t3m",
@@ -21,11 +22,13 @@ const TableElement = tasty({
 		}
 	}
 });
-function CalendarGrid({ state, pickerMode = "day", ...props }) {
+function CalendarGrid(props) {
+	let { state, selectedRange, pickerMode = "day" } = props;
 	let { locale } = useLocale();
 	let { gridProps, headerProps, weekDays } = useCalendarGrid(props, state);
 	let weeksInMonth = getWeeksInMonth(state.visibleRange.start, locale);
 	let showWeekNumbers = pickerMode === "week";
+	let today$1 = useMemo(() => toCalendar(today(state.timeZone), state.visibleRange.start.calendar), [state.timeZone, state.visibleRange.start.calendar]);
 	let [hoveredWeek, setHoveredWeek] = useState(null);
 	return /* @__PURE__ */ jsxs(TableElement, {
 		...gridProps,
@@ -53,7 +56,8 @@ function CalendarGrid({ state, pickerMode = "day", ...props }) {
 					}), datesInWeek.map((date, i) => date ? /* @__PURE__ */ jsx(CalendarCell, {
 						state,
 						date,
-						selectedRange: props.selectedRange,
+						today: today$1,
+						selectedRange,
 						rangeHover: isRowHovered
 					}, i) : /* @__PURE__ */ jsx("td", {}, i))]
 				}, weekIndex);