@cube-dev/ui-kit 0.188.0 → 0.190.0

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","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","t2","qa","placeholderValue","isDisabled","isInvalid","isValid","useLocaleProp","autoFocus","t3","state","t4","value","t5","onChange","startState","t6","t7","endState","t8","within","isTextInput","startFocusRingProps","t9","startFocusProps","t10","endFocusRingProps","t11","endFocusProps","domRef","groupProps","labelProps","startFieldProps","endFieldProps","startProps","endProps","placeholder","timePlaceholder","undefined","timeMinValue","minValue","timeMaxValue","maxValue","timeGranularity","granularity","showTimeField","t12","calendarProps","type","newRange","compare","setValue","setOpen","newRange_0","t13","t14","isFocused","t15","focusProps","t16","t17","t18","isOpen","t19","t20","t21","buttonProps","t22","t23","t24","t25","value_0","t26","t27","hideTimeZone","hourCycle","setTimeValue","timeValue","t28","dialogProps","t29","t30","t31","t32","t33","t34","t35","t36","t37","t38","t39","t40","t41","t42","t43","t44","t45","value_1","t46","t47","t48","t49","t50","t51","t52","component","t53","_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 } 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: Styles = {\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","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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"}

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

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

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

@@ -1,5 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
-import { extractStyles } from "../../../utils/styles.js";
+/** @license MIT | @cube-dev/ui-kit v0.190.0 | Cube Dev Team */
+import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { Dialog } from "../../overlays/Dialog/Dialog.js";
@@ -36,7 +36,7 @@ const PeriodValueElement = tasty({
 	}
 });
 function PeriodPicker(props, ref) {
-	const $ = c(95);
+	const $ = c(91);
 	const { t } = useI18n();
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -44,119 +44,113 @@ function PeriodPicker(props, ref) {
 		$[0] = t0;
 	} else t0 = $[0];
 	props = useFieldProps(props, t0);
-	let t1;
-	if ($[1] !== props) {
-		t1 = extractStyles(props, CONTAINER_STYLES);
-		$[1] = props;
-		$[2] = t1;
-	} else t1 = $[2];
-	const styles = t1;
-	const { qa, size, picker: t2, placeholder, formatValue, isDisabled, isReadOnly, isInvalid, isValid, autoFocus } = props;
-	const picker = t2 === void 0 ? "month" : t2;
+	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;
+	let t2;
+	if ($[1] !== t) {
+		t2 = t("datePicker.selectWeek", "Select week");
+		$[1] = t;
+		$[2] = t2;
+	} else t2 = $[2];
 	let t3;
 	if ($[3] !== t) {
-		t3 = t("datePicker.selectWeek", "Select week");
+		t3 = t("datePicker.selectMonth", "Select month");
 		$[3] = t;
 		$[4] = t3;
 	} else t3 = $[4];
 	let t4;
 	if ($[5] !== t) {
-		t4 = t("datePicker.selectMonth", "Select month");
+		t4 = t("datePicker.selectQuarter", "Select quarter");
 		$[5] = t;
 		$[6] = t4;
 	} else t4 = $[6];
 	let t5;
 	if ($[7] !== t) {
-		t5 = t("datePicker.selectQuarter", "Select quarter");
+		t5 = t("datePicker.selectYear", "Select year");
 		$[7] = t;
 		$[8] = t5;
 	} else t5 = $[8];
 	let t6;
-	if ($[9] !== t) {
-		t6 = t("datePicker.selectYear", "Select year");
-		$[9] = t;
-		$[10] = t6;
-	} else t6 = $[10];
-	let t7;
-	if ($[11] !== t3 || $[12] !== t4 || $[13] !== t5 || $[14] !== t6) {
-		t7 = {
-			week: t3,
-			month: t4,
-			quarter: t5,
-			year: t6
+	if ($[9] !== t2 || $[10] !== t3 || $[11] !== t4 || $[12] !== t5) {
+		t6 = {
+			week: t2,
+			month: t3,
+			quarter: t4,
+			year: t5
 		};
-		$[11] = t3;
-		$[12] = t4;
-		$[13] = t5;
-		$[14] = t6;
-		$[15] = t7;
-	} else t7 = $[15];
-	const defaultPlaceholder = t7;
+		$[9] = t2;
+		$[10] = t3;
+		$[11] = t4;
+		$[12] = t5;
+		$[13] = t6;
+	} else t6 = $[13];
+	const defaultPlaceholder = t6;
 	const { locale } = useLocale();
 	const targetRef = useRef(null);
-	let t8;
-	if ($[16] !== props) {
-		t8 = {
+	let t7;
+	if ($[14] !== props) {
+		t7 = {
 			...props,
 			granularity: "day",
 			shouldCloseOnSelect: true
 		};
-		$[16] = props;
-		$[17] = t8;
-	} else t8 = $[17];
-	const state = useDatePickerState(t8);
+		$[14] = props;
+		$[15] = t7;
+	} else t7 = $[15];
+	const state = useDatePickerState(t7);
 	const { isOpen, setOpen } = state;
 	const domRef = useFocusManagerRef(ref);
-	let t9;
-	if ($[18] !== autoFocus) {
-		t9 = {
+	let t8;
+	if ($[16] !== autoFocus) {
+		t8 = {
 			within: false,
 			isTextInput: false,
 			autoFocus
 		};
-		$[18] = autoFocus;
-		$[19] = t9;
-	} else t9 = $[19];
-	const { isFocused: isFocusedButton, focusProps: focusPropsButton } = useFocusRing(t9);
-	let t10;
-	if ($[20] !== props) {
-		t10 = {
+		$[16] = autoFocus;
+		$[17] = t8;
+	} else t8 = $[17];
+	const { isFocused: isFocusedButton, focusProps: focusPropsButton } = useFocusRing(t8);
+	let t9;
+	if ($[18] !== props) {
+		t9 = {
 			...props,
 			granularity: "day"
 		};
-		$[20] = props;
-		$[21] = t10;
-	} else t10 = $[21];
-	const { groupProps, labelProps, buttonProps, dialogProps, calendarProps } = useDatePicker(t10, state, targetRef);
-	let t11;
-	if ($[22] !== locale || $[23] !== picker || $[24] !== setOpen || $[25] !== state) {
-		t11 = (date) => {
+		$[18] = props;
+		$[19] = t9;
+	} else t9 = $[19];
+	const { groupProps, labelProps, buttonProps, dialogProps, calendarProps } = useDatePicker(t9, state, targetRef);
+	let t10;
+	if ($[20] !== locale || $[21] !== picker || $[22] !== setOpen || $[23] !== state) {
+		t10 = (date) => {
 			state.setValue(snapToPeriod(date, picker, locale));
 			setOpen(false);
 		};
-		$[22] = locale;
-		$[23] = picker;
-		$[24] = setOpen;
-		$[25] = state;
-		$[26] = t11;
-	} else t11 = $[26];
-	const handleSelect = t11;
-	let t12;
-	if ($[27] !== defaultPlaceholder || $[28] !== formatValue || $[29] !== locale || $[30] !== picker || $[31] !== placeholder || $[32] !== state.value) {
-		t12 = state.value ? (formatValue ?? formatPeriod)(state.value, picker, locale) : placeholder ?? defaultPlaceholder[picker];
-		$[27] = defaultPlaceholder;
-		$[28] = formatValue;
-		$[29] = locale;
-		$[30] = picker;
-		$[31] = placeholder;
-		$[32] = state.value;
-		$[33] = t12;
-	} else t12 = $[33];
-	const displayText = t12;
+		$[20] = locale;
+		$[21] = picker;
+		$[22] = setOpen;
+		$[23] = state;
+		$[24] = t10;
+	} else t10 = $[24];
+	const handleSelect = t10;
+	let t11;
+	if ($[25] !== defaultPlaceholder || $[26] !== formatValue || $[27] !== locale || $[28] !== picker || $[29] !== placeholder || $[30] !== state.value) {
+		t11 = state.value ? (formatValue ?? formatPeriod)(state.value, picker, locale) : placeholder ?? defaultPlaceholder[picker];
+		$[25] = defaultPlaceholder;
+		$[26] = formatValue;
+		$[27] = locale;
+		$[28] = picker;
+		$[29] = placeholder;
+		$[30] = state.value;
+		$[31] = t11;
+	} else t11 = $[31];
+	const displayText = t11;
 	const valueId = useId();
-	let t13;
-	if ($[34] !== calendarProps || $[35] !== handleSelect || $[36] !== isDisabled || $[37] !== picker) {
-		t13 = picker === "week" ? /* @__PURE__ */ jsx(_Calendar, {
+	let t12;
+	if ($[32] !== calendarProps || $[33] !== handleSelect || $[34] !== isDisabled || $[35] !== picker) {
+		t12 = picker === "week" ? /* @__PURE__ */ jsx(_Calendar, {
 			...calendarProps,
 			autoFocus: true,
 			pickerMode: "week",
@@ -172,48 +166,37 @@ function PeriodPicker(props, ref) {
 			isDisabled,
 			onChange: handleSelect
 		});
-		$[34] = calendarProps;
-		$[35] = handleSelect;
-		$[36] = isDisabled;
-		$[37] = picker;
-		$[38] = t13;
-	} else t13 = $[38];
-	const panel = t13;
-	const t14 = qa || "PeriodPicker";
-	let t15;
-	if ($[39] !== props.wrapperStyles || $[40] !== styles) {
-		t15 = {
-			display: "grid",
-			...styles,
-			...props.wrapperStyles
-		};
-		$[39] = props.wrapperStyles;
-		$[40] = styles;
-		$[41] = t15;
-	} else t15 = $[41];
+		$[32] = calendarProps;
+		$[33] = handleSelect;
+		$[34] = isDisabled;
+		$[35] = picker;
+		$[36] = t12;
+	} else t12 = $[36];
+	const panel = t12;
+	const T0 = _DateInputBase;
+	const t13 = qa || "PeriodPicker";
+	const t14 = "datepicker";
+	const t15 = mergeStyleLayers({ display: "grid" }, styles, props.wrapperStyles);
 	const t16 = isDisabled || isReadOnly ? "default" : "pointer";
 	let t17;
-	if ($[42] !== props.inputStyles || $[43] !== t16) {
-		t17 = {
-			cursor: t16,
-			...props.inputStyles
-		};
-		$[42] = props.inputStyles;
-		$[43] = t16;
-		$[44] = t17;
-	} else t17 = $[44];
+	if ($[37] !== props.inputStyles || $[38] !== t16) {
+		t17 = mergeStyleLayers({ cursor: t16 }, props.inputStyles);
+		$[37] = props.inputStyles;
+		$[38] = t16;
+		$[39] = t17;
+	} else t17 = $[39];
 	const t18 = props.placement ?? "bottom right";
 	const t19 = props.targetRef ?? targetRef;
 	const t20 = props.shouldFlip;
 	let t21;
-	if ($[45] !== buttonProps || $[46] !== focusPropsButton) {
+	if ($[40] !== buttonProps || $[41] !== focusPropsButton) {
 		t21 = mergeProps$1(buttonProps, focusPropsButton);
-		$[45] = buttonProps;
-		$[46] = focusPropsButton;
-		$[47] = t21;
-	} else t21 = $[47];
+		$[40] = buttonProps;
+		$[41] = focusPropsButton;
+		$[42] = t21;
+	} else t21 = $[42];
 	let t22;
-	if ($[48] !== isDisabled || $[49] !== isReadOnly || $[50] !== props.triggerStyles || $[51] !== size || $[52] !== t21 || $[53] !== valueId) {
+	if ($[43] !== isDisabled || $[44] !== isReadOnly || $[45] !== props.triggerStyles || $[46] !== size || $[47] !== t21 || $[48] !== valueId) {
 		t22 = /* @__PURE__ */ jsx(DatePickerButton, {
 			size,
 			...t21,
@@ -222,27 +205,27 @@ function PeriodPicker(props, ref) {
 			isReadOnly,
 			styles: props.triggerStyles
 		});
-		$[48] = isDisabled;
-		$[49] = isReadOnly;
-		$[50] = props.triggerStyles;
-		$[51] = size;
-		$[52] = t21;
-		$[53] = valueId;
-		$[54] = t22;
-	} else t22 = $[54];
+		$[43] = isDisabled;
+		$[44] = isReadOnly;
+		$[45] = props.triggerStyles;
+		$[46] = size;
+		$[47] = t21;
+		$[48] = valueId;
+		$[49] = t22;
+	} else t22 = $[49];
 	let t23;
-	if ($[55] !== dialogProps || $[56] !== panel) {
+	if ($[50] !== dialogProps || $[51] !== panel) {
 		t23 = /* @__PURE__ */ jsx(Dialog, {
 			...dialogProps,
 			width: "max-content",
 			children: panel
 		});
-		$[55] = dialogProps;
-		$[56] = panel;
-		$[57] = t23;
-	} else t23 = $[57];
+		$[50] = dialogProps;
+		$[51] = panel;
+		$[52] = t23;
+	} else t23 = $[52];
 	let t24;
-	if ($[58] !== isOpen || $[59] !== props.shouldFlip || $[60] !== setOpen || $[61] !== t18 || $[62] !== t19 || $[63] !== t22 || $[64] !== t23) {
+	if ($[53] !== isOpen || $[54] !== props.shouldFlip || $[55] !== setOpen || $[56] !== t18 || $[57] !== t19 || $[58] !== t22 || $[59] !== t23) {
 		t24 = /* @__PURE__ */ jsxs(DialogTrigger, {
 			hideArrow: true,
 			type: "popover",
@@ -254,54 +237,54 @@ function PeriodPicker(props, ref) {
 			onOpenChange: setOpen,
 			children: [t22, t23]
 		});
-		$[58] = isOpen;
-		$[59] = props.shouldFlip;
-		$[60] = setOpen;
-		$[61] = t18;
-		$[62] = t19;
-		$[63] = t22;
-		$[64] = t23;
-		$[65] = t24;
-	} else t24 = $[65];
+		$[53] = isOpen;
+		$[54] = props.shouldFlip;
+		$[55] = setOpen;
+		$[56] = t18;
+		$[57] = t19;
+		$[58] = t22;
+		$[59] = t23;
+		$[60] = t24;
+	} else t24 = $[60];
 	const t25 = !state.value;
 	let t26;
-	if ($[66] !== isDisabled || $[67] !== t25) {
+	if ($[61] !== isDisabled || $[62] !== t25) {
 		t26 = {
 			placeholder: t25,
 			disabled: isDisabled
 		};
-		$[66] = isDisabled;
-		$[67] = t25;
-		$[68] = t26;
-	} else t26 = $[68];
+		$[61] = isDisabled;
+		$[62] = t25;
+		$[63] = t26;
+	} else t26 = $[63];
 	let t27;
-	if ($[69] !== isDisabled || $[70] !== isReadOnly || $[71] !== setOpen) {
+	if ($[64] !== isDisabled || $[65] !== isReadOnly || $[66] !== setOpen) {
 		t27 = () => !isDisabled && !isReadOnly && setOpen(true);
-		$[69] = isDisabled;
-		$[70] = isReadOnly;
-		$[71] = setOpen;
-		$[72] = t27;
-	} else t27 = $[72];
+		$[64] = isDisabled;
+		$[65] = isReadOnly;
+		$[66] = setOpen;
+		$[67] = t27;
+	} else t27 = $[67];
 	let t28;
-	if ($[73] !== displayText || $[74] !== t26 || $[75] !== t27 || $[76] !== valueId) {
+	if ($[68] !== displayText || $[69] !== t26 || $[70] !== t27 || $[71] !== valueId) {
 		t28 = /* @__PURE__ */ jsx(PeriodValueElement, {
 			id: valueId,
 			mods: t26,
 			onClick: t27,
 			children: displayText
 		});
-		$[73] = displayText;
-		$[74] = t26;
-		$[75] = t27;
-		$[76] = valueId;
-		$[77] = t28;
-	} else t28 = $[77];
+		$[68] = displayText;
+		$[69] = t26;
+		$[70] = t27;
+		$[71] = valueId;
+		$[72] = t28;
+	} else t28 = $[72];
 	let t29;
-	if ($[78] !== groupProps || $[79] !== isDisabled || $[80] !== isFocusedButton || $[81] !== isInvalid || $[82] !== isValid || $[83] !== size || $[84] !== t14 || $[85] !== t15 || $[86] !== t17 || $[87] !== t24 || $[88] !== t28) {
-		t29 = /* @__PURE__ */ jsx(_DateInputBase, {
+	if ($[73] !== T0 || $[74] !== groupProps || $[75] !== isDisabled || $[76] !== isFocusedButton || $[77] !== isInvalid || $[78] !== isValid || $[79] !== size || $[80] !== t13 || $[81] !== t15 || $[82] !== t17 || $[83] !== t24 || $[84] !== t28) {
+		t29 = /* @__PURE__ */ jsx(T0, {
 			ref: targetRef,
-			qa: t14,
-			inputType: "datepicker",
+			qa: t13,
+			inputType: t14,
 			styles: t15,
 			inputStyles: t17,
 			disableFocusRing: isFocusedButton,
@@ -313,32 +296,33 @@ function PeriodPicker(props, ref) {
 			suffix: t24,
 			children: t28
 		});
-		$[78] = groupProps;
-		$[79] = isDisabled;
-		$[80] = isFocusedButton;
-		$[81] = isInvalid;
-		$[82] = isValid;
-		$[83] = size;
-		$[84] = t14;
-		$[85] = t15;
-		$[86] = t17;
-		$[87] = t24;
-		$[88] = t28;
-		$[89] = t29;
-	} else t29 = $[89];
+		$[73] = T0;
+		$[74] = groupProps;
+		$[75] = isDisabled;
+		$[76] = isFocusedButton;
+		$[77] = isInvalid;
+		$[78] = isValid;
+		$[79] = size;
+		$[80] = t13;
+		$[81] = t15;
+		$[82] = t17;
+		$[83] = t24;
+		$[84] = t28;
+		$[85] = t29;
+	} else t29 = $[85];
 	const component = t29;
 	let t30;
-	if ($[90] !== component || $[91] !== domRef || $[92] !== labelProps || $[93] !== props) {
+	if ($[86] !== component || $[87] !== domRef || $[88] !== labelProps || $[89] !== props) {
 		t30 = wrapWithField(component, domRef, {
 			...props,
 			labelProps: mergeProps$1(props.labelProps, labelProps)
 		});
-		$[90] = component;
-		$[91] = domRef;
-		$[92] = labelProps;
-		$[93] = props;
-		$[94] = t30;
-	} else t30 = $[94];
+		$[86] = component;
+		$[87] = domRef;
+		$[88] = labelProps;
+		$[89] = props;
+		$[90] = t30;
+	} else t30 = $[90];
 	return t30;
 }
 const _PeriodPicker = forwardRef(PeriodPicker);