@cube-dev/ui-kit 0.190.7 → 0.190.8

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

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

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

@@ -6,7 +6,7 @@ import * as _react_types_shared0 from "@react-types/shared";
 
 //#region src/components/fields/DatePicker/MonthPicker.d.ts
 interface CubeMonthPickerProps<T extends DateValue = DateValue> extends Omit<CubePeriodPickerProps<T>, 'picker'> {}
-declare const _MonthPicker: react.ForwardRefExoticComponent<Omit<CubeMonthPickerProps<DateValue>, "ref"> & react.RefAttributes<_react_types_shared0.FocusableRefValue<HTMLElement, HTMLElement>>>;
+declare const _MonthPicker: react.ForwardRefExoticComponent<CubeMonthPickerProps<DateValue> & react.RefAttributes<_react_types_shared0.FocusableRefValue<HTMLElement, HTMLElement>>>;
 //#endregion
 export { CubeMonthPickerProps, _MonthPicker };
 //# sourceMappingURL=MonthPicker.d.ts.map

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

@@ -1,5 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.7 | Cube Dev Team */
-import { _PeriodPicker } from "./PeriodPicker.js";
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
+import { PeriodPicker } from "./PeriodPicker.js";
 import { c } from "react-compiler-runtime";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -9,7 +9,7 @@ function MonthPicker(props, ref) {
 	const $ = c(3);
 	let t0;
 	if ($[0] !== props || $[1] !== ref) {
-		t0 = /* @__PURE__ */ jsx(_PeriodPicker, {
+		t0 = /* @__PURE__ */ jsx(PeriodPicker, {
 			ref,
 			picker: "month",
 			...props

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

@@ -3,10 +3,9 @@ import { FieldBaseProps } from "../../../shared/form.js";
 import "../../../shared/index.js";
 import { PickerType } from "./period.js";
 import { BaseProps, ContainerStyleProps, Styles } from "@tenphi/tasty";
-import * as react from "react";
-import { RefObject } from "react";
+import { ReactElement, RefObject } from "react";
 import { AriaDatePickerProps, DateValue, Placement } from "react-aria";
-import * as _react_types_shared0 from "@react-types/shared";
+import { FocusableRef } from "@react-types/shared";
 
 //#region src/components/fields/DatePicker/PeriodPicker.d.ts
 interface CubePeriodPickerProps<T extends DateValue = DateValue> extends Omit<AriaDatePickerProps<T>, 'errorMessage' | 'granularity' | 'form' | 'name'>, BaseProps, ContainerStyleProps, FieldBaseProps<T | null | undefined> {
@@ -38,7 +37,9 @@ interface CubePeriodPickerProps<T extends DateValue = DateValue> extends Omit<Ar
   /** Override how the selected value is rendered as text. */
   formatValue?: (date: DateValue, picker: PickerType, locale: string) => string;
 }
-declare const _PeriodPicker: react.ForwardRefExoticComponent<Omit<CubePeriodPickerProps<DateValue>, "ref"> & react.RefAttributes<_react_types_shared0.FocusableRefValue<HTMLElement, HTMLElement>>>;
+declare const PeriodPicker: <T extends DateValue = DateValue>(props: CubePeriodPickerProps<T> & {
+  ref?: FocusableRef<HTMLElement>;
+}) => ReactElement | null;
 //#endregion
-export { CubePeriodPickerProps, _PeriodPicker };
+export { CubePeriodPickerProps, PeriodPicker };
 //# sourceMappingURL=PeriodPicker.d.ts.map

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useI18n } from "../../../i18n/useI18n.js";
@@ -35,7 +35,7 @@ const PeriodValueElement = tasty({
 		}
 	}
 });
-function PeriodPicker(props, ref) {
+function PeriodPickerImpl(rawProps, ref) {
 	const $ = c(91);
 	const { t } = useI18n();
 	let t0;
@@ -43,7 +43,7 @@ function PeriodPicker(props, ref) {
 		t0 = { defaultValidationTrigger: "onBlur" };
 		$[0] = t0;
 	} else t0 = $[0];
-	props = useFieldProps(props, t0);
+	const props = useFieldProps(rawProps, t0);
 	const styles = extractStyles(props, CONTAINER_STYLES);
 	const { qa, size, picker: t1, placeholder, formatValue, isDisabled, isReadOnly, isInvalid, isValid, autoFocus } = props;
 	const picker = t1 === void 0 ? "month" : t1;
@@ -325,9 +325,10 @@ function PeriodPicker(props, ref) {
 	} else t30 = $[90];
 	return t30;
 }
-const _PeriodPicker = forwardRef(PeriodPicker);
+const _PeriodPicker = forwardRef(PeriodPickerImpl);
 _PeriodPicker.displayName = "PeriodPicker";
+const PeriodPicker = _PeriodPicker;
 
 //#endregion
-export { _PeriodPicker };
+export { PeriodPicker };
 //# sourceMappingURL=PeriodPicker.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PeriodPicker.js","names":["FocusableRef","BaseProps","CONTAINER_STYLES","ContainerStyleProps","Styles","tasty","forwardRef","RefObject","useId","useRef","AriaDatePickerProps","DateValue","Placement","useDatePicker","useFocusRing","useLocale","useDatePickerState","useI18n","FieldBaseProps","mergeProps","extractStyles","mergeStyleLayers","useFieldProps","wrapWithField","Calendar","PeriodCalendar","Dialog","DialogTrigger","DateInputBase","DatePickerButton","formatPeriod","PickerType","snapToPeriod","useFocusManagerRef","PeriodValueElement","qa","styles","preset","width","whiteSpace","textOverflow","overflow","color","placeholder","disabled","CubePeriodPickerProps","Omit","T","picker","wrapperStyles","inputStyles","triggerStyles","size","shouldFlip","targetRef","HTMLElement","placement","formatValue","date","locale","PeriodPicker","props","ref","$","_c","t","t0","Symbol","for","defaultValidationTrigger","t1","isDisabled","isReadOnly","isInvalid","isValid","autoFocus","undefined","t2","t3","t4","t5","t6","week","month","quarter","year","defaultPlaceholder","t7","granularity","shouldCloseOnSelect","state","isOpen","setOpen","domRef","t8","within","isTextInput","isFocused","isFocusedButton","focusProps","focusPropsButton","t9","groupProps","labelProps","buttonProps","dialogProps","calendarProps","t10","setValue","handleSelect","t11","value","displayText","valueId","t12","minValue","maxValue","isDateUnavailable","panel","T0","t13","t14","t15","display","t16","t17","cursor","t18","t19","t20","t21","t22","t23","t24","t25","t26","t27","t28","t29","component","t30","_PeriodPicker","displayName"],"sources":["../../../../src/components/fields/DatePicker/PeriodPicker.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef, RefObject, useId, useRef } from 'react';\nimport {\n  AriaDatePickerProps,\n  DateValue,\n  Placement,\n  useDatePicker,\n  useFocusRing,\n  useLocale,\n} from 'react-aria';\nimport { useDatePickerState } from 'react-stately';\n\nimport { useI18n } from '../../../i18n';\nimport { FieldBaseProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles, mergeStyleLayers } from '../../../utils/styles';\nimport { useFieldProps, wrapWithField } from '../../form';\nimport { Calendar } from '../../other/Calendar/Calendar';\nimport { PeriodCalendar } from '../../other/Calendar/PeriodCalendar';\nimport { Dialog, DialogTrigger } from '../../overlays/Dialog';\n\nimport { DateInputBase } from './DateInputBase';\nimport { DatePickerButton } from './DatePickerButton';\nimport { formatPeriod, PickerType, snapToPeriod } from './period';\nimport { useFocusManagerRef } from './utils';\n\nconst PeriodValueElement = tasty({\n  qa: 'PeriodPickerValue',\n  styles: {\n    preset: 't3',\n    width: 'max 100%',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n    overflow: 'hidden',\n    color: {\n      '': '#dark',\n      placeholder: '#dark.30',\n      disabled: '#dark.30',\n    },\n  },\n});\n\nexport interface CubePeriodPickerProps<T extends DateValue = DateValue>\n  extends Omit<\n      AriaDatePickerProps<T>,\n      'errorMessage' | 'granularity' | 'form' | 'name'\n    >,\n    BaseProps,\n    ContainerStyleProps,\n    FieldBaseProps<T | null | undefined> {\n  /** Which period the picker selects. Set by the concrete picker components. */\n  picker?: PickerType;\n  wrapperStyles?: Styles;\n  inputStyles?: Styles;\n  triggerStyles?: Styles;\n  styles?: Styles;\n  size?: 'small' | 'medium' | 'large' | (string & {});\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  /** Placeholder shown when no value is selected. */\n  placeholder?: string;\n  /** Override how the selected value is rendered as text. */\n  formatValue?: (date: DateValue, picker: PickerType, locale: string) => string;\n}\n\nfunction PeriodPicker<T extends DateValue>(\n  props: CubePeriodPickerProps<T>,\n  ref: FocusableRef<HTMLElement>,\n) {\n  const { t } = useI18n();\n\n  props = useFieldProps(props, {\n    defaultValidationTrigger: 'onBlur',\n  });\n\n  let styles = extractStyles(props, CONTAINER_STYLES);\n\n  let {\n    qa,\n    size,\n    picker = 'month',\n    placeholder,\n    formatValue,\n    isDisabled,\n    isReadOnly,\n    isInvalid,\n    isValid,\n    autoFocus,\n  } = props;\n\n  let defaultPlaceholder: Record<PickerType, string> = {\n    week: t('datePicker.selectWeek', 'Select week'),\n    month: t('datePicker.selectMonth', 'Select month'),\n    quarter: t('datePicker.selectQuarter', 'Select quarter'),\n    year: t('datePicker.selectYear', 'Select year'),\n  };\n\n  let { locale } = useLocale();\n  let targetRef = useRef<HTMLDivElement>(null);\n  let state = useDatePickerState({\n    ...props,\n    granularity: 'day',\n    shouldCloseOnSelect: true,\n  });\n  let { isOpen, setOpen } = state;\n\n  let domRef = useFocusManagerRef(ref);\n\n  let { isFocused: isFocusedButton, focusProps: focusPropsButton } =\n    useFocusRing({\n      within: false,\n      isTextInput: false,\n      autoFocus,\n    });\n\n  let { groupProps, labelProps, buttonProps, dialogProps, calendarProps } =\n    useDatePicker({ ...props, granularity: 'day' }, state, targetRef);\n\n  let handleSelect = (date: DateValue) => {\n    state.setValue(snapToPeriod(date, picker, locale));\n    setOpen(false);\n  };\n\n  let displayText = state.value\n    ? (formatValue ?? formatPeriod)(state.value, picker, locale)\n    : placeholder ?? defaultPlaceholder[picker];\n\n  // The value is rendered as text rather than editable segments, so the trigger\n  // has to point at it to announce the current selection.\n  let valueId = useId();\n\n  const panel =\n    picker === 'week' ? (\n      <Calendar\n        {...calendarProps}\n        autoFocus\n        pickerMode=\"week\"\n        isDisabled={isDisabled}\n        onChange={handleSelect}\n      />\n    ) : (\n      <PeriodCalendar\n        autoFocus\n        picker={picker}\n        value={calendarProps.value}\n        minValue={calendarProps.minValue}\n        maxValue={calendarProps.maxValue}\n        isDateUnavailable={calendarProps.isDateUnavailable}\n        isDisabled={isDisabled}\n        onChange={handleSelect}\n      />\n    );\n\n  const component = (\n    <DateInputBase\n      ref={targetRef}\n      qa={qa || 'PeriodPicker'}\n      inputType=\"datepicker\"\n      styles={mergeStyleLayers(\n        { display: 'grid' },\n        styles,\n        props.wrapperStyles,\n      )}\n      inputStyles={mergeStyleLayers(\n        { cursor: isDisabled || isReadOnly ? 'default' : 'pointer' },\n        props.inputStyles,\n      )}\n      disableFocusRing={isFocusedButton}\n      isDisabled={isDisabled}\n      isInvalid={isInvalid}\n      isValid={isValid}\n      size={size}\n      fieldProps={groupProps}\n      suffix={\n        <DialogTrigger\n          hideArrow\n          type=\"popover\"\n          mobileType=\"tray\"\n          placement={props.placement ?? 'bottom right'}\n          targetRef={props.targetRef ?? targetRef}\n          isOpen={isOpen}\n          shouldFlip={props.shouldFlip}\n          onOpenChange={setOpen}\n        >\n          <DatePickerButton\n            size={size}\n            {...mergeProps(buttonProps, focusPropsButton)}\n            aria-describedby={valueId}\n            // Passed separately, not merged: only the field-disabled half is\n            // inherited. See `DatePickerButton`.\n            isDisabled={isDisabled}\n            isReadOnly={isReadOnly}\n            styles={props.triggerStyles}\n          />\n          <Dialog {...dialogProps} width=\"max-content\">\n            {panel}\n          </Dialog>\n        </DialogTrigger>\n      }\n    >\n      <PeriodValueElement\n        id={valueId}\n        mods={{ placeholder: !state.value, disabled: isDisabled }}\n        onClick={() => !isDisabled && !isReadOnly && setOpen(true)}\n      >\n        {displayText}\n      </PeriodValueElement>\n    </DateInputBase>\n  );\n\n  return wrapWithField(component, domRef, {\n    ...props,\n    labelProps: mergeProps(props.labelProps, labelProps),\n  });\n}\n\nconst _PeriodPicker = forwardRef(PeriodPicker);\n\n_PeriodPicker.displayName = 'PeriodPicker';\n\nexport { _PeriodPicker as PeriodPicker };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAiCA,MAAMkC,qBAAqB7B,MAAM;CAC/B8B,IAAI;CACJC,QAAQ;EACNC,QAAQ;EACRC,OAAO;EACPC,YAAY;EACZC,cAAc;EACdC,UAAU;EACVC,OAAO;GACL,IAAI;GACJC,aAAa;GACbC,UAAU;GACZ;EACF;CACD,CAAC;AAuCF,SAAAgB,aAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAIE,MAAA,EAAAC,MAAchD,SAAS;CAAC,IAAAiD;AAAA,KAAAH,EAAA,OAAAI,OAAAC,IAAA,4BAAA,EAAA;AAEKF,OAAA,EAAAG,0BACD,UAC3B;AAAAN,IAAA,KAAAG;OAAAA,MAAAH,EAAA;AAFDF,SAAQvC,cAAcuC,OAAOK,GAE3B;CAEF,MAAA9B,SAAahB,cAAcyC,OAAO3D,iBAAiB;CAEnD,MAAA,EAAAiC,IAAAiB,MAAAJ,QAAAsB,IAAA3B,aAAAc,aAAAc,YAAAC,YAAAC,WAAAC,SAAAC,cAWId;CARF,MAAAb,SAAAsB,OAAAM,SAAA,UAAAN;CAAgB,IAAAO;AAAA,KAAAd,EAAA,OAAAE,GAAA;AAWVY,OAAAZ,EAAE,yBAAyB,cAAc;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAc;OAAAA,MAAAd,EAAA;CAAA,IAAAe;AAAA,KAAAf,EAAA,OAAAE,GAAA;AACxCa,OAAAb,EAAE,0BAA0B,eAAe;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAe;OAAAA,MAAAf,EAAA;CAAA,IAAAgB;AAAA,KAAAhB,EAAA,OAAAE,GAAA;AACzCc,OAAAd,EAAE,4BAA4B,iBAAiB;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAgB;OAAAA,MAAAhB,EAAA;CAAA,IAAAiB;AAAA,KAAAjB,EAAA,OAAAE,GAAA;AAClDe,OAAAf,EAAE,yBAAyB,cAAc;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAiB;OAAAA,MAAAjB,EAAA;CAAA,IAAAkB;AAAA,KAAAlB,EAAA,OAAAc,MAAAd,EAAA,QAAAe,MAAAf,EAAA,QAAAgB,MAAAhB,EAAA,QAAAiB,IAAA;AAJIC,OAAA;GAAAC,MAC7CL;GAAyCM,OACxCL;GAA2CM,SACzCL;GAA+CM,MAClDL;GACP;AAAAjB,IAAA,KAAAc;AAAAd,IAAA,MAAAe;AAAAf,IAAA,MAAAgB;AAAAhB,IAAA,MAAAiB;AAAAjB,IAAA,MAAAkB;OAAAA,MAAAlB,EAAA;CALD,MAAAuB,qBAAqDL;CAOrD,MAAA,EAAAtB,WAAiB5C,WAAW;CAC5B,MAAAuC,YAAgB7C,OAAuB,KAAK;CAAC,IAAA8E;AAAA,KAAAxB,EAAA,QAAAF,OAAA;AACd0B,OAAA;GAAA,GAC1B1B;GAAK2B,aACK;GAAKC,qBACG;GACtB;AAAA1B,IAAA,MAAAF;AAAAE,IAAA,MAAAwB;OAAAA,MAAAxB,EAAA;CAJD,MAAA2B,QAAY1E,mBAAmBuE,GAI7B;CACF,MAAA,EAAAI,QAAAC,YAA0BF;CAE1B,MAAAG,SAAa5D,mBAAmB6B,IAAI;CAAC,IAAAgC;AAAA,KAAA/B,EAAA,QAAAY,WAAA;AAGtBmB,OAAA;GAAAC,QACH;GAAKC,aACA;GAAKrB;GAEnB;AAAAZ,IAAA,MAAAY;AAAAZ,IAAA,MAAA+B;OAAAA,MAAA/B,EAAA;CALH,MAAA,EAAAkC,WAAAC,iBAAAC,YAAAC,qBACEtF,aAAagF,GAIX;CAAC,IAAAO;AAAA,KAAAtC,EAAA,QAAAF,OAAA;AAGWwC,OAAA;GAAA,GAAKxC;GAAK2B,aAAe;GAAO;AAAAzB,IAAA,MAAAF;AAAAE,IAAA,MAAAsC;OAAAA,MAAAtC,EAAA;CADhD,MAAA,EAAAuC,YAAAC,YAAAC,aAAAC,aAAAC,kBACE7F,cAAcwF,IAAkCX,OAAOpC,UAAU;CAAC,IAAAqD;AAAA,KAAA5C,EAAA,QAAAJ,UAAAI,EAAA,QAAAf,UAAAe,EAAA,QAAA6B,WAAA7B,EAAA,QAAA2B,OAAA;AAEjDiB,SAAAjD,SAAA;AACjBgC,SAAKkB,SAAU5E,aAAa0B,MAAMV,QAAQW,OAAO,CAAC;AAClDiC,WAAQ,MAAM;;AACf7B,IAAA,MAAAJ;AAAAI,IAAA,MAAAf;AAAAe,IAAA,MAAA6B;AAAA7B,IAAA,MAAA2B;AAAA3B,IAAA,MAAA4C;OAAAA,OAAA5C,EAAA;CAHD,MAAA8C,eAAmBF;CAGjB,IAAAG;AAAA,KAAA/C,EAAA,QAAAuB,sBAAAvB,EAAA,QAAAN,eAAAM,EAAA,QAAAJ,UAAAI,EAAA,QAAAf,UAAAe,EAAA,QAAApB,eAAAoB,EAAA,QAAA2B,MAAAqB,OAAA;AAEgBD,QAAApB,MAAKqB,SAClBtD,eAAA3B,cAA6B4D,MAAKqB,OAAQ/D,QAAQW,OACV,GAAzChB,eAAe2C,mBAAmBtC;AAAOe,IAAA,MAAAuB;AAAAvB,IAAA,MAAAN;AAAAM,IAAA,MAAAJ;AAAAI,IAAA,MAAAf;AAAAe,IAAA,MAAApB;AAAAoB,IAAA,MAAA2B,MAAAqB;AAAAhD,IAAA,MAAA+C;OAAAA,OAAA/C,EAAA;CAF7C,MAAAiD,cAAkBF;CAMlB,MAAAG,UAAczG,OAAO;CAAC,IAAA0G;AAAA,KAAAnD,EAAA,QAAA2C,iBAAA3C,EAAA,QAAA8C,gBAAA9C,EAAA,QAAAQ,cAAAR,EAAA,QAAAf,QAAA;AAGpBkE,QAAAlE,WAAW,SACT,oBAAC;GAAQ,GACH0D;GACJ,WAAA;GACW,YAAA;GACCnC;GACFsC,UAAAA;IAab,GAVC,oBAAC;GACC,WAAA;GACQ7D;GACD,OAAA0D,cAAaK;GACV,UAAAL,cAAaS;GACb,UAAAT,cAAaU;GACJ,mBAAAV,cAAaW;GACpB9C;GACFsC,UAAAA;IAEb;AAAA9C,IAAA,MAAA2C;AAAA3C,IAAA,MAAA8C;AAAA9C,IAAA,MAAAQ;AAAAR,IAAA,MAAAf;AAAAe,IAAA,MAAAmD;OAAAA,OAAAnD,EAAA;CApBH,MAAAuD,QACEJ;CAsBC,MAAAK,KAAA3F;CAEK,MAAA4F,MAAArF,MAAA;CACM,MAAAsF,MAAA;CACF,MAAAC,MAAArG,iBACN,EAAAsG,SAAW,QAAQ,EACnBvF,QACAyB,MAAKZ,cACN;CAEW,MAAA2E,MAAArD,cAAAC,aAAA,YAAA;CAAgD,IAAAqD;AAAA,KAAA9D,EAAA,QAAAF,MAAAX,eAAAa,EAAA,QAAA6D,KAAA;AAD/CC,QAAAxG,iBACX,EAAAyG,QAAUF,KAAkD,EAC5D/D,MAAKX,YACN;AAAAa,IAAA,MAAAF,MAAAX;AAAAa,IAAA,MAAA6D;AAAA7D,IAAA,MAAA8D;OAAAA,OAAA9D,EAAA;CAYc,MAAAgE,MAAAlE,MAAKL,aAAL;CACA,MAAAwE,MAAAnE,MAAKP,aAALA;CAEC,MAAA2E,MAAApE,MAAKR;CAAW,IAAA6E;AAAA,KAAAnE,EAAA,QAAAyC,eAAAzC,EAAA,QAAAqC,kBAAA;AAKtB8B,QAAA/G,aAAWqF,aAAaJ,iBAAiB;AAAArC,IAAA,MAAAyC;AAAAzC,IAAA,MAAAqC;AAAArC,IAAA,MAAAmE;OAAAA,OAAAnE,EAAA;CAAA,IAAAoE;AAAA,KAAApE,EAAA,QAAAQ,cAAAR,EAAA,QAAAS,cAAAT,EAAA,QAAAF,MAAAV,iBAAAY,EAAA,QAAAX,QAAAW,EAAA,QAAAmE,OAAAnE,EAAA,QAAAkD,SAAA;AAF/CkB,QAAA,oBAAC;GACO/E;GAAI,GACN8E;GACcjB,oBAAAA;GAGN1C;GACAC;GACJ,QAAAX,MAAKV;IACb;AAAAY,IAAA,MAAAQ;AAAAR,IAAA,MAAAS;AAAAT,IAAA,MAAAF,MAAAV;AAAAY,IAAA,MAAAX;AAAAW,IAAA,MAAAmE;AAAAnE,IAAA,MAAAkD;AAAAlD,IAAA,MAAAoE;OAAAA,OAAApE,EAAA;CAAA,IAAAqE;AAAA,KAAArE,EAAA,QAAA0C,eAAA1C,EAAA,QAAAuD,OAAA;AACFc,QAAA,oBAAC;GAAM,GAAK3B;GAAmB,OAAA;aAC5Ba;IACM;AAAAvD,IAAA,MAAA0C;AAAA1C,IAAA,MAAAuD;AAAAvD,IAAA,MAAAqE;OAAAA,OAAArE,EAAA;CAAA,IAAAsE;AAAA,KAAAtE,EAAA,QAAA4B,UAAA5B,EAAA,QAAAF,MAAAR,cAAAU,EAAA,QAAA6B,WAAA7B,EAAA,QAAAgE,OAAAhE,EAAA,QAAAiE,OAAAjE,EAAA,QAAAoE,OAAApE,EAAA,QAAAqE,KAAA;AAtBXC,QAAA,qBAAC;GACC,WAAA;GACK,MAAA;GACM,YAAA;GACA,WAAAN;GACA,WAAAC;GACHrC;GACI,YAAAsC;GACErC,cAAAA;cAEduC,KAUAC;IAGc;AAAArE,IAAA,MAAA4B;AAAA5B,IAAA,MAAAF,MAAAR;AAAAU,IAAA,MAAA6B;AAAA7B,IAAA,MAAAgE;AAAAhE,IAAA,MAAAiE;AAAAjE,IAAA,MAAAoE;AAAApE,IAAA,MAAAqE;AAAArE,IAAA,MAAAsE;OAAAA,OAAAtE,EAAA;CAKK,MAAAuE,MAAA,CAAC5C,MAAKqB;CAAM,IAAAwB;AAAA,KAAAxE,EAAA,QAAAQ,cAAAR,EAAA,QAAAuE,KAAA;AAA3BC,QAAA;GAAA5F,aAAe2F;GAAY1F,UAAY2B;GAAY;AAAAR,IAAA,MAAAQ;AAAAR,IAAA,MAAAuE;AAAAvE,IAAA,MAAAwE;OAAAA,OAAAxE,EAAA;CAAA,IAAAyE;AAAA,KAAAzE,EAAA,QAAAQ,cAAAR,EAAA,QAAAS,cAAAT,EAAA,QAAA6B,SAAA;AAChD4C,cAAM,CAACjE,cAAD,CAAgBC,cAAcoB,QAAQ,KAAK;AAAA7B,IAAA,MAAAQ;AAAAR,IAAA,MAAAS;AAAAT,IAAA,MAAA6B;AAAA7B,IAAA,MAAAyE;OAAAA,OAAAzE,EAAA;CAAA,IAAA0E;AAAA,KAAA1E,EAAA,QAAAiD,eAAAjD,EAAA,QAAAwE,OAAAxE,EAAA,QAAAyE,OAAAzE,EAAA,QAAAkD,SAAA;AAH5DwB,QAAA,oBAAC;GACKxB,IAAAA;GACE,MAAAsB;GACG,SAAAC;aAERxB;IACkB;AAAAjD,IAAA,MAAAiD;AAAAjD,IAAA,MAAAwE;AAAAxE,IAAA,MAAAyE;AAAAzE,IAAA,MAAAkD;AAAAlD,IAAA,MAAA0E;OAAAA,OAAA1E,EAAA;CAAA,IAAA2E;AAAA,KAAA3E,EAAA,QAAAwD,MAAAxD,EAAA,QAAAuC,cAAAvC,EAAA,QAAAQ,cAAAR,EAAA,QAAAmC,mBAAAnC,EAAA,QAAAU,aAAAV,EAAA,QAAAW,WAAAX,EAAA,QAAAX,QAAAW,EAAA,QAAAyD,OAAAzD,EAAA,QAAA2D,OAAA3D,EAAA,QAAA8D,OAAA9D,EAAA,QAAAsE,OAAAtE,EAAA,QAAA0E,KAAA;AApDvBC,QAAA,oBAAC;GACMpF,KAAAA;GACD,IAAAkE;GACM,WAAAC;GACF,QAAAC;GAKK,aAAAG;GAIK3B,kBAAAA;GACN3B;GACDE;GACFC;GACHtB;GACMkD,YAAAA;GAEV,QAAA+B;aA0BFI;IAOc;AAAA1E,IAAA,MAAAwD;AAAAxD,IAAA,MAAAuC;AAAAvC,IAAA,MAAAQ;AAAAR,IAAA,MAAAmC;AAAAnC,IAAA,MAAAU;AAAAV,IAAA,MAAAW;AAAAX,IAAA,MAAAX;AAAAW,IAAA,MAAAyD;AAAAzD,IAAA,MAAA2D;AAAA3D,IAAA,MAAA8D;AAAA9D,IAAA,MAAAsE;AAAAtE,IAAA,MAAA0E;AAAA1E,IAAA,MAAA2E;OAAAA,OAAA3E,EAAA;CAtDlB,MAAA4E,YACED;CAsDA,IAAAE;AAAA,KAAA7E,EAAA,QAAA4E,aAAA5E,EAAA,QAAA8B,UAAA9B,EAAA,QAAAwC,cAAAxC,EAAA,QAAAF,OAAA;AAEK+E,QAAArH,cAAcoH,WAAW9C,QAAQ;GAAA,GACnChC;GAAK0C,YACIpF,aAAW0C,MAAK0C,YAAaA,WAAU;GACpD,CAAC;AAAAxC,IAAA,MAAA4E;AAAA5E,IAAA,MAAA8B;AAAA9B,IAAA,MAAAwC;AAAAxC,IAAA,MAAAF;AAAAE,IAAA,MAAA6E;OAAAA,OAAA7E,EAAA;AAAA,QAHK6E;;AAMT,MAAMC,gBAAgBvI,WAAWsD,aAAa;AAE9CiF,cAAcC,cAAc"}
+{"version":3,"file":"PeriodPicker.js","names":["FocusableRef","BaseProps","CONTAINER_STYLES","ContainerStyleProps","Styles","tasty","forwardRef","ReactElement","RefObject","useId","useRef","AriaDatePickerProps","DateValue","Placement","useDatePicker","useFocusRing","useLocale","useDatePickerState","useI18n","FieldBaseProps","mergeProps","extractStyles","mergeStyleLayers","useFieldProps","wrapWithField","Calendar","PeriodCalendar","Dialog","DialogTrigger","DateInputBase","DatePickerButton","formatPeriod","PickerType","snapToPeriod","useFocusManagerRef","PeriodValueElement","qa","styles","preset","width","whiteSpace","textOverflow","overflow","color","placeholder","disabled","CubePeriodPickerProps","Omit","T","picker","wrapperStyles","inputStyles","triggerStyles","size","shouldFlip","targetRef","HTMLElement","placement","formatValue","date","locale","PeriodPickerImpl","rawProps","ref","$","_c","t","t0","Symbol","for","defaultValidationTrigger","props","t1","isDisabled","isReadOnly","isInvalid","isValid","autoFocus","undefined","t2","t3","t4","t5","t6","week","month","quarter","year","defaultPlaceholder","t7","granularity","shouldCloseOnSelect","state","isOpen","setOpen","domRef","t8","within","isTextInput","isFocused","isFocusedButton","focusProps","focusPropsButton","t9","groupProps","labelProps","buttonProps","dialogProps","calendarProps","t10","setValue","handleSelect","t11","value","displayText","valueId","t12","minValue","maxValue","isDateUnavailable","panel","T0","t13","t14","t15","display","t16","t17","cursor","t18","t19","t20","t21","t22","t23","t24","t25","t26","t27","t28","t29","component","t30","_PeriodPicker","displayName","PeriodPicker"],"sources":["../../../../src/components/fields/DatePicker/PeriodPicker.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef, ReactElement, RefObject, useId, useRef } from 'react';\nimport {\n  AriaDatePickerProps,\n  DateValue,\n  Placement,\n  useDatePicker,\n  useFocusRing,\n  useLocale,\n} from 'react-aria';\nimport { useDatePickerState } from 'react-stately';\n\nimport { useI18n } from '../../../i18n';\nimport { FieldBaseProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles, mergeStyleLayers } from '../../../utils/styles';\nimport { useFieldProps, wrapWithField } from '../../form';\nimport { Calendar } from '../../other/Calendar/Calendar';\nimport { PeriodCalendar } from '../../other/Calendar/PeriodCalendar';\nimport { Dialog, DialogTrigger } from '../../overlays/Dialog';\n\nimport { DateInputBase } from './DateInputBase';\nimport { DatePickerButton } from './DatePickerButton';\nimport { formatPeriod, PickerType, snapToPeriod } from './period';\nimport { useFocusManagerRef } from './utils';\n\nconst PeriodValueElement = tasty({\n  qa: 'PeriodPickerValue',\n  styles: {\n    preset: 't3',\n    width: 'max 100%',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n    overflow: 'hidden',\n    color: {\n      '': '#dark',\n      placeholder: '#dark.30',\n      disabled: '#dark.30',\n    },\n  },\n});\n\nexport interface CubePeriodPickerProps<T extends DateValue = DateValue>\n  extends Omit<\n      AriaDatePickerProps<T>,\n      'errorMessage' | 'granularity' | 'form' | 'name'\n    >,\n    BaseProps,\n    ContainerStyleProps,\n    FieldBaseProps<T | null | undefined> {\n  /** Which period the picker selects. Set by the concrete picker components. */\n  picker?: PickerType;\n  wrapperStyles?: Styles;\n  inputStyles?: Styles;\n  triggerStyles?: Styles;\n  styles?: Styles;\n  size?: 'small' | 'medium' | 'large' | (string & {});\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  /** Placeholder shown when no value is selected. */\n  placeholder?: string;\n  /** Override how the selected value is rendered as text. */\n  formatValue?: (date: DateValue, picker: PickerType, locale: string) => string;\n}\n\nfunction PeriodPickerImpl<T extends DateValue>(\n  rawProps: CubePeriodPickerProps<T>,\n  ref: FocusableRef<HTMLElement>,\n) {\n  const { t } = useI18n();\n\n  let props = useFieldProps(rawProps, {\n    defaultValidationTrigger: 'onBlur',\n  });\n\n  let styles = extractStyles(props, CONTAINER_STYLES);\n\n  let {\n    qa,\n    size,\n    picker = 'month',\n    placeholder,\n    formatValue,\n    isDisabled,\n    isReadOnly,\n    isInvalid,\n    isValid,\n    autoFocus,\n  } = props;\n\n  let defaultPlaceholder: Record<PickerType, string> = {\n    week: t('datePicker.selectWeek', 'Select week'),\n    month: t('datePicker.selectMonth', 'Select month'),\n    quarter: t('datePicker.selectQuarter', 'Select quarter'),\n    year: t('datePicker.selectYear', 'Select year'),\n  };\n\n  let { locale } = useLocale();\n  let targetRef = useRef<HTMLDivElement>(null);\n  let state = useDatePickerState({\n    ...props,\n    granularity: 'day',\n    shouldCloseOnSelect: true,\n  });\n  let { isOpen, setOpen } = state;\n\n  let domRef = useFocusManagerRef(ref);\n\n  let { isFocused: isFocusedButton, focusProps: focusPropsButton } =\n    useFocusRing({\n      within: false,\n      isTextInput: false,\n      autoFocus,\n    });\n\n  let { groupProps, labelProps, buttonProps, dialogProps, calendarProps } =\n    useDatePicker({ ...props, granularity: 'day' }, state, targetRef);\n\n  let handleSelect = (date: DateValue) => {\n    state.setValue(snapToPeriod(date, picker, locale));\n    setOpen(false);\n  };\n\n  let displayText = state.value\n    ? (formatValue ?? formatPeriod)(state.value, picker, locale)\n    : placeholder ?? defaultPlaceholder[picker];\n\n  // The value is rendered as text rather than editable segments, so the trigger\n  // has to point at it to announce the current selection.\n  let valueId = useId();\n\n  const panel =\n    picker === 'week' ? (\n      <Calendar\n        {...calendarProps}\n        autoFocus\n        pickerMode=\"week\"\n        isDisabled={isDisabled}\n        onChange={handleSelect}\n      />\n    ) : (\n      <PeriodCalendar\n        autoFocus\n        picker={picker}\n        value={calendarProps.value}\n        minValue={calendarProps.minValue}\n        maxValue={calendarProps.maxValue}\n        isDateUnavailable={calendarProps.isDateUnavailable}\n        isDisabled={isDisabled}\n        onChange={handleSelect}\n      />\n    );\n\n  const component = (\n    <DateInputBase\n      ref={targetRef}\n      qa={qa || 'PeriodPicker'}\n      inputType=\"datepicker\"\n      styles={mergeStyleLayers(\n        { display: 'grid' },\n        styles,\n        props.wrapperStyles,\n      )}\n      inputStyles={mergeStyleLayers(\n        { cursor: isDisabled || isReadOnly ? 'default' : 'pointer' },\n        props.inputStyles,\n      )}\n      disableFocusRing={isFocusedButton}\n      isDisabled={isDisabled}\n      isInvalid={isInvalid}\n      isValid={isValid}\n      size={size}\n      fieldProps={groupProps}\n      suffix={\n        <DialogTrigger\n          hideArrow\n          type=\"popover\"\n          mobileType=\"tray\"\n          placement={props.placement ?? 'bottom right'}\n          targetRef={props.targetRef ?? targetRef}\n          isOpen={isOpen}\n          shouldFlip={props.shouldFlip}\n          onOpenChange={setOpen}\n        >\n          <DatePickerButton\n            size={size}\n            {...mergeProps(buttonProps, focusPropsButton)}\n            aria-describedby={valueId}\n            // Passed separately, not merged: only the field-disabled half is\n            // inherited. See `DatePickerButton`.\n            isDisabled={isDisabled}\n            isReadOnly={isReadOnly}\n            styles={props.triggerStyles}\n          />\n          <Dialog {...dialogProps} width=\"max-content\">\n            {panel}\n          </Dialog>\n        </DialogTrigger>\n      }\n    >\n      <PeriodValueElement\n        id={valueId}\n        mods={{ placeholder: !state.value, disabled: isDisabled }}\n        onClick={() => !isDisabled && !isReadOnly && setOpen(true)}\n      >\n        {displayText}\n      </PeriodValueElement>\n    </DateInputBase>\n  );\n\n  return wrapWithField(component, domRef, {\n    ...props,\n    labelProps: mergeProps(props.labelProps, labelProps),\n  });\n}\n\nconst _PeriodPicker = forwardRef(PeriodPickerImpl);\n\n_PeriodPicker.displayName = 'PeriodPicker';\n\nexport const PeriodPicker = _PeriodPicker as <T extends DateValue = DateValue>(\n  props: CubePeriodPickerProps<T> & { ref?: FocusableRef<HTMLElement> },\n) => ReactElement | null;\n"],"mappings":"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"}

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

@@ -6,7 +6,7 @@ import * as _react_types_shared0 from "@react-types/shared";
 
 //#region src/components/fields/DatePicker/QuarterPicker.d.ts
 interface CubeQuarterPickerProps<T extends DateValue = DateValue> extends Omit<CubePeriodPickerProps<T>, 'picker'> {}
-declare const _QuarterPicker: react.ForwardRefExoticComponent<Omit<CubeQuarterPickerProps<DateValue>, "ref"> & react.RefAttributes<_react_types_shared0.FocusableRefValue<HTMLElement, HTMLElement>>>;
+declare const _QuarterPicker: react.ForwardRefExoticComponent<CubeQuarterPickerProps<DateValue> & react.RefAttributes<_react_types_shared0.FocusableRefValue<HTMLElement, HTMLElement>>>;
 //#endregion
 export { CubeQuarterPickerProps, _QuarterPicker };
 //# sourceMappingURL=QuarterPicker.d.ts.map

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

@@ -1,5 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.7 | Cube Dev Team */
-import { _PeriodPicker } from "./PeriodPicker.js";
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
+import { PeriodPicker } from "./PeriodPicker.js";
 import { c } from "react-compiler-runtime";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -9,7 +9,7 @@ function QuarterPicker(props, ref) {
 	const $ = c(3);
 	let t0;
 	if ($[0] !== props || $[1] !== ref) {
-		t0 = /* @__PURE__ */ jsx(_PeriodPicker, {
+		t0 = /* @__PURE__ */ jsx(PeriodPicker, {
 			ref,
 			picker: "quarter",
 			...props

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

@@ -8,12 +8,12 @@ import { AriaTimeFieldProps, DateValue, TimeValue } from "react-aria";
 import * as _react_types_shared0 from "@react-types/shared";
 
 //#region src/components/fields/DatePicker/TimeInput.d.ts
-interface CubeTimeInputProps<T extends TimeValue = TimeValue> extends Omit<AriaTimeFieldProps<T>, 'errorMessage' | 'form' | 'name'>, BaseProps, ContainerStyleProps, FieldBaseProps<TimeValue | null | undefined> {
+interface CubeTimeInputProps<T extends TimeValue = TimeValue> extends Omit<AriaTimeFieldProps<TimeValue>, 'errorMessage' | 'form' | 'name' | 'value' | 'onChange' | 'granularity'>, BaseProps, ContainerStyleProps, FieldBaseProps<TimeValue | null | undefined> {
   wrapperStyles?: Styles;
   inputStyles?: Styles;
   styles?: Styles;
   size?: 'small' | 'medium' | 'large' | (string & {});
-  value?: TimeValue;
+  value?: TimeValue | null;
   /** The minimum allowed date that a user may select. */
   minValue?: TimeValue;
   /** The maximum allowed date that a user may select. */
@@ -37,7 +37,7 @@ interface CubeTimeInputProps<T extends TimeValue = TimeValue> extends Omit<AriaT
  * TimeFields allow users to enter and edit time values using a keyboard.
  * Each part of the time is displayed in an individually editable segment.
  */
-declare const _TimeInput: react.ForwardRefExoticComponent<Omit<CubeTimeInputProps<TimeValue>, "ref"> & react.RefAttributes<_react_types_shared0.FocusableRefValue<HTMLElement, HTMLElement>>>;
+declare const _TimeInput: react.ForwardRefExoticComponent<CubeTimeInputProps<TimeValue> & react.RefAttributes<_react_types_shared0.FocusableRefValue<HTMLElement, HTMLElement>>>;
 //#endregion
 export { CubeTimeInputProps, _TimeInput };
 //# sourceMappingURL=TimeInput.d.ts.map

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";
@@ -15,25 +15,30 @@ import { useTimeField } from "react-aria";
 import { useTimeFieldState } from "react-stately";
 
 //#region src/components/fields/DatePicker/TimeInput.tsx
-function TimeInput(props, ref) {
+function TimeInput(rawProps, ref) {
 	const $ = c(1);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
 		t0 = { defaultValidationTrigger: "onBlur" };
 		$[0] = t0;
 	} else t0 = $[0];
-	props = useFieldProps(props, t0);
+	let props = useFieldProps(rawProps, t0);
 	props = Object.assign({}, DEFAULT_TIME_PROPS, props);
 	extractStyles(props, CONTAINER_STYLES);
 	const { qa, inputStyles, wrapperStyles, autoFocus, isDisabled, isReadOnly, isRequired, isInvalid, isValid, size: t1, labelProps: userLabelProps } = props;
 	const size = t1 === void 0 ? "medium" : t1;
 	const domRef = useFocusManagerRef(ref);
-	const state = useTimeFieldState({
+	const timeProps = {
 		...props,
+		granularity: props.granularity === "day" ? void 0 : props.granularity,
+		onChange: props.onChange
+	};
+	const state = useTimeFieldState({
+		...timeProps,
 		locale: "en-US"
 	});
 	const fieldRef = useRef(null);
-	const { labelProps, fieldProps } = useTimeField(props, state, fieldRef);
+	const { labelProps, fieldProps } = useTimeField(timeProps, state, fieldRef);
 	return wrapWithField(/* @__PURE__ */ jsx(_DateInputBase, {
 		ref: fieldRef,
 		qa: qa || "TimeInput",

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

@@ -1 +1 @@
-{"version":3,"file":"TimeInput.js","names":["FocusableRef","BaseProps","CONTAINER_STYLES","ContainerStyleProps","Styles","forwardRef","useRef","AriaTimeFieldProps","DateValue","TimeValue","useTimeField","useTimeFieldState","FieldBaseProps","mergeProps","extractStyles","useFieldProps","wrapWithField","DateInputBase","DatePickerSegment","DEFAULT_TIME_PROPS","Granularity","useFocusManagerRef","CubeTimeInputProps","Omit","T","wrapperStyles","inputStyles","styles","size","value","minValue","maxValue","isDateUnavailable","date","placeholderValue","hourCycle","granularity","hideTimeZone","onChange","TimeInput","props","ref","$","_c","t0","Symbol","for","defaultValidationTrigger","Object","assign","qa","autoFocus","isDisabled","isReadOnly","isRequired","isInvalid","isValid","t1","labelProps","userLabelProps","undefined","domRef","state","locale","fieldRef","fieldProps","timeInput","segments","map","segment","i","_TimeInput","displayName"],"sources":["../../../../src/components/fields/DatePicker/TimeInput.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Styles,\n} from '@tenphi/tasty';\nimport { forwardRef, useRef } from 'react';\nimport {\n  AriaTimeFieldProps,\n  DateValue,\n  TimeValue,\n  useTimeField,\n} from 'react-aria';\nimport { useTimeFieldState } from 'react-stately';\n\nimport { FieldBaseProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { useFieldProps, wrapWithField } from '../../form';\n\nimport { DateInputBase } from './DateInputBase';\nimport { DatePickerSegment } from './DatePickerSegment';\nimport { DEFAULT_TIME_PROPS } from './props';\nimport { Granularity } from './types';\nimport { useFocusManagerRef } from './utils';\n\nexport interface CubeTimeInputProps<T extends TimeValue = TimeValue>\n  extends Omit<AriaTimeFieldProps<T>, 'errorMessage' | 'form' | 'name'>,\n    BaseProps,\n    ContainerStyleProps,\n    FieldBaseProps<TimeValue | null | undefined> {\n  wrapperStyles?: Styles;\n  inputStyles?: Styles;\n  styles?: Styles;\n  size?: 'small' | 'medium' | 'large' | (string & {});\n  value?: TimeValue;\n  /** The minimum allowed date that a user may select. */\n  minValue?: TimeValue;\n  /** The maximum allowed date that a user may select. */\n  maxValue?: TimeValue;\n  /** Callback that is called for each date of the calendar. If it returns true, then the date is unavailable. */\n  isDateUnavailable?: (date: DateValue) => boolean;\n  /** A placeholder date that influences the format of the placeholder shown when no value is selected. Defaults to today's date at midnight. */\n  placeholderValue?: TimeValue;\n  /** Whether to display the time in 12 or 24 hour format. By default, this is determined by the user's locale. */\n  hourCycle?: 12 | 24;\n  /** Determines the smallest unit that is displayed in the date picker. By default, this is `\"day\"` for dates, and `\"minute\"` for times. */\n  granularity?: Granularity;\n  /**\n   * Whether to hide the time zone abbreviation.\n   * @default false\n   */\n  hideTimeZone?: boolean;\n  onChange?: (value: TimeValue) => void;\n}\n\nfunction TimeInput<T extends TimeValue>(\n  props: CubeTimeInputProps<T>,\n  ref: FocusableRef<HTMLElement>,\n) {\n  props = useFieldProps(props, {\n    defaultValidationTrigger: 'onBlur',\n  });\n  props = Object.assign({}, DEFAULT_TIME_PROPS, props);\n\n  let styles = extractStyles(props, CONTAINER_STYLES);\n\n  let {\n    qa,\n    inputStyles,\n    wrapperStyles,\n    autoFocus,\n    isDisabled,\n    isReadOnly,\n    isRequired,\n    isInvalid,\n    isValid,\n    size = 'medium',\n    labelProps: userLabelProps,\n  } = props;\n\n  let domRef = useFocusManagerRef(ref);\n  // let { locale } = useLocale();\n  let state = useTimeFieldState({\n    ...props,\n    locale: 'en-US',\n  });\n\n  let fieldRef = useRef(null);\n  let { labelProps, fieldProps } = useTimeField(props, state, fieldRef);\n\n  const timeInput = (\n    <DateInputBase\n      ref={fieldRef}\n      qa={qa || 'TimeInput'}\n      inputType=\"timeinput\"\n      size={size}\n      fieldProps={fieldProps}\n      isDisabled={isDisabled}\n      autoFocus={autoFocus}\n      inputStyles={inputStyles}\n      styles={wrapperStyles}\n      isInvalid={isInvalid}\n      isValid={isValid}\n    >\n      {state.segments.map((segment, i) => (\n        <DatePickerSegment\n          key={i}\n          segment={segment}\n          state={state}\n          isDisabled={isDisabled}\n          isReadOnly={isReadOnly}\n          isRequired={isRequired}\n        />\n      ))}\n    </DateInputBase>\n  );\n\n  return wrapWithField(timeInput, domRef, {\n    ...props,\n    labelProps: mergeProps(labelProps, userLabelProps),\n  });\n}\n\n/**\n * TimeFields allow users to enter and edit time values using a keyboard.\n * Each part of the time is displayed in an individually editable segment.\n */\nconst _TimeInput = forwardRef(TimeInput);\n\n_TimeInput.displayName = 'TimeInput';\n\nexport { _TimeInput as TimeInput };\n"],"mappings":";;;;;;;;;;;;;;;;;AAyDA,SAAAuC,UAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;AAAA,KAAAF,EAAA,OAAAG,OAAAC,IAAA,4BAAA,EAAA;AAI+BF,OAAA,EAAAG,0BACD,UAC3B;AAAAL,IAAA,KAAAE;OAAAA,MAAAF,EAAA;AAFDF,SAAQzB,cAAcyB,OAAOI,GAE3B;AACFJ,SAAQQ,OAAMC,OAAQ,EAAE,EAAE9B,oBAAoBqB,MAAM;AAEvC1B,eAAc0B,OAAOtC,iBAAiB;CAEnD,MAAA,EAAAgD,IAAAxB,aAAAD,eAAA0B,WAAAC,YAAAC,YAAAC,YAAAC,WAAAC,SAAA5B,MAAA6B,IAAAC,YAAAC,mBAYInB;CAFF,MAAAZ,OAAA6B,OAAAG,SAAA,WAAAH;CAIF,MAAAI,SAAaxC,mBAAmBoB,IAAI;CAEpC,MAAAqB,QAAYnD,kBAAkB;EAAA,GACzB6B;EAAKuB,QACA;EACT,CAAC;CAEF,MAAAC,WAAe1D,OAAO,KAAK;CAC3B,MAAA,EAAAoD,YAAAO,eAAiCvD,aAAa8B,OAAOsB,OAAOE,SAAS;AA2BnE,QAEKhD,cA1BL,oBAAC;EACMgD,KAAAA;EACD,IAAAd,MAAA;EACM,WAAA;EACJtB;EACMqC;EACAb;EACDD;EACEzB;EACLD,QAAAA;EACG8B;EACFC;YAERM,MAAKK,SAASC,KAAKC,SAAAC,MAClB,oBAAC;GAEUD;GACFP;GACKV;GACAC;GACAC;KALPgB,EAOR,CAAA;GACa,EAGcT,QAAQ;EAAA,GACnCrB;EAAKkB,YACI7C,aAAW6C,YAAYC,eAAc;EAClD,CAAC;;;;;;AAOJ,MAAMY,aAAalE,WAAWkC,UAAU;AAExCgC,WAAWC,cAAc"}
+{"version":3,"file":"TimeInput.js","names":["FocusableRef","BaseProps","CONTAINER_STYLES","ContainerStyleProps","Styles","forwardRef","useRef","AriaTimeFieldProps","DateValue","TimeValue","useTimeField","useTimeFieldState","FieldBaseProps","mergeProps","extractStyles","useFieldProps","wrapWithField","DateInputBase","DatePickerSegment","DEFAULT_TIME_PROPS","Granularity","useFocusManagerRef","CubeTimeInputProps","Omit","wrapperStyles","inputStyles","styles","size","value","minValue","maxValue","isDateUnavailable","date","placeholderValue","hourCycle","granularity","hideTimeZone","onChange","TimeInput","rawProps","ref","$","_c","t0","Symbol","for","defaultValidationTrigger","props","Object","assign","qa","autoFocus","isDisabled","isReadOnly","isRequired","isInvalid","isValid","t1","labelProps","userLabelProps","undefined","domRef","timeProps","state","locale","fieldRef","fieldProps","timeInput","segments","map","segment","i","_TimeInput","displayName"],"sources":["../../../../src/components/fields/DatePicker/TimeInput.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Styles,\n} from '@tenphi/tasty';\nimport { forwardRef, useRef } from 'react';\nimport {\n  AriaTimeFieldProps,\n  DateValue,\n  TimeValue,\n  useTimeField,\n} from 'react-aria';\nimport { useTimeFieldState } from 'react-stately';\n\nimport { FieldBaseProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { useFieldProps, wrapWithField } from '../../form';\n\nimport { DateInputBase } from './DateInputBase';\nimport { DatePickerSegment } from './DatePickerSegment';\nimport { DEFAULT_TIME_PROPS } from './props';\nimport { Granularity } from './types';\nimport { useFocusManagerRef } from './utils';\n\nexport interface CubeTimeInputProps<T extends TimeValue = TimeValue>\n  extends Omit<\n      AriaTimeFieldProps<TimeValue>,\n      'errorMessage' | 'form' | 'name' | 'value' | 'onChange' | 'granularity'\n    >,\n    BaseProps,\n    ContainerStyleProps,\n    FieldBaseProps<TimeValue | null | undefined> {\n  wrapperStyles?: Styles;\n  inputStyles?: Styles;\n  styles?: Styles;\n  size?: 'small' | 'medium' | 'large' | (string & {});\n  value?: TimeValue | null;\n  /** The minimum allowed date that a user may select. */\n  minValue?: TimeValue;\n  /** The maximum allowed date that a user may select. */\n  maxValue?: TimeValue;\n  /** Callback that is called for each date of the calendar. If it returns true, then the date is unavailable. */\n  isDateUnavailable?: (date: DateValue) => boolean;\n  /** A placeholder date that influences the format of the placeholder shown when no value is selected. Defaults to today's date at midnight. */\n  placeholderValue?: TimeValue;\n  /** Whether to display the time in 12 or 24 hour format. By default, this is determined by the user's locale. */\n  hourCycle?: 12 | 24;\n  /** Determines the smallest unit that is displayed in the date picker. By default, this is `\"day\"` for dates, and `\"minute\"` for times. */\n  granularity?: Granularity;\n  /**\n   * Whether to hide the time zone abbreviation.\n   * @default false\n   */\n  hideTimeZone?: boolean;\n  onChange?: (value: TimeValue) => void;\n}\n\nfunction TimeInput<T extends TimeValue>(\n  rawProps: CubeTimeInputProps<T>,\n  ref: FocusableRef<HTMLElement>,\n) {\n  let props = useFieldProps(rawProps, {\n    defaultValidationTrigger: 'onBlur',\n  });\n  props = Object.assign({}, DEFAULT_TIME_PROPS, props);\n\n  let styles = extractStyles(props, CONTAINER_STYLES);\n\n  let {\n    qa,\n    inputStyles,\n    wrapperStyles,\n    autoFocus,\n    isDisabled,\n    isReadOnly,\n    isRequired,\n    isInvalid,\n    isValid,\n    size = 'medium',\n    labelProps: userLabelProps,\n  } = props;\n\n  let domRef = useFocusManagerRef(ref);\n  let timeProps = {\n    ...props,\n    granularity: props.granularity === 'day' ? undefined : props.granularity,\n    // Aria clears with null; retain the kit's legacy nonnullable callback\n    // declaration while forwarding exactly the same values as before.\n    onChange: props.onChange as AriaTimeFieldProps<TimeValue>['onChange'],\n  };\n  let state = useTimeFieldState({ ...timeProps, locale: 'en-US' });\n\n  let fieldRef = useRef(null);\n  let { labelProps, fieldProps } = useTimeField(timeProps, state, fieldRef);\n\n  const timeInput = (\n    <DateInputBase\n      ref={fieldRef}\n      qa={qa || 'TimeInput'}\n      inputType=\"timeinput\"\n      size={size}\n      fieldProps={fieldProps}\n      isDisabled={isDisabled}\n      autoFocus={autoFocus}\n      inputStyles={inputStyles}\n      styles={wrapperStyles}\n      isInvalid={isInvalid}\n      isValid={isValid}\n    >\n      {state.segments.map((segment, i) => (\n        <DatePickerSegment\n          key={i}\n          segment={segment}\n          state={state}\n          isDisabled={isDisabled}\n          isReadOnly={isReadOnly}\n          isRequired={isRequired}\n        />\n      ))}\n    </DateInputBase>\n  );\n\n  return wrapWithField(timeInput, domRef, {\n    ...props,\n    labelProps: mergeProps(labelProps, userLabelProps),\n  });\n}\n\n/**\n * TimeFields allow users to enter and edit time values using a keyboard.\n * Each part of the time is displayed in an individually editable segment.\n */\nconst _TimeInput = forwardRef(TimeInput);\n\n_TimeInput.displayName = 'TimeInput';\n\nexport { _TimeInput as TimeInput };\n"],"mappings":";;;;;;;;;;;;;;;;;AA4DA,SAAAsC,UAAAC,UAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;AAAA,KAAAF,EAAA,OAAAG,OAAAC,IAAA,4BAAA,EAAA;AAIsCF,OAAA,EAAAG,0BACR,UAC3B;AAAAL,IAAA,KAAAE;OAAAA,MAAAF,EAAA;CAFD,IAAAM,QAAYhC,cAAcwB,UAAUI,GAElC;AACFI,SAAQC,OAAMC,OAAQ,EAAE,EAAE9B,oBAAoB4B,MAAM;AAEvCjC,eAAciC,OAAO7C,iBAAiB;CAEnD,MAAA,EAAAgD,IAAAzB,aAAAD,eAAA2B,WAAAC,YAAAC,YAAAC,YAAAC,WAAAC,SAAA7B,MAAA8B,IAAAC,YAAAC,mBAYIZ;CAFF,MAAApB,OAAA8B,OAAAG,SAAA,WAAAH;CAIF,MAAAI,SAAaxC,mBAAmBmB,IAAI;CACpC,MAAAsB,YAAgB;EAAA,GACXf;EAAKZ,aACKY,MAAKZ,gBAAiB,QAAtByB,SAA0Cb,MAAKZ;EAAYE,UAG9DU,MAAKV;EAChB;CACD,MAAA0B,QAAYpD,kBAAkB;EAAA,GAAKmD;EAASE,QAAU;EAAS,CAAC;CAEhE,MAAAC,WAAe3D,OAAO,KAAK;CAC3B,MAAA,EAAAoD,YAAAQ,eAAiCxD,aAAaoD,WAAWC,OAAOE,SAAS;AA2BvE,QAEKjD,cA1BL,oBAAC;EACMiD,KAAAA;EACD,IAAAf,MAAA;EACM,WAAA;EACJvB;EACMuC;EACAd;EACDD;EACE1B;EACLD,QAAAA;EACG+B;EACFC;YAERO,MAAKK,SAASC,KAAKC,SAAAC,MAClB,oBAAC;GAEUD;GACFP;GACKX;GACAC;GACAC;KALPiB,EAOR,CAAA;GACa,EAGcV,QAAQ;EAAA,GACnCd;EAAKW,YACI7C,aAAW6C,YAAYC,eAAc;EAClD,CAAC;;;;;;AAOJ,MAAMa,aAAanE,WAAWiC,UAAU;AAExCkC,WAAWC,cAAc"}

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

@@ -6,7 +6,7 @@ import * as _react_types_shared0 from "@react-types/shared";
 
 //#region src/components/fields/DatePicker/WeekPicker.d.ts
 interface CubeWeekPickerProps<T extends DateValue = DateValue> extends Omit<CubePeriodPickerProps<T>, 'picker'> {}
-declare const _WeekPicker: react.ForwardRefExoticComponent<Omit<CubeWeekPickerProps<DateValue>, "ref"> & react.RefAttributes<_react_types_shared0.FocusableRefValue<HTMLElement, HTMLElement>>>;
+declare const _WeekPicker: react.ForwardRefExoticComponent<CubeWeekPickerProps<DateValue> & react.RefAttributes<_react_types_shared0.FocusableRefValue<HTMLElement, HTMLElement>>>;
 //#endregion
 export { CubeWeekPickerProps, _WeekPicker };
 //# sourceMappingURL=WeekPicker.d.ts.map

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

@@ -1,5 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.7 | Cube Dev Team */
-import { _PeriodPicker } from "./PeriodPicker.js";
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
+import { PeriodPicker } from "./PeriodPicker.js";
 import { c } from "react-compiler-runtime";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -9,7 +9,7 @@ function WeekPicker(props, ref) {
 	const $ = c(3);
 	let t0;
 	if ($[0] !== props || $[1] !== ref) {
-		t0 = /* @__PURE__ */ jsx(_PeriodPicker, {
+		t0 = /* @__PURE__ */ jsx(PeriodPicker, {
 			ref,
 			picker: "week",
 			...props

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

@@ -6,7 +6,7 @@ import * as _react_types_shared0 from "@react-types/shared";
 
 //#region src/components/fields/DatePicker/YearPicker.d.ts
 interface CubeYearPickerProps<T extends DateValue = DateValue> extends Omit<CubePeriodPickerProps<T>, 'picker'> {}
-declare const _YearPicker: react.ForwardRefExoticComponent<Omit<CubeYearPickerProps<DateValue>, "ref"> & react.RefAttributes<_react_types_shared0.FocusableRefValue<HTMLElement, HTMLElement>>>;
+declare const _YearPicker: react.ForwardRefExoticComponent<CubeYearPickerProps<DateValue> & react.RefAttributes<_react_types_shared0.FocusableRefValue<HTMLElement, HTMLElement>>>;
 //#endregion
 export { CubeYearPickerProps, _YearPicker };
 //# sourceMappingURL=YearPicker.d.ts.map

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

@@ -1,5 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.7 | Cube Dev Team */
-import { _PeriodPicker } from "./PeriodPicker.js";
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
+import { PeriodPicker } from "./PeriodPicker.js";
 import { c } from "react-compiler-runtime";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -9,7 +9,7 @@ function YearPicker(props, ref) {
 	const $ = c(3);
 	let t0;
 	if ($[0] !== props || $[1] !== ref) {
-		t0 = /* @__PURE__ */ jsx(_PeriodPicker, {
+		t0 = /* @__PURE__ */ jsx(PeriodPicker, {
 			ref,
 			picker: "year",
 			...props

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

@@ -7,7 +7,7 @@ import { CubeDateRangePickerProps, _DateRangePicker } from "./DateRangePicker.js
 import { parseAbsoluteDate } from "./parseDate.js";
 import { CubeDateRangeSeparatedPickerProps, _DateRangeSeparatedPicker } from "./DateRangeSeparatedPicker.js";
 import { PickerType, formatPeriod, getQuarter, getWeekNumber, snapToPeriod } from "./period.js";
-import { CubePeriodPickerProps, _PeriodPicker } from "./PeriodPicker.js";
+import { CubePeriodPickerProps, PeriodPicker } from "./PeriodPicker.js";
 import { CubeMonthPickerProps, _MonthPicker } from "./MonthPicker.js";
 import { CubeQuarterPickerProps, _QuarterPicker } from "./QuarterPicker.js";
 import { CubeYearPickerProps, _YearPicker } from "./YearPicker.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
 import { parseAbsolute } from "@internationalized/date";
 
 //#region src/components/fields/DatePicker/parseDate.ts

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"props.js","names":["AriaDatePickerProps","DateValue","DEFAULT_DATE_PROPS","Partial","granularity","hideTimeZone","hourCycle","shouldForceLeadingZeros","DEFAULT_TIME_PROPS"],"sources":["../../../../src/components/fields/DatePicker/props.ts"],"sourcesContent":["import { AriaDatePickerProps, DateValue } from 'react-aria';\n\nexport const DEFAULT_DATE_PROPS: Partial<AriaDatePickerProps<DateValue>> = {\n  granularity: 'day',\n  hideTimeZone: true,\n  hourCycle: 24,\n  shouldForceLeadingZeros: true,\n};\n\nexport const DEFAULT_TIME_PROPS: Partial<AriaDatePickerProps<DateValue>> = {\n  hideTimeZone: true,\n  hourCycle: 24,\n  shouldForceLeadingZeros: true,\n};\n"],"mappings":";;AAEA,MAAaE,qBAA8D;CACzEE,aAAa;CACbC,cAAc;CACdC,WAAW;CACXC,yBAAyB;CAC1B;AAED,MAAaC,qBAA8D;CACzEH,cAAc;CACdC,WAAW;CACXC,yBAAyB;CAC1B"}
+{"version":3,"file":"props.js","names":["AriaDatePickerProps","AriaTimeFieldProps","DateValue","TimeValue","DEFAULT_DATE_PROPS","granularity","hideTimeZone","hourCycle","shouldForceLeadingZeros","Partial","DEFAULT_TIME_PROPS"],"sources":["../../../../src/components/fields/DatePicker/props.ts"],"sourcesContent":["import {\n  AriaDatePickerProps,\n  AriaTimeFieldProps,\n  DateValue,\n  TimeValue,\n} from 'react-aria';\n\nexport const DEFAULT_DATE_PROPS = {\n  granularity: 'day',\n  hideTimeZone: true,\n  hourCycle: 24,\n  shouldForceLeadingZeros: true,\n} satisfies Partial<AriaDatePickerProps<DateValue>>;\n\nexport const DEFAULT_TIME_PROPS = {\n  hideTimeZone: true,\n  hourCycle: 24,\n  shouldForceLeadingZeros: true,\n} satisfies Partial<AriaTimeFieldProps<TimeValue>>;\n"],"mappings":";;AAOA,MAAaI,qBAAqB;CAChCC,aAAa;CACbC,cAAc;CACdC,WAAW;CACXC,yBAAyB;CAC1B;AAED,MAAaE,qBAAqB;CAChCJ,cAAc;CACdC,WAAW;CACXC,yBAAyB;CAC1B"}

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

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

package/dist/components/fields/FileInput/FileInput.d.ts

@@ -8,18 +8,14 @@ import { RefObject } from "react";
 import { AriaTextFieldProps } from "react-aria";
 
 //#region src/components/fields/FileInput/FileInput.d.ts
-interface CubeFileInputProps extends BaseProps, PositionStyleProps, ContainerStyleProps, BlockStyleProps, AriaTextFieldProps, FieldBaseProps<string | null | undefined> {
-  /** The form instance; redeclared for the same reason as in `Checkbox`. */
-  form?: FieldBaseProps['form'];
-  /** Field name; modern forms also accept nested tuple paths. */
-  name?: FieldBaseProps['name'];
+interface CubeFileInputProps extends BaseProps, PositionStyleProps, ContainerStyleProps, BlockStyleProps, Omit<AriaTextFieldProps, 'form' | 'name' | 'errorMessage'>, FieldBaseProps<string | null | undefined> {
   /**
    * The size of the input
    * @default default
    */
   size?: 'small' | 'default' | 'large' | string;
   /** The input ref */
-  inputRef?: RefObject<HTMLInputElement>;
+  inputRef?: RefObject<HTMLInputElement | null>;
   /** Style map for the input */
   inputStyles?: Styles;
   /**

package/dist/components/fields/FileInput/FileInput.js

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