@cube-dev/ui-kit 0.190.7 → 0.190.9

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.9 | 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";
@@ -28,15 +28,15 @@ const DateRangeDash = tasty({
 	children: "–",
 	styles: { padding: "0 .5x" }
 });
-function DateRangePicker(props, ref) {
-	const $ = c(64);
+function DateRangePicker(rawProps, ref) {
+	const $ = c(65);
 	const { t } = useI18n();
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
 		t0 = { defaultValidationTrigger: "onBlur" };
 		$[0] = t0;
 	} else t0 = $[0];
-	props = useFieldProps(props, t0);
+	let props = useFieldProps(rawProps, t0);
 	let t1;
 	if ($[1] !== props) {
 		props = Object.assign({}, DEFAULT_DATE_PROPS, props);
@@ -81,7 +81,7 @@ function DateRangePicker(props, ref) {
 	const { isFocused: isFocusedButton, focusProps: focusPropsButton } = useFocusRing(t4);
 	const domRef = useFocusManagerRef(ref);
 	const { groupProps, labelProps, startFieldProps, endFieldProps, buttonProps, dialogProps, calendarProps } = useDateRangePicker(props, state, targetRef);
-	const placeholder = placeholderValue;
+	const placeholder = placeholderValue ?? void 0;
 	const timePlaceholder = placeholder && "hour" in placeholder ? placeholder : void 0;
 	const timeMinValue = props.minValue && "hour" in props.minValue ? props.minValue : void 0;
 	const timeMaxValue = props.maxValue && "hour" in props.maxValue ? props.maxValue : void 0;
@@ -109,13 +109,17 @@ function DateRangePicker(props, ref) {
 		$[14] = t8;
 	} else t8 = $[14];
 	let t9;
-	if ($[15] !== calendarProps) {
-		t9 = /* @__PURE__ */ jsx(_RangeCalendar, { ...calendarProps });
+	if ($[15] !== calendarProps || $[16] !== props.isDateUnavailable) {
+		t9 = /* @__PURE__ */ jsx(_RangeCalendar, {
+			...calendarProps,
+			isDateUnavailable: props.isDateUnavailable
+		});
 		$[15] = calendarProps;
-		$[16] = t9;
-	} else t9 = $[16];
+		$[16] = props.isDateUnavailable;
+		$[17] = t9;
+	} else t9 = $[17];
 	let t10;
-	if ($[17] !== props.hideTimeZone || $[18] !== props.hourCycle || $[19] !== showTimeField || $[20] !== state || $[21] !== t || $[22] !== timeGranularity || $[23] !== timeMaxValue || $[24] !== timeMinValue || $[25] !== timePlaceholder) {
+	if ($[18] !== props.hideTimeZone || $[19] !== props.hourCycle || $[20] !== showTimeField || $[21] !== state || $[22] !== t || $[23] !== timeGranularity || $[24] !== timeMaxValue || $[25] !== timeMinValue || $[26] !== timePlaceholder) {
 		t10 = showTimeField && /* @__PURE__ */ jsxs(Space, { children: [/* @__PURE__ */ jsx(_TimeInput, {
 			padding: "1x",
 			label: t("datePicker.startTime", "Start time"),
@@ -139,31 +143,31 @@ function DateRangePicker(props, ref) {
 			hideTimeZone: props.hideTimeZone,
 			onChange: (v_0) => state.setTime("end", v_0)
 		})] });
-		$[17] = props.hideTimeZone;
-		$[18] = props.hourCycle;
-		$[19] = showTimeField;
-		$[20] = state;
-		$[21] = t;
-		$[22] = timeGranularity;
-		$[23] = timeMaxValue;
-		$[24] = timeMinValue;
-		$[25] = timePlaceholder;
-		$[26] = t10;
-	} else t10 = $[26];
+		$[18] = props.hideTimeZone;
+		$[19] = props.hourCycle;
+		$[20] = showTimeField;
+		$[21] = state;
+		$[22] = t;
+		$[23] = timeGranularity;
+		$[24] = timeMaxValue;
+		$[25] = timeMinValue;
+		$[26] = timePlaceholder;
+		$[27] = t10;
+	} else t10 = $[27];
 	let t11;
-	if ($[27] !== dialogProps || $[28] !== t10 || $[29] !== t9) {
+	if ($[28] !== dialogProps || $[29] !== t10 || $[30] !== t9) {
 		t11 = /* @__PURE__ */ jsxs(Dialog, {
 			...dialogProps,
 			width: "max-content",
 			children: [t9, t10]
 		});
-		$[27] = dialogProps;
-		$[28] = t10;
-		$[29] = t9;
-		$[30] = t11;
-	} else t11 = $[30];
+		$[28] = dialogProps;
+		$[29] = t10;
+		$[30] = t9;
+		$[31] = t11;
+	} else t11 = $[31];
 	let t12;
-	if ($[31] !== isOpen || $[32] !== placement || $[33] !== setOpen || $[34] !== shouldFlip || $[35] !== t11 || $[36] !== t6 || $[37] !== t8) {
+	if ($[32] !== isOpen || $[33] !== placement || $[34] !== setOpen || $[35] !== shouldFlip || $[36] !== t11 || $[37] !== t6 || $[38] !== t8) {
 		t12 = /* @__PURE__ */ jsxs(DialogTrigger, {
 			hideArrow: true,
 			type: "popover",
@@ -175,42 +179,42 @@ function DateRangePicker(props, ref) {
 			onOpenChange: setOpen,
 			children: [t8, t11]
 		});
-		$[31] = isOpen;
-		$[32] = placement;
-		$[33] = setOpen;
-		$[34] = shouldFlip;
-		$[35] = t11;
-		$[36] = t6;
-		$[37] = t8;
-		$[38] = t12;
-	} else t12 = $[38];
+		$[32] = isOpen;
+		$[33] = placement;
+		$[34] = setOpen;
+		$[35] = shouldFlip;
+		$[36] = t11;
+		$[37] = t6;
+		$[38] = t8;
+		$[39] = t12;
+	} else t12 = $[39];
 	let t13;
-	if ($[39] !== startFieldProps || $[40] !== useLocaleProp) {
+	if ($[40] !== startFieldProps || $[41] !== useLocaleProp) {
 		t13 = /* @__PURE__ */ jsx(DatePickerInput, {
 			useLocale: useLocaleProp,
 			...startFieldProps
 		});
-		$[39] = startFieldProps;
-		$[40] = useLocaleProp;
-		$[41] = t13;
-	} else t13 = $[41];
+		$[40] = startFieldProps;
+		$[41] = useLocaleProp;
+		$[42] = t13;
+	} else t13 = $[42];
 	let t14;
-	if ($[42] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[43] === Symbol.for("react.memo_cache_sentinel")) {
 		t14 = /* @__PURE__ */ jsx(DateRangeDash, {});
-		$[42] = t14;
-	} else t14 = $[42];
+		$[43] = t14;
+	} else t14 = $[43];
 	let t15;
-	if ($[43] !== endFieldProps || $[44] !== useLocaleProp) {
+	if ($[44] !== endFieldProps || $[45] !== useLocaleProp) {
 		t15 = /* @__PURE__ */ jsx(DatePickerInput, {
 			useLocale: useLocaleProp,
 			...endFieldProps
 		});
-		$[43] = endFieldProps;
-		$[44] = useLocaleProp;
-		$[45] = t15;
-	} else t15 = $[45];
+		$[44] = endFieldProps;
+		$[45] = useLocaleProp;
+		$[46] = t15;
+	} else t15 = $[46];
 	let t16;
-	if ($[46] !== focusProps || $[47] !== groupProps || $[48] !== isDisabled || $[49] !== isFocusedButton || $[50] !== isInvalid || $[51] !== isValid || $[52] !== size || $[53] !== styles || $[54] !== t12 || $[55] !== t13 || $[56] !== t15 || $[57] !== t5) {
+	if ($[47] !== focusProps || $[48] !== groupProps || $[49] !== isDisabled || $[50] !== isFocusedButton || $[51] !== isInvalid || $[52] !== isValid || $[53] !== size || $[54] !== styles || $[55] !== t12 || $[56] !== t13 || $[57] !== t15 || $[58] !== t5) {
 		t16 = /* @__PURE__ */ jsxs(_DateInputBase, {
 			ref: targetRef,
 			qa: t5,
@@ -230,33 +234,33 @@ function DateRangePicker(props, ref) {
 				t15
 			]
 		});
-		$[46] = focusProps;
-		$[47] = groupProps;
-		$[48] = isDisabled;
-		$[49] = isFocusedButton;
-		$[50] = isInvalid;
-		$[51] = isValid;
-		$[52] = size;
-		$[53] = styles;
-		$[54] = t12;
-		$[55] = t13;
-		$[56] = t15;
-		$[57] = t5;
-		$[58] = t16;
-	} else t16 = $[58];
+		$[47] = focusProps;
+		$[48] = groupProps;
+		$[49] = isDisabled;
+		$[50] = isFocusedButton;
+		$[51] = isInvalid;
+		$[52] = isValid;
+		$[53] = size;
+		$[54] = styles;
+		$[55] = t12;
+		$[56] = t13;
+		$[57] = t15;
+		$[58] = t5;
+		$[59] = t16;
+	} else t16 = $[59];
 	const component = t16;
 	let t17;
-	if ($[59] !== component || $[60] !== domRef || $[61] !== labelProps || $[62] !== props) {
+	if ($[60] !== component || $[61] !== domRef || $[62] !== labelProps || $[63] !== props) {
 		t17 = wrapWithField(component, domRef, {
 			...props,
 			labelProps: mergeProps$1(props.labelProps, labelProps)
 		});
-		$[59] = component;
-		$[60] = domRef;
-		$[61] = labelProps;
-		$[62] = props;
-		$[63] = t17;
-	} else t17 = $[63];
+		$[60] = component;
+		$[61] = domRef;
+		$[62] = labelProps;
+		$[63] = props;
+		$[64] = t17;
+	} else t17 = $[64];
 	return t17;
 }
 const _DateRangePicker = forwardRef(DateRangePicker);

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","props","ref","$","_c","t","t0","Symbol","for","defaultValidationTrigger","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","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<AriaDateRangePickerProps<T>, 'errorMessage' | 'form' | 'name'>,\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  props: CubeDateRangePickerProps<T>,\n  ref: FocusableRef<HTMLElement>,\n) {\n  const { t } = useI18n();\n\n  props = useFieldProps(props, {\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;\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 {...calendarProps} />\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, 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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"}

package/dist/components/fields/DatePicker/DateRangeSeparatedPicker.d.ts

@@ -8,7 +8,7 @@ import { AriaDateRangePickerProps, DateValue, Placement } from "react-aria";
 import { FocusableRef } from "@react-types/shared";
 
 //#region src/components/fields/DatePicker/DateRangeSeparatedPicker.d.ts
-interface CubeDateRangeSeparatedPickerProps<T extends DateValue = DateValue> extends Omit<AriaDateRangePickerProps<T>, 'errorMessage' | 'form' | 'name'>, BaseProps, ContainerStyleProps, DateFieldBase<T>, FieldBaseProps<{
+interface CubeDateRangeSeparatedPickerProps<T extends DateValue = DateValue> extends Omit<AriaDateRangePickerProps<T>, 'errorMessage' | 'form' | 'name' | keyof DateFieldBase<T>>, BaseProps, ContainerStyleProps, DateFieldBase<T>, FieldBaseProps<{
   start: T;
   end: T;
 } | null | undefined> {