@cube-dev/ui-kit 0.204.0 → 0.206.0

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.206.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { Dialog } from "../../overlays/Dialog/Dialog.js";
@@ -30,6 +30,13 @@ const DateRangeDash = tasty({
 		color: "#dark-03"
 	}
 });
+const DateRangeStart = tasty({
+	qa: "DateRangeStart",
+	styles: {
+		display: "flex",
+		placeItems: "center"
+	}
+});
 function DateRangeSeparatedPicker(rawProps, ref) {
 	const $ = c(70);
 	const { t } = useI18n();
@@ -130,56 +137,57 @@ function DateRangeSeparatedPicker(rawProps, ref) {
 		$[6] = t1;
 	} else t1 = $[6];
 	const onChange = t1;
-	const t2 = startFocusProps.isFocused;
-	const t3 = props.isReadOnly;
-	const t4 = startFocusRingProps.focusProps;
-	const t5 = startState.isOpen;
-	const t6 = props.shouldFlip;
-	const t7 = startState.setOpen;
-	let t8;
+	const t2 = props.inputStyles;
+	const t3 = startFocusProps.isFocused;
+	const t4 = props.isReadOnly;
+	const t5 = startFocusRingProps.focusProps;
+	const t6 = startState.isOpen;
+	const t7 = props.shouldFlip;
+	const t8 = startState.setOpen;
+	let t9;
 	if ($[7] !== startFocusProps.focusProps || $[8] !== startProps.buttonProps) {
-		t8 = mergeProps$1(startProps.buttonProps, startFocusProps.focusProps);
+		t9 = mergeProps$1(startProps.buttonProps, startFocusProps.focusProps);
 		$[7] = startFocusProps.focusProps;
 		$[8] = startProps.buttonProps;
-		$[9] = t8;
-	} else t8 = $[9];
-	let t9;
+		$[9] = t9;
+	} else t9 = $[9];
+	let t10;
 	if ($[10] !== t) {
-		t9 = t("datePicker.showStartCalendar", "Show calendar for the start date");
+		t10 = t("datePicker.showStartCalendar", "Show calendar for the start date");
 		$[10] = t;
-		$[11] = t9;
-	} else t9 = $[11];
-	const t10 = state.value?.start || state.value?.end || void 0;
-	let t11;
+		$[11] = t10;
+	} else t10 = $[11];
+	const t11 = state.value?.start || state.value?.end || void 0;
+	let t12;
 	if ($[12] !== state.value) {
-		t11 = state.value?.start && state.value?.end ? {
+		t12 = state.value?.start && state.value?.end ? {
 			start: state.value.start,
 			end: state.value.end
 		} : void 0;
 		$[12] = state.value;
-		$[13] = t11;
-	} else t11 = $[13];
-	let t12;
+		$[13] = t12;
+	} else t12 = $[13];
+	let t13;
 	if ($[14] !== onChange) {
-		t12 = (value_0) => onChange(value_0, "start");
+		t13 = (value_0) => onChange(value_0, "start");
 		$[14] = onChange;
-		$[15] = t12;
-	} else t12 = $[15];
-	let t13;
-	if ($[16] !== startProps.calendarProps || $[17] !== t10 || $[18] !== t11 || $[19] !== t12) {
-		t13 = /* @__PURE__ */ jsx(_Calendar, {
+		$[15] = t13;
+	} else t13 = $[15];
+	let t14;
+	if ($[16] !== startProps.calendarProps || $[17] !== t11 || $[18] !== t12 || $[19] !== t13) {
+		t14 = /* @__PURE__ */ jsx(_Calendar, {
 			...startProps.calendarProps,
-			defaultFocusedValue: t10,
-			selectedRange: t11,
-			onChange: t12
+			defaultFocusedValue: t11,
+			selectedRange: t12,
+			onChange: t13
 		});
 		$[16] = startProps.calendarProps;
-		$[17] = t10;
-		$[18] = t11;
-		$[19] = t12;
-		$[20] = t13;
-	} else t13 = $[20];
-	const t14 = showTimeField && /* @__PURE__ */ jsx(_TimeInput, {
+		$[17] = t11;
+		$[18] = t12;
+		$[19] = t13;
+		$[20] = t14;
+	} else t14 = $[20];
+	const t15 = showTimeField && /* @__PURE__ */ jsx(_TimeInput, {
 		label: t("datePicker.time", "Time"),
 		value: startState.timeValue,
 		placeholderValue: timePlaceholder,
@@ -190,92 +198,93 @@ function DateRangeSeparatedPicker(rawProps, ref) {
 		hideTimeZone: props.hideTimeZone,
 		onChange: startState.setTimeValue
 	});
-	let t15;
-	if ($[21] !== startProps.dialogProps || $[22] !== t13 || $[23] !== t14) {
-		t15 = /* @__PURE__ */ jsxs(Dialog, {
+	let t16;
+	if ($[21] !== startProps.dialogProps || $[22] !== t14 || $[23] !== t15) {
+		t16 = /* @__PURE__ */ jsxs(Dialog, {
 			...startProps.dialogProps,
 			width: "max-content",
 			overflow: "auto",
-			children: [t13, t14]
+			children: [t14, t15]
 		});
 		$[21] = startProps.dialogProps;
-		$[22] = t13;
-		$[23] = t14;
-		$[24] = t15;
-	} else t15 = $[24];
-	let t16;
+		$[22] = t14;
+		$[23] = t15;
+		$[24] = t16;
+	} else t16 = $[24];
+	let t17;
 	if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
-		t16 = /* @__PURE__ */ jsx(DateRangeDash, {});
-		$[25] = t16;
-	} else t16 = $[25];
-	const t17 = endFocusProps.isFocused;
-	const t18 = props.isReadOnly;
-	const t19 = endFocusRingProps.focusProps;
-	const t20 = props.placement ?? "bottom right";
-	const t21 = props.targetRef ?? targetRef;
-	const t22 = endState.isOpen;
-	const t23 = props.shouldFlip;
-	const t24 = endState.setOpen;
-	let t25;
+		t17 = /* @__PURE__ */ jsx(DateRangeDash, {});
+		$[25] = t17;
+	} else t17 = $[25];
+	const t18 = props.inputStyles;
+	const t19 = endFocusProps.isFocused;
+	const t20 = props.isReadOnly;
+	const t21 = endFocusRingProps.focusProps;
+	const t22 = props.placement ?? "bottom right";
+	const t23 = props.targetRef ?? targetRef;
+	const t24 = endState.isOpen;
+	const t25 = props.shouldFlip;
+	const t26 = endState.setOpen;
+	let t27;
 	if ($[26] !== endFocusProps.focusProps || $[27] !== endProps.buttonProps) {
-		t25 = mergeProps$1(endFocusProps.focusProps, endProps.buttonProps);
+		t27 = mergeProps$1(endFocusProps.focusProps, endProps.buttonProps);
 		$[26] = endFocusProps.focusProps;
 		$[27] = endProps.buttonProps;
-		$[28] = t25;
-	} else t25 = $[28];
-	let t26;
+		$[28] = t27;
+	} else t27 = $[28];
+	let t28;
 	if ($[29] !== t) {
-		t26 = t("datePicker.showEndCalendar", "Show calendar for the end date");
+		t28 = t("datePicker.showEndCalendar", "Show calendar for the end date");
 		$[29] = t;
-		$[30] = t26;
-	} else t26 = $[30];
-	let t27;
-	if ($[31] !== isDisabled || $[32] !== size || $[33] !== t25 || $[34] !== t26) {
-		t27 = /* @__PURE__ */ jsx(DatePickerButton, {
+		$[30] = t28;
+	} else t28 = $[30];
+	let t29;
+	if ($[31] !== isDisabled || $[32] !== size || $[33] !== t27 || $[34] !== t28) {
+		t29 = /* @__PURE__ */ jsx(DatePickerButton, {
 			size,
-			...t25,
-			"aria-label": t26,
+			...t27,
+			"aria-label": t28,
 			isDisabled
 		});
 		$[31] = isDisabled;
 		$[32] = size;
-		$[33] = t25;
-		$[34] = t26;
-		$[35] = t27;
-	} else t27 = $[35];
-	const t28 = state.value?.end || state.value?.start || void 0;
-	let t29;
+		$[33] = t27;
+		$[34] = t28;
+		$[35] = t29;
+	} else t29 = $[35];
+	const t30 = state.value?.end || state.value?.start || void 0;
+	let t31;
 	if ($[36] !== state.value) {
-		t29 = state.value?.start && state.value?.end ? {
+		t31 = state.value?.start && state.value?.end ? {
 			start: state.value.start,
 			end: state.value.end
 		} : void 0;
 		$[36] = state.value;
-		$[37] = t29;
-	} else t29 = $[37];
-	let t30;
+		$[37] = t31;
+	} else t31 = $[37];
+	let t32;
 	if ($[38] !== onChange) {
-		t30 = (value_1) => {
+		t32 = (value_1) => {
 			onChange(value_1, "end");
 		};
 		$[38] = onChange;
-		$[39] = t30;
-	} else t30 = $[39];
-	let t31;
-	if ($[40] !== endProps.calendarProps || $[41] !== t28 || $[42] !== t29 || $[43] !== t30) {
-		t31 = /* @__PURE__ */ jsx(_Calendar, {
+		$[39] = t32;
+	} else t32 = $[39];
+	let t33;
+	if ($[40] !== endProps.calendarProps || $[41] !== t30 || $[42] !== t31 || $[43] !== t32) {
+		t33 = /* @__PURE__ */ jsx(_Calendar, {
 			...endProps.calendarProps,
-			defaultFocusedValue: t28,
-			selectedRange: t29,
-			onChange: t30
+			defaultFocusedValue: t30,
+			selectedRange: t31,
+			onChange: t32
 		});
 		$[40] = endProps.calendarProps;
-		$[41] = t28;
-		$[42] = t29;
-		$[43] = t30;
-		$[44] = t31;
-	} else t31 = $[44];
-	const t32 = showTimeField && /* @__PURE__ */ jsx(_TimeInput, {
+		$[41] = t30;
+		$[42] = t31;
+		$[43] = t32;
+		$[44] = t33;
+	} else t33 = $[44];
+	const t34 = showTimeField && /* @__PURE__ */ jsx(_TimeInput, {
 		label: t("datePicker.time", "Time"),
 		value: endState.timeValue,
 		placeholderValue: timePlaceholder,
@@ -286,62 +295,63 @@ function DateRangeSeparatedPicker(rawProps, ref) {
 		hideTimeZone: props.hideTimeZone,
 		onChange: endState.setTimeValue
 	});
-	let t33;
-	if ($[45] !== endProps.dialogProps || $[46] !== t31 || $[47] !== t32) {
-		t33 = /* @__PURE__ */ jsxs(Dialog, {
+	let t35;
+	if ($[45] !== endProps.dialogProps || $[46] !== t33 || $[47] !== t34) {
+		t35 = /* @__PURE__ */ jsxs(Dialog, {
 			...endProps.dialogProps,
 			width: "max-content",
 			overflow: "auto",
-			children: [t31, t32]
+			children: [t33, t34]
 		});
 		$[45] = endProps.dialogProps;
-		$[46] = t31;
-		$[47] = t32;
-		$[48] = t33;
-	} else t33 = $[48];
-	let t34;
-	if ($[49] !== endState.isOpen || $[50] !== endState.setOpen || $[51] !== props || $[52] !== t20 || $[53] !== t21 || $[54] !== t27 || $[55] !== t33) {
-		t34 = /* @__PURE__ */ jsxs(DialogTrigger, {
+		$[46] = t33;
+		$[47] = t34;
+		$[48] = t35;
+	} else t35 = $[48];
+	let t36;
+	if ($[49] !== endState.isOpen || $[50] !== endState.setOpen || $[51] !== props || $[52] !== t22 || $[53] !== t23 || $[54] !== t29 || $[55] !== t35) {
+		t36 = /* @__PURE__ */ jsxs(DialogTrigger, {
 			hideArrow: true,
 			type: "popover",
-			placement: t20,
-			targetRef: t21,
-			isOpen: t22,
-			shouldFlip: t23,
-			onOpenChange: t24,
-			children: [t27, t33]
+			placement: t22,
+			targetRef: t23,
+			isOpen: t24,
+			shouldFlip: t25,
+			onOpenChange: t26,
+			children: [t29, t35]
 		});
 		$[49] = endState.isOpen;
 		$[50] = endState.setOpen;
 		$[51] = props;
-		$[52] = t20;
-		$[53] = t21;
-		$[54] = t27;
-		$[55] = t33;
-		$[56] = t34;
-	} else t34 = $[56];
-	let t35;
+		$[52] = t22;
+		$[53] = t23;
+		$[54] = t29;
+		$[55] = t35;
+		$[56] = t36;
+	} else t36 = $[56];
+	let t37;
 	if ($[57] !== endFieldProps || $[58] !== useLocaleProp) {
-		t35 = /* @__PURE__ */ jsx(DatePickerInput, {
+		t37 = /* @__PURE__ */ jsx(DatePickerInput, {
 			useLocale: useLocaleProp,
 			...endFieldProps
 		});
 		$[57] = endFieldProps;
 		$[58] = useLocaleProp;
-		$[59] = t35;
-	} else t35 = $[59];
-	let t36;
-	if ($[60] !== endFocusProps.isFocused || $[61] !== endFocusRingProps.focusProps || $[62] !== isDisabled || $[63] !== isInvalid || $[64] !== isValid || $[65] !== props || $[66] !== size || $[67] !== t34 || $[68] !== t35) {
-		t36 = /* @__PURE__ */ jsx(_DateInputBase, {
-			disableFocusRing: t17,
+		$[59] = t37;
+	} else t37 = $[59];
+	let t38;
+	if ($[60] !== endFocusProps.isFocused || $[61] !== endFocusRingProps.focusProps || $[62] !== isDisabled || $[63] !== isInvalid || $[64] !== isValid || $[65] !== props || $[66] !== size || $[67] !== t36 || $[68] !== t37) {
+		t38 = /* @__PURE__ */ jsx(_DateInputBase, {
+			inputStyles: t18,
+			disableFocusRing: t19,
 			isDisabled,
-			isReadOnly: t18,
+			isReadOnly: t20,
 			isInvalid,
 			isValid,
 			size,
-			...t19,
-			suffix: t34,
-			children: t35
+			...t21,
+			suffix: t36,
+			children: t37
 		});
 		$[60] = endFocusProps.isFocused;
 		$[61] = endFocusRingProps.focusProps;
@@ -350,49 +360,46 @@ function DateRangeSeparatedPicker(rawProps, ref) {
 		$[64] = isValid;
 		$[65] = props;
 		$[66] = size;
-		$[67] = t34;
-		$[68] = t35;
-		$[69] = t36;
-	} else t36 = $[69];
+		$[67] = t36;
+		$[68] = t37;
+		$[69] = t38;
+	} else t38 = $[69];
 	const component = /* @__PURE__ */ jsxs(DatePickerElement, {
 		ref: targetRef,
 		...groupProps,
 		styles,
 		qa: qa || "DateRangeSeparatedPicker",
 		"data-input-type": "daterangeseparatedpicker",
-		children: [
-			/* @__PURE__ */ jsx(_DateInputBase, {
-				autoFocus,
-				disableFocusRing: t2,
-				isDisabled,
-				isReadOnly: t3,
-				isInvalid,
-				isValid,
-				size,
-				...t4,
-				suffix: /* @__PURE__ */ jsxs(DialogTrigger, {
-					hideArrow: true,
-					type: "popover",
-					placement: props.placement ?? "bottom right",
-					targetRef: props.targetRef ?? targetRef,
-					isOpen: t5,
-					shouldFlip: t6,
-					onOpenChange: t7,
-					children: [/* @__PURE__ */ jsx(DatePickerButton, {
-						size,
-						...t8,
-						"aria-label": t9,
-						isDisabled
-					}), t15]
-				}),
-				children: /* @__PURE__ */ jsx(DatePickerInput, {
-					useLocale: useLocaleProp,
-					...startFieldProps
-				})
+		children: [/* @__PURE__ */ jsxs(DateRangeStart, { children: [/* @__PURE__ */ jsx(_DateInputBase, {
+			autoFocus,
+			inputStyles: t2,
+			disableFocusRing: t3,
+			isDisabled,
+			isReadOnly: t4,
+			isInvalid,
+			isValid,
+			size,
+			...t5,
+			suffix: /* @__PURE__ */ jsxs(DialogTrigger, {
+				hideArrow: true,
+				type: "popover",
+				placement: props.placement ?? "bottom right",
+				targetRef: props.targetRef ?? targetRef,
+				isOpen: t6,
+				shouldFlip: t7,
+				onOpenChange: t8,
+				children: [/* @__PURE__ */ jsx(DatePickerButton, {
+					size,
+					...t9,
+					"aria-label": t10,
+					isDisabled
+				}), t16]
 			}),
-			t16,
-			t36
-		]
+			children: /* @__PURE__ */ jsx(DatePickerInput, {
+				useLocale: useLocaleProp,
+				...startFieldProps
+			})
+		}), t17] }), t38]
 	});
 	return wrapWithField(component, {
 		...props,

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

@@ -1 +1 @@
-{"version":3,"file":"DateRangeSeparatedPicker.js","names":["FocusableRef","BaseProps","Styles","tasty","forwardRef","ReactElement","RefObject","useRef","AriaDateRangePickerProps","DateValue","Placement","useDatePicker","useDateRangePicker","useFocusRing","useDatePickerState","useDateRangePickerState","useI18n","FieldBaseProps","mergeProps","useFieldProps","wrapWithField","FieldLayoutStyleProps","splitFieldLayout","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","Object","assign","fieldLayout","overStyles","qa","placeholderValue","isDisabled","isInvalid","isValid","useLocaleProp","autoFocus","state","startDateProps","onChange","undefined","validate","value","defaultValue","endDateProps","startState","endState","startFocusRingProps","within","isTextInput","startFocusProps","endFocusRingProps","endFocusProps","groupProps","labelProps","startFieldProps","endFieldProps","startProps","endProps","placeholder","timePlaceholder","timeMinValue","minValue","timeMaxValue","maxValue","timeGranularity","granularity","showTimeField","t1","calendarProps","type","newRange","compare","setValue","setDateTime","setOpen","newRange_0","t2","isFocused","t3","isReadOnly","t4","focusProps","t5","isOpen","t6","t7","t8","buttonProps","t9","t10","t11","t12","value_0","t13","t14","timeValue","hourCycle","hideTimeZone","setTimeValue","t15","dialogProps","t16","t17","t18","t19","t20","t21","t22","t23","t24","t25","t26","t27","t28","t29","t30","value_1","t31","t32","t33","t34","t35","t36","component","field","_DateRangeSeparatedPicker","displayName","_c","mergeProps","Calendar","TimeInput","DateInputBase"],"sources":["../../../../src/components/fields/DatePicker/DateRangeSeparatedPicker.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport { BaseProps, Styles, tasty } 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 { useFieldProps, wrapWithField } from '../../form';\nimport {\n  FieldLayoutStyleProps,\n  splitFieldLayout,\n} from '../../form/field-layout';\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>\n  extends\n    Omit<\n      AriaDateRangePickerProps<T>,\n      'errorMessage' | 'form' | 'name' | keyof DateFieldBase<T>\n    >,\n    BaseProps,\n    FieldLayoutStyleProps,\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  // `wrapperStyles` styles the same box as `styles` and wins over it.\n  const fieldLayout = splitFieldLayout(props, {\n    overStyles: props.wrapperStyles,\n  });\n  const styles = fieldLayout.styles;\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  useFocusManagerRef(ref, targetRef);\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        autoFocus={autoFocus}\n        disableFocusRing={startFocusProps.isFocused}\n        isDisabled={isDisabled}\n        isReadOnly={props.isReadOnly}\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              // After React Aria's props, whose \"Calendar\" would replace it:\n              // the two buttons need different names.\n              aria-label={t(\n                'datePicker.showStartCalendar',\n                'Show calendar for the start date',\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                  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        isReadOnly={props.isReadOnly}\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              size={size}\n              {...mergeProps(endFocusProps.focusProps, endProps.buttonProps)}\n              aria-label={t(\n                'datePicker.showEndCalendar',\n                'Show calendar for the end date',\n              )}\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                  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, {\n    ...props,\n    ...fieldLayout.field,\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","Styles","tasty","forwardRef","ReactElement","RefObject","useRef","AriaDateRangePickerProps","DateValue","Placement","useDatePicker","useDateRangePicker","useFocusRing","useDatePickerState","useDateRangePickerState","useI18n","FieldBaseProps","mergeProps","useFieldProps","wrapWithField","FieldLayoutStyleProps","splitFieldLayout","Calendar","Dialog","DialogTrigger","DateInputBase","DatePickerButton","DatePickerElement","DatePickerInput","DEFAULT_DATE_PROPS","TimeInput","DateFieldBase","useFocusManagerRef","DateRangeDash","children","styles","padding","color","DateRangeStart","qa","display","placeItems","CubeDateRangeSeparatedPickerProps","Omit","T","start","end","wrapperStyles","inputStyles","size","maxVisibleMonths","shouldFlip","targetRef","HTMLElement","placement","useLocale","DateRangeSeparatedPicker","rawProps","ref","$","_c","t","t0","Symbol","for","defaultValidationTrigger","props","Object","assign","fieldLayout","overStyles","placeholderValue","isDisabled","isInvalid","isValid","useLocaleProp","autoFocus","state","startDateProps","onChange","undefined","validate","value","defaultValue","endDateProps","startState","endState","startFocusRingProps","within","isTextInput","startFocusProps","endFocusRingProps","endFocusProps","groupProps","labelProps","startFieldProps","endFieldProps","startProps","endProps","placeholder","timePlaceholder","timeMinValue","minValue","timeMaxValue","maxValue","timeGranularity","granularity","showTimeField","t1","calendarProps","type","newRange","compare","setValue","setDateTime","setOpen","newRange_0","t2","t3","isFocused","t4","isReadOnly","t5","focusProps","t6","isOpen","t7","t8","t9","buttonProps","t10","t11","t12","t13","value_0","t14","t15","timeValue","hourCycle","hideTimeZone","setTimeValue","t16","dialogProps","t17","t18","t19","t20","t21","t22","t23","t24","t25","t26","t27","t28","t29","t30","t31","t32","value_1","t33","t34","t35","t36","t37","t38","component","field","_DateRangeSeparatedPicker","displayName","_c","mergeProps","Calendar","TimeInput","DateInputBase"],"sources":["../../../../src/components/fields/DatePicker/DateRangeSeparatedPicker.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport { BaseProps, Styles, tasty } 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 { useFieldProps, wrapWithField } from '../../form';\nimport {\n  FieldLayoutStyleProps,\n  splitFieldLayout,\n} from '../../form/field-layout';\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\n// The start box and its dash wrap as one, so a row never starts with the dash.\nconst DateRangeStart = tasty({\n  qa: 'DateRangeStart',\n  styles: {\n    display: 'flex',\n    placeItems: 'center',\n  },\n});\n\nexport interface CubeDateRangeSeparatedPickerProps<\n  T extends DateValue = DateValue,\n>\n  extends\n    Omit<\n      AriaDateRangePickerProps<T>,\n      'errorMessage' | 'form' | 'name' | keyof DateFieldBase<T>\n    >,\n    BaseProps,\n    FieldLayoutStyleProps,\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  // `wrapperStyles` styles the same box as `styles` and wins over it.\n  const fieldLayout = splitFieldLayout(props, {\n    overStyles: props.wrapperStyles,\n  });\n  const styles = fieldLayout.styles;\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  useFocusManagerRef(ref, targetRef);\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      <DateRangeStart>\n        <DateInputBase\n          autoFocus={autoFocus}\n          inputStyles={props.inputStyles}\n          disableFocusRing={startFocusProps.isFocused}\n          isDisabled={isDisabled}\n          isReadOnly={props.isReadOnly}\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                // After React Aria's props, whose \"Calendar\" would replace it:\n                // the two buttons need different names.\n                aria-label={t(\n                  'datePicker.showStartCalendar',\n                  'Show calendar for the start date',\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                    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      </DateRangeStart>\n      <DateInputBase\n        inputStyles={props.inputStyles}\n        disableFocusRing={endFocusProps.isFocused}\n        isDisabled={isDisabled}\n        isReadOnly={props.isReadOnly}\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              size={size}\n              {...mergeProps(endFocusProps.focusProps, endProps.buttonProps)}\n              aria-label={t(\n                'datePicker.showEndCalendar',\n                'Show calendar for the end date',\n              )}\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                  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, {\n    ...props,\n    ...fieldLayout.field,\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,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.206.0 | Cube Dev Team */
 import { PeriodPicker } from "./PeriodPicker.js";
 import { c } from "react/compiler-runtime";
 import { forwardRef } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.206.0 | Cube Dev Team */
 import { mergeStyleLayers } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useI18n } from "../../../i18n/useI18n.js";

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.206.0 | Cube Dev Team */
 import { parseAbsolute } from "@internationalized/date";
 //#region src/components/fields/DatePicker/parseDate.ts
 const ZONELESS_ISO_DATE = /^\d{4}-\d{2}-\d{2}(?:[Tt ]\d{2}:\d{2}(?::\d{2}(?:\.\d+)?)?)?$/;

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.206.0 | Cube Dev Team */
 import { CalendarDate, startOfMonth, startOfWeek, startOfYear, toCalendarDate } from "@internationalized/date";
 //#region src/components/fields/DatePicker/period.ts
 const MS_PER_DAY = 864e5;

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.206.0 | Cube Dev Team */
 //#region src/components/fields/DatePicker/props.ts
 const DEFAULT_DATE_PROPS = {
 	granularity: "day",

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.206.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { useImperativeHandle } from "react";
 import { createDOMRef } from "@react-spectrum/utils";