@cube-dev/ui-kit 0.190.9 → 0.192.0

package/dist/components/fields/CommandTextArea/caretPosition.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.9 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
 //#region src/components/fields/CommandTextArea/caretPosition.ts
 const MIRROR_STYLES = [
 	"boxSizing",

package/dist/components/fields/CommandTextArea/useCaretAnchor.js

@@ -1,6 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.9 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
 import { getCaretRect } from "./caretPosition.js";
-import { c } from "react-compiler-runtime";
+import { c } from "react/compiler-runtime";
 import { useEffect, useLayoutEffect, useRef } from "react";
 
 //#region src/components/fields/CommandTextArea/useCaretAnchor.ts

package/dist/components/fields/DatePicker/DateInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.9 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";

package/dist/components/fields/DatePicker/DateInputBase.js

@@ -1,10 +1,10 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.9 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { getValidationMods } from "../../form/validation/resolve-validation-props.js";
 import { ValidationIndicator, hasValidationIndicator } from "../../form/validation/ValidationIndicator.js";
 import { DEFAULT_INPUT_STYLES, INPUT_WRAPPER_STYLES } from "../TextInput/TextInputBase.js";
-import { c } from "react-compiler-runtime";
+import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES, tasty } from "@tenphi/tasty";
 import React, { useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/fields/DatePicker/DatePicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.9 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useI18n } from "../../../i18n/useI18n.js";
@@ -13,7 +13,7 @@ import { _TimeInput } from "./TimeInput.js";
 import { _Calendar } from "../../other/Calendar/Calendar.js";
 import { DatePickerButton } from "./DatePickerButton.js";
 import { DatePickerInput } from "./DatePickerInput.js";
-import { c } from "react-compiler-runtime";
+import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES } from "@tenphi/tasty";
 import { forwardRef, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -139,6 +139,7 @@ function DatePicker(rawProps, ref) {
 		t12 = /* @__PURE__ */ jsxs(Dialog, {
 			...dialogProps,
 			width: "max-content",
+			overflow: "auto",
 			children: [t10, t11]
 		});
 		$[28] = dialogProps;
@@ -151,7 +152,6 @@ function DatePicker(rawProps, ref) {
 		t13 = /* @__PURE__ */ jsxs(DialogTrigger, {
 			hideArrow: true,
 			type: "popover",
-			mobileType: "tray",
 			placement: t5,
 			targetRef: t6,
 			isOpen,

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","names":["FocusableRef","BaseProps","CONTAINER_STYLES","ContainerStyleProps","Styles","forwardRef","RefObject","useRef","AriaDatePickerProps","DateValue","Placement","useDatePicker","useFocusRing","useDatePickerState","useI18n","FieldBaseProps","mergeProps","extractStyles","mergeStyleLayers","useFieldProps","wrapWithField","Calendar","Dialog","DialogTrigger","DateInputBase","DatePickerButton","DatePickerInput","DEFAULT_DATE_PROPS","TimeInput","DateFieldBase","useFocusManagerRef","CubeDatePickerProps","Omit","T","wrapperStyles","inputStyles","triggerStyles","styles","size","maxVisibleMonths","shouldFlip","targetRef","HTMLElement","placement","useLocale","DatePicker","rawProps","ref","$","_c","t","t0","Symbol","for","defaultValidationTrigger","props","t1","Object","assign","qa","placeholderValue","isDisabled","isInvalid","isValid","useLocaleProp","autoFocus","state","shouldCloseOnSelect","hasTime","isOpen","setOpen","domRef","t2","within","isTextInput","focusProps","t3","isFocused","isFocusedButton","focusPropsButton","groupProps","labelProps","fieldProps","buttonProps","dialogProps","calendarProps","placeholder","undefined","timePlaceholder","timeMinValue","minValue","timeMaxValue","maxValue","timeGranularity","granularity","showTimeField","t4","t5","t6","t7","t8","t9","t10","t11","hideTimeZone","hourCycle","setTimeValue","timeValue","t12","t13","t14","t15","component","t16","_DatePicker","displayName"],"sources":["../../../../src/components/fields/DatePicker/DatePicker.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Styles,\n} from '@tenphi/tasty';\nimport { forwardRef, RefObject, useRef } from 'react';\nimport {\n  AriaDatePickerProps,\n  DateValue,\n  Placement,\n  useDatePicker,\n  useFocusRing,\n} from 'react-aria';\nimport { useDatePickerState } from 'react-stately';\n\nimport { useI18n } from '../../../i18n';\nimport { FieldBaseProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles, mergeStyleLayers } from '../../../utils/styles';\nimport { useFieldProps, wrapWithField } from '../../form';\nimport { Calendar } from '../../other/Calendar/Calendar';\nimport { Dialog, DialogTrigger } from '../../overlays/Dialog';\n\nimport { DateInputBase } from './DateInputBase';\nimport { DatePickerButton } from './DatePickerButton';\nimport { DatePickerInput } from './DatePickerInput';\nimport { DEFAULT_DATE_PROPS } from './props';\nimport { TimeInput } from './TimeInput';\nimport { DateFieldBase } from './types';\nimport { useFocusManagerRef } from './utils';\n\nexport interface CubeDatePickerProps<T extends DateValue = DateValue>\n  extends Omit<\n      AriaDatePickerProps<T>,\n      'errorMessage' | 'form' | 'name' | keyof DateFieldBase<T>\n    >,\n    DateFieldBase<T>,\n    BaseProps,\n    ContainerStyleProps,\n    FieldBaseProps<T | null | undefined> {\n  wrapperStyles?: Styles;\n  inputStyles?: Styles;\n  triggerStyles?: Styles;\n  styles?: Styles;\n  size?: 'small' | 'medium' | 'large' | (string & {});\n  maxVisibleMonths?: number;\n  shouldFlip?: boolean;\n  /**\n   * The ref of the element the popover should visually attach itself to.\n   * Defaults to the field wrapper.\n   *\n   * Forwarded to `DialogTrigger`, so the anchor also becomes what outside-click\n   * dismissal treats as the trigger.\n   */\n  targetRef?: RefObject<HTMLElement | null>;\n  /**\n   * Placement of the popover relative to the anchor.\n   * Accepts React Aria's `Placement` strings (e.g. `'bottom start'`,\n   * `'top start'`, `'right top'`, `'left top'`).\n   * @default 'bottom right'\n   */\n  placement?: Placement;\n  useLocale?: boolean;\n}\n\nfunction DatePicker<T extends DateValue>(\n  rawProps: CubeDatePickerProps<T>,\n  ref: FocusableRef<HTMLElement>,\n) {\n  const { t } = useI18n();\n\n  let props = useFieldProps(rawProps, {\n    defaultValidationTrigger: 'onBlur',\n  });\n  props = Object.assign({}, DEFAULT_DATE_PROPS, props);\n\n  // The public type declares `ContainerStyleProps` and `styles`, so both have to\n  // reach the root — before this they were extracted and dropped, which made\n  // `width=\"100%\"` type-check and do nothing. `extractStyles` already folds in\n  // `props.styles` and lets the individual style props override it, which is the\n  // precedence every other component uses; re-spreading `props.styles` here\n  // would invert it. `wrapperStyles` stays the most specific and keeps winning.\n  let styles = mergeStyleLayers(\n    extractStyles(props, CONTAINER_STYLES),\n    props.wrapperStyles,\n  );\n\n  let {\n    qa,\n    size,\n    placeholderValue,\n    isDisabled,\n    isInvalid,\n    isValid,\n    useLocale: useLocaleProp,\n    autoFocus,\n  } = props;\n  let targetRef = useRef<HTMLDivElement>(null);\n  let state = useDatePickerState({\n    ...props,\n    shouldCloseOnSelect: () => !state.hasTime,\n  });\n  let { isOpen, setOpen } = state;\n\n  let domRef = useFocusManagerRef(ref);\n\n  let { isFocused, focusProps } = useFocusRing({\n    within: true,\n    isTextInput: true,\n    autoFocus,\n  });\n\n  let { isFocused: isFocusedButton, focusProps: focusPropsButton } =\n    useFocusRing({\n      within: false,\n      isTextInput: false,\n      autoFocus,\n    });\n\n  let {\n    groupProps,\n    labelProps,\n    fieldProps,\n    buttonProps,\n    dialogProps,\n    calendarProps,\n  } = useDatePicker(props, state, targetRef);\n\n  let placeholder: DateValue | undefined = placeholderValue ?? undefined;\n  let timePlaceholder =\n    placeholder && 'hour' in placeholder ? placeholder : undefined;\n  let timeMinValue =\n    props.minValue && 'hour' in props.minValue ? props.minValue : undefined;\n  let timeMaxValue =\n    props.maxValue && 'hour' in props.maxValue ? props.maxValue : undefined;\n  let timeGranularity =\n    state.granularity === 'hour' ||\n    state.granularity === 'minute' ||\n    state.granularity === 'second'\n      ? state.granularity\n      : null;\n  let showTimeField = !!timeGranularity;\n  // let visibleMonths = useVisibleMonths(maxVisibleMonths);\n\n  const component = (\n    <DateInputBase\n      ref={targetRef}\n      qa={qa || 'DatePicker'}\n      inputType=\"datepicker\"\n      styles={styles}\n      disableFocusRing={isFocusedButton}\n      isDisabled={isDisabled}\n      isInvalid={isInvalid}\n      isValid={isValid}\n      size={size}\n      fieldProps={groupProps}\n      {...focusProps}\n      suffix={\n        <DialogTrigger\n          hideArrow\n          type=\"popover\"\n          mobileType=\"tray\"\n          placement={props.placement ?? 'bottom right'}\n          targetRef={props.targetRef ?? targetRef}\n          isOpen={isOpen}\n          shouldFlip={props.shouldFlip}\n          onOpenChange={setOpen}\n        >\n          <DatePickerButton\n            size={size}\n            {...mergeProps(buttonProps, focusPropsButton)}\n            isDisabled={isDisabled}\n          />\n          <Dialog {...dialogProps} width=\"max-content\">\n            <Calendar {...calendarProps} />\n            {showTimeField && (\n              <TimeInput\n                padding=\"1x\"\n                label={t('datePicker.time', 'Time')}\n                value={state.timeValue}\n                placeholderValue={timePlaceholder}\n                granularity={timeGranularity}\n                minValue={timeMinValue}\n                maxValue={timeMaxValue}\n                hourCycle={props.hourCycle}\n                hideTimeZone={props.hideTimeZone}\n                onChange={state.setTimeValue}\n              />\n            )}\n          </Dialog>\n        </DialogTrigger>\n      }\n    >\n      <DatePickerInput useLocale={useLocaleProp} {...fieldProps} />\n    </DateInputBase>\n  );\n\n  return wrapWithField(component, domRef, {\n    ...props,\n    labelProps: mergeProps(props.labelProps, labelProps),\n  });\n}\n\nconst _DatePicker = forwardRef(DatePicker);\n\n_DatePicker.displayName = 'DatePicker';\n\nexport { _DatePicker as DatePicker };\n"],"mappings":"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"}
+{"version":3,"file":"DatePicker.js","names":["FocusableRef","BaseProps","CONTAINER_STYLES","ContainerStyleProps","Styles","forwardRef","RefObject","useRef","AriaDatePickerProps","DateValue","Placement","useDatePicker","useFocusRing","useDatePickerState","useI18n","FieldBaseProps","mergeProps","extractStyles","mergeStyleLayers","useFieldProps","wrapWithField","Calendar","Dialog","DialogTrigger","DateInputBase","DatePickerButton","DatePickerInput","DEFAULT_DATE_PROPS","TimeInput","DateFieldBase","useFocusManagerRef","CubeDatePickerProps","Omit","T","wrapperStyles","inputStyles","triggerStyles","styles","size","maxVisibleMonths","shouldFlip","targetRef","HTMLElement","placement","useLocale","DatePicker","rawProps","ref","$","_c","t","t0","Symbol","for","defaultValidationTrigger","props","t1","Object","assign","qa","placeholderValue","isDisabled","isInvalid","isValid","useLocaleProp","autoFocus","state","shouldCloseOnSelect","hasTime","isOpen","setOpen","domRef","t2","within","isTextInput","focusProps","t3","isFocused","isFocusedButton","focusPropsButton","groupProps","labelProps","fieldProps","buttonProps","dialogProps","calendarProps","placeholder","undefined","timePlaceholder","timeMinValue","minValue","timeMaxValue","maxValue","timeGranularity","granularity","showTimeField","t4","t5","t6","t7","t8","t9","t10","t11","hideTimeZone","hourCycle","setTimeValue","timeValue","t12","t13","t14","t15","component","t16","_DatePicker","displayName"],"sources":["../../../../src/components/fields/DatePicker/DatePicker.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Styles,\n} from '@tenphi/tasty';\nimport { forwardRef, RefObject, useRef } from 'react';\nimport {\n  AriaDatePickerProps,\n  DateValue,\n  Placement,\n  useDatePicker,\n  useFocusRing,\n} from 'react-aria';\nimport { useDatePickerState } from 'react-stately';\n\nimport { useI18n } from '../../../i18n';\nimport { FieldBaseProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles, mergeStyleLayers } from '../../../utils/styles';\nimport { useFieldProps, wrapWithField } from '../../form';\nimport { Calendar } from '../../other/Calendar/Calendar';\nimport { Dialog } from '../../overlays/Dialog/Dialog';\nimport { DialogTrigger } from '../../overlays/Dialog/DialogTrigger';\n\nimport { DateInputBase } from './DateInputBase';\nimport { DatePickerButton } from './DatePickerButton';\nimport { DatePickerInput } from './DatePickerInput';\nimport { DEFAULT_DATE_PROPS } from './props';\nimport { TimeInput } from './TimeInput';\nimport { DateFieldBase } from './types';\nimport { useFocusManagerRef } from './utils';\n\nexport interface CubeDatePickerProps<T extends DateValue = DateValue>\n  extends Omit<\n      AriaDatePickerProps<T>,\n      'errorMessage' | 'form' | 'name' | keyof DateFieldBase<T>\n    >,\n    DateFieldBase<T>,\n    BaseProps,\n    ContainerStyleProps,\n    FieldBaseProps<T | null | undefined> {\n  wrapperStyles?: Styles;\n  inputStyles?: Styles;\n  triggerStyles?: Styles;\n  styles?: Styles;\n  size?: 'small' | 'medium' | 'large' | (string & {});\n  maxVisibleMonths?: number;\n  shouldFlip?: boolean;\n  /**\n   * The ref of the element the popover should visually attach itself to.\n   * Defaults to the field wrapper.\n   *\n   * Forwarded to `DialogTrigger`, so the anchor also becomes what outside-click\n   * dismissal treats as the trigger.\n   */\n  targetRef?: RefObject<HTMLElement | null>;\n  /**\n   * Placement of the popover relative to the anchor.\n   * Accepts React Aria's `Placement` strings (e.g. `'bottom start'`,\n   * `'top start'`, `'right top'`, `'left top'`).\n   * @default 'bottom right'\n   */\n  placement?: Placement;\n  useLocale?: boolean;\n}\n\nfunction DatePicker<T extends DateValue>(\n  rawProps: CubeDatePickerProps<T>,\n  ref: FocusableRef<HTMLElement>,\n) {\n  const { t } = useI18n();\n\n  let props = useFieldProps(rawProps, {\n    defaultValidationTrigger: 'onBlur',\n  });\n  props = Object.assign({}, DEFAULT_DATE_PROPS, props);\n\n  // The public type declares `ContainerStyleProps` and `styles`, so both have to\n  // reach the root — before this they were extracted and dropped, which made\n  // `width=\"100%\"` type-check and do nothing. `extractStyles` already folds in\n  // `props.styles` and lets the individual style props override it, which is the\n  // precedence every other component uses; re-spreading `props.styles` here\n  // would invert it. `wrapperStyles` stays the most specific and keeps winning.\n  let styles = mergeStyleLayers(\n    extractStyles(props, CONTAINER_STYLES),\n    props.wrapperStyles,\n  );\n\n  let {\n    qa,\n    size,\n    placeholderValue,\n    isDisabled,\n    isInvalid,\n    isValid,\n    useLocale: useLocaleProp,\n    autoFocus,\n  } = props;\n  let targetRef = useRef<HTMLDivElement>(null);\n  let state = useDatePickerState({\n    ...props,\n    shouldCloseOnSelect: () => !state.hasTime,\n  });\n  let { isOpen, setOpen } = state;\n\n  let domRef = useFocusManagerRef(ref);\n\n  let { isFocused, focusProps } = useFocusRing({\n    within: true,\n    isTextInput: true,\n    autoFocus,\n  });\n\n  let { isFocused: isFocusedButton, focusProps: focusPropsButton } =\n    useFocusRing({\n      within: false,\n      isTextInput: false,\n      autoFocus,\n    });\n\n  let {\n    groupProps,\n    labelProps,\n    fieldProps,\n    buttonProps,\n    dialogProps,\n    calendarProps,\n  } = useDatePicker(props, state, targetRef);\n\n  let placeholder: DateValue | undefined = placeholderValue ?? undefined;\n  let timePlaceholder =\n    placeholder && 'hour' in placeholder ? placeholder : undefined;\n  let timeMinValue =\n    props.minValue && 'hour' in props.minValue ? props.minValue : undefined;\n  let timeMaxValue =\n    props.maxValue && 'hour' in props.maxValue ? props.maxValue : undefined;\n  let timeGranularity =\n    state.granularity === 'hour' ||\n    state.granularity === 'minute' ||\n    state.granularity === 'second'\n      ? state.granularity\n      : null;\n  let showTimeField = !!timeGranularity;\n  // let visibleMonths = useVisibleMonths(maxVisibleMonths);\n\n  const component = (\n    <DateInputBase\n      ref={targetRef}\n      qa={qa || 'DatePicker'}\n      inputType=\"datepicker\"\n      styles={styles}\n      disableFocusRing={isFocusedButton}\n      isDisabled={isDisabled}\n      isInvalid={isInvalid}\n      isValid={isValid}\n      size={size}\n      fieldProps={groupProps}\n      {...focusProps}\n      suffix={\n        <DialogTrigger\n          hideArrow\n          type=\"popover\"\n          placement={props.placement ?? 'bottom right'}\n          targetRef={props.targetRef ?? targetRef}\n          isOpen={isOpen}\n          shouldFlip={props.shouldFlip}\n          onOpenChange={setOpen}\n        >\n          <DatePickerButton\n            size={size}\n            {...mergeProps(buttonProps, focusPropsButton)}\n            isDisabled={isDisabled}\n          />\n          <Dialog {...dialogProps} width=\"max-content\" overflow=\"auto\">\n            <Calendar {...calendarProps} />\n            {showTimeField && (\n              <TimeInput\n                padding=\"1x\"\n                label={t('datePicker.time', 'Time')}\n                value={state.timeValue}\n                placeholderValue={timePlaceholder}\n                granularity={timeGranularity}\n                minValue={timeMinValue}\n                maxValue={timeMaxValue}\n                hourCycle={props.hourCycle}\n                hideTimeZone={props.hideTimeZone}\n                onChange={state.setTimeValue}\n              />\n            )}\n          </Dialog>\n        </DialogTrigger>\n      }\n    >\n      <DatePickerInput useLocale={useLocaleProp} {...fieldProps} />\n    </DateInputBase>\n  );\n\n  return wrapWithField(component, domRef, {\n    ...props,\n    labelProps: mergeProps(props.labelProps, labelProps),\n  });\n}\n\nconst _DatePicker = forwardRef(DatePicker);\n\n_DatePicker.displayName = 'DatePicker';\n\nexport { _DatePicker as DatePicker };\n"],"mappings":"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"}

package/dist/components/fields/DatePicker/DatePickerButton.js

@@ -1,8 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.9 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
 import { ItemActionProvider } from "../../actions/ItemActionContext.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { CalendarIcon } from "../../../icons/CalendarIcon.js";
-import { c } from "react-compiler-runtime";
+import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/fields/DatePicker/DatePickerElement.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.9 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
 import { Space } from "../../layout/Space.js";
 import { tasty } from "@tenphi/tasty";
 

package/dist/components/fields/DatePicker/DatePickerInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.9 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { DatePickerSegment } from "./DatePickerSegment.js";
 import { formatSegments } from "./utils.js";

package/dist/components/fields/DatePicker/DatePickerSegment.js

@@ -1,5 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.9 | Cube Dev Team */
-import { c } from "react-compiler-runtime";
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { useRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/fields/DatePicker/DateRangePicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.9 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { Space } from "../../layout/Space.js";
@@ -14,7 +14,7 @@ import { _TimeInput } from "./TimeInput.js";
 import { DatePickerButton } from "./DatePickerButton.js";
 import { DatePickerInput } from "./DatePickerInput.js";
 import { _RangeCalendar } from "../../other/Calendar/RangeCalendar.js";
-import { c } from "react-compiler-runtime";
+import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES, tasty } from "@tenphi/tasty";
 import { forwardRef, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -159,6 +159,7 @@ function DateRangePicker(rawProps, ref) {
 		t11 = /* @__PURE__ */ jsxs(Dialog, {
 			...dialogProps,
 			width: "max-content",
+			overflow: "auto",
 			children: [t9, t10]
 		});
 		$[28] = dialogProps;
@@ -171,7 +172,6 @@ function DateRangePicker(rawProps, ref) {
 		t12 = /* @__PURE__ */ jsxs(DialogTrigger, {
 			hideArrow: true,
 			type: "popover",
-			mobileType: "tray",
 			placement,
 			targetRef: t6,
 			isOpen,

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

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.js","names":["FocusableRef","BaseProps","CONTAINER_STYLES","ContainerStyleProps","Styles","tasty","forwardRef","RefObject","useRef","AriaDateRangePickerProps","DateValue","Placement","useDateRangePicker","useFocusRing","useDateRangePickerState","useI18n","FieldBaseProps","mergeProps","extractStyles","mergeStyleLayers","useFieldProps","wrapWithField","Space","RangeCalendar","Dialog","DialogTrigger","DateInputBase","DatePickerButton","DatePickerInput","DEFAULT_DATE_PROPS","TimeInput","DateFieldBase","useFocusManagerRef","ReactElement","Ref","DateRangeDash","children","styles","padding","CubeDateRangePickerProps","Omit","T","start","end","wrapperStyles","inputStyles","size","maxVisibleMonths","shouldFlip","targetRef","HTMLElement","placement","useLocale","DateRangePicker","rawProps","ref","$","_c","t","t0","Symbol","for","defaultValidationTrigger","props","t1","Object","assign","qa","targetRefProp","t2","placeholderValue","isDisabled","isInvalid","isValid","useLocaleProp","autoFocus","undefined","state","shouldCloseOnSelect","hasTime","isOpen","setOpen","t3","within","isTextInput","focusProps","t4","isFocused","isFocusedButton","focusPropsButton","domRef","groupProps","labelProps","startFieldProps","endFieldProps","buttonProps","dialogProps","calendarProps","placeholder","timePlaceholder","timeMinValue","minValue","timeMaxValue","maxValue","timeGranularity","granularity","showTimeField","t5","t6","t7","t8","t9","isDateUnavailable","t10","hideTimeZone","hourCycle","timeRange","v","setTime","v_0","t11","t12","t13","t14","t15","t16","component","t17","_DateRangePicker","displayName"],"sources":["../../../../src/components/fields/DatePicker/DateRangePicker.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef, RefObject, useRef } from 'react';\nimport {\n  AriaDateRangePickerProps,\n  DateValue,\n  Placement,\n  useDateRangePicker,\n  useFocusRing,\n} from 'react-aria';\nimport { useDateRangePickerState } from 'react-stately';\n\nimport { useI18n } from '../../../i18n';\nimport { FieldBaseProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles, mergeStyleLayers } from '../../../utils/styles';\nimport { useFieldProps, wrapWithField } from '../../form';\nimport { Space } from '../../layout/Space';\nimport { RangeCalendar } from '../../other/Calendar/RangeCalendar';\nimport { Dialog, DialogTrigger } from '../../overlays/Dialog';\n\nimport { DateInputBase } from './DateInputBase';\nimport { DatePickerButton } from './DatePickerButton';\nimport { DatePickerInput } from './DatePickerInput';\nimport { DEFAULT_DATE_PROPS } from './props';\nimport { TimeInput } from './TimeInput';\nimport { DateFieldBase } from './types';\nimport { useFocusManagerRef } from './utils';\n\nimport type { ReactElement, Ref } from 'react';\n\nconst DateRangeDash = tasty({\n  'aria-hidden': 'true',\n  'data-qa': 'DateRangeDash',\n  children: '–',\n  styles: {\n    padding: '0 .5x',\n  },\n});\n\nexport interface CubeDateRangePickerProps<T extends DateValue = DateValue>\n  extends Omit<\n      AriaDateRangePickerProps<T>,\n      'errorMessage' | 'form' | 'name' | keyof DateFieldBase<T>\n    >,\n    BaseProps,\n    DateFieldBase<T>,\n    ContainerStyleProps,\n    FieldBaseProps<{ start: T; end: T } | null | undefined> {\n  wrapperStyles?: Styles;\n  inputStyles?: Styles;\n  styles?: Styles;\n  size?: 'small' | 'medium' | 'large' | (string & {});\n  maxVisibleMonths?: number;\n  shouldFlip?: boolean;\n  /**\n   * The ref of the element the popover should visually attach itself to.\n   * Defaults to the field wrapper.\n   *\n   * Forwarded to `DialogTrigger`, so the anchor also becomes what outside-click\n   * dismissal treats as the trigger.\n   */\n  targetRef?: RefObject<HTMLElement | null>;\n  /**\n   * Placement of the popover relative to the anchor.\n   * Accepts React Aria's `Placement` strings (e.g. `'bottom start'`,\n   * `'top start'`, `'right top'`, `'left top'`).\n   * @default 'bottom right'\n   */\n  placement?: Placement;\n  useLocale?: boolean;\n}\n\nfunction DateRangePicker<T extends DateValue>(\n  rawProps: CubeDateRangePickerProps<T>,\n  ref: FocusableRef<HTMLElement>,\n) {\n  const { t } = useI18n();\n\n  let props = useFieldProps(rawProps, {\n    defaultValidationTrigger: 'onBlur',\n  });\n  props = Object.assign({}, DEFAULT_DATE_PROPS, props);\n\n  // The public type declares `ContainerStyleProps` and `styles`, so both have to\n  // reach the root — before this they were extracted and dropped, which made\n  // `width=\"100%\"` type-check and do nothing. `extractStyles` already folds in\n  // `props.styles` and lets the individual style props override it, which is the\n  // precedence every other component uses; re-spreading `props.styles` here\n  // would invert it. `wrapperStyles` stays the most specific and keeps winning.\n  let styles = mergeStyleLayers(\n    extractStyles(props, CONTAINER_STYLES),\n    props.wrapperStyles,\n  );\n\n  let {\n    qa,\n    size,\n    shouldFlip,\n    targetRef: targetRefProp,\n    placement = 'bottom right',\n    placeholderValue,\n    isDisabled,\n    isInvalid,\n    isValid,\n    useLocale: useLocaleProp,\n    autoFocus,\n  } = props;\n  let targetRef = useRef<HTMLDivElement>(null);\n  let state = useDateRangePickerState({\n    ...props,\n    shouldCloseOnSelect: () => !state.hasTime,\n  });\n  let { isOpen, setOpen } = state;\n\n  let { isFocused, focusProps } = useFocusRing({\n    within: true,\n    isTextInput: true,\n    autoFocus,\n  });\n\n  let { isFocused: isFocusedButton, focusProps: focusPropsButton } =\n    useFocusRing({\n      within: false,\n      isTextInput: false,\n      autoFocus,\n    });\n\n  let domRef = useFocusManagerRef(ref);\n\n  let {\n    groupProps,\n    labelProps,\n    startFieldProps,\n    endFieldProps,\n    buttonProps,\n    dialogProps,\n    calendarProps,\n  } = useDateRangePicker(props, state, targetRef);\n\n  let placeholder: DateValue | undefined = placeholderValue ?? undefined;\n  let timePlaceholder =\n    placeholder && 'hour' in placeholder ? placeholder : undefined;\n  let timeMinValue =\n    props.minValue && 'hour' in props.minValue ? props.minValue : undefined;\n  let timeMaxValue =\n    props.maxValue && 'hour' in props.maxValue ? props.maxValue : undefined;\n  let timeGranularity =\n    state.granularity === 'hour' ||\n    state.granularity === 'minute' ||\n    state.granularity === 'second'\n      ? state.granularity\n      : null;\n  let showTimeField = !!timeGranularity;\n  // let visibleMonths = useVisibleMonths(maxVisibleMonths);\n\n  const component = (\n    <DateInputBase\n      ref={targetRef}\n      qa={qa || 'DateRangePicker'}\n      inputType=\"daterangepicker\"\n      styles={styles}\n      disableFocusRing={isFocusedButton}\n      isDisabled={isDisabled}\n      isInvalid={isInvalid}\n      isValid={isValid}\n      size={size}\n      fieldProps={groupProps}\n      {...focusProps}\n      suffix={\n        <DialogTrigger\n          hideArrow\n          type=\"popover\"\n          mobileType=\"tray\"\n          placement={placement}\n          targetRef={targetRefProp ?? targetRef}\n          isOpen={isOpen}\n          shouldFlip={shouldFlip}\n          onOpenChange={setOpen}\n        >\n          <DatePickerButton\n            size={size}\n            {...mergeProps(buttonProps, focusPropsButton)}\n            isDisabled={isDisabled}\n          />\n          <Dialog {...dialogProps} width=\"max-content\">\n            <RangeCalendar\n              {...calendarProps}\n              isDateUnavailable={props.isDateUnavailable}\n            />\n            {showTimeField && (\n              <Space>\n                <TimeInput\n                  padding=\"1x\"\n                  label={t('datePicker.startTime', 'Start time')}\n                  value={state.timeRange?.start || null}\n                  placeholderValue={timePlaceholder}\n                  granularity={timeGranularity}\n                  minValue={timeMinValue}\n                  maxValue={timeMaxValue}\n                  hourCycle={props.hourCycle}\n                  hideTimeZone={props.hideTimeZone}\n                  onChange={(v) => state.setTime('start', v)}\n                />\n                <TimeInput\n                  padding=\"1x\"\n                  label={t('datePicker.endTime', 'End time')}\n                  value={state.timeRange?.end || null}\n                  placeholderValue={timePlaceholder}\n                  granularity={timeGranularity}\n                  minValue={timeMinValue}\n                  maxValue={timeMaxValue}\n                  hourCycle={props.hourCycle}\n                  hideTimeZone={props.hideTimeZone}\n                  onChange={(v) => state.setTime('end', v)}\n                />\n              </Space>\n            )}\n          </Dialog>\n        </DialogTrigger>\n      }\n    >\n      <DatePickerInput useLocale={useLocaleProp} {...startFieldProps} />\n      <DateRangeDash />\n      <DatePickerInput useLocale={useLocaleProp} {...endFieldProps} />\n    </DateInputBase>\n  );\n\n  return wrapWithField(component, domRef, {\n    ...props,\n    labelProps: mergeProps(props.labelProps, labelProps),\n  });\n}\n\nconst _DateRangePicker = forwardRef(DateRangePicker) as <\n  T extends DateValue = DateValue,\n>(\n  props: CubeDateRangePickerProps<T> & { ref?: Ref<HTMLElement> },\n) => ReactElement | null;\n\n(_DateRangePicker as any).displayName = 'DateRangePicker';\n\nexport { _DateRangePicker as DateRangePicker };\n"],"mappings":"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"}
+{"version":3,"file":"DateRangePicker.js","names":["FocusableRef","BaseProps","CONTAINER_STYLES","ContainerStyleProps","Styles","tasty","forwardRef","RefObject","useRef","AriaDateRangePickerProps","DateValue","Placement","useDateRangePicker","useFocusRing","useDateRangePickerState","useI18n","FieldBaseProps","mergeProps","extractStyles","mergeStyleLayers","useFieldProps","wrapWithField","Space","RangeCalendar","Dialog","DialogTrigger","DateInputBase","DatePickerButton","DatePickerInput","DEFAULT_DATE_PROPS","TimeInput","DateFieldBase","useFocusManagerRef","ReactElement","Ref","DateRangeDash","children","styles","padding","CubeDateRangePickerProps","Omit","T","start","end","wrapperStyles","inputStyles","size","maxVisibleMonths","shouldFlip","targetRef","HTMLElement","placement","useLocale","DateRangePicker","rawProps","ref","$","_c","t","t0","Symbol","for","defaultValidationTrigger","props","t1","Object","assign","qa","targetRefProp","t2","placeholderValue","isDisabled","isInvalid","isValid","useLocaleProp","autoFocus","undefined","state","shouldCloseOnSelect","hasTime","isOpen","setOpen","t3","within","isTextInput","focusProps","t4","isFocused","isFocusedButton","focusPropsButton","domRef","groupProps","labelProps","startFieldProps","endFieldProps","buttonProps","dialogProps","calendarProps","placeholder","timePlaceholder","timeMinValue","minValue","timeMaxValue","maxValue","timeGranularity","granularity","showTimeField","t5","t6","t7","t8","t9","isDateUnavailable","t10","hideTimeZone","hourCycle","timeRange","v","setTime","v_0","t11","t12","t13","t14","t15","t16","component","t17","_DateRangePicker","displayName"],"sources":["../../../../src/components/fields/DatePicker/DateRangePicker.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef, RefObject, useRef } from 'react';\nimport {\n  AriaDateRangePickerProps,\n  DateValue,\n  Placement,\n  useDateRangePicker,\n  useFocusRing,\n} from 'react-aria';\nimport { useDateRangePickerState } from 'react-stately';\n\nimport { useI18n } from '../../../i18n';\nimport { FieldBaseProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles, mergeStyleLayers } from '../../../utils/styles';\nimport { useFieldProps, wrapWithField } from '../../form';\nimport { Space } from '../../layout/Space';\nimport { RangeCalendar } from '../../other/Calendar/RangeCalendar';\nimport { Dialog } from '../../overlays/Dialog/Dialog';\nimport { DialogTrigger } from '../../overlays/Dialog/DialogTrigger';\n\nimport { DateInputBase } from './DateInputBase';\nimport { DatePickerButton } from './DatePickerButton';\nimport { DatePickerInput } from './DatePickerInput';\nimport { DEFAULT_DATE_PROPS } from './props';\nimport { TimeInput } from './TimeInput';\nimport { DateFieldBase } from './types';\nimport { useFocusManagerRef } from './utils';\n\nimport type { ReactElement, Ref } from 'react';\n\nconst DateRangeDash = tasty({\n  'aria-hidden': 'true',\n  'data-qa': 'DateRangeDash',\n  children: '–',\n  styles: {\n    padding: '0 .5x',\n  },\n});\n\nexport interface CubeDateRangePickerProps<T extends DateValue = DateValue>\n  extends Omit<\n      AriaDateRangePickerProps<T>,\n      'errorMessage' | 'form' | 'name' | keyof DateFieldBase<T>\n    >,\n    BaseProps,\n    DateFieldBase<T>,\n    ContainerStyleProps,\n    FieldBaseProps<{ start: T; end: T } | null | undefined> {\n  wrapperStyles?: Styles;\n  inputStyles?: Styles;\n  styles?: Styles;\n  size?: 'small' | 'medium' | 'large' | (string & {});\n  maxVisibleMonths?: number;\n  shouldFlip?: boolean;\n  /**\n   * The ref of the element the popover should visually attach itself to.\n   * Defaults to the field wrapper.\n   *\n   * Forwarded to `DialogTrigger`, so the anchor also becomes what outside-click\n   * dismissal treats as the trigger.\n   */\n  targetRef?: RefObject<HTMLElement | null>;\n  /**\n   * Placement of the popover relative to the anchor.\n   * Accepts React Aria's `Placement` strings (e.g. `'bottom start'`,\n   * `'top start'`, `'right top'`, `'left top'`).\n   * @default 'bottom right'\n   */\n  placement?: Placement;\n  useLocale?: boolean;\n}\n\nfunction DateRangePicker<T extends DateValue>(\n  rawProps: CubeDateRangePickerProps<T>,\n  ref: FocusableRef<HTMLElement>,\n) {\n  const { t } = useI18n();\n\n  let props = useFieldProps(rawProps, {\n    defaultValidationTrigger: 'onBlur',\n  });\n  props = Object.assign({}, DEFAULT_DATE_PROPS, props);\n\n  // The public type declares `ContainerStyleProps` and `styles`, so both have to\n  // reach the root — before this they were extracted and dropped, which made\n  // `width=\"100%\"` type-check and do nothing. `extractStyles` already folds in\n  // `props.styles` and lets the individual style props override it, which is the\n  // precedence every other component uses; re-spreading `props.styles` here\n  // would invert it. `wrapperStyles` stays the most specific and keeps winning.\n  let styles = mergeStyleLayers(\n    extractStyles(props, CONTAINER_STYLES),\n    props.wrapperStyles,\n  );\n\n  let {\n    qa,\n    size,\n    shouldFlip,\n    targetRef: targetRefProp,\n    placement = 'bottom right',\n    placeholderValue,\n    isDisabled,\n    isInvalid,\n    isValid,\n    useLocale: useLocaleProp,\n    autoFocus,\n  } = props;\n  let targetRef = useRef<HTMLDivElement>(null);\n  let state = useDateRangePickerState({\n    ...props,\n    shouldCloseOnSelect: () => !state.hasTime,\n  });\n  let { isOpen, setOpen } = state;\n\n  let { isFocused, focusProps } = useFocusRing({\n    within: true,\n    isTextInput: true,\n    autoFocus,\n  });\n\n  let { isFocused: isFocusedButton, focusProps: focusPropsButton } =\n    useFocusRing({\n      within: false,\n      isTextInput: false,\n      autoFocus,\n    });\n\n  let domRef = useFocusManagerRef(ref);\n\n  let {\n    groupProps,\n    labelProps,\n    startFieldProps,\n    endFieldProps,\n    buttonProps,\n    dialogProps,\n    calendarProps,\n  } = useDateRangePicker(props, state, targetRef);\n\n  let placeholder: DateValue | undefined = placeholderValue ?? undefined;\n  let timePlaceholder =\n    placeholder && 'hour' in placeholder ? placeholder : undefined;\n  let timeMinValue =\n    props.minValue && 'hour' in props.minValue ? props.minValue : undefined;\n  let timeMaxValue =\n    props.maxValue && 'hour' in props.maxValue ? props.maxValue : undefined;\n  let timeGranularity =\n    state.granularity === 'hour' ||\n    state.granularity === 'minute' ||\n    state.granularity === 'second'\n      ? state.granularity\n      : null;\n  let showTimeField = !!timeGranularity;\n  // let visibleMonths = useVisibleMonths(maxVisibleMonths);\n\n  const component = (\n    <DateInputBase\n      ref={targetRef}\n      qa={qa || 'DateRangePicker'}\n      inputType=\"daterangepicker\"\n      styles={styles}\n      disableFocusRing={isFocusedButton}\n      isDisabled={isDisabled}\n      isInvalid={isInvalid}\n      isValid={isValid}\n      size={size}\n      fieldProps={groupProps}\n      {...focusProps}\n      suffix={\n        <DialogTrigger\n          hideArrow\n          type=\"popover\"\n          placement={placement}\n          targetRef={targetRefProp ?? targetRef}\n          isOpen={isOpen}\n          shouldFlip={shouldFlip}\n          onOpenChange={setOpen}\n        >\n          <DatePickerButton\n            size={size}\n            {...mergeProps(buttonProps, focusPropsButton)}\n            isDisabled={isDisabled}\n          />\n          <Dialog {...dialogProps} width=\"max-content\" overflow=\"auto\">\n            <RangeCalendar\n              {...calendarProps}\n              isDateUnavailable={props.isDateUnavailable}\n            />\n            {showTimeField && (\n              <Space>\n                <TimeInput\n                  padding=\"1x\"\n                  label={t('datePicker.startTime', 'Start time')}\n                  value={state.timeRange?.start || null}\n                  placeholderValue={timePlaceholder}\n                  granularity={timeGranularity}\n                  minValue={timeMinValue}\n                  maxValue={timeMaxValue}\n                  hourCycle={props.hourCycle}\n                  hideTimeZone={props.hideTimeZone}\n                  onChange={(v) => state.setTime('start', v)}\n                />\n                <TimeInput\n                  padding=\"1x\"\n                  label={t('datePicker.endTime', 'End time')}\n                  value={state.timeRange?.end || null}\n                  placeholderValue={timePlaceholder}\n                  granularity={timeGranularity}\n                  minValue={timeMinValue}\n                  maxValue={timeMaxValue}\n                  hourCycle={props.hourCycle}\n                  hideTimeZone={props.hideTimeZone}\n                  onChange={(v) => state.setTime('end', v)}\n                />\n              </Space>\n            )}\n          </Dialog>\n        </DialogTrigger>\n      }\n    >\n      <DatePickerInput useLocale={useLocaleProp} {...startFieldProps} />\n      <DateRangeDash />\n      <DatePickerInput useLocale={useLocaleProp} {...endFieldProps} />\n    </DateInputBase>\n  );\n\n  return wrapWithField(component, domRef, {\n    ...props,\n    labelProps: mergeProps(props.labelProps, labelProps),\n  });\n}\n\nconst _DateRangePicker = forwardRef(DateRangePicker) as <\n  T extends DateValue = DateValue,\n>(\n  props: CubeDateRangePickerProps<T> & { ref?: Ref<HTMLElement> },\n) => ReactElement | null;\n\n(_DateRangePicker as any).displayName = 'DateRangePicker';\n\nexport { _DateRangePicker as DateRangePicker };\n"],"mappings":"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"}

package/dist/components/fields/DatePicker/DateRangeSeparatedPicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.9 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useI18n } from "../../../i18n/useI18n.js";
@@ -14,7 +14,7 @@ import { _Calendar } from "../../other/Calendar/Calendar.js";
 import { DatePickerButton } from "./DatePickerButton.js";
 import { DatePickerInput } from "./DatePickerInput.js";
 import { DatePickerElement } from "./DatePickerElement.js";
-import { c } from "react-compiler-runtime";
+import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES, tasty } from "@tenphi/tasty";
 import { forwardRef, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -278,6 +278,7 @@ function DateRangeSeparatedPicker(rawProps, ref) {
 		t29 = /* @__PURE__ */ jsxs(Dialog, {
 			...startProps.dialogProps,
 			width: "max-content",
+			overflow: "auto",
 			children: [t27, t28]
 		});
 		$[55] = startProps.dialogProps;
@@ -290,7 +291,6 @@ function DateRangeSeparatedPicker(rawProps, ref) {
 		t30 = /* @__PURE__ */ jsxs(DialogTrigger, {
 			hideArrow: true,
 			type: "popover",
-			mobileType: "tray",
 			placement: t17,
 			targetRef: t18,
 			isOpen: t19,
@@ -441,6 +441,7 @@ function DateRangeSeparatedPicker(rawProps, ref) {
 		t49 = /* @__PURE__ */ jsxs(Dialog, {
 			...endProps.dialogProps,
 			width: "max-content",
+			overflow: "auto",
 			children: [t47, t48]
 		});
 		$[110] = endProps.dialogProps;
@@ -453,7 +454,6 @@ function DateRangeSeparatedPicker(rawProps, ref) {
 		t50 = /* @__PURE__ */ jsxs(DialogTrigger, {
 			hideArrow: true,
 			type: "popover",
-			mobileType: "tray",
 			placement: t36,
 			targetRef: t37,
 			isOpen: t38,

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

@@ -1 +1 @@
-{"version":3,"file":"DateRangeSeparatedPicker.js","names":["FocusableRef","BaseProps","CONTAINER_STYLES","ContainerStyleProps","Styles","tasty","forwardRef","ReactElement","RefObject","useRef","AriaDateRangePickerProps","DateValue","Placement","useDatePicker","useDateRangePicker","useFocusRing","useDatePickerState","useDateRangePickerState","useI18n","FieldBaseProps","mergeProps","extractStyles","mergeStyleLayers","useFieldProps","wrapWithField","Calendar","Dialog","DialogTrigger","DateInputBase","DatePickerButton","DatePickerElement","DatePickerInput","DEFAULT_DATE_PROPS","TimeInput","DateFieldBase","useFocusManagerRef","DateRangeDash","children","styles","padding","color","CubeDateRangeSeparatedPickerProps","Omit","T","start","end","wrapperStyles","inputStyles","size","maxVisibleMonths","shouldFlip","targetRef","HTMLElement","placement","useLocale","DateRangeSeparatedPicker","rawProps","ref","$","_c","t","t0","Symbol","for","defaultValidationTrigger","props","t1","Object","assign","qa","placeholderValue","isDisabled","isInvalid","isValid","useLocaleProp","autoFocus","t2","state","t3","value","t4","defaultValue","t5","onChange","undefined","validate","startDateProps","t6","t7","t8","endDateProps","startState","endState","t9","within","isTextInput","startFocusRingProps","t10","startFocusProps","t11","endFocusRingProps","t12","endFocusProps","domRef","groupProps","labelProps","startFieldProps","endFieldProps","startProps","endProps","placeholder","timePlaceholder","timeMinValue","minValue","timeMaxValue","maxValue","timeGranularity","granularity","showTimeField","t13","calendarProps","type","newRange","compare","setValue","setDateTime","setOpen","newRange_0","t14","t15","isFocused","t16","focusProps","t17","t18","t19","isOpen","t20","t21","t22","buttonProps","t23","t24","t25","t26","value_0","t27","t28","hideTimeZone","hourCycle","setTimeValue","timeValue","t29","dialogProps","t30","t31","t32","t33","t34","t35","t36","t37","t38","t39","t40","t41","t42","t43","t44","t45","t46","value_1","t47","t48","t49","t50","t51","t52","t53","component","t54","_DateRangeSeparatedPicker","displayName"],"sources":["../../../../src/components/fields/DatePicker/DateRangeSeparatedPicker.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef, ReactElement, RefObject, useRef } from 'react';\nimport {\n  AriaDateRangePickerProps,\n  DateValue,\n  Placement,\n  useDatePicker,\n  useDateRangePicker,\n  useFocusRing,\n} from 'react-aria';\nimport { useDatePickerState, useDateRangePickerState } from 'react-stately';\n\nimport { useI18n } from '../../../i18n';\nimport { FieldBaseProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles, mergeStyleLayers } from '../../../utils/styles';\nimport { useFieldProps, wrapWithField } from '../../form';\nimport { Calendar } from '../../other/Calendar/Calendar';\nimport { Dialog, DialogTrigger } from '../../overlays/Dialog';\n\nimport { DateInputBase } from './DateInputBase';\nimport { DatePickerButton } from './DatePickerButton';\nimport { DatePickerElement } from './DatePickerElement';\nimport { DatePickerInput } from './DatePickerInput';\nimport { DEFAULT_DATE_PROPS } from './props';\nimport { TimeInput } from './TimeInput';\nimport { DateFieldBase } from './types';\nimport { useFocusManagerRef } from './utils';\n\nconst DateRangeDash = tasty({\n  'aria-hidden': 'true',\n  'data-qa': 'DateRangeDash',\n  children: '–',\n  styles: {\n    padding: '0 .5x',\n    color: '#dark-03',\n  },\n});\n\nexport interface CubeDateRangeSeparatedPickerProps<\n  T extends DateValue = DateValue,\n> extends Omit<\n      AriaDateRangePickerProps<T>,\n      'errorMessage' | 'form' | 'name' | keyof DateFieldBase<T>\n    >,\n    BaseProps,\n    ContainerStyleProps,\n    DateFieldBase<T>,\n    FieldBaseProps<{ start: T; end: T } | null | undefined> {\n  wrapperStyles?: Styles;\n  inputStyles?: Styles;\n  styles?: Styles;\n  size?: 'small' | 'medium' | 'large' | (string & {});\n  maxVisibleMonths?: number;\n  shouldFlip?: boolean;\n  /**\n   * The ref of the element the popover should visually attach itself to.\n   * Defaults to the field wrapper.\n   *\n   * Forwarded to `DialogTrigger`, so the anchor also becomes what outside-click\n   * dismissal treats as the trigger.\n   */\n  targetRef?: RefObject<HTMLElement | null>;\n  /**\n   * Placement of the popover relative to the anchor.\n   * Accepts React Aria's `Placement` strings (e.g. `'bottom start'`,\n   * `'top start'`, `'right top'`, `'left top'`).\n   * @default 'bottom right'\n   */\n  placement?: Placement;\n  useLocale?: boolean;\n}\n\nfunction DateRangeSeparatedPicker<T extends DateValue>(\n  rawProps: CubeDateRangeSeparatedPickerProps<T>,\n  ref: FocusableRef<HTMLElement>,\n) {\n  const { t } = useI18n();\n\n  let props = useFieldProps(rawProps, {\n    defaultValidationTrigger: 'onBlur',\n  });\n  props = Object.assign({}, DEFAULT_DATE_PROPS, props);\n\n  // The public type declares `ContainerStyleProps` and `styles`, so both have to\n  // reach the root — before this they were extracted and dropped, which made\n  // `width=\"100%\"` type-check and do nothing. `extractStyles` already folds in\n  // `props.styles` and lets the individual style props override it, which is the\n  // precedence every other component uses; re-spreading `props.styles` here\n  // would invert it. `wrapperStyles` stays the most specific and keeps winning.\n  let styles = mergeStyleLayers(\n    extractStyles(props, CONTAINER_STYLES),\n    props.wrapperStyles,\n  );\n\n  let {\n    qa,\n    size,\n    placeholderValue,\n    isDisabled,\n    isInvalid,\n    isValid,\n    useLocale: useLocaleProp,\n    autoFocus,\n  } = props;\n  let targetRef = useRef<HTMLDivElement>(null);\n\n  let state = useDateRangePickerState({\n    ...props,\n  });\n\n  let startDateProps = {\n    ...props,\n    onChange: undefined,\n    validate: undefined,\n    value: state.value?.start,\n    defaultValue: props.defaultValue?.start,\n  };\n  let endDateProps = {\n    ...props,\n    onChange: undefined,\n    validate: undefined,\n    value: state.value?.end,\n    defaultValue: props.defaultValue?.end,\n  };\n  let startState = useDatePickerState(startDateProps);\n  let endState = useDatePickerState(endDateProps);\n\n  let startFocusRingProps = useFocusRing({\n    within: true,\n    isTextInput: true,\n    autoFocus,\n  });\n  let startFocusProps = useFocusRing({\n    within: false,\n    isTextInput: false,\n    autoFocus,\n  });\n  let endFocusRingProps = useFocusRing({\n    within: true,\n    isTextInput: true,\n    autoFocus,\n  });\n  let endFocusProps = useFocusRing({\n    within: false,\n    isTextInput: false,\n    autoFocus,\n  });\n\n  let domRef = useFocusManagerRef(ref);\n\n  let { groupProps, labelProps, startFieldProps, endFieldProps } =\n    useDateRangePicker(props, state, targetRef);\n\n  let startProps = useDatePicker(startDateProps, startState, targetRef);\n  let endProps = useDatePicker(endDateProps, endState, targetRef);\n\n  let placeholder: DateValue | undefined = placeholderValue ?? undefined;\n  let timePlaceholder =\n    placeholder && 'hour' in placeholder ? placeholder : undefined;\n  let timeMinValue =\n    props.minValue && 'hour' in props.minValue ? props.minValue : undefined;\n  let timeMaxValue =\n    props.maxValue && 'hour' in props.maxValue ? props.maxValue : undefined;\n  let timeGranularity =\n    state.granularity === 'hour' ||\n    state.granularity === 'minute' ||\n    state.granularity === 'second'\n      ? state.granularity\n      : undefined;\n  let showTimeField = !!timeGranularity;\n\n  // let visibleMonths = useVisibleMonths(maxVisibleMonths);\n\n  function onChange(value: DateValue, type: 'start' | 'end') {\n    if (type === 'start') {\n      const newRange = { ...state.value, start: value };\n\n      if (\n        newRange.start &&\n        newRange.end &&\n        newRange.end.compare(newRange.start) < 0\n      ) {\n        newRange.end = newRange.start;\n      }\n\n      if (newRange.end) {\n        state.setValue({ start: newRange.start, end: newRange.end });\n      } else {\n        state.setDateTime('start', newRange.start);\n      }\n      startProps.calendarProps.onChange?.(value);\n      startState.setOpen(false);\n    } else {\n      const newRange = { ...state.value, end: value };\n\n      if (\n        newRange.start &&\n        newRange.end &&\n        newRange.end.compare(newRange.start) < 0\n      ) {\n        newRange.start = newRange.end;\n      }\n\n      if (newRange.start) {\n        state.setValue({ start: newRange.start, end: newRange.end });\n      } else {\n        state.setDateTime('end', newRange.end);\n      }\n      endProps.calendarProps.onChange?.(value);\n      endState.setOpen(false);\n    }\n  }\n\n  const component = (\n    <DatePickerElement\n      ref={targetRef}\n      {...groupProps}\n      styles={styles}\n      qa={qa || 'DateRangeSeparatedPicker'}\n      data-input-type=\"daterangeseparatedpicker\"\n    >\n      <DateInputBase\n        disableFocusRing={startFocusProps.isFocused}\n        isDisabled={isDisabled}\n        isInvalid={isInvalid}\n        isValid={isValid}\n        size={size}\n        {...startFocusRingProps.focusProps}\n        suffix={\n          <DialogTrigger\n            hideArrow\n            type=\"popover\"\n            mobileType=\"tray\"\n            placement={props.placement ?? 'bottom right'}\n            targetRef={props.targetRef ?? targetRef}\n            isOpen={startState.isOpen}\n            shouldFlip={props.shouldFlip}\n            onOpenChange={startState.setOpen}\n          >\n            <DatePickerButton\n              size={size}\n              {...mergeProps(\n                startProps.buttonProps,\n                startFocusProps.focusProps,\n              )}\n              isDisabled={isDisabled}\n            />\n            <Dialog {...startProps.dialogProps} width=\"max-content\">\n              <Calendar\n                {...startProps.calendarProps}\n                defaultFocusedValue={\n                  state.value?.start || state.value?.end || undefined\n                }\n                selectedRange={\n                  state.value?.start && state.value?.end\n                    ? { start: state.value.start, end: state.value.end }\n                    : undefined\n                }\n                onChange={(value: DateValue) => onChange(value, 'start')}\n              />\n              {showTimeField && (\n                <TimeInput\n                  padding=\"1x\"\n                  label={t('datePicker.time', 'Time')}\n                  value={startState.timeValue}\n                  placeholderValue={timePlaceholder}\n                  granularity={timeGranularity}\n                  minValue={timeMinValue}\n                  maxValue={timeMaxValue}\n                  hourCycle={props.hourCycle}\n                  hideTimeZone={props.hideTimeZone}\n                  onChange={startState.setTimeValue}\n                />\n              )}\n            </Dialog>\n          </DialogTrigger>\n        }\n      >\n        <DatePickerInput useLocale={useLocaleProp} {...startFieldProps} />\n      </DateInputBase>\n      <DateRangeDash />\n      <DateInputBase\n        disableFocusRing={endFocusProps.isFocused}\n        isDisabled={isDisabled}\n        isInvalid={isInvalid}\n        isValid={isValid}\n        size={size}\n        {...endFocusRingProps.focusProps}\n        suffix={\n          <DialogTrigger\n            hideArrow\n            type=\"popover\"\n            mobileType=\"tray\"\n            placement={props.placement ?? 'bottom right'}\n            targetRef={props.targetRef ?? targetRef}\n            isOpen={endState.isOpen}\n            shouldFlip={props.shouldFlip}\n            onOpenChange={endState.setOpen}\n          >\n            <DatePickerButton\n              aria-label={t(\n                'datePicker.showEndCalendar',\n                'Show calendar for the end date',\n              )}\n              size={size}\n              {...mergeProps(endFocusProps.focusProps, endProps.buttonProps)}\n              isDisabled={isDisabled}\n            />\n            <Dialog {...endProps.dialogProps} width=\"max-content\">\n              <Calendar\n                {...endProps.calendarProps}\n                defaultFocusedValue={\n                  state.value?.end || state.value?.start || undefined\n                }\n                selectedRange={\n                  state.value?.start && state.value?.end\n                    ? { start: state.value.start, end: state.value.end }\n                    : undefined\n                }\n                onChange={(value: DateValue) => {\n                  onChange(value, 'end');\n                }}\n              />\n              {showTimeField && (\n                <TimeInput\n                  padding=\"1x\"\n                  label={t('datePicker.time', 'Time')}\n                  value={endState.timeValue}\n                  placeholderValue={timePlaceholder}\n                  granularity={timeGranularity}\n                  minValue={timeMinValue}\n                  maxValue={timeMaxValue}\n                  hourCycle={props.hourCycle}\n                  hideTimeZone={props.hideTimeZone}\n                  onChange={endState.setTimeValue}\n                />\n              )}\n            </Dialog>\n          </DialogTrigger>\n        }\n      >\n        <DatePickerInput useLocale={useLocaleProp} {...endFieldProps} />\n      </DateInputBase>\n    </DatePickerElement>\n  );\n\n  return wrapWithField(component, domRef, {\n    ...props,\n    labelProps: mergeProps(props.labelProps, labelProps),\n  });\n}\n\nconst _DateRangeSeparatedPicker = forwardRef(DateRangeSeparatedPicker) as <\n  T extends DateValue,\n>(\n  props: CubeDateRangeSeparatedPickerProps<T> & {\n    ref?: FocusableRef<HTMLElement>;\n  },\n) => ReactElement;\n\n(_DateRangeSeparatedPicker as any).displayName = 'DateRangeSeparatedPicker';\n\nexport { _DateRangeSeparatedPicker as DateRangeSeparatedPicker };\n"],"mappings":"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"}
+{"version":3,"file":"DateRangeSeparatedPicker.js","names":["FocusableRef","BaseProps","CONTAINER_STYLES","ContainerStyleProps","Styles","tasty","forwardRef","ReactElement","RefObject","useRef","AriaDateRangePickerProps","DateValue","Placement","useDatePicker","useDateRangePicker","useFocusRing","useDatePickerState","useDateRangePickerState","useI18n","FieldBaseProps","mergeProps","extractStyles","mergeStyleLayers","useFieldProps","wrapWithField","Calendar","Dialog","DialogTrigger","DateInputBase","DatePickerButton","DatePickerElement","DatePickerInput","DEFAULT_DATE_PROPS","TimeInput","DateFieldBase","useFocusManagerRef","DateRangeDash","children","styles","padding","color","CubeDateRangeSeparatedPickerProps","Omit","T","start","end","wrapperStyles","inputStyles","size","maxVisibleMonths","shouldFlip","targetRef","HTMLElement","placement","useLocale","DateRangeSeparatedPicker","rawProps","ref","$","_c","t","t0","Symbol","for","defaultValidationTrigger","props","t1","Object","assign","qa","placeholderValue","isDisabled","isInvalid","isValid","useLocaleProp","autoFocus","t2","state","t3","value","t4","defaultValue","t5","onChange","undefined","validate","startDateProps","t6","t7","t8","endDateProps","startState","endState","t9","within","isTextInput","startFocusRingProps","t10","startFocusProps","t11","endFocusRingProps","t12","endFocusProps","domRef","groupProps","labelProps","startFieldProps","endFieldProps","startProps","endProps","placeholder","timePlaceholder","timeMinValue","minValue","timeMaxValue","maxValue","timeGranularity","granularity","showTimeField","t13","calendarProps","type","newRange","compare","setValue","setDateTime","setOpen","newRange_0","t14","t15","isFocused","t16","focusProps","t17","t18","t19","isOpen","t20","t21","t22","buttonProps","t23","t24","t25","t26","value_0","t27","t28","hideTimeZone","hourCycle","setTimeValue","timeValue","t29","dialogProps","t30","t31","t32","t33","t34","t35","t36","t37","t38","t39","t40","t41","t42","t43","t44","t45","t46","value_1","t47","t48","t49","t50","t51","t52","t53","component","t54","_DateRangeSeparatedPicker","displayName"],"sources":["../../../../src/components/fields/DatePicker/DateRangeSeparatedPicker.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef, ReactElement, RefObject, useRef } from 'react';\nimport {\n  AriaDateRangePickerProps,\n  DateValue,\n  Placement,\n  useDatePicker,\n  useDateRangePicker,\n  useFocusRing,\n} from 'react-aria';\nimport { useDatePickerState, useDateRangePickerState } from 'react-stately';\n\nimport { useI18n } from '../../../i18n';\nimport { FieldBaseProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles, mergeStyleLayers } from '../../../utils/styles';\nimport { useFieldProps, wrapWithField } from '../../form';\nimport { Calendar } from '../../other/Calendar/Calendar';\nimport { Dialog } from '../../overlays/Dialog/Dialog';\nimport { DialogTrigger } from '../../overlays/Dialog/DialogTrigger';\n\nimport { DateInputBase } from './DateInputBase';\nimport { DatePickerButton } from './DatePickerButton';\nimport { DatePickerElement } from './DatePickerElement';\nimport { DatePickerInput } from './DatePickerInput';\nimport { DEFAULT_DATE_PROPS } from './props';\nimport { TimeInput } from './TimeInput';\nimport { DateFieldBase } from './types';\nimport { useFocusManagerRef } from './utils';\n\nconst DateRangeDash = tasty({\n  'aria-hidden': 'true',\n  'data-qa': 'DateRangeDash',\n  children: '–',\n  styles: {\n    padding: '0 .5x',\n    color: '#dark-03',\n  },\n});\n\nexport interface CubeDateRangeSeparatedPickerProps<\n  T extends DateValue = DateValue,\n> extends Omit<\n      AriaDateRangePickerProps<T>,\n      'errorMessage' | 'form' | 'name' | keyof DateFieldBase<T>\n    >,\n    BaseProps,\n    ContainerStyleProps,\n    DateFieldBase<T>,\n    FieldBaseProps<{ start: T; end: T } | null | undefined> {\n  wrapperStyles?: Styles;\n  inputStyles?: Styles;\n  styles?: Styles;\n  size?: 'small' | 'medium' | 'large' | (string & {});\n  maxVisibleMonths?: number;\n  shouldFlip?: boolean;\n  /**\n   * The ref of the element the popover should visually attach itself to.\n   * Defaults to the field wrapper.\n   *\n   * Forwarded to `DialogTrigger`, so the anchor also becomes what outside-click\n   * dismissal treats as the trigger.\n   */\n  targetRef?: RefObject<HTMLElement | null>;\n  /**\n   * Placement of the popover relative to the anchor.\n   * Accepts React Aria's `Placement` strings (e.g. `'bottom start'`,\n   * `'top start'`, `'right top'`, `'left top'`).\n   * @default 'bottom right'\n   */\n  placement?: Placement;\n  useLocale?: boolean;\n}\n\nfunction DateRangeSeparatedPicker<T extends DateValue>(\n  rawProps: CubeDateRangeSeparatedPickerProps<T>,\n  ref: FocusableRef<HTMLElement>,\n) {\n  const { t } = useI18n();\n\n  let props = useFieldProps(rawProps, {\n    defaultValidationTrigger: 'onBlur',\n  });\n  props = Object.assign({}, DEFAULT_DATE_PROPS, props);\n\n  // The public type declares `ContainerStyleProps` and `styles`, so both have to\n  // reach the root — before this they were extracted and dropped, which made\n  // `width=\"100%\"` type-check and do nothing. `extractStyles` already folds in\n  // `props.styles` and lets the individual style props override it, which is the\n  // precedence every other component uses; re-spreading `props.styles` here\n  // would invert it. `wrapperStyles` stays the most specific and keeps winning.\n  let styles = mergeStyleLayers(\n    extractStyles(props, CONTAINER_STYLES),\n    props.wrapperStyles,\n  );\n\n  let {\n    qa,\n    size,\n    placeholderValue,\n    isDisabled,\n    isInvalid,\n    isValid,\n    useLocale: useLocaleProp,\n    autoFocus,\n  } = props;\n  let targetRef = useRef<HTMLDivElement>(null);\n\n  let state = useDateRangePickerState({\n    ...props,\n  });\n\n  let startDateProps = {\n    ...props,\n    onChange: undefined,\n    validate: undefined,\n    value: state.value?.start,\n    defaultValue: props.defaultValue?.start,\n  };\n  let endDateProps = {\n    ...props,\n    onChange: undefined,\n    validate: undefined,\n    value: state.value?.end,\n    defaultValue: props.defaultValue?.end,\n  };\n  let startState = useDatePickerState(startDateProps);\n  let endState = useDatePickerState(endDateProps);\n\n  let startFocusRingProps = useFocusRing({\n    within: true,\n    isTextInput: true,\n    autoFocus,\n  });\n  let startFocusProps = useFocusRing({\n    within: false,\n    isTextInput: false,\n    autoFocus,\n  });\n  let endFocusRingProps = useFocusRing({\n    within: true,\n    isTextInput: true,\n    autoFocus,\n  });\n  let endFocusProps = useFocusRing({\n    within: false,\n    isTextInput: false,\n    autoFocus,\n  });\n\n  let domRef = useFocusManagerRef(ref);\n\n  let { groupProps, labelProps, startFieldProps, endFieldProps } =\n    useDateRangePicker(props, state, targetRef);\n\n  let startProps = useDatePicker(startDateProps, startState, targetRef);\n  let endProps = useDatePicker(endDateProps, endState, targetRef);\n\n  let placeholder: DateValue | undefined = placeholderValue ?? undefined;\n  let timePlaceholder =\n    placeholder && 'hour' in placeholder ? placeholder : undefined;\n  let timeMinValue =\n    props.minValue && 'hour' in props.minValue ? props.minValue : undefined;\n  let timeMaxValue =\n    props.maxValue && 'hour' in props.maxValue ? props.maxValue : undefined;\n  let timeGranularity =\n    state.granularity === 'hour' ||\n    state.granularity === 'minute' ||\n    state.granularity === 'second'\n      ? state.granularity\n      : undefined;\n  let showTimeField = !!timeGranularity;\n\n  // let visibleMonths = useVisibleMonths(maxVisibleMonths);\n\n  function onChange(value: DateValue, type: 'start' | 'end') {\n    if (type === 'start') {\n      const newRange = { ...state.value, start: value };\n\n      if (\n        newRange.start &&\n        newRange.end &&\n        newRange.end.compare(newRange.start) < 0\n      ) {\n        newRange.end = newRange.start;\n      }\n\n      if (newRange.end) {\n        state.setValue({ start: newRange.start, end: newRange.end });\n      } else {\n        state.setDateTime('start', newRange.start);\n      }\n      startProps.calendarProps.onChange?.(value);\n      startState.setOpen(false);\n    } else {\n      const newRange = { ...state.value, end: value };\n\n      if (\n        newRange.start &&\n        newRange.end &&\n        newRange.end.compare(newRange.start) < 0\n      ) {\n        newRange.start = newRange.end;\n      }\n\n      if (newRange.start) {\n        state.setValue({ start: newRange.start, end: newRange.end });\n      } else {\n        state.setDateTime('end', newRange.end);\n      }\n      endProps.calendarProps.onChange?.(value);\n      endState.setOpen(false);\n    }\n  }\n\n  const component = (\n    <DatePickerElement\n      ref={targetRef}\n      {...groupProps}\n      styles={styles}\n      qa={qa || 'DateRangeSeparatedPicker'}\n      data-input-type=\"daterangeseparatedpicker\"\n    >\n      <DateInputBase\n        disableFocusRing={startFocusProps.isFocused}\n        isDisabled={isDisabled}\n        isInvalid={isInvalid}\n        isValid={isValid}\n        size={size}\n        {...startFocusRingProps.focusProps}\n        suffix={\n          <DialogTrigger\n            hideArrow\n            type=\"popover\"\n            placement={props.placement ?? 'bottom right'}\n            targetRef={props.targetRef ?? targetRef}\n            isOpen={startState.isOpen}\n            shouldFlip={props.shouldFlip}\n            onOpenChange={startState.setOpen}\n          >\n            <DatePickerButton\n              size={size}\n              {...mergeProps(\n                startProps.buttonProps,\n                startFocusProps.focusProps,\n              )}\n              isDisabled={isDisabled}\n            />\n            <Dialog\n              {...startProps.dialogProps}\n              width=\"max-content\"\n              overflow=\"auto\"\n            >\n              <Calendar\n                {...startProps.calendarProps}\n                defaultFocusedValue={\n                  state.value?.start || state.value?.end || undefined\n                }\n                selectedRange={\n                  state.value?.start && state.value?.end\n                    ? { start: state.value.start, end: state.value.end }\n                    : undefined\n                }\n                onChange={(value: DateValue) => onChange(value, 'start')}\n              />\n              {showTimeField && (\n                <TimeInput\n                  padding=\"1x\"\n                  label={t('datePicker.time', 'Time')}\n                  value={startState.timeValue}\n                  placeholderValue={timePlaceholder}\n                  granularity={timeGranularity}\n                  minValue={timeMinValue}\n                  maxValue={timeMaxValue}\n                  hourCycle={props.hourCycle}\n                  hideTimeZone={props.hideTimeZone}\n                  onChange={startState.setTimeValue}\n                />\n              )}\n            </Dialog>\n          </DialogTrigger>\n        }\n      >\n        <DatePickerInput useLocale={useLocaleProp} {...startFieldProps} />\n      </DateInputBase>\n      <DateRangeDash />\n      <DateInputBase\n        disableFocusRing={endFocusProps.isFocused}\n        isDisabled={isDisabled}\n        isInvalid={isInvalid}\n        isValid={isValid}\n        size={size}\n        {...endFocusRingProps.focusProps}\n        suffix={\n          <DialogTrigger\n            hideArrow\n            type=\"popover\"\n            placement={props.placement ?? 'bottom right'}\n            targetRef={props.targetRef ?? targetRef}\n            isOpen={endState.isOpen}\n            shouldFlip={props.shouldFlip}\n            onOpenChange={endState.setOpen}\n          >\n            <DatePickerButton\n              aria-label={t(\n                'datePicker.showEndCalendar',\n                'Show calendar for the end date',\n              )}\n              size={size}\n              {...mergeProps(endFocusProps.focusProps, endProps.buttonProps)}\n              isDisabled={isDisabled}\n            />\n            <Dialog\n              {...endProps.dialogProps}\n              width=\"max-content\"\n              overflow=\"auto\"\n            >\n              <Calendar\n                {...endProps.calendarProps}\n                defaultFocusedValue={\n                  state.value?.end || state.value?.start || undefined\n                }\n                selectedRange={\n                  state.value?.start && state.value?.end\n                    ? { start: state.value.start, end: state.value.end }\n                    : undefined\n                }\n                onChange={(value: DateValue) => {\n                  onChange(value, 'end');\n                }}\n              />\n              {showTimeField && (\n                <TimeInput\n                  padding=\"1x\"\n                  label={t('datePicker.time', 'Time')}\n                  value={endState.timeValue}\n                  placeholderValue={timePlaceholder}\n                  granularity={timeGranularity}\n                  minValue={timeMinValue}\n                  maxValue={timeMaxValue}\n                  hourCycle={props.hourCycle}\n                  hideTimeZone={props.hideTimeZone}\n                  onChange={endState.setTimeValue}\n                />\n              )}\n            </Dialog>\n          </DialogTrigger>\n        }\n      >\n        <DatePickerInput useLocale={useLocaleProp} {...endFieldProps} />\n      </DateInputBase>\n    </DatePickerElement>\n  );\n\n  return wrapWithField(component, domRef, {\n    ...props,\n    labelProps: mergeProps(props.labelProps, labelProps),\n  });\n}\n\nconst _DateRangeSeparatedPicker = forwardRef(DateRangeSeparatedPicker) as <\n  T extends DateValue,\n>(\n  props: CubeDateRangeSeparatedPickerProps<T> & {\n    ref?: FocusableRef<HTMLElement>;\n  },\n) => ReactElement;\n\n(_DateRangeSeparatedPicker as any).displayName = 'DateRangeSeparatedPicker';\n\nexport { _DateRangeSeparatedPicker as DateRangeSeparatedPicker };\n"],"mappings":"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"}

package/dist/components/fields/DatePicker/MonthPicker.js

@@ -1,6 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.9 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
 import { PeriodPicker } from "./PeriodPicker.js";
-import { c } from "react-compiler-runtime";
+import { c } from "react/compiler-runtime";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/fields/DatePicker/PeriodPicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.9 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useI18n } from "../../../i18n/useI18n.js";
@@ -12,7 +12,7 @@ import { formatPeriod, snapToPeriod } from "./period.js";
 import { _Calendar } from "../../other/Calendar/Calendar.js";
 import { DatePickerButton } from "./DatePickerButton.js";
 import { PeriodCalendar } from "../../other/Calendar/PeriodCalendar.js";
-import { c } from "react-compiler-runtime";
+import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES, tasty } from "@tenphi/tasty";
 import { forwardRef, useId, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -218,6 +218,7 @@ function PeriodPickerImpl(rawProps, ref) {
 		t23 = /* @__PURE__ */ jsx(Dialog, {
 			...dialogProps,
 			width: "max-content",
+			overflow: "auto",
 			children: panel
 		});
 		$[50] = dialogProps;
@@ -229,7 +230,6 @@ function PeriodPickerImpl(rawProps, ref) {
 		t24 = /* @__PURE__ */ jsxs(DialogTrigger, {
 			hideArrow: true,
 			type: "popover",
-			mobileType: "tray",
 			placement: t18,
 			targetRef: t19,
 			isOpen,