@povio/ui 3.4.0-rc.27 → 3.4.0-rc.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (113) hide show
  1. package/dist/{BottomSheet-CUIKvr7g.js → BottomSheet-CQ9Pkvn_.js} +1 -1
  2. package/dist/{Calendar-HJ-cFPap.js → Calendar-DQxeTov4.js} +3 -3
  3. package/dist/{DatePicker-DZgmU61j.js → DatePicker-BT46HC74.js} +6 -6
  4. package/dist/{DatePicker-EJTAeVRc.d.ts → DatePicker-COJoYiqp.d.ts} +1 -1
  5. package/dist/{DatePickerInput-CJR-w_b1.d.ts → DatePickerInput-BJi1U0fr.d.ts} +1 -1
  6. package/dist/{DatePickerInput-97Ks0udv.js → DatePickerInput-BK6P_VAB.js} +4 -8
  7. package/dist/{DateRangePicker-CMWUdyh1.d.ts → DateRangePicker-Bjf2hKX1.d.ts} +31 -13
  8. package/dist/{DateRangePicker-LFJ2iqWM.js → DateRangePicker-DH4Eg6sF.js} +96 -36
  9. package/dist/{DateTimePicker-B9cZ38EY.d.ts → DateTimePicker-BPCAME01.d.ts} +1 -1
  10. package/dist/{DateTimePicker-Bk1R38wj.js → DateTimePicker-BZcH7uNO.js} +6 -6
  11. package/dist/{FileUpload-DWqPr5wM.js → FileUpload-BocbkafM.js} +1 -1
  12. package/dist/{Form-BX_x2VGS.d.ts → Form-BrF_Buzl.d.ts} +1 -1
  13. package/dist/{InputItem-DY7YW-n3.js → InputItem-BjC0bpZe.js} +8 -8
  14. package/dist/{InputUpload-BoAAS7eC.js → InputUpload-DLLtrKIG.js} +1 -1
  15. package/dist/{Inputs-B5F_klPo.d.ts → Inputs-7s_wFr8h.d.ts} +1 -1
  16. package/dist/{Inputs-BbCxYUZh.js → Inputs-CErLG3k2.js} +1 -1
  17. package/dist/{Modal-zrXMGm_L.js → Modal-CSr-DYqC.js} +1 -1
  18. package/dist/{NumberRangeInput-C9svqxJ9.js → NumberRangeInput-BFaL0_B5.js} +2 -2
  19. package/dist/{PaginationList-DcArYsq1.js → PaginationList-BQqvE8zu.js} +1 -1
  20. package/dist/{PasswordInput-BUZPRoOL.js → PasswordInput-CMKZF3YS.js} +1 -1
  21. package/dist/{Select-BZFSEGvs.js → Select-BEgNpIuG.js} +2 -2
  22. package/dist/{Tag-ClrrGr1a.js → Tag-Dqo18sIY.js} +1 -1
  23. package/dist/{TextArea-2yGnVaG6.js → TextArea-CcXiu7JQ.js} +1 -1
  24. package/dist/{TextEditor-BmvUimyG.js → TextEditor-CKGUWpY_.js} +2 -2
  25. package/dist/{TimePicker-DRDEIb-p.js → TimePicker-eWZ7lIDW.js} +4 -4
  26. package/dist/{TooltipWrapper-V0A1TdyC.js → TooltipWrapper-DyDsoRe-.js} +1 -1
  27. package/dist/components/action-modal.js +1 -1
  28. package/dist/components/autocomplete.js +2 -2
  29. package/dist/components/bottom-sheet.js +1 -1
  30. package/dist/components/date-picker.d.ts +1 -1
  31. package/dist/components/date-picker.js +1 -1
  32. package/dist/components/date-range-picker.d.ts +2 -2
  33. package/dist/components/date-range-picker.js +1 -1
  34. package/dist/components/date-time-picker.d.ts +1 -1
  35. package/dist/components/date-time-picker.js +1 -1
  36. package/dist/components/file-upload-container.js +1 -1
  37. package/dist/components/file-upload.js +1 -1
  38. package/dist/components/input-upload.js +1 -1
  39. package/dist/components/modal.js +1 -1
  40. package/dist/components/number-input.js +3 -3
  41. package/dist/components/number-range-input.js +1 -1
  42. package/dist/components/pagination-list.js +1 -1
  43. package/dist/components/pagination.js +2 -2
  44. package/dist/components/password-input.js +1 -1
  45. package/dist/components/pill.js +1 -1
  46. package/dist/components/query-select.js +1 -1
  47. package/dist/components/select.js +1 -1
  48. package/dist/components/tag.js +1 -1
  49. package/dist/components/text-area.js +1 -1
  50. package/dist/components/text-input.js +3 -3
  51. package/dist/components/time-picker.js +1 -1
  52. package/dist/config/confirmation.js +1 -1
  53. package/dist/config/resources.d.ts +1 -1
  54. package/dist/config/resources.js +1 -1
  55. package/dist/config/ui-config.d.ts +3 -3
  56. package/dist/{confirmation.context-2-6G831n.js → confirmation.context-CD-UjjK8.js} +1 -1
  57. package/dist/{date-picker-42XrbatY.d.ts → date-picker-gLc7aPL7.d.ts} +1 -1
  58. package/dist/date-range-picker-B0CQwS9a.d.ts +9 -0
  59. package/dist/{date-time-picker-BQp0fmmb.d.ts → date-time-picker-Db_pMYsD.d.ts} +1 -1
  60. package/dist/{datePickerValue.utils-PgERc6lT.js → datePickerValue.utils-CA2te8RG.js} +1 -1
  61. package/dist/{dynamicInputs-CecPNXsF.d.ts → dynamicInputs-D1UI85oQ.d.ts} +8 -8
  62. package/dist/{i18n-C2TBJvnh.js → i18n-BDjNuy4Z.js} +2 -0
  63. package/dist/{i18n-DjqhCCJq.d.ts → i18n-D0Pz0p2u.d.ts} +2 -0
  64. package/dist/index.d.ts +9 -9
  65. package/dist/index.js +13 -13
  66. package/dist/rhf/date-picker.d.ts +2 -2
  67. package/dist/rhf/date-picker.js +1 -1
  68. package/dist/rhf/date-range-picker.d.ts +3 -3
  69. package/dist/rhf/date-range-picker.js +1 -1
  70. package/dist/rhf/date-time-picker.d.ts +2 -2
  71. package/dist/rhf/date-time-picker.js +1 -1
  72. package/dist/rhf/file-upload.js +1 -1
  73. package/dist/rhf/input-upload.js +1 -1
  74. package/dist/rhf/inputs.d.ts +1 -1
  75. package/dist/rhf/number-range-input.js +1 -1
  76. package/dist/rhf/password-input.js +1 -1
  77. package/dist/rhf/select.js +1 -1
  78. package/dist/rhf/text-area.js +1 -1
  79. package/dist/rhf/text-editor.js +1 -1
  80. package/dist/rhf/time-picker.js +1 -1
  81. package/dist/rhf.d.ts +9 -9
  82. package/dist/rhf.js +13 -13
  83. package/dist/{staticDateTimeSegments-CMj4NHoq.js → staticDateTimeSegments-BJpz4raS.js} +1 -1
  84. package/dist/{staticSelect.utils-DQo-_Fe6.js → staticSelect.utils-D16Yq0j-.js} +3 -3
  85. package/dist/tanstack/date-picker.d.ts +1 -1
  86. package/dist/tanstack/date-picker.js +1 -1
  87. package/dist/tanstack/date-range-picker.d.ts +2 -2
  88. package/dist/tanstack/date-range-picker.js +1 -1
  89. package/dist/tanstack/date-time-picker.d.ts +1 -1
  90. package/dist/tanstack/date-time-picker.js +1 -1
  91. package/dist/tanstack/file-upload.js +1 -1
  92. package/dist/tanstack/form.d.ts +1 -1
  93. package/dist/tanstack/form.js +1 -1
  94. package/dist/tanstack/input-upload.js +1 -1
  95. package/dist/tanstack/inputs.d.ts +2 -2
  96. package/dist/tanstack/inputs.js +1 -1
  97. package/dist/tanstack/number-range-input.js +1 -1
  98. package/dist/tanstack/password-input.js +1 -1
  99. package/dist/tanstack/select.js +1 -1
  100. package/dist/tanstack/table.js +1 -1
  101. package/dist/tanstack/text-area.js +1 -1
  102. package/dist/tanstack/text-editor.js +1 -1
  103. package/dist/tanstack/time-picker.js +1 -1
  104. package/dist/tanstack.d.ts +9 -9
  105. package/dist/tanstack.js +22 -22
  106. package/dist/text-editor.js +1 -1
  107. package/dist/{uiConfig.context-B27wINPD.d.ts → uiConfig.context-H1XbHuwS.d.ts} +2 -2
  108. package/dist/{useFieldAccessibility-DepfU-ce.js → useFieldAccessibility-gWmCBTWA.js} +1 -1
  109. package/dist/{useFormAutosave-DKfqSqXM.js → useFormAutosave-D-tnGPI8.js} +1 -1
  110. package/dist/{useStaticInputHandoff-Cssvz3nr.js → useStaticInputHandoff-D8dmC_LG.js} +1 -1
  111. package/dist/{useTableColumnConfig-C0IeB82M.js → useTableColumnConfig-C647gNJs.js} +2 -2
  112. package/package.json +1 -1
  113. package/dist/date-range-picker-BYdeSyMU.d.ts +0 -9
@@ -6,7 +6,7 @@ import { l as $9daab02d461809db$export$683480f191c0e3ea } from "./OverlayArrow-C
6
6
  import { n as $f3f84453ead64de5$export$8948f78d83984c69, r as $5df64b3807dc15ee$export$d699905dd57c73ca, t as $f3f84453ead64de5$export$2b77a92f1a5ad772 } from "./Modal-UhtruHmf.js";
7
7
  import { n as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "./Button-D09S1dNt.js";
8
8
  import { t as Typography } from "./Typography-AcUd9df8.js";
9
- import "./i18n-C2TBJvnh.js";
9
+ import "./i18n-BDjNuy4Z.js";
10
10
  import { n as useStateAndRef, t as DomUtils } from "./dom.utils-CeVnXH-T.js";
11
11
  import { useEffect, useMemo, useRef, useState } from "react";
12
12
  import { c } from "react/compiler-runtime";
@@ -2,14 +2,14 @@ import { t as ChevronDown } from "./chevron-down-Ciz9yP9R.js";
2
2
  import { t as ChevronLeft } from "./chevron-left-VO8YZrXZ.js";
3
3
  import { t as ChevronRight } from "./chevron-right-C_M98bh3.js";
4
4
  import { t as ChevronUp } from "./chevron-up-CHRnDSA3.js";
5
- import { i as CalendarGrid } from "./DatePickerInput-97Ks0udv.js";
5
+ import { i as CalendarGrid } from "./DatePickerInput-BK6P_VAB.js";
6
6
  import { t as clsx } from "./clsx-CnD0nOiA.js";
7
7
  import { d as $3ef42575df84b30b$export$9d1611c77c2fe928, h as $bdb11010cef70236$export$f680877a34711e37 } from "./utils-D-KKbY-n.js";
8
8
  import { t as $d4ee10de306f2510$export$4282f70798064fe0 } from "./DOMFunctions-BrQjsnDh.js";
9
9
  import { o as $9bf71ea28793e738$export$c5251b9e124bf29 } from "./SelectionIndicator-BvWiZS2N.js";
10
10
  import { a as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./import-BXAtbYEe.js";
11
11
  import { t as $ef06256079686ba0$export$f8aeda7b10753fa1 } from "./useDescription-4EIEr0rR.js";
12
- import { C as $dfb4eba373ed9493$exports, S as $3dfb0f96be0d6a08$export$4a931266a3838b86, v as $16f0b7bb276bc17e$export$300019f83c56d282, w as $896ba0a80a8f4d36$export$85fd5fdf27bacc79 } from "./staticDateTimeSegments-CMj4NHoq.js";
12
+ import { C as $dfb4eba373ed9493$exports, S as $3dfb0f96be0d6a08$export$4a931266a3838b86, v as $16f0b7bb276bc17e$export$300019f83c56d282, w as $896ba0a80a8f4d36$export$85fd5fdf27bacc79 } from "./staticDateTimeSegments-BJpz4raS.js";
13
13
  import { i as $eed445e0843c11d0$export$a11e76429ed99b4, t as $eed445e0843c11d0$export$41f133550aa26f48 } from "./ListBox-Ck1UjeGo.js";
14
14
  import { n as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "./Button-D09S1dNt.js";
15
15
  import { t as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-74MZZLC0.js";
@@ -19,7 +19,7 @@ import { n as $84b7d8702d4ff4a8$export$40258cc1d95ff477 } from "./ToggleButton-C
19
19
  import { t as Typography } from "./Typography-AcUd9df8.js";
20
20
  import { PillButton } from "./components/pill-button.js";
21
21
  import { t as useBreakpoint } from "./useBreakpoint-YuMYUdpG.js";
22
- import { n as TimePickerForm } from "./datePickerValue.utils-PgERc6lT.js";
22
+ import { n as TimePickerForm } from "./datePickerValue.utils-CA2te8RG.js";
23
23
  import { useCallback, useEffect, useMemo, useRef, useState } from "react";
24
24
  import { c } from "react/compiler-runtime";
25
25
  import { CalendarDateTime, Time, today } from "@internationalized/date";
@@ -1,16 +1,16 @@
1
1
  import { t as UIConfig } from "./uiConfig.context-B_wBkrQZ.js";
2
- import { n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, t as DatePickerInput } from "./DatePickerInput-97Ks0udv.js";
2
+ import { n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, t as DatePickerInput } from "./DatePickerInput-BK6P_VAB.js";
3
3
  import { t as clsx } from "./clsx-CnD0nOiA.js";
4
4
  import { f as $5dc95899b306f630$export$c9058316764c140e } from "./utils-D-KKbY-n.js";
5
- import { d as useCalendarState, i as getStaticDateTimeFocusTarget, o as DateTimeDialogFooter, p as useDatePickerState, s as DateTimeDialog, t as getStaticCalendarDateSegments } from "./staticDateTimeSegments-CMj4NHoq.js";
5
+ import { d as useCalendarState, i as getStaticDateTimeFocusTarget, o as DateTimeDialogFooter, p as useDatePickerState, s as DateTimeDialog, t as getStaticCalendarDateSegments } from "./staticDateTimeSegments-BJpz4raS.js";
6
6
  import { t as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-74MZZLC0.js";
7
- import { r as $6057a3d2a53a12fd$export$42df105a73306d51, t as Calendar } from "./Calendar-HJ-cFPap.js";
7
+ import { r as $6057a3d2a53a12fd$export$42df105a73306d51, t as Calendar } from "./Calendar-DQxeTov4.js";
8
8
  import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
9
9
  import { t as FieldController } from "./form.binding-DyZ4fH8l.js";
10
10
  import { t as FormField } from "./FormField-Cl-t5Wi1.js";
11
- import { t as TooltipWrapper } from "./TooltipWrapper-V0A1TdyC.js";
12
- import { n as InputFrame, t as useStaticInputHandoff } from "./useStaticInputHandoff-Cssvz3nr.js";
13
- import { t as normalizeDatePickerValue } from "./datePickerValue.utils-PgERc6lT.js";
11
+ import { t as TooltipWrapper } from "./TooltipWrapper-DyDsoRe-.js";
12
+ import { n as InputFrame, t as useStaticInputHandoff } from "./useStaticInputHandoff-D8dmC_LG.js";
13
+ import { t as normalizeDatePickerValue } from "./datePickerValue.utils-CA2te8RG.js";
14
14
  import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
15
15
  import { memo, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
16
16
  import { createCalendar, getLocalTimeZone, toCalendarDate, today } from "@internationalized/date";
@@ -3,7 +3,7 @@ import { n as FieldValues } from "./form.binding-DWlFTecs.js";
3
3
  import { t as ControlProps } from "./form.types-B9Vp8q2g.js";
4
4
  import { n as FormFieldProps } from "./FormField-CpPQoyv_.js";
5
5
  import { n as InputVariantProps } from "./input.cva-CfgCOIQW.js";
6
- import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-CJR-w_b1.js";
6
+ import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-BJi1U0fr.js";
7
7
  import { FocusEvent, Ref } from "react";
8
8
  import { CalendarDate, DateValue } from "@internationalized/date";
9
9
  //#region src/components/inputs/DateTime/DatePicker/DatePicker.d.ts
@@ -2,7 +2,7 @@ import "./types-BSiv-Igp.js";
2
2
  import { n as IconButtonProps } from "./IconButton-Dv45TT1w.js";
3
3
  import "./FormField-CpPQoyv_.js";
4
4
  import "./input.cva-CfgCOIQW.js";
5
- import { Ref } from "react";
5
+ import { ReactNode, Ref } from "react";
6
6
  //#region src/components/inputs/DateTime/shared/datePicker.types.d.ts
7
7
  type DatePickerTodayIcon = boolean | IconButtonProps["icon"];
8
8
  type DatePickerTodayIconButtonSize = IconButtonProps["size"];
@@ -2,7 +2,7 @@ import { t as createLucideIcon } from "./createLucideIcon-CskCrR9z.js";
2
2
  import { t as UIConfig } from "./uiConfig.context-B_wBkrQZ.js";
3
3
  import { t as clsx } from "./clsx-CnD0nOiA.js";
4
4
  import { d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-D-KKbY-n.js";
5
- import { b as $16f0b7bb276bc17e$export$5591b0b878c1a989, c as useFirefoxDateSegmentSelectionGuard, f as useDateFieldState, l as DateSegmentItem } from "./staticDateTimeSegments-CMj4NHoq.js";
5
+ import { b as $16f0b7bb276bc17e$export$5591b0b878c1a989, c as useFirefoxDateSegmentSelectionGuard, f as useDateFieldState, l as DateSegmentItem } from "./staticDateTimeSegments-BJpz4raS.js";
6
6
  import { n as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "./Button-D09S1dNt.js";
7
7
  import { t as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-74MZZLC0.js";
8
8
  import { t as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-Cd0lBvKO.js";
@@ -11,7 +11,7 @@ import { t as Typography } from "./Typography-AcUd9df8.js";
11
11
  import { IconButton } from "./components/icon-button.js";
12
12
  import { InlineIconButton } from "./components/inline-icon-button.js";
13
13
  import { r as FormFieldLabel } from "./FormField-Cl-t5Wi1.js";
14
- import { n as InputClear } from "./TooltipWrapper-V0A1TdyC.js";
14
+ import { n as InputClear } from "./TooltipWrapper-DyDsoRe-.js";
15
15
  import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-KYGD4Bdz.js";
16
16
  import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
17
17
  import { t as DateUtils } from "./date.utils-B8_QF9y6.js";
@@ -421,7 +421,7 @@ const renderDatePickerTodayIcon = (todayIcon, options) => {
421
421
  };
422
422
  //#endregion
423
423
  //#region src/components/inputs/DateTime/shared/DatePickerInput.tsx
424
- const DatePickerInput = ({ ref, as, groupProps, fieldProps, endFieldProps, fieldValue, endFieldValue, isValueControlled, hasValue, buttonProps, isDisabled, isInvalid, disableDropdown, variant, size, isDateTime, shouldShrinkInput, isClearable, isClearableIfDisabled, headerProps, todayIcon, todayIconButtonSize = "none", todayIconButtonComponent, todayIconPlacement = "content", isDirty, isRequired, disableManualEntry, autoFixYear = false, placeholder, displayValue, className, onOpenDropdown, dateGranularity = "day", timeZone: timeZoneProp, isTimeOptional = false, format, onClear: onClearProp, ...props }) => {
424
+ const DatePickerInput = ({ ref, as, groupProps, fieldProps, endFieldProps, fieldValue, endFieldValue, isValueControlled, hasValue, buttonProps, isDisabled, isInvalid, disableDropdown, variant, size, isDateTime, shouldShrinkInput, isClearable, isClearableIfDisabled, headerProps, todayIcon, todayIconButtonSize = "none", todayIconButtonComponent, todayIconPlacement = "content", isDirty, isRequired, disableManualEntry, autoFixYear = false, placeholder, displayContent, className, onOpenDropdown, dateGranularity = "day", timeZone: timeZoneProp, isTimeOptional = false, format, onClear: onClearProp, ...props }) => {
425
425
  const uiConfig = UIConfig.useConfig();
426
426
  const timeZone = timeZoneProp ?? uiConfig.dateInput.timeZone;
427
427
  let effectiveTimeZone = getLocalTimeZone();
@@ -541,11 +541,7 @@ const DatePickerInput = ({ ref, as, groupProps, fieldProps, endFieldProps, field
541
541
  isDisabled
542
542
  }),
543
543
  !shouldRenderTodayIconWithFieldLabel && todayIconButton,
544
- displayValue ? /* @__PURE__ */ jsx(Typography, {
545
- size: "label-1",
546
- className: "truncate",
547
- children: displayValue
548
- }) : disableManualEntry && placeholder && !fieldProps.value ? /* @__PURE__ */ jsx(Typography, {
544
+ displayContent ? displayContent : disableManualEntry && placeholder && !fieldProps.value ? /* @__PURE__ */ jsx(Typography, {
549
545
  size: "label-1",
550
546
  className: "text-text-default-3",
551
547
  children: placeholder
@@ -3,7 +3,7 @@ import { n as FieldValues } from "./form.binding-DWlFTecs.js";
3
3
  import { t as ControlProps } from "./form.types-B9Vp8q2g.js";
4
4
  import { n as FormFieldProps } from "./FormField-CpPQoyv_.js";
5
5
  import { n as InputVariantProps } from "./input.cva-CfgCOIQW.js";
6
- import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-CJR-w_b1.js";
6
+ import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-BJi1U0fr.js";
7
7
  import { FocusEvent, Ref } from "react";
8
8
  import { CalendarDate } from "@internationalized/date";
9
9
  //#region src/components/inputs/DateTime/DateRangePicker/DateRangePicker.d.ts
@@ -27,34 +27,52 @@ interface DateRangePickerBaseProps extends FormFieldProps, InputVariantProps, Om
27
27
  allowPartialRange?: boolean;
28
28
  mode?: "absolute" | "relative";
29
29
  relativeValue?: string | null;
30
+ relativeResolvedValue?: DateRange | null;
30
31
  relativeOptions?: DateRangeRelativeOption[];
31
- onRelativeChange?: (value: string | null) => void;
32
+ onRelativeChange?: (value: string | null, resolvedValue: DateRange | null) => void;
33
+ enableRelativeMode?: boolean;
34
+ onModeChange?: (isRelative: boolean) => void;
35
+ }
36
+ interface DateRange {
37
+ start: DateValue$1;
38
+ end: DateValue$1;
32
39
  }
33
40
  interface DateRangeRelativeOption {
34
41
  /** Stable value emitted by DateRangePicker when mode is `relative`. */
35
42
  value: string;
36
43
  /** Human-readable value shown in the input and options list. */
37
44
  label: string;
45
+ /** Resolves this relative option to its current concrete range. */
46
+ getValue: () => DateRangeResolvedValue;
38
47
  isDisabled?: boolean;
39
48
  }
40
- interface DateRangePickerSharedProps extends Omit<DateRangePickerBaseProps, "value" | "onChange" | "minValue" | "maxValue"> {
49
+ interface DateRangeResolvedValue {
50
+ start: string;
51
+ end: string;
52
+ }
53
+ interface DateRangeRelativeValue {
54
+ relativeValue: string;
55
+ resolvedValue: DateRangeResolvedValue;
56
+ }
57
+ interface DateRangePickerSharedProps extends Omit<DateRangePickerBaseProps, "value" | "onChange" | "minValue" | "maxValue" | "mode" | "relativeValue" | "relativeResolvedValue" | "relativeOptions" | "onRelativeChange" | "onModeChange"> {
41
58
  fullIso?: boolean;
42
59
  minValue?: DateValue$1 | string;
43
60
  maxValue?: DateValue$1 | string;
44
61
  renderStaticInput?: boolean;
45
62
  }
46
- type DateRangePickerValue = {
63
+ type AbsoluteDateRangePickerValue = {
47
64
  start: string | null;
48
65
  end: string | null;
49
- } | string | null;
50
- type DateRangePickerProps<TMode extends "absolute" | "relative" = "absolute"> = DateRangePickerSharedProps & {
51
- /** `relative` returns and displays an option key instead of a concrete range. */
52
- mode?: TMode;
53
- value?: TMode extends "relative" ? string | null : Exclude<DateRangePickerValue, string>;
54
- onChange?: (value: TMode extends "relative" ? string | null : Exclude<DateRangePickerValue, string>) => void;
66
+ } | null;
67
+ type DateRangePickerValue = AbsoluteDateRangePickerValue | DateRangeRelativeValue;
68
+ type DateRangePickerProps<TEnableRelativeMode extends boolean = false> = DateRangePickerSharedProps & {
69
+ /** Allows switching between concrete date ranges and relative preset values. */
70
+ enableRelativeMode?: TEnableRelativeMode;
71
+ value?: TEnableRelativeMode extends true ? DateRangePickerValue : AbsoluteDateRangePickerValue;
72
+ onChange?: (value: TEnableRelativeMode extends true ? DateRangePickerValue : AbsoluteDateRangePickerValue) => void;
55
73
  };
56
- type ControlledDateRangePickerProps<TFieldValues extends FieldValues, TMode extends "absolute" | "relative" = "absolute"> = ControlProps<DateRangePickerProps<TMode>, TFieldValues>;
57
- declare const DateRangePickerComponent: <TFieldValues extends FieldValues, TMode extends "absolute" | "relative" = "absolute">({ fullIso, minValue, maxValue, renderStaticInput, ...props }: ControlledDateRangePickerProps<TFieldValues, TMode>) => import("react/jsx-runtime").JSX.Element;
74
+ type ControlledDateRangePickerProps<TFieldValues extends FieldValues, TEnableRelativeMode extends boolean = false> = ControlProps<DateRangePickerProps<TEnableRelativeMode>, TFieldValues>;
75
+ declare const DateRangePickerComponent: <TFieldValues extends FieldValues, TEnableRelativeMode extends boolean = false>({ fullIso, minValue, maxValue, renderStaticInput, ...props }: ControlledDateRangePickerProps<TFieldValues, TEnableRelativeMode>) => import("react/jsx-runtime").JSX.Element;
58
76
  declare const DateRangePicker: typeof DateRangePickerComponent;
59
77
  //#endregion
60
- export { DateRangeRelativeOption as i, DateRangePicker as n, DateRangePickerProps as r, ControlledDateRangePickerProps as t };
78
+ export { DateRangeRelativeValue as a, DateRangeRelativeOption as i, DateRangePicker as n, DateRangeResolvedValue as o, DateRangePickerProps as r, ControlledDateRangePickerProps as t };
@@ -3,29 +3,30 @@ import { t as ChevronDown } from "./chevron-down-Ciz9yP9R.js";
3
3
  import { t as ChevronLeft } from "./chevron-left-VO8YZrXZ.js";
4
4
  import { t as ChevronRight } from "./chevron-right-C_M98bh3.js";
5
5
  import { n as ChevronsLeft, t as ChevronsRight } from "./chevrons-right-BXdmZ2TS.js";
6
- import { i as CalendarGrid, n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, t as DatePickerInput } from "./DatePickerInput-97Ks0udv.js";
6
+ import { i as CalendarGrid, n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, t as DatePickerInput } from "./DatePickerInput-BK6P_VAB.js";
7
7
  import { t as clsx } from "./clsx-CnD0nOiA.js";
8
8
  import { d as $3ef42575df84b30b$export$9d1611c77c2fe928, f as $5dc95899b306f630$export$c9058316764c140e, h as $bdb11010cef70236$export$f680877a34711e37 } from "./utils-D-KKbY-n.js";
9
9
  import { t as $d4ee10de306f2510$export$4282f70798064fe0 } from "./DOMFunctions-BrQjsnDh.js";
10
10
  import { o as $9bf71ea28793e738$export$c5251b9e124bf29 } from "./SelectionIndicator-BvWiZS2N.js";
11
11
  import { a as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./import-BXAtbYEe.js";
12
12
  import { t as $ef06256079686ba0$export$f8aeda7b10753fa1 } from "./useDescription-4EIEr0rR.js";
13
- import { C as $dfb4eba373ed9493$exports, S as $3dfb0f96be0d6a08$export$4a931266a3838b86, h as useRangeCalendarState, i as getStaticDateTimeFocusTarget, m as useDateRangePickerState, o as DateTimeDialogFooter, r as getStaticDateRangeSegments, s as DateTimeDialog, v as $16f0b7bb276bc17e$export$300019f83c56d282, w as $896ba0a80a8f4d36$export$85fd5fdf27bacc79, x as $16f0b7bb276bc17e$export$7b3062cd49e80452 } from "./staticDateTimeSegments-CMj4NHoq.js";
13
+ import { C as $dfb4eba373ed9493$exports, S as $3dfb0f96be0d6a08$export$4a931266a3838b86, h as useRangeCalendarState, i as getStaticDateTimeFocusTarget, m as useDateRangePickerState, o as DateTimeDialogFooter, r as getStaticDateRangeSegments, s as DateTimeDialog, v as $16f0b7bb276bc17e$export$300019f83c56d282, w as $896ba0a80a8f4d36$export$85fd5fdf27bacc79, x as $16f0b7bb276bc17e$export$7b3062cd49e80452 } from "./staticDateTimeSegments-BJpz4raS.js";
14
14
  import { n as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "./Button-D09S1dNt.js";
15
15
  import { t as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-74MZZLC0.js";
16
16
  import { n as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-tBB7tXBj.js";
17
17
  import { n as $e5be200c675c3b3a$export$a763b9476acd3eb, r as $e5be200c675c3b3a$export$dad6ae84456c676a, t as $e5be200c675c3b3a$export$75ee7c75d68f5b0e } from "./useFormValidationState-Bpry7Uk5.js";
18
+ import { t as Toggle } from "./Toggle-bWM3RSXY.js";
18
19
  import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
19
20
  import { t as Typography } from "./Typography-AcUd9df8.js";
20
21
  import { InlineIconButton } from "./components/inline-icon-button.js";
21
22
  import { PillButton } from "./components/pill-button.js";
22
23
  import { t as FieldController } from "./form.binding-DyZ4fH8l.js";
23
24
  import { t as FormField } from "./FormField-Cl-t5Wi1.js";
24
- import "./i18n-C2TBJvnh.js";
25
- import { t as TooltipWrapper } from "./TooltipWrapper-V0A1TdyC.js";
26
- import { n as InputFrame, t as useStaticInputHandoff } from "./useStaticInputHandoff-Cssvz3nr.js";
25
+ import "./i18n-BDjNuy4Z.js";
26
+ import { t as TooltipWrapper } from "./TooltipWrapper-DyDsoRe-.js";
27
+ import { n as InputFrame, t as useStaticInputHandoff } from "./useStaticInputHandoff-D8dmC_LG.js";
27
28
  import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
28
- import { t as Select } from "./Select-BZFSEGvs.js";
29
+ import { t as Select } from "./Select-BEgNpIuG.js";
29
30
  import { memo, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
30
31
  import { createCalendar, endOfMonth, endOfWeek, endOfYear, getLocalTimeZone, startOfMonth, startOfWeek, startOfYear, toCalendarDate, today } from "@internationalized/date";
31
32
  import { useFocusWithin } from "@react-aria/interactions";
@@ -466,7 +467,7 @@ const RangeCalendar = ({ className, leftCalendarState, rightCalendarState, calen
466
467
  const DateRangePickerBase = (props) => {
467
468
  const ui = UIConfig.useConfig();
468
469
  const { t } = useTranslation();
469
- const { ref, label, tooltipText, helperText, isRequired, rightContent, isDisabled, isDirty, headerClassName, errorClassName, isHeaderHidden, error, onChange, onBlur, value, disableDropdown, className, hideSidebar, placeholder, inputClassName, hideLabel: hideLabelProp, variant: variantProp, as: asProp, size: sizeProp, isClearable: isClearableProp, isClearableIfDisabled, todayIcon: todayIconProp, todayIconButtonSize: todayIconButtonSizeProp, todayIconButtonComponent: todayIconButtonComponentProp, todayIconPlacement: todayIconPlacementProp, shouldForceLeadingZeros: shouldForceLeadingZerosProp, disableManualEntry: disableManualEntryProp, autoFixYear: autoFixYearProp, allowPartialRange: allowPartialRangeProp, mode = "absolute", relativeValue, relativeOptions = [], onRelativeChange, minValue, maxValue, ...rest } = props;
470
+ const { ref, label, tooltipText, helperText, isRequired, rightContent, isDisabled, isDirty, headerClassName, errorClassName, isHeaderHidden, error, onChange, onBlur, value, disableDropdown, className, hideSidebar, placeholder, inputClassName, hideLabel: hideLabelProp, variant: variantProp, as: asProp, size: sizeProp, isClearable: isClearableProp, isClearableIfDisabled, todayIcon: todayIconProp, todayIconButtonSize: todayIconButtonSizeProp, todayIconButtonComponent: todayIconButtonComponentProp, todayIconPlacement: todayIconPlacementProp, shouldForceLeadingZeros: shouldForceLeadingZerosProp, disableManualEntry: disableManualEntryProp, autoFixYear: autoFixYearProp, allowPartialRange: allowPartialRangeProp, mode = "absolute", relativeValue, relativeResolvedValue, relativeOptions = [], onRelativeChange, enableRelativeMode, onModeChange, minValue, maxValue, ...rest } = props;
470
471
  const hideLabel = hideLabelProp ?? ui.input.hideLabel;
471
472
  const variant = variantProp ?? ui.input.variant;
472
473
  const as = asProp ?? ui.input.as;
@@ -583,6 +584,9 @@ const DateRangePickerBase = (props) => {
583
584
  maxValue
584
585
  });
585
586
  const [activePreset, setActivePreset] = useState(mode === "relative" ? relativeValue ?? null : null);
587
+ useEffect(() => {
588
+ setActivePreset(mode === "relative" ? relativeValue ?? null : null);
589
+ }, [mode, relativeValue]);
586
590
  const [rangeSelection, setRangeSelection] = useState({
587
591
  start: value?.start || null,
588
592
  end: value?.end || null,
@@ -848,7 +852,8 @@ const DateRangePickerBase = (props) => {
848
852
  ]);
849
853
  const onApply = () => {
850
854
  if (mode === "relative") {
851
- onRelativeChange?.(activePreset);
855
+ const preset = presets.find((option) => option.value === activePreset);
856
+ onRelativeChange?.(activePreset, preset?.clampedValue ?? null);
852
857
  state.toggle();
853
858
  return;
854
859
  }
@@ -883,7 +888,7 @@ const DateRangePickerBase = (props) => {
883
888
  const onInputClear = () => {
884
889
  if (mode === "relative") {
885
890
  setActivePreset(null);
886
- onRelativeChange?.(null);
891
+ onRelativeChange?.(null, null);
887
892
  return;
888
893
  }
889
894
  fieldRangeRef.current = null;
@@ -1047,16 +1052,21 @@ const DateRangePickerBase = (props) => {
1047
1052
  }),
1048
1053
  keepEnabledUnlessFutureMin: true
1049
1054
  }),
1050
- ...relativeOptions.map((option) => ({
1051
- value: option.value,
1052
- label: option.label,
1053
- getValue: () => ({
1054
- start: todayDate,
1055
- end: todayDate
1056
- }),
1057
- clampedValue: null,
1058
- isDisabled: option.isDisabled ?? false
1059
- }))
1055
+ ...relativeOptions.map((option) => {
1056
+ const resolvedValue = option.getValue();
1057
+ const range = {
1058
+ start: DateTimeUtils.fromUTCISOToCalendarDate(resolvedValue.start),
1059
+ end: DateTimeUtils.fromUTCISOToCalendarDate(resolvedValue.end)
1060
+ };
1061
+ const clampedValue = clampRangeToBounds(range);
1062
+ return {
1063
+ value: option.value,
1064
+ label: option.label,
1065
+ getValue: () => range,
1066
+ clampedValue,
1067
+ isDisabled: (option.isDisabled ?? false) || !clampedValue
1068
+ };
1069
+ })
1060
1070
  ];
1061
1071
  const selectPreset = (preset) => {
1062
1072
  if (preset.isDisabled || mode !== "relative" && !preset.clampedValue) return;
@@ -1075,6 +1085,22 @@ const DateRangePickerBase = (props) => {
1075
1085
  if (mode === "relative") setActivePreset(preset.value);
1076
1086
  };
1077
1087
  const activeRelativeOption = mode === "relative" ? presets.find((preset) => preset.value === relativeValue) : void 0;
1088
+ const relativeDisplayRange = relativeResolvedValue ?? activeRelativeOption?.clampedValue;
1089
+ const relativeDisplayValue = activeRelativeOption ? /* @__PURE__ */ jsxs("div", {
1090
+ className: "flex min-w-0 items-center gap-1",
1091
+ children: [/* @__PURE__ */ jsxs(Typography, {
1092
+ size: "label-1",
1093
+ className: "shrink-0",
1094
+ children: [activeRelativeOption.label, relativeDisplayRange ? " ·" : ""]
1095
+ }), relativeDisplayRange && getStaticDateRangeSegments({
1096
+ start: relativeDisplayRange.start,
1097
+ end: relativeDisplayRange.end,
1098
+ locale,
1099
+ shouldForceLeadingZeros,
1100
+ isDisabled: !!isDisabled,
1101
+ disableManualEntry: true
1102
+ })]
1103
+ }) : void 0;
1078
1104
  return /* @__PURE__ */ jsx(TooltipWrapper, {
1079
1105
  as,
1080
1106
  error,
@@ -1130,7 +1156,7 @@ const DateRangePickerBase = (props) => {
1130
1156
  todayIconPlacement,
1131
1157
  isDirty,
1132
1158
  disableManualEntry: mode === "relative" || disableManualEntry,
1133
- displayValue: activeRelativeOption?.label,
1159
+ displayContent: relativeDisplayValue,
1134
1160
  autoFixYear,
1135
1161
  placeholder,
1136
1162
  className: inputClassName,
@@ -1139,9 +1165,14 @@ const DateRangePickerBase = (props) => {
1139
1165
  onClear: onInputClear
1140
1166
  }), /* @__PURE__ */ jsx(DateTimeDialog, {
1141
1167
  hideSidebar,
1142
- sidebar: /* @__PURE__ */ jsx("div", {
1168
+ sidebar: /* @__PURE__ */ jsxs("div", {
1143
1169
  className: "flex w-full flex-row overflow-auto border-elevation-outline-default-1 border-solid [-ms-overflow-style:none] [scrollbar-width:none] md:max-h-[344px] md:w-[156px] md:flex-col md:border-r [&::-webkit-scrollbar]:hidden",
1144
- children: presets.map((preset) => /* @__PURE__ */ jsx($d2b4bc8c273e7be6$export$353f5b6fc5456de1, {
1170
+ children: [enableRelativeMode && /* @__PURE__ */ jsx(Toggle, {
1171
+ isSelected: mode === "relative",
1172
+ onChange: onModeChange,
1173
+ className: "shrink-0 px-2 py-2 md:px-list-side-item-left",
1174
+ children: t(($) => $.ui.datePicker.relativeMode, { ns: "ui" })
1175
+ }), presets.map((preset) => /* @__PURE__ */ jsx($d2b4bc8c273e7be6$export$353f5b6fc5456de1, {
1145
1176
  isDisabled: preset.isDisabled,
1146
1177
  onClick: () => selectPreset(preset),
1147
1178
  className: clsx("w-full px-2 py-1 text-left md:px-list-side-item-left md:py-list-height-item disabled:text-interactive-text-secondary-disabled!", activePreset !== (mode === "relative" ? preset.value : preset.label) && "text-interactive-text-secondary-idle hover:text-interactive-text-secondary-hover", activePreset === (mode === "relative" ? preset.value : preset.label) && "bg-interactive-contained-primary-idle text-interactive-text-secondary-idle-inverted"),
@@ -1152,7 +1183,7 @@ const DateRangePickerBase = (props) => {
1152
1183
  className: "whitespace-nowrap",
1153
1184
  children: preset.label
1154
1185
  })
1155
- }, mode === "relative" ? preset.value : preset.label))
1186
+ }, mode === "relative" ? preset.value : preset.label))]
1156
1187
  }),
1157
1188
  footer: /* @__PURE__ */ jsx(DateTimeDialogFooter, {
1158
1189
  isDisabled,
@@ -1212,6 +1243,13 @@ const DateRangePickerInner = ({ fullIso = true, minValue, maxValue, renderStatic
1212
1243
  }
1213
1244
  });
1214
1245
  const normalizedValue = props.value ?? null;
1246
+ const isRelativeValue = (value) => !!value && typeof value === "object" && "relativeValue" in value;
1247
+ const [isRelativeMode, setIsRelativeMode] = useState(props.enableRelativeMode === true && isRelativeValue(normalizedValue));
1248
+ const mode = isRelativeMode ? "relative" : "absolute";
1249
+ useEffect(() => {
1250
+ if (!props.enableRelativeMode || normalizedValue === null) return;
1251
+ setIsRelativeMode(isRelativeValue(normalizedValue));
1252
+ }, [normalizedValue, props.enableRelativeMode]);
1215
1253
  const formatDateRange = (range) => {
1216
1254
  if (!range || !range.start && !range.end || !allowPartialRange && (!range.start || !range.end)) return null;
1217
1255
  if (fullIso) return {
@@ -1255,7 +1293,7 @@ const DateRangePickerInner = ({ fullIso = true, minValue, maxValue, renderStatic
1255
1293
  maxValue,
1256
1294
  parseCalendarDate
1257
1295
  ]);
1258
- const normalizedRange = normalizedValue;
1296
+ const normalizedRange = isRelativeValue(normalizedValue) ? normalizedValue.resolvedValue : normalizedValue;
1259
1297
  if (!renderInput) {
1260
1298
  const relativeOptions = [
1261
1299
  {
@@ -1296,10 +1334,10 @@ const DateRangePickerInner = ({ fullIso = true, minValue, maxValue, renderStatic
1296
1334
  },
1297
1335
  ...ui.dateInput.dateRangeOptions
1298
1336
  ];
1299
- const relativeLabel = props.mode === "relative" ? relativeOptions.find((option) => option.value === normalizedValue)?.label : void 0;
1337
+ const relativeLabel = mode === "relative" ? relativeOptions.find((option) => option.value === (isRelativeValue(normalizedValue) ? normalizedValue.relativeValue : null))?.label : void 0;
1300
1338
  const startDateValue = parseCalendarDate(normalizedRange?.start ?? null);
1301
1339
  const endDateValue = parseCalendarDate(normalizedRange?.end ?? null);
1302
- const hasProvidedRangeValue = props.mode === "relative" ? !!relativeLabel : !!(normalizedRange?.start || normalizedRange?.end);
1340
+ const hasProvidedRangeValue = mode === "relative" ? !!relativeLabel : !!(normalizedRange?.start || normalizedRange?.end);
1303
1341
  const as = props.as ?? ui.input.as;
1304
1342
  const size = props.size ?? ui.input.size;
1305
1343
  const isDisabled = isFormControlDisabled || !!props.isDisabled;
@@ -1313,7 +1351,7 @@ const DateRangePickerInner = ({ fullIso = true, minValue, maxValue, renderStatic
1313
1351
  size: todayIconButtonSize,
1314
1352
  todayIconButtonComponent
1315
1353
  });
1316
- const disableManualEntry = props.mode === "relative" || (props.disableManualEntry ?? ui.dateInput.disableManualEntry);
1354
+ const disableManualEntry = mode === "relative" || (props.disableManualEntry ?? ui.dateInput.disableManualEntry);
1317
1355
  const showDropdown = !props.disableDropdown || disableManualEntry;
1318
1356
  const staticSegments = getStaticDateRangeSegments({
1319
1357
  start: startDateValue,
@@ -1359,10 +1397,13 @@ const DateRangePickerInner = ({ fullIso = true, minValue, maxValue, renderStatic
1359
1397
  onClick: () => {},
1360
1398
  altText: ""
1361
1399
  } : void 0,
1362
- children: relativeLabel ? /* @__PURE__ */ jsx(Typography, {
1363
- size: "label-1",
1364
- className: "truncate",
1365
- children: relativeLabel
1400
+ children: relativeLabel ? /* @__PURE__ */ jsxs("div", {
1401
+ className: "flex min-w-0 items-center gap-1",
1402
+ children: [/* @__PURE__ */ jsxs(Typography, {
1403
+ size: "label-1",
1404
+ className: "shrink-0",
1405
+ children: [relativeLabel, " ·"]
1406
+ }), staticSegments]
1366
1407
  }) : staticSegments
1367
1408
  });
1368
1409
  }
@@ -1370,11 +1411,30 @@ const DateRangePickerInner = ({ fullIso = true, minValue, maxValue, renderStatic
1370
1411
  ...props,
1371
1412
  ...dateLimits,
1372
1413
  ref: $5dc95899b306f630$export$c9058316764c140e(props.ref, inputRef),
1373
- mode: props.mode,
1374
- relativeValue: props.mode === "relative" ? normalizedValue : null,
1375
- relativeOptions: props.mode === "relative" ? ui.dateInput.dateRangeOptions : [],
1376
- onRelativeChange: (value) => props.onChange?.(value),
1377
- value: props.mode === "relative" ? null : parseDateRange(normalizedRange),
1414
+ mode,
1415
+ enableRelativeMode: props.enableRelativeMode,
1416
+ onModeChange: (relative) => {
1417
+ setIsRelativeMode(relative);
1418
+ props.onChange?.(null);
1419
+ },
1420
+ relativeValue: mode === "relative" && isRelativeValue(normalizedValue) ? normalizedValue.relativeValue : null,
1421
+ relativeResolvedValue: mode === "relative" && isRelativeValue(normalizedValue) ? parseDateRange(normalizedValue.resolvedValue) : null,
1422
+ relativeOptions: mode === "relative" ? ui.dateInput.dateRangeOptions : [],
1423
+ onRelativeChange: (relativeValue, resolvedValue) => {
1424
+ const formattedResolvedValue = formatDateRange(resolvedValue);
1425
+ if (!relativeValue || !formattedResolvedValue?.start || !formattedResolvedValue.end) {
1426
+ props.onChange?.(null);
1427
+ return;
1428
+ }
1429
+ props.onChange?.({
1430
+ relativeValue,
1431
+ resolvedValue: {
1432
+ start: formattedResolvedValue.start,
1433
+ end: formattedResolvedValue.end
1434
+ }
1435
+ });
1436
+ },
1437
+ value: mode === "relative" ? null : parseDateRange(normalizedRange),
1378
1438
  onChange: (value) => props.onChange?.(formatDateRange(value))
1379
1439
  });
1380
1440
  };
@@ -3,7 +3,7 @@ import { n as FieldValues } from "./form.binding-DWlFTecs.js";
3
3
  import { t as ControlProps } from "./form.types-B9Vp8q2g.js";
4
4
  import { n as FormFieldProps } from "./FormField-CpPQoyv_.js";
5
5
  import { n as InputVariantProps } from "./input.cva-CfgCOIQW.js";
6
- import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-CJR-w_b1.js";
6
+ import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-BJi1U0fr.js";
7
7
  import { FocusEvent, Ref } from "react";
8
8
  //#region src/components/inputs/DateTime/DateTimePicker/DateTimePicker.d.ts
9
9
  interface DateTimePickerBaseProps extends FormFieldProps, InputVariantProps, Omit<DatePickerStateOptions<DateValue>, "granularity" | "shouldCloseOnSelect" | "label" | "onBlur"> {
@@ -1,16 +1,16 @@
1
1
  import { t as UIConfig } from "./uiConfig.context-B_wBkrQZ.js";
2
- import { n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, t as DatePickerInput } from "./DatePickerInput-97Ks0udv.js";
2
+ import { n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, t as DatePickerInput } from "./DatePickerInput-BK6P_VAB.js";
3
3
  import { t as clsx } from "./clsx-CnD0nOiA.js";
4
4
  import { f as $5dc95899b306f630$export$c9058316764c140e } from "./utils-D-KKbY-n.js";
5
- import { d as useCalendarState, i as getStaticDateTimeFocusTarget, n as getStaticCalendarDateTimeSegments, o as DateTimeDialogFooter, p as useDatePickerState, s as DateTimeDialog } from "./staticDateTimeSegments-CMj4NHoq.js";
5
+ import { d as useCalendarState, i as getStaticDateTimeFocusTarget, n as getStaticCalendarDateTimeSegments, o as DateTimeDialogFooter, p as useDatePickerState, s as DateTimeDialog } from "./staticDateTimeSegments-BJpz4raS.js";
6
6
  import { t as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-74MZZLC0.js";
7
- import { r as $6057a3d2a53a12fd$export$42df105a73306d51, t as Calendar } from "./Calendar-HJ-cFPap.js";
7
+ import { r as $6057a3d2a53a12fd$export$42df105a73306d51, t as Calendar } from "./Calendar-DQxeTov4.js";
8
8
  import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
9
9
  import { t as FieldController } from "./form.binding-DyZ4fH8l.js";
10
10
  import { t as FormField } from "./FormField-Cl-t5Wi1.js";
11
- import { t as TooltipWrapper } from "./TooltipWrapper-V0A1TdyC.js";
12
- import { n as InputFrame, t as useStaticInputHandoff } from "./useStaticInputHandoff-Cssvz3nr.js";
13
- import { t as normalizeDatePickerValue } from "./datePickerValue.utils-PgERc6lT.js";
11
+ import { t as TooltipWrapper } from "./TooltipWrapper-DyDsoRe-.js";
12
+ import { n as InputFrame, t as useStaticInputHandoff } from "./useStaticInputHandoff-D8dmC_LG.js";
13
+ import { t as normalizeDatePickerValue } from "./datePickerValue.utils-CA2te8RG.js";
14
14
  import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
15
15
  import { memo, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
16
16
  import { Time, createCalendar, getLocalTimeZone, toCalendarDate, toCalendarDateTime, today } from "@internationalized/date";
@@ -12,7 +12,7 @@ import { InlineIconButton } from "./components/inline-icon-button.js";
12
12
  import { TextButton } from "./components/text-button.js";
13
13
  import { t as FieldController } from "./form.binding-DyZ4fH8l.js";
14
14
  import { t as FormField } from "./FormField-Cl-t5Wi1.js";
15
- import "./i18n-C2TBJvnh.js";
15
+ import "./i18n-BDjNuy4Z.js";
16
16
  import { t as FileUtils } from "./file.utils-DqQxnuAm.js";
17
17
  import { t as ProgressBar } from "./ProgressBar-C8dtVA-1.js";
18
18
  import { memo, useCallback, useMemo, useState } from "react";
@@ -1,5 +1,5 @@
1
1
  import { c as ZodObject, h as output } from "./schemas-CAtYiHoz.js";
2
- import { c as InputComponentProps, i as DefaultComponentType, r as AllowedComponentType, u as InputDefBaseProps } from "./dynamicInputs-CecPNXsF.js";
2
+ import { c as InputComponentProps, i as DefaultComponentType, r as AllowedComponentType, u as InputDefBaseProps } from "./dynamicInputs-D1UI85oQ.js";
3
3
  import { c as UIForm, l as UseFormProps, o as FormSubmitErrorHandler, s as FormSubmitHandler } from "./form.binding-DWlFTecs.js";
4
4
  import { DependencyList, ReactNode } from "react";
5
5
  //#region src/hooks/useAutosave.d.ts
@@ -1,21 +1,21 @@
1
- import { t as PasswordInput } from "./PasswordInput-BUZPRoOL.js";
1
+ import { t as PasswordInput } from "./PasswordInput-CMKZF3YS.js";
2
2
  import { t as Checkbox } from "./Checkbox-B0w_4Ri0.js";
3
3
  import { t as Slider } from "./Slider-CGESXeRj.js";
4
- import { t as DateRangePicker } from "./DateRangePicker-LFJ2iqWM.js";
4
+ import { t as DateRangePicker } from "./DateRangePicker-DH4Eg6sF.js";
5
5
  import { t as Toggle } from "./Toggle-bWM3RSXY.js";
6
- import { t as TextArea } from "./TextArea-2yGnVaG6.js";
6
+ import { t as TextArea } from "./TextArea-CcXiu7JQ.js";
7
7
  import { TextInput } from "./components/text-input.js";
8
8
  import { Autocomplete } from "./components/autocomplete.js";
9
9
  import { CheckboxGroup } from "./components/checkbox-group.js";
10
- import { t as DatePicker } from "./DatePicker-DZgmU61j.js";
11
- import { t as Select } from "./Select-BZFSEGvs.js";
12
- import { t as DateTimePicker } from "./DateTimePicker-Bk1R38wj.js";
10
+ import { t as DatePicker } from "./DatePicker-BT46HC74.js";
11
+ import { t as Select } from "./Select-BEgNpIuG.js";
12
+ import { t as DateTimePicker } from "./DateTimePicker-BZcH7uNO.js";
13
13
  import { NumberInput } from "./components/number-input.js";
14
- import { t as NumberRangeInput } from "./NumberRangeInput-C9svqxJ9.js";
14
+ import { t as NumberRangeInput } from "./NumberRangeInput-BFaL0_B5.js";
15
15
  import { QueryAutocomplete } from "./components/query-autocomplete.js";
16
16
  import { QuerySelect } from "./components/query-select.js";
17
17
  import { t as Segment } from "./Segment-BAVcQyuY.js";
18
- import { t as TimePicker } from "./TimePicker-DRDEIb-p.js";
18
+ import { t as TimePicker } from "./TimePicker-eWZ7lIDW.js";
19
19
  import { useMemo } from "react";
20
20
  import { jsx } from "react/jsx-runtime";
21
21
  //#region src/components/inputs/Inputs/InputItem.tsx
@@ -11,7 +11,7 @@ import { InlineIconButton } from "./components/inline-icon-button.js";
11
11
  import { TextButton } from "./components/text-button.js";
12
12
  import { t as FieldController } from "./form.binding-DyZ4fH8l.js";
13
13
  import { t as FormField } from "./FormField-Cl-t5Wi1.js";
14
- import "./i18n-C2TBJvnh.js";
14
+ import "./i18n-BDjNuy4Z.js";
15
15
  import { a as inputSizeDefinition } from "./input.cva-KYGD4Bdz.js";
16
16
  import { t as FileUtils } from "./file.utils-DqQxnuAm.js";
17
17
  import { memo, useState } from "react";
@@ -1,5 +1,5 @@
1
1
  import { c as ZodObject, h as output } from "./schemas-CAtYiHoz.js";
2
- import { l as InputDef } from "./dynamicInputs-CecPNXsF.js";
2
+ import { l as InputDef } from "./dynamicInputs-D1UI85oQ.js";
3
3
  import { c as UIForm } from "./form.binding-DWlFTecs.js";
4
4
  import { ReactNode } from "react";
5
5
  //#region src/components/inputs/Inputs/Inputs.d.ts
@@ -1,4 +1,4 @@
1
- import { t as InputItem } from "./InputItem-DY7YW-n3.js";
1
+ import { t as InputItem } from "./InputItem-BjC0bpZe.js";
2
2
  import { jsx } from "react/jsx-runtime";
3
3
  //#region src/components/inputs/Inputs/Inputs.tsx
4
4
  function Inputs({ form, inputDefs, children }) {
@@ -4,7 +4,7 @@ import { n as $de32f1b87079253c$export$3ddf2d174ce01153 } from "./Dialog-Bl7F9FU
4
4
  import { n as $f3f84453ead64de5$export$8948f78d83984c69, t as $f3f84453ead64de5$export$2b77a92f1a5ad772 } from "./Modal-UhtruHmf.js";
5
5
  import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
6
6
  import { InlineIconButton } from "./components/inline-icon-button.js";
7
- import "./i18n-C2TBJvnh.js";
7
+ import "./i18n-BDjNuy4Z.js";
8
8
  import { i as modalOverlayDefinition, n as modalMainDefinition, t as modalContentDefinition } from "./modal.cva-CbziPHSN.js";
9
9
  import { jsx, jsxs } from "react/jsx-runtime";
10
10
  import { useTranslation } from "react-i18next";
@@ -7,9 +7,9 @@ import { n as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "./Input-BefLtZJe
7
7
  import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
8
8
  import { t as FieldController } from "./form.binding-DyZ4fH8l.js";
9
9
  import { r as FormFieldLabel, t as FormField } from "./FormField-Cl-t5Wi1.js";
10
- import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-V0A1TdyC.js";
10
+ import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-DyDsoRe-.js";
11
11
  import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-KYGD4Bdz.js";
12
- import { n as InputFrame, t as useStaticInputHandoff } from "./useStaticInputHandoff-Cssvz3nr.js";
12
+ import { n as InputFrame, t as useStaticInputHandoff } from "./useStaticInputHandoff-D8dmC_LG.js";
13
13
  import { t as IntlUtils } from "./intl.utils-zwAFoZ0U.js";
14
14
  import { memo, useEffect, useRef, useState } from "react";
15
15
  import { useFocusVisible, useFocusWithin, useHover } from "@react-aria/interactions";
@@ -4,7 +4,7 @@ import { n as ChevronsLeft, t as ChevronsRight } from "./chevrons-right-BXdmZ2TS
4
4
  import { t as clsx } from "./clsx-CnD0nOiA.js";
5
5
  import { n as cva } from "./uiOverrides.context-Bfm2n-n8.js";
6
6
  import { t as Button } from "./Button-D9J5wkMv.js";
7
- import "./i18n-C2TBJvnh.js";
7
+ import "./i18n-BDjNuy4Z.js";
8
8
  import { c } from "react/compiler-runtime";
9
9
  import { jsx, jsxs } from "react/jsx-runtime";
10
10
  import { useTranslation } from "react-i18next";