@razorpay/blade 12.68.0 → 12.89.0

package/build/lib/web/development/components/Tabs/tabTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabTokens.js","sources":["../../../../../../src/components/Tabs/tabTokens.ts"],"sourcesContent":["import type { TabsProps } from './types';\nimport type { DotNotationSpacingStringToken } from '~utils/types';\n\ntype TabSizes = NonNullable<TabsProps['size']>;\ntype TabVariants = Exclude<NonNullable<TabsProps['variant']>, 'borderless'>;\ntype TabOrientation = 'horizontal' | 'vertical';\n\ntype TabItemPadding = Record<\n  TabVariants,\n  Record<TabOrientation, Record<TabSizes, DotNotationSpacingStringToken>>\n>;\n\nconst paddingTop: TabItemPadding = {\n  bordered: {\n    horizontal: {\n      small: 'spacing.0',\n      medium: 'spacing.2',\n      large: 'spacing.4',\n    },\n    vertical: {\n      small: 'spacing.1',\n      medium: 'spacing.2',\n      large: 'spacing.3',\n    },\n  },\n  filled: {\n    horizontal: {\n      small: 'spacing.1',\n      medium: 'spacing.2',\n      large: 'spacing.3',\n    },\n    vertical: {\n      small: 'spacing.3',\n      medium: 'spacing.4',\n      large: 'spacing.4',\n    },\n  },\n};\n\nconst paddingBottom: TabItemPadding = {\n  bordered: {\n    horizontal: {\n      small: 'spacing.3',\n      medium: 'spacing.4',\n      large: 'spacing.4',\n    },\n    vertical: {\n      small: 'spacing.1',\n      medium: 'spacing.2',\n      large: 'spacing.3',\n    },\n  },\n  filled: {\n    horizontal: {\n      small: 'spacing.1',\n      medium: 'spacing.2',\n      large: 'spacing.3',\n    },\n    vertical: {\n      small: 'spacing.3',\n      medium: 'spacing.4',\n      large: 'spacing.4',\n    },\n  },\n};\n\nconst paddingX: TabItemPadding = {\n  bordered: {\n    horizontal: {\n      small: 'spacing.0',\n      medium: 'spacing.0',\n      large: 'spacing.0',\n    },\n    vertical: {\n      small: 'spacing.4',\n      medium: 'spacing.4',\n      large: 'spacing.4',\n    },\n  },\n  filled: {\n    horizontal: {\n      small: 'spacing.3',\n      medium: 'spacing.3',\n      large: 'spacing.3',\n    },\n    vertical: {\n      small: 'spacing.4',\n      medium: 'spacing.4',\n      large: 'spacing.4',\n    },\n  },\n};\n\nconst trackColor = 'surface.border.gray.muted';\nconst textColor = {\n  selected: {\n    default: 'interactive.text.primary.subtle',\n    highlighted: 'interactive.text.primary.normal',\n    disabled: 'interactive.text.primary.normal',\n  },\n  unselected: {\n    default: 'interactive.text.gray.muted',\n    highlighted: 'interactive.text.gray.subtle',\n    disabled: 'interactive.text.gray.disabled',\n  },\n} as const;\n\nconst backgroundColor = {\n  unselected: {\n    bordered: {\n      default: 'colors.transparent',\n      highlighted: 'colors.transparent',\n      disabled: 'colors.transparent',\n    },\n    borderless: {\n      default: 'colors.transparent',\n      highlighted: 'colors.transparent',\n      disabled: 'colors.transparent',\n    },\n    filled: {\n      default: 'colors.transparent',\n      highlighted: 'colors.interactive.background.gray.default',\n      disabled: 'colors.transparent',\n    },\n  },\n  selected: {\n    bordered: {\n      default: 'colors.transparent',\n      highlighted: 'colors.transparent',\n      disabled: 'colors.transparent',\n    },\n    borderless: {\n      default: 'colors.transparent',\n      highlighted: 'colors.transparent',\n      disabled: 'colors.transparent',\n    },\n    filled: {\n      default: 'colors.interactive.background.primary.faded',\n      highlighted: 'colors.interactive.background.primary.faded',\n      disabled: 'colors.transparent',\n    },\n  },\n} as const;\n\nconst iconColor = {\n  unselected: {\n    default: 'interactive.icon.gray.muted',\n    highlighted: 'interactive.icon.gray.subtle',\n    disabled: 'interactive.icon.gray.disabled',\n  },\n  selected: {\n    default: 'interactive.icon.primary.subtle',\n    highlighted: 'interactive.icon.primary.normal',\n    disabled: 'interactive.icon.primary.disabled',\n  },\n} as const;\n\nconst textSizeMap = {\n  small: 'medium',\n  medium: 'medium',\n  large: 'large',\n} as const;\n\nexport {\n  backgroundColor,\n  textColor,\n  iconColor,\n  trackColor,\n  paddingTop,\n  paddingBottom,\n  paddingX,\n  textSizeMap,\n};\n"],"names":["paddingTop","bordered","horizontal","small","medium","large","vertical","filled","paddingBottom","paddingX","trackColor","textColor","selected","highlighted","disabled","unselected","backgroundColor","borderless","iconColor","textSizeMap"],"mappings":"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"}
+{"version":3,"file":"tabTokens.js","sources":["../../../../../../src/components/Tabs/tabTokens.ts"],"sourcesContent":["import type { TabsProps } from './types';\nimport type { DotNotationSpacingStringToken } from '~utils/types';\n\ntype TabSizes = NonNullable<TabsProps['size']>;\ntype TabVariants = Exclude<NonNullable<TabsProps['variant']>, 'borderless'>;\ntype TabOrientation = 'horizontal' | 'vertical';\n\ntype TabItemPadding = Record<\n  TabVariants,\n  Record<TabOrientation, Record<TabSizes, DotNotationSpacingStringToken>>\n>;\n\nconst paddingTop: TabItemPadding = {\n  bordered: {\n    horizontal: {\n      small: 'spacing.0',\n      medium: 'spacing.2',\n      large: 'spacing.4',\n    },\n    vertical: {\n      small: 'spacing.1',\n      medium: 'spacing.2',\n      large: 'spacing.3',\n    },\n  },\n  filled: {\n    horizontal: {\n      small: 'spacing.1',\n      medium: 'spacing.2',\n      large: 'spacing.3',\n    },\n    vertical: {\n      small: 'spacing.3',\n      medium: 'spacing.4',\n      large: 'spacing.4',\n    },\n  },\n};\n\nconst paddingBottom: TabItemPadding = {\n  bordered: {\n    horizontal: {\n      small: 'spacing.3',\n      medium: 'spacing.4',\n      large: 'spacing.4',\n    },\n    vertical: {\n      small: 'spacing.1',\n      medium: 'spacing.2',\n      large: 'spacing.3',\n    },\n  },\n  filled: {\n    horizontal: {\n      small: 'spacing.1',\n      medium: 'spacing.2',\n      large: 'spacing.3',\n    },\n    vertical: {\n      small: 'spacing.3',\n      medium: 'spacing.4',\n      large: 'spacing.4',\n    },\n  },\n};\n\nconst paddingX: TabItemPadding = {\n  bordered: {\n    horizontal: {\n      small: 'spacing.0',\n      medium: 'spacing.0',\n      large: 'spacing.0',\n    },\n    vertical: {\n      small: 'spacing.4',\n      medium: 'spacing.4',\n      large: 'spacing.4',\n    },\n  },\n  filled: {\n    horizontal: {\n      small: 'spacing.3',\n      medium: 'spacing.3',\n      large: 'spacing.3',\n    },\n    vertical: {\n      small: 'spacing.4',\n      medium: 'spacing.4',\n      large: 'spacing.4',\n    },\n  },\n};\n\nconst trackColor = 'surface.border.gray.muted';\nconst textColor = {\n  selected: {\n    default: 'interactive.text.gray.normal',\n    highlighted: 'interactive.text.gray.normal',\n    disabled: 'interactive.text.gray.disabled',\n  },\n  unselected: {\n    default: 'interactive.text.gray.muted',\n    highlighted: 'interactive.text.gray.subtle',\n    disabled: 'interactive.text.gray.disabled',\n  },\n} as const;\n\nconst backgroundColor = {\n  selected: {\n    bordered: {\n      horizontal: {\n        default: 'colors.transparent',\n        highlighted: 'colors.transparent',\n        disabled: 'colors.transparent',\n      },\n      vertical: {\n        default: 'colors.transparent',\n        highlighted: 'colors.transparent',\n        disabled: 'colors.transparent',\n      },\n    },\n    filled: {\n      // Horizontal filled selected tabs use 'transparent' because\n      // the TabIndicator (white pill) handles the selected background\n      horizontal: {\n        default: 'colors.transparent',\n        highlighted: 'colors.transparent',\n        disabled: 'colors.transparent',\n      },\n      vertical: {\n        default: 'colors.surface.background.gray.intense',\n        highlighted: 'colors.surface.background.gray.intense',\n        disabled: 'colors.transparent',\n      },\n    },\n  },\n  unselected: {\n    bordered: {\n      horizontal: {\n        default: 'colors.transparent',\n        highlighted: 'colors.transparent',\n        disabled: 'colors.transparent',\n      },\n      vertical: {\n        default: 'colors.transparent',\n        highlighted: 'colors.transparent',\n        disabled: 'colors.transparent',\n      },\n    },\n    filled: {\n      horizontal: {\n        default: 'colors.transparent',\n        highlighted: 'colors.interactive.background.gray.default',\n        disabled: 'colors.transparent',\n      },\n      vertical: {\n        default: 'colors.transparent',\n        highlighted: 'colors.interactive.background.gray.default',\n        disabled: 'colors.transparent',\n      },\n    },\n  },\n} as const;\n\nconst iconColor = {\n  unselected: {\n    default: 'interactive.icon.gray.muted',\n    highlighted: 'interactive.icon.gray.subtle',\n    disabled: 'interactive.icon.gray.disabled',\n  },\n  selected: {\n    default: 'interactive.icon.gray.normal',\n    highlighted: 'interactive.icon.gray.normal',\n    disabled: 'interactive.icon.gray.disabled',\n  },\n} as const;\n\nconst textSizeMap = {\n  small: 'medium',\n  medium: 'medium',\n  large: 'large',\n} as const;\n\ntype BorderWidthValue = 'none' | 'thick' | 'thicker';\n\nconst borderWidth: Record<TabVariants, Record<TabOrientation, BorderWidthValue>> = {\n  bordered: {\n    horizontal: 'thicker',\n    vertical: 'thick',\n  },\n  filled: {\n    horizontal: 'none',\n    vertical: 'none',\n  },\n};\n\ntype BorderRadiusToken = 'none' | 'small' | 'medium';\n\nconst borderRadius: Record<\n  TabVariants,\n  Record<TabOrientation, Record<TabSizes, BorderRadiusToken>>\n> = {\n  bordered: {\n    horizontal: { small: 'none', medium: 'none', large: 'none' },\n    vertical: { small: 'none', medium: 'none', large: 'none' },\n  },\n  filled: {\n    horizontal: { small: 'medium', medium: 'small', large: 'small' },\n    vertical: { small: 'small', medium: 'small', large: 'small' },\n  },\n};\n\nconst focusBorderRadius: Record<\n  TabVariants,\n  Record<TabOrientation, Record<TabSizes, Exclude<BorderRadiusToken, 'none'>>>\n> = {\n  bordered: {\n    horizontal: { small: 'medium', medium: 'medium', large: 'medium' },\n    vertical: { small: 'medium', medium: 'medium', large: 'medium' },\n  },\n  filled: {\n    horizontal: { small: 'medium', medium: 'small', large: 'small' },\n    vertical: { small: 'small', medium: 'small', large: 'small' },\n  },\n};\n\nconst borderColor = {\n  selected: {\n    bordered: {\n      horizontal: {\n        default: 'colors.transparent',\n        highlighted: 'colors.transparent',\n        disabled: 'colors.transparent',\n      },\n      vertical: {\n        default: 'colors.transparent',\n        highlighted: 'colors.transparent',\n        disabled: 'colors.transparent',\n      },\n    },\n    filled: {\n      horizontal: {\n        default: 'colors.transparent',\n        highlighted: 'colors.transparent',\n        disabled: 'colors.transparent',\n      },\n      vertical: {\n        default: 'colors.transparent',\n        highlighted: 'colors.transparent',\n        disabled: 'colors.transparent',\n      },\n    },\n  },\n  unselected: {\n    bordered: {\n      horizontal: {\n        default: 'colors.transparent',\n        highlighted: 'colors.interactive.border.gray.highlighted',\n        disabled: 'colors.transparent',\n      },\n      vertical: {\n        default: 'colors.transparent',\n        highlighted: 'colors.interactive.border.gray.highlighted',\n        disabled: 'colors.transparent',\n      },\n    },\n    filled: {\n      horizontal: {\n        default: 'colors.transparent',\n        highlighted: 'colors.transparent',\n        disabled: 'colors.transparent',\n      },\n      vertical: {\n        default: 'colors.transparent',\n        highlighted: 'colors.transparent',\n        disabled: 'colors.transparent',\n      },\n    },\n  },\n} as const;\n\n/**\n * In horizontal filled tabs, the TabIndicator (white pill) is rendered\n * as an absolutely positioned sibling element AFTER the tab items in the DOM.\n * The tab button needs `position: relative` + `zIndex: 1` so its content\n * renders above the indicator.\n */\nconst needsStackingContext: Record<TabVariants, Record<TabOrientation, boolean>> = {\n  bordered: {\n    horizontal: false,\n    vertical: false,\n  },\n  filled: {\n    horizontal: true,\n    vertical: false,\n  },\n};\n\nexport {\n  backgroundColor,\n  textColor,\n  iconColor,\n  trackColor,\n  paddingTop,\n  paddingBottom,\n  paddingX,\n  textSizeMap,\n  borderWidth,\n  borderRadius,\n  focusBorderRadius,\n  borderColor,\n  needsStackingContext,\n};\n\nexport type { BorderRadiusToken, BorderWidthValue };\n"],"names":["paddingTop","bordered","horizontal","small","medium","large","vertical","filled","paddingBottom","paddingX","trackColor","textColor","selected","highlighted","disabled","unselected","backgroundColor","iconColor","textSizeMap","borderWidth","borderRadius","focusBorderRadius","borderColor","needsStackingContext"],"mappings":"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"}

package/build/lib/web/development/components/TimePicker/BaseTimePicker.web.js

@@ -24,6 +24,7 @@ import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.web.js';
+import { getPopupBoxShadowString } from '../../utils/makePopupBoxShadow/makePopupBoxShadow.js';
 import { BottomSheet } from '../BottomSheet/BottomSheet.web.js';
 import { BottomSheetHeader } from '../BottomSheet/BottomSheetHeader.web.js';
 import { BottomSheetBody } from '../BottomSheet/BottomSheetBody.web.js';
@@ -71,6 +72,8 @@ var _BaseTimePicker = function _BaseTimePicker(_ref) {
   var _useTheme = useTheme(),
     theme = _useTheme.theme;
   var titleId = useId('timepicker-title');
+  var _useTheme2 = useTheme(),
+    colorScheme = _useTheme2.colorScheme;
   var _useTimePickerState = useTimePickerState({
       value: value,
       defaultValue: defaultValue,
@@ -228,14 +231,13 @@ var _BaseTimePicker = function _BaseTimePicker(_ref) {
           labelledBy: titleId
         })), {}, {
           children: /*#__PURE__*/jsx(BaseBox, {
-            backgroundColor: "popup.background.subtle",
-            borderColor: "popup.border.subtle",
-            borderWidth: "thin",
-            borderStyle: "solid",
-            borderRadius: "large",
+            borderRadius: "medium",
             overflow: "hidden",
+            border: "none",
             style: _objectSpread(_objectSpread({}, animationStyles), {}, {
-              boxShadow: "".concat(theme.elevation.midRaised)
+              background: theme.colors.popup.background.gray.moderate,
+              boxShadow: getPopupBoxShadowString(theme, colorScheme),
+              backdropFilter: "blur(".concat(theme.backdropBlur.high, "px)")
             }),
             children: content
           })

package/build/lib/web/development/components/TimePicker/BaseTimePicker.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTimePicker.web.js","sources":["../../../../../../src/components/TimePicker/BaseTimePicker.web.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { FloatingFocusManager, FloatingPortal } from '@floating-ui/react';\nimport type { TimePickerProps } from './types';\nimport { TimeInput } from './TimeInput.web';\nimport { useTimePickerState } from './useTimePickerState';\nimport { TimePickerContent } from './TimePickerContent';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { BottomSheet, BottomSheetBody, BottomSheetHeader } from '~components/BottomSheet';\nimport BaseBox from '~components/Box/BaseBox';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useId } from '~utils/useId';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { useTheme } from '~utils';\nimport { usePopup } from '~components/DatePicker/usePopup';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { size as sizeTokens } from '~tokens/global';\n\nconst _BaseTimePicker = ({\n  value,\n  defaultValue,\n  onChange,\n  onApply,\n  isOpen,\n  defaultIsOpen,\n  onOpenChange,\n  label,\n  labelPosition = 'top',\n  accessibilityLabel,\n  errorText,\n  helpText,\n  isDisabled,\n  isRequired,\n  successText,\n  validationState,\n  size = 'medium',\n  autoFocus,\n  necessityIndicator,\n  name,\n  placeholder,\n  showFooterActions = true,\n  timeFormat = '12h',\n  minuteStep = 1,\n  labelSuffix,\n  labelTrailing,\n  testID,\n  ...props\n}: TimePickerProps & StyledPropsBlade & DataAnalyticsAttribute): React.ReactElement => {\n  const referenceRef = useRef<HTMLElement>(null);\n  const isMobile = useIsMobile();\n  const { theme } = useTheme();\n  const titleId = useId('timepicker-title');\n\n  const {\n    timeValue,\n    setTimeValue,\n    internalTimeValue,\n    setInternalTimeValue,\n    selectedHour,\n    selectedMinute,\n    selectedPeriod,\n    isOpen: isDropdownOpen,\n    setIsOpen: setIsDropdownOpen,\n    onApply: handleApply,\n    onCancel: handleCancel,\n    createCompleteTime,\n  } = useTimePickerState({\n    value,\n    defaultValue,\n    onChange,\n    isOpen,\n    defaultIsOpen,\n    onOpenChange,\n    timeFormat,\n    showFooterActions,\n    onApply,\n  });\n\n  const {\n    refs,\n    context,\n    isMounted,\n    floatingStyles,\n    animationStyles,\n    getReferenceProps,\n    getFloatingProps,\n  } = usePopup({\n    enabled: !isMobile,\n    placement: 'bottom-start',\n    open: isDropdownOpen,\n    onOpenChange: (isOpen, _, reason) => {\n      if (isDisabled) return;\n      setIsDropdownOpen(isOpen);\n      if (reason === 'escape-key') {\n        handleCancel();\n      }\n    },\n    referenceRef,\n    // crossAxisOffset calculation for left label positioning:\n    // Medium: 120px (label width) + 12px (padding) = 132px\n    // Large: 176px (label width) + 16px (padding) = 192px\n    crossAxisOffset:\n      labelPosition === 'left' ? (size === 'large' ? sizeTokens[192] : sizeTokens[132]) : 0,\n  });\n\n  // Fix for React Aria contentEditable focus issue with Floating UI\n  // React Aria's contentEditable segments don't properly trigger Floating UI's dismiss\n  // See: https://github.com/adobe/react-spectrum/issues/3164\n  React.useEffect(() => {\n    const handleClick = (e: MouseEvent): void => {\n      const target = e.target as Node;\n      const isClickOnInput = referenceRef.current?.contains(target);\n      const isClickOnDropdown = refs.floating.current?.contains(target);\n\n      // On mobile, also check if click is inside TimePicker content (BottomSheet)\n      const isClickOnTimePickerContent = (target as Element).closest?.('.timepicker-content');\n\n      // Only close dropdown if click is outside input, dropdown, and TimePicker content\n      // This ensures clicking different segments within the input keeps dropdown open\n      if (isDropdownOpen && !isClickOnInput && !isClickOnDropdown) {\n        if (isClickOnTimePickerContent && showFooterActions) {\n          // Inside TimePicker with footer actions - don't close\n          return;\n        }\n        handleApply();\n      }\n    };\n\n    if (isDropdownOpen) {\n      document.addEventListener('click', handleClick);\n      return () => document.removeEventListener('click', handleClick);\n    }\n    return undefined;\n  }, [isDropdownOpen, showFooterActions, handleCancel, handleApply]);\n\n  // Mobile: Blur input when bottom sheet opens\n  React.useEffect(() => {\n    if (isMobile && isDropdownOpen) {\n      // Find the currently focused time segment and blur it\n\n      const activeElement = document.activeElement as HTMLElement | null;\n      if (activeElement && 'blur' in activeElement && typeof activeElement.blur === 'function') {\n        setTimeout(() => {\n          activeElement.blur();\n        }, 0);\n      }\n    }\n  }, [isMobile, isDropdownOpen]);\n\n  const content = (\n    <TimePickerContent\n      selectedTime={timeValue}\n      setSelectedTime={setTimeValue}\n      selectedHour={selectedHour}\n      selectedMinute={selectedMinute}\n      selectedPeriod={selectedPeriod}\n      timeFormat={timeFormat}\n      minuteStep={minuteStep}\n      showFooterActions={showFooterActions}\n      onApply={handleApply}\n      onCancel={handleCancel}\n    />\n  );\n\n  return (\n    <BaseBox\n      width=\"100%\"\n      {...getStyledProps(props)}\n      {...metaAttribute({ name: MetaConstants.TimePicker })}\n    >\n      <TimeInput\n        ref={referenceRef}\n        inputRef={refs.setReference}\n        referenceProps={getReferenceProps()}\n        timeValue={timeValue}\n        internalTimeValue={internalTimeValue}\n        onChange={setTimeValue}\n        onTimeValueChange={(timeValue) => {\n          if (timeValue) {\n            setInternalTimeValue(timeValue);\n          }\n        }}\n        createCompleteTime={createCompleteTime}\n        label={label}\n        helpText={helpText}\n        errorText={errorText}\n        successText={successText}\n        validationState={validationState}\n        isDisabled={isDisabled}\n        isRequired={isRequired}\n        necessityIndicator={necessityIndicator}\n        autoFocus={autoFocus} // eslint-disable-line jsx-a11y/no-autofocus\n        name={name}\n        placeholder={placeholder}\n        size={size}\n        labelPosition={labelPosition}\n        labelSuffix={labelSuffix}\n        labelTrailing={labelTrailing}\n        timeFormat={timeFormat}\n        isDropdownOpen={isDropdownOpen}\n        setIsDropdownOpen={setIsDropdownOpen}\n        testID={testID}\n        accessibilityLabel={accessibilityLabel}\n        {...props}\n      />\n\n      {!isMobile && isMounted && (\n        <FloatingPortal>\n          <FloatingFocusManager\n            initialFocus={-1}\n            context={context}\n            guards={false}\n            order={['reference', 'content']}\n          >\n            <BaseBox\n              ref={refs.setFloating}\n              style={floatingStyles}\n              {...getFloatingProps()}\n              {...makeAccessible({ labelledBy: titleId })}\n            >\n              <BaseBox\n                backgroundColor=\"popup.background.subtle\"\n                borderColor=\"popup.border.subtle\"\n                borderWidth=\"thin\"\n                borderStyle=\"solid\"\n                borderRadius=\"large\"\n                overflow=\"hidden\"\n                style={{\n                  ...animationStyles,\n                  boxShadow: `${theme.elevation.midRaised}`,\n                }}\n              >\n                {content}\n              </BaseBox>\n            </BaseBox>\n          </FloatingFocusManager>\n        </FloatingPortal>\n      )}\n\n      {/* Mobile Bottom Sheet */}\n      {isMobile && !isDisabled && (\n        <BottomSheet snapPoints={[0.6, 0.6, 1]} isOpen={isDropdownOpen} onDismiss={handleCancel}>\n          <BottomSheetHeader title=\"Select Time\" />\n          <BottomSheetBody>{content}</BottomSheetBody>\n        </BottomSheet>\n      )}\n    </BaseBox>\n  );\n};\n\nconst BaseTimePicker = assignWithoutSideEffects(_BaseTimePicker, {\n  displayName: 'BaseTimePicker',\n  componentId: 'BaseTimePicker',\n});\n\nexport { BaseTimePicker };\n"],"names":["_BaseTimePicker","_ref","value","defaultValue","onChange","onApply","isOpen","defaultIsOpen","onOpenChange","label","_ref$labelPosition","labelPosition","accessibilityLabel","errorText","helpText","isDisabled","isRequired","successText","validationState","_ref$size","size","autoFocus","necessityIndicator","name","placeholder","_ref$showFooterAction","showFooterActions","_ref$timeFormat","timeFormat","_ref$minuteStep","minuteStep","labelSuffix","labelTrailing","testID","props","_objectWithoutProperties","_excluded","referenceRef","useRef","isMobile","useIsMobile","_useTheme","useTheme","theme","titleId","useId","_useTimePickerState","useTimePickerState","timeValue","setTimeValue","internalTimeValue","setInternalTimeValue","selectedHour","selectedMinute","selectedPeriod","isDropdownOpen","setIsDropdownOpen","setIsOpen","handleApply","handleCancel","onCancel","createCompleteTime","_usePopup","usePopup","enabled","placement","open","_","reason","crossAxisOffset","sizeTokens","refs","context","isMounted","floatingStyles","animationStyles","getReferenceProps","getFloatingProps","React","useEffect","handleClick","e","_referenceRef$current","_refs$floating$curren","_closest","_ref2","target","isClickOnInput","current","contains","isClickOnDropdown","floating","isClickOnTimePickerContent","closest","call","document","addEventListener","removeEventListener","undefined","activeElement","blur","setTimeout","content","_jsx","TimePickerContent","selectedTime","setSelectedTime","_jsxs","BaseBox","_objectSpread","width","getStyledProps","metaAttribute","MetaConstants","TimePicker","children","TimeInput","ref","inputRef","setReference","referenceProps","onTimeValueChange","FloatingPortal","FloatingFocusManager","initialFocus","guards","order","setFloating","style","makeAccessible","labelledBy","backgroundColor","borderColor","borderWidth","borderStyle","borderRadius","overflow","boxShadow","concat","elevation","midRaised","BottomSheet","snapPoints","onDismiss","BottomSheetHeader","title","BottomSheetBody","BaseTimePicker","assignWithoutSideEffects","displayName","componentId"],"mappings":"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"}
+{"version":3,"file":"BaseTimePicker.web.js","sources":["../../../../../../src/components/TimePicker/BaseTimePicker.web.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { FloatingFocusManager, FloatingPortal } from '@floating-ui/react';\nimport type { TimePickerProps } from './types';\nimport { TimeInput } from './TimeInput.web';\nimport { useTimePickerState } from './useTimePickerState';\nimport { TimePickerContent } from './TimePickerContent';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { BottomSheet, BottomSheetBody, BottomSheetHeader } from '~components/BottomSheet';\nimport BaseBox from '~components/Box/BaseBox';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useId } from '~utils/useId';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { useTheme, getPopupBoxShadowString } from '~utils';\nimport { usePopup } from '~components/DatePicker/usePopup';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { size as sizeTokens } from '~tokens/global';\n\nconst _BaseTimePicker = ({\n  value,\n  defaultValue,\n  onChange,\n  onApply,\n  isOpen,\n  defaultIsOpen,\n  onOpenChange,\n  label,\n  labelPosition = 'top',\n  accessibilityLabel,\n  errorText,\n  helpText,\n  isDisabled,\n  isRequired,\n  successText,\n  validationState,\n  size = 'medium',\n  autoFocus,\n  necessityIndicator,\n  name,\n  placeholder,\n  showFooterActions = true,\n  timeFormat = '12h',\n  minuteStep = 1,\n  labelSuffix,\n  labelTrailing,\n  testID,\n  ...props\n}: TimePickerProps & StyledPropsBlade & DataAnalyticsAttribute): React.ReactElement => {\n  const referenceRef = useRef<HTMLElement>(null);\n  const isMobile = useIsMobile();\n  const { theme } = useTheme();\n  const titleId = useId('timepicker-title');\n  const { colorScheme } = useTheme();\n\n  const {\n    timeValue,\n    setTimeValue,\n    internalTimeValue,\n    setInternalTimeValue,\n    selectedHour,\n    selectedMinute,\n    selectedPeriod,\n    isOpen: isDropdownOpen,\n    setIsOpen: setIsDropdownOpen,\n    onApply: handleApply,\n    onCancel: handleCancel,\n    createCompleteTime,\n  } = useTimePickerState({\n    value,\n    defaultValue,\n    onChange,\n    isOpen,\n    defaultIsOpen,\n    onOpenChange,\n    timeFormat,\n    showFooterActions,\n    onApply,\n  });\n\n  const {\n    refs,\n    context,\n    isMounted,\n    floatingStyles,\n    animationStyles,\n    getReferenceProps,\n    getFloatingProps,\n  } = usePopup({\n    enabled: !isMobile,\n    placement: 'bottom-start',\n    open: isDropdownOpen,\n    onOpenChange: (isOpen, _, reason) => {\n      if (isDisabled) return;\n      setIsDropdownOpen(isOpen);\n      if (reason === 'escape-key') {\n        handleCancel();\n      }\n    },\n    referenceRef,\n    // crossAxisOffset calculation for left label positioning:\n    // Medium: 120px (label width) + 12px (padding) = 132px\n    // Large: 176px (label width) + 16px (padding) = 192px\n    crossAxisOffset:\n      labelPosition === 'left' ? (size === 'large' ? sizeTokens[192] : sizeTokens[132]) : 0,\n  });\n\n  // Fix for React Aria contentEditable focus issue with Floating UI\n  // React Aria's contentEditable segments don't properly trigger Floating UI's dismiss\n  // See: https://github.com/adobe/react-spectrum/issues/3164\n  React.useEffect(() => {\n    const handleClick = (e: MouseEvent): void => {\n      const target = e.target as Node;\n      const isClickOnInput = referenceRef.current?.contains(target);\n      const isClickOnDropdown = refs.floating.current?.contains(target);\n\n      // On mobile, also check if click is inside TimePicker content (BottomSheet)\n      const isClickOnTimePickerContent = (target as Element).closest?.('.timepicker-content');\n\n      // Only close dropdown if click is outside input, dropdown, and TimePicker content\n      // This ensures clicking different segments within the input keeps dropdown open\n      if (isDropdownOpen && !isClickOnInput && !isClickOnDropdown) {\n        if (isClickOnTimePickerContent && showFooterActions) {\n          // Inside TimePicker with footer actions - don't close\n          return;\n        }\n        handleApply();\n      }\n    };\n\n    if (isDropdownOpen) {\n      document.addEventListener('click', handleClick);\n      return () => document.removeEventListener('click', handleClick);\n    }\n    return undefined;\n  }, [isDropdownOpen, showFooterActions, handleCancel, handleApply]);\n\n  // Mobile: Blur input when bottom sheet opens\n  React.useEffect(() => {\n    if (isMobile && isDropdownOpen) {\n      // Find the currently focused time segment and blur it\n\n      const activeElement = document.activeElement as HTMLElement | null;\n      if (activeElement && 'blur' in activeElement && typeof activeElement.blur === 'function') {\n        setTimeout(() => {\n          activeElement.blur();\n        }, 0);\n      }\n    }\n  }, [isMobile, isDropdownOpen]);\n\n  const content = (\n    <TimePickerContent\n      selectedTime={timeValue}\n      setSelectedTime={setTimeValue}\n      selectedHour={selectedHour}\n      selectedMinute={selectedMinute}\n      selectedPeriod={selectedPeriod}\n      timeFormat={timeFormat}\n      minuteStep={minuteStep}\n      showFooterActions={showFooterActions}\n      onApply={handleApply}\n      onCancel={handleCancel}\n    />\n  );\n\n  return (\n    <BaseBox\n      width=\"100%\"\n      {...getStyledProps(props)}\n      {...metaAttribute({ name: MetaConstants.TimePicker })}\n    >\n      <TimeInput\n        ref={referenceRef}\n        inputRef={refs.setReference}\n        referenceProps={getReferenceProps()}\n        timeValue={timeValue}\n        internalTimeValue={internalTimeValue}\n        onChange={setTimeValue}\n        onTimeValueChange={(timeValue) => {\n          if (timeValue) {\n            setInternalTimeValue(timeValue);\n          }\n        }}\n        createCompleteTime={createCompleteTime}\n        label={label}\n        helpText={helpText}\n        errorText={errorText}\n        successText={successText}\n        validationState={validationState}\n        isDisabled={isDisabled}\n        isRequired={isRequired}\n        necessityIndicator={necessityIndicator}\n        autoFocus={autoFocus} // eslint-disable-line jsx-a11y/no-autofocus\n        name={name}\n        placeholder={placeholder}\n        size={size}\n        labelPosition={labelPosition}\n        labelSuffix={labelSuffix}\n        labelTrailing={labelTrailing}\n        timeFormat={timeFormat}\n        isDropdownOpen={isDropdownOpen}\n        setIsDropdownOpen={setIsDropdownOpen}\n        testID={testID}\n        accessibilityLabel={accessibilityLabel}\n        {...props}\n      />\n\n      {!isMobile && isMounted && (\n        <FloatingPortal>\n          <FloatingFocusManager\n            initialFocus={-1}\n            context={context}\n            guards={false}\n            order={['reference', 'content']}\n          >\n            <BaseBox\n              ref={refs.setFloating}\n              style={floatingStyles}\n              {...getFloatingProps()}\n              {...makeAccessible({ labelledBy: titleId })}\n            >\n              <BaseBox\n                borderRadius=\"medium\"\n                overflow=\"hidden\"\n                border=\"none\"\n                style={{\n                  ...animationStyles,\n                  background: theme.colors.popup.background.gray.moderate,\n                  boxShadow: getPopupBoxShadowString(theme, colorScheme),\n                  backdropFilter: `blur(${theme.backdropBlur.high}px)`,\n                }}\n              >\n                {content}\n              </BaseBox>\n            </BaseBox>\n          </FloatingFocusManager>\n        </FloatingPortal>\n      )}\n\n      {/* Mobile Bottom Sheet */}\n      {isMobile && !isDisabled && (\n        <BottomSheet snapPoints={[0.6, 0.6, 1]} isOpen={isDropdownOpen} onDismiss={handleCancel}>\n          <BottomSheetHeader title=\"Select Time\" />\n          <BottomSheetBody>{content}</BottomSheetBody>\n        </BottomSheet>\n      )}\n    </BaseBox>\n  );\n};\n\nconst BaseTimePicker = assignWithoutSideEffects(_BaseTimePicker, {\n  displayName: 'BaseTimePicker',\n  componentId: 'BaseTimePicker',\n});\n\nexport { BaseTimePicker };\n"],"names":["_BaseTimePicker","_ref","value","defaultValue","onChange","onApply","isOpen","defaultIsOpen","onOpenChange","label","_ref$labelPosition","labelPosition","accessibilityLabel","errorText","helpText","isDisabled","isRequired","successText","validationState","_ref$size","size","autoFocus","necessityIndicator","name","placeholder","_ref$showFooterAction","showFooterActions","_ref$timeFormat","timeFormat","_ref$minuteStep","minuteStep","labelSuffix","labelTrailing","testID","props","_objectWithoutProperties","_excluded","referenceRef","useRef","isMobile","useIsMobile","_useTheme","useTheme","theme","titleId","useId","_useTheme2","colorScheme","_useTimePickerState","useTimePickerState","timeValue","setTimeValue","internalTimeValue","setInternalTimeValue","selectedHour","selectedMinute","selectedPeriod","isDropdownOpen","setIsDropdownOpen","setIsOpen","handleApply","handleCancel","onCancel","createCompleteTime","_usePopup","usePopup","enabled","placement","open","_","reason","crossAxisOffset","sizeTokens","refs","context","isMounted","floatingStyles","animationStyles","getReferenceProps","getFloatingProps","React","useEffect","handleClick","e","_referenceRef$current","_refs$floating$curren","_closest","_ref2","target","isClickOnInput","current","contains","isClickOnDropdown","floating","isClickOnTimePickerContent","closest","call","document","addEventListener","removeEventListener","undefined","activeElement","blur","setTimeout","content","_jsx","TimePickerContent","selectedTime","setSelectedTime","_jsxs","BaseBox","_objectSpread","width","getStyledProps","metaAttribute","MetaConstants","TimePicker","children","TimeInput","ref","inputRef","setReference","referenceProps","onTimeValueChange","FloatingPortal","FloatingFocusManager","initialFocus","guards","order","setFloating","style","makeAccessible","labelledBy","borderRadius","overflow","border","background","colors","popup","gray","moderate","boxShadow","getPopupBoxShadowString","backdropFilter","concat","backdropBlur","high","BottomSheet","snapPoints","onDismiss","BottomSheetHeader","title","BottomSheetBody","BaseTimePicker","assignWithoutSideEffects","displayName","componentId"],"mappings":"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"}

package/build/lib/web/development/components/TimePicker/SpinWheel.web.js

@@ -129,6 +129,7 @@ var SpinWheel = function SpinWheel(_ref) {
     alignItems: "center",
     width: isMobile ? makeSize(size[82]) : makeSize(size[66]),
     height: makeSize(size[172]),
+    borderRadius: "small",
     children: /*#__PURE__*/jsx(BaseBox, {
       position: "relative",
       width: "100%",

package/build/lib/web/development/components/TimePicker/SpinWheel.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpinWheel.web.js","sources":["../../../../../../src/components/TimePicker/SpinWheel.web.tsx"],"sourcesContent":["import React, { useRef, useEffect, useMemo } from 'react';\nimport styled from 'styled-components';\nimport type { SpinWheelProps } from './types';\nimport { Text } from '~components/Typography';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { size } from '~tokens/global';\nimport { makeSize } from '~utils/makeSize';\nimport debounce from '~utils/lodashButBetter/debounce';\n\n// Styled scroll container with scroll snap\nconst StyledScrollContainer = styled(BaseBox)`\n  scroll-snap-type: y proximity; /* Changed from mandatory to proximity for smoother scrolling */\n  scroll-behavior: smooth;\n  &::-webkit-scrollbar {\n    display: none;\n  }\n  scrollbar-width: none;\n`;\n\n// Styled scroll item with scroll snap\nconst StyledScrollItem = styled(BaseBox)`\n  scroll-snap-align: center;\n  /* Removed scroll-snap-stop: always for smoother interaction */\n`;\n\n/**\n * Reusable SpinWheel component for time selection\n * Creates a scrollable column of values where the center item is selected.\n */\nconst SpinWheel = ({\n  className,\n  values,\n  selectedValue,\n  onChange,\n  activeIndex,\n  onActiveIndexChange,\n  displayValue,\n  scrollContainerRef,\n  tabIndex,\n}: SpinWheelProps): React.ReactElement => {\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const itemRefs = useRef<(HTMLDivElement | null)[]>([]);\n  const programmaticScrollTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n  const isMobile = useIsMobile();\n\n  // Memoized debounced onChange to avoid jerky scrolling and prevent memory leaks\n  const debouncedOnChange = useMemo(\n    () =>\n      debounce((value: string | number, index: number) => {\n        onChange(value, index);\n      }, 150),\n    [onChange],\n  );\n\n  // Flag to prevent onValueChange from being triggered during auto-positioning\n  // Problem: When minuteStep > 1 and user types \"03\", we auto-position to nearest step \"00\"\n  // This programmatic scroll triggers handleScroll -> onValueChange -> changes value from \"03\" to \"00\"\n  // But we want to preserve the typed value \"03\" and only visually position at \"00\"\n  // Solution: Set this flag during programmatic scrolls to prevent onValueChange calls\n  // preserving user's typed value while showing correct visual positioning\n  const isProgrammaticScroll = useRef(false);\n\n  // Use displayValue for visual positioning, selectedValue for actual data\n  // This supports minute steps: user types \"03\", displayValue shows \"00\" for positioning,\n  // but selectedValue preserves \"03\" for form submission\n  const positioningValue = displayValue ?? selectedValue;\n\n  // Auto-scroll to positioned item when dropdown opens or positioning value changes\n  useEffect(() => {\n    // Clear any existing programmatic scroll timeout\n    if (programmaticScrollTimeoutRef.current) {\n      clearTimeout(programmaticScrollTimeoutRef.current);\n    }\n\n    const positionIndex = values.findIndex((val) => String(val) === String(positioningValue));\n    if (positionIndex >= 0 && itemRefs.current[positionIndex]) {\n      isProgrammaticScroll.current = true;\n\n      itemRefs.current[positionIndex]?.scrollIntoView({\n        behavior: 'smooth',\n        block: 'center',\n      });\n\n      // Reset flag after scroll finishes\n      programmaticScrollTimeoutRef.current = setTimeout(() => {\n        isProgrammaticScroll.current = false;\n      }, 300);\n    }\n  }, [positioningValue, values]);\n\n  // Cleanup timeouts on unmount\n  useEffect(() => {\n    return () => {\n      if (programmaticScrollTimeoutRef.current) {\n        clearTimeout(programmaticScrollTimeoutRef.current);\n      }\n    };\n  }, []);\n\n  // Scroll event handler to update selection based on center position\n  const handleScroll = (): void => {\n    if (isProgrammaticScroll.current || !containerRef.current) return;\n\n    // Use document.elementFromPoint for efficient center detection (similar to Carousel)\n    const containerBB = containerRef.current.getBoundingClientRect();\n    const pointX = containerBB.left + containerBB.width * 0.5; // Center horizontally\n    const pointY = containerBB.top + containerBB.height * 0.5; // Center vertically\n\n    const element = document.elementFromPoint(pointX, pointY);\n    const spinWheelItem = element?.closest('[data-item-index]');\n\n    if (!spinWheelItem) return;\n\n    const itemIndex = Number(spinWheelItem.getAttribute('data-item-index'));\n    if (isNaN(itemIndex) || itemIndex < 0 || itemIndex >= values.length) return;\n\n    // Update active index immediately for visual feedback\n    onActiveIndexChange?.(itemIndex);\n\n    // Debounce the actual value change to avoid jerky scrolling\n    debouncedOnChange(values[itemIndex], itemIndex);\n  };\n\n  const handleItemClick = (value: string | number, index: number): void => {\n    // Always allow explicit user selection via click, even when displayValue is present\n    // This lets users choose to override their typed value with a step value if desired\n    onChange(value, index);\n    onActiveIndexChange?.(index);\n  };\n\n  return (\n    <BaseBox\n      className={className}\n      display=\"flex\"\n      flexDirection=\"column\"\n      alignItems=\"center\"\n      width={isMobile ? makeSize(size[82]) : makeSize(size[66])}\n      height={makeSize(size[172])}\n    >\n      <BaseBox position=\"relative\" width=\"100%\" overflow=\"hidden\">\n        {/* Scrollable container */}\n        <StyledScrollContainer\n          ref={(node: HTMLDivElement | null) => {\n            containerRef.current = node;\n            if (typeof scrollContainerRef === 'function') {\n              scrollContainerRef(node);\n            } else if (scrollContainerRef && 'current' in scrollContainerRef) {\n              (scrollContainerRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n            }\n          }}\n          height=\"100%\"\n          overflowY=\"auto\"\n          onScroll={handleScroll}\n          tabIndex={typeof tabIndex === 'number' ? tabIndex : undefined}\n        >\n          {/* Invisible spacer at top - allows first item to scroll to center */}\n          <BaseBox height=\"68px\" />\n\n          {values.map((value, index) => {\n            // Show visual selection based on positioning value (for smooth minute steps)\n            // but preserve actual selectedValue for form data integrity\n            const isVisuallySelected =\n              activeIndex === index || String(value) === String(positioningValue);\n\n            return (\n              <StyledScrollItem\n                key={`${value}-${index}`}\n                ref={(el) => (itemRefs.current[index] = el)}\n                height=\"34px\"\n                display=\"flex\"\n                alignItems=\"center\"\n                justifyContent=\"center\"\n                onClick={() => handleItemClick(value, index)}\n                style={{ cursor: 'pointer' }}\n                data-item-index={index}\n              >\n                <Text\n                  variant=\"body\"\n                  size={isVisuallySelected ? 'large' : 'medium'}\n                  weight={isVisuallySelected ? 'semibold' : 'regular'}\n                  color={\n                    isVisuallySelected\n                      ? 'interactive.text.gray.normal'\n                      : 'interactive.text.gray.muted'\n                  }\n                  textAlign=\"center\"\n                >\n                  {String(value).padStart(2, '0')}\n                </Text>\n              </StyledScrollItem>\n            );\n          })}\n\n          {/* Invisible spacer at bottom - allows last item to scroll to center */}\n          <BaseBox height=\"68px\" />\n        </StyledScrollContainer>\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nexport { SpinWheel };\n"],"names":["StyledScrollContainer","styled","BaseBox","withConfig","displayName","componentId","StyledScrollItem","SpinWheel","_ref","className","values","selectedValue","onChange","activeIndex","onActiveIndexChange","displayValue","scrollContainerRef","tabIndex","containerRef","useRef","itemRefs","programmaticScrollTimeoutRef","isMobile","useIsMobile","debouncedOnChange","useMemo","debounce","value","index","isProgrammaticScroll","positioningValue","useEffect","current","clearTimeout","positionIndex","findIndex","val","String","_itemRefs$current$pos","scrollIntoView","behavior","block","setTimeout","handleScroll","containerBB","getBoundingClientRect","pointX","left","width","pointY","top","height","element","document","elementFromPoint","spinWheelItem","closest","itemIndex","Number","getAttribute","isNaN","length","handleItemClick","_jsx","display","flexDirection","alignItems","makeSize","size","children","position","overflow","_jsxs","ref","node","overflowY","onScroll","undefined","map","isVisuallySelected","el","justifyContent","onClick","style","cursor","Text","variant","weight","color","textAlign","padStart","concat"],"mappings":"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"}
+{"version":3,"file":"SpinWheel.web.js","sources":["../../../../../../src/components/TimePicker/SpinWheel.web.tsx"],"sourcesContent":["import React, { useRef, useEffect, useMemo } from 'react';\nimport styled from 'styled-components';\nimport type { SpinWheelProps } from './types';\nimport { Text } from '~components/Typography';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { size } from '~tokens/global';\nimport { makeSize } from '~utils/makeSize';\nimport debounce from '~utils/lodashButBetter/debounce';\n\n// Styled scroll container with scroll snap\nconst StyledScrollContainer = styled(BaseBox)`\n  scroll-snap-type: y proximity; /* Changed from mandatory to proximity for smoother scrolling */\n  scroll-behavior: smooth;\n  &::-webkit-scrollbar {\n    display: none;\n  }\n  scrollbar-width: none;\n`;\n\n// Styled scroll item with scroll snap\nconst StyledScrollItem = styled(BaseBox)`\n  scroll-snap-align: center;\n  /* Removed scroll-snap-stop: always for smoother interaction */\n`;\n\n/**\n * Reusable SpinWheel component for time selection\n * Creates a scrollable column of values where the center item is selected.\n */\nconst SpinWheel = ({\n  className,\n  values,\n  selectedValue,\n  onChange,\n  activeIndex,\n  onActiveIndexChange,\n  displayValue,\n  scrollContainerRef,\n  tabIndex,\n}: SpinWheelProps): React.ReactElement => {\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const itemRefs = useRef<(HTMLDivElement | null)[]>([]);\n  const programmaticScrollTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n  const isMobile = useIsMobile();\n\n  // Memoized debounced onChange to avoid jerky scrolling and prevent memory leaks\n  const debouncedOnChange = useMemo(\n    () =>\n      debounce((value: string | number, index: number) => {\n        onChange(value, index);\n      }, 150),\n    [onChange],\n  );\n\n  // Flag to prevent onValueChange from being triggered during auto-positioning\n  // Problem: When minuteStep > 1 and user types \"03\", we auto-position to nearest step \"00\"\n  // This programmatic scroll triggers handleScroll -> onValueChange -> changes value from \"03\" to \"00\"\n  // But we want to preserve the typed value \"03\" and only visually position at \"00\"\n  // Solution: Set this flag during programmatic scrolls to prevent onValueChange calls\n  // preserving user's typed value while showing correct visual positioning\n  const isProgrammaticScroll = useRef(false);\n\n  // Use displayValue for visual positioning, selectedValue for actual data\n  // This supports minute steps: user types \"03\", displayValue shows \"00\" for positioning,\n  // but selectedValue preserves \"03\" for form submission\n  const positioningValue = displayValue ?? selectedValue;\n\n  // Auto-scroll to positioned item when dropdown opens or positioning value changes\n  useEffect(() => {\n    // Clear any existing programmatic scroll timeout\n    if (programmaticScrollTimeoutRef.current) {\n      clearTimeout(programmaticScrollTimeoutRef.current);\n    }\n\n    const positionIndex = values.findIndex((val) => String(val) === String(positioningValue));\n    if (positionIndex >= 0 && itemRefs.current[positionIndex]) {\n      isProgrammaticScroll.current = true;\n\n      itemRefs.current[positionIndex]?.scrollIntoView({\n        behavior: 'smooth',\n        block: 'center',\n      });\n\n      // Reset flag after scroll finishes\n      programmaticScrollTimeoutRef.current = setTimeout(() => {\n        isProgrammaticScroll.current = false;\n      }, 300);\n    }\n  }, [positioningValue, values]);\n\n  // Cleanup timeouts on unmount\n  useEffect(() => {\n    return () => {\n      if (programmaticScrollTimeoutRef.current) {\n        clearTimeout(programmaticScrollTimeoutRef.current);\n      }\n    };\n  }, []);\n\n  // Scroll event handler to update selection based on center position\n  const handleScroll = (): void => {\n    if (isProgrammaticScroll.current || !containerRef.current) return;\n\n    // Use document.elementFromPoint for efficient center detection (similar to Carousel)\n    const containerBB = containerRef.current.getBoundingClientRect();\n    const pointX = containerBB.left + containerBB.width * 0.5; // Center horizontally\n    const pointY = containerBB.top + containerBB.height * 0.5; // Center vertically\n\n    const element = document.elementFromPoint(pointX, pointY);\n    const spinWheelItem = element?.closest('[data-item-index]');\n\n    if (!spinWheelItem) return;\n\n    const itemIndex = Number(spinWheelItem.getAttribute('data-item-index'));\n    if (isNaN(itemIndex) || itemIndex < 0 || itemIndex >= values.length) return;\n\n    // Update active index immediately for visual feedback\n    onActiveIndexChange?.(itemIndex);\n\n    // Debounce the actual value change to avoid jerky scrolling\n    debouncedOnChange(values[itemIndex], itemIndex);\n  };\n\n  const handleItemClick = (value: string | number, index: number): void => {\n    // Always allow explicit user selection via click, even when displayValue is present\n    // This lets users choose to override their typed value with a step value if desired\n    onChange(value, index);\n    onActiveIndexChange?.(index);\n  };\n\n  return (\n    <BaseBox\n      className={className}\n      display=\"flex\"\n      flexDirection=\"column\"\n      alignItems=\"center\"\n      width={isMobile ? makeSize(size[82]) : makeSize(size[66])}\n      height={makeSize(size[172])}\n      borderRadius=\"small\"\n    >\n      <BaseBox position=\"relative\" width=\"100%\" overflow=\"hidden\">\n        {/* Scrollable container */}\n        <StyledScrollContainer\n          ref={(node: HTMLDivElement | null) => {\n            containerRef.current = node;\n            if (typeof scrollContainerRef === 'function') {\n              scrollContainerRef(node);\n            } else if (scrollContainerRef && 'current' in scrollContainerRef) {\n              (scrollContainerRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n            }\n          }}\n          height=\"100%\"\n          overflowY=\"auto\"\n          onScroll={handleScroll}\n          tabIndex={typeof tabIndex === 'number' ? tabIndex : undefined}\n        >\n          {/* Invisible spacer at top - allows first item to scroll to center */}\n          <BaseBox height=\"68px\" />\n\n          {values.map((value, index) => {\n            // Show visual selection based on positioning value (for smooth minute steps)\n            // but preserve actual selectedValue for form data integrity\n            const isVisuallySelected =\n              activeIndex === index || String(value) === String(positioningValue);\n\n            return (\n              <StyledScrollItem\n                key={`${value}-${index}`}\n                ref={(el) => (itemRefs.current[index] = el)}\n                height=\"34px\"\n                display=\"flex\"\n                alignItems=\"center\"\n                justifyContent=\"center\"\n                onClick={() => handleItemClick(value, index)}\n                style={{ cursor: 'pointer' }}\n                data-item-index={index}\n              >\n                <Text\n                  variant=\"body\"\n                  size={isVisuallySelected ? 'large' : 'medium'}\n                  weight={isVisuallySelected ? 'semibold' : 'regular'}\n                  color={\n                    isVisuallySelected\n                      ? 'interactive.text.gray.normal'\n                      : 'interactive.text.gray.muted'\n                  }\n                  textAlign=\"center\"\n                >\n                  {String(value).padStart(2, '0')}\n                </Text>\n              </StyledScrollItem>\n            );\n          })}\n\n          {/* Invisible spacer at bottom - allows last item to scroll to center */}\n          <BaseBox height=\"68px\" />\n        </StyledScrollContainer>\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nexport { SpinWheel };\n"],"names":["StyledScrollContainer","styled","BaseBox","withConfig","displayName","componentId","StyledScrollItem","SpinWheel","_ref","className","values","selectedValue","onChange","activeIndex","onActiveIndexChange","displayValue","scrollContainerRef","tabIndex","containerRef","useRef","itemRefs","programmaticScrollTimeoutRef","isMobile","useIsMobile","debouncedOnChange","useMemo","debounce","value","index","isProgrammaticScroll","positioningValue","useEffect","current","clearTimeout","positionIndex","findIndex","val","String","_itemRefs$current$pos","scrollIntoView","behavior","block","setTimeout","handleScroll","containerBB","getBoundingClientRect","pointX","left","width","pointY","top","height","element","document","elementFromPoint","spinWheelItem","closest","itemIndex","Number","getAttribute","isNaN","length","handleItemClick","_jsx","display","flexDirection","alignItems","makeSize","size","borderRadius","children","position","overflow","_jsxs","ref","node","overflowY","onScroll","undefined","map","isVisuallySelected","el","justifyContent","onClick","style","cursor","Text","variant","weight","color","textAlign","padStart","concat"],"mappings":"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"}

package/build/lib/web/development/components/TimePicker/TimeInput.web.js

@@ -6,13 +6,13 @@ import styled from 'styled-components';
 import { useLocale } from '@react-aria/i18n';
 import { useDateSegment, useTimeField } from '@react-aria/datepicker';
 import { useTimeFieldState } from '@react-stately/datepicker';
+import '../BladeProvider/index.js';
+import '../../tokens/global/index.js';
 import '../Box/BaseBox/index.js';
 import { BaseInput } from '../Input/BaseInput/BaseInput.js';
-import '../BladeProvider/index.js';
 import '../Icons/index.js';
 import '../../utils/assignWithoutSideEffects/index.js';
 import { mergeRefs } from '../../utils/useMergeRefs.js';
-import '../../tokens/global/index.js';
 import '../../utils/makeSpace/index.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { makeSpace } from '../../utils/makeSpace/makeSpace.js';

package/build/lib/web/development/components/TimePicker/TimeInput.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeInput.web.js","sources":["../../../../../../src/components/TimePicker/TimeInput.web.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { useLocale } from '@react-aria/i18n';\nimport { useTimeField, useDateSegment } from '@react-aria/datepicker';\nimport { useTimeFieldState } from '@react-stately/datepicker';\nimport type { TimePickerInputProps, TimeSegmentProps } from './types';\nimport type { BladeElementRef } from '~utils/types';\nimport { BaseBox } from '~components/Box/BaseBox';\nimport { BaseInput } from '~components/Input/BaseInput/BaseInput';\nimport { useTheme } from '~components/BladeProvider';\nimport { ClockIcon } from '~components/Icons';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { mergeRefs } from '~utils/useMergeRefs';\nimport { spacing } from '~tokens/global';\nimport { makeSpace } from '~utils/makeSpace';\n\nconst StyledTimeSegment = styled.div`\n  padding-left: ${makeSpace(spacing[1])};\n  padding-right: ${makeSpace(spacing[1])};\n  box-sizing: content-box;\n  font-variant-numeric: tabular-nums;\n  text-align: right;\n  outline: none;\n  border-radius: ${makeSpace(spacing[1])};\n\n  &:focus {\n    background-color: ${({ theme }) =>\n      theme.colors.interactive.background.primary.faded} !important;\n    color: #ffffff !important;\n\n    span {\n      color: #000000 !important;\n    }\n  }\n`;\n\n/**\n * TimeSegment Component\n *\n * Renders individual time segments (hour, minute, AM/PM) or literal text (separators like \":\", \" \").\n *\n * For EDITABLE segments (hour, minute, dayPeriod):\n * - Uses React Aria's useDateSegment for full keyboard/accessibility support\n * - Renders as contentEditable div that users can click and type in\n * - Handles arrow keys, number input, focus management automatically\n *\n * For LITERAL segments (separators):\n * - Just renders static text in a span\n * - No interaction or focus behavior\n */\nconst TimeSegment: React.ForwardRefRenderFunction<BladeElementRef, TimeSegmentProps> = ({\n  segment,\n  state,\n  isDisabled,\n}) => {\n  const ref = useRef<HTMLDivElement>(null);\n  const [isFocused, setIsFocused] = useState(false);\n  const { theme } = useTheme();\n  const { segmentProps } = useDateSegment(segment, state, ref);\n\n  // Filter out bi-directional text control characters (⁦⁩) that React Aria adds for RTL support but aren't needed for our UI - they appear as extra literal segments in some environments\n\n  if ((segment.type === 'literal' && segment.text === '⁦') || segment.text === '⁩') {\n    return null;\n  }\n  // Calculate minWidth based on segment maxValue to prevent layout shifts\n  const minWidth = segment.maxValue != null ? `${String(segment.maxValue).length}ch` : 'auto';\n\n  return (\n    <StyledTimeSegment\n      ref={ref}\n      theme={theme}\n      style={{ ...segmentProps.style, minWidth }}\n      onFocus={(e: React.FocusEvent<HTMLDivElement>) => {\n        setIsFocused(true);\n        segmentProps.onFocus?.(e);\n      }}\n      onBlur={(e: React.FocusEvent<HTMLDivElement>) => {\n        setIsFocused(false);\n        segmentProps.onBlur?.(e);\n      }}\n      {...segmentProps}\n    >\n      {/* Always reserve space for the placeholder, to prevent layout shift when editing. */}\n      <BaseBox\n        as=\"span\"\n        display=\"block\"\n        width=\"100%\"\n        textAlign=\"center\"\n        visibility={segment.isPlaceholder ? undefined : 'hidden'}\n        height={segment.isPlaceholder ? 'auto' : 'spacing.0'}\n        pointerEvents=\"none\"\n        style={{\n          color: isFocused\n            ? theme.colors.surface.text.gray.normal\n            : theme.colors.surface.text.gray.disabled,\n        }}\n      >\n        {segment.placeholder} {/* Placeholder text like \"––\" or \":\" */}\n      </BaseBox>\n      {/* Show actual value when not placeholder, empty string when placeholder */}\n      <BaseBox\n        as=\"span\"\n        style={{\n          color: isDisabled\n            ? theme.colors.surface.text.gray.disabled\n            : theme.colors.surface.text.gray.normal,\n        }}\n      >\n        {segment.isPlaceholder\n          ? ''\n          : segment.type === 'dayPeriod'\n          ? segment.text.toUpperCase()\n          : segment.text}\n      </BaseBox>\n    </StyledTimeSegment>\n  );\n};\n\n/**\n * TimeInput Component\n *\n * A complete time input field built with React Aria for accessibility and keyboard interaction.\n *\n * ARCHITECTURE:\n * - Uses React Aria's useTimeFieldState for time value management & field-level behavior\n * - Uses Blade's BaseInput (as=\"div\") for styling and form integration\n * - Renders multiple TimeSegment components for individual time parts\n *\n * USER INTERACTION:\n * - Click on any segment (hour, minute, AM/PM) to focus and edit\n * - Type numbers directly to change values\n * - Use arrow keys to increment/decrement values\n * - Tab between segments for navigation\n * - Full keyboard accessibility support\n */\nconst _TimeInput: React.ForwardRefRenderFunction<BladeElementRef, TimePickerInputProps> = (\n  {\n    timeValue,\n    internalTimeValue,\n    onChange,\n    onTimeValueChange,\n    label,\n    helpText,\n    errorText,\n    successText,\n    validationState,\n    isDisabled,\n    isRequired,\n    necessityIndicator,\n    autoFocus,\n    name,\n    placeholder,\n    size = 'medium',\n    labelPosition,\n    labelSuffix,\n    labelTrailing,\n    timeFormat,\n    testID,\n    accessibilityLabel,\n    inputRef,\n    referenceProps,\n    createCompleteTime,\n    setIsDropdownOpen,\n    ...props\n  },\n  ref: React.ForwardedRef<BladeElementRef>,\n) => {\n  const currentTimeFormat = timeFormat ?? '12h';\n  const { locale } = useLocale();\n\n  const state = useTimeFieldState({\n    label,\n    locale,\n    hourCycle: currentTimeFormat === '12h' ? 12 : 24,\n    value: internalTimeValue, // Use TimeValue directly from hook\n    onChange: onTimeValueChange, // Use TimeValue onChange directly\n    isDisabled,\n    shouldForceLeadingZeros: true, // Force leading zeros (01, 02, 03...)\n  });\n\n  const timeFieldRef = useRef<HTMLDivElement>(null);\n  const { fieldProps } = useTimeField(\n    {\n      label,\n    },\n    state,\n    timeFieldRef,\n  );\n\n  // Extract onKeyDown from referenceProps to handle Enter key for dropdown opening\n  const { onKeyDown: referenceOnKeyDown, ...otherReferenceProps } = referenceProps || {};\n\n  // Handle Enter key to open dropdown while preserving React Aria's keyboard navigation\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>): void => {\n    if (event.key === 'Enter' && !isDisabled) {\n      // Trigger dropdown opening (same as clicking the input)\n      referenceOnKeyDown?.(event);\n      return;\n    }\n\n    // Let React Aria handle all other keys for segment navigation\n    fieldProps.onKeyDown?.(event);\n  };\n\n  const handleInputClick = React.useCallback(\n    (_e: React.MouseEvent): void => {\n      if (isDisabled) return;\n\n      setIsDropdownOpen?.(true);\n    },\n    [isDisabled, setIsDropdownOpen],\n  );\n\n  return (\n    <BaseBox\n      {...fieldProps}\n      className=\"timepicker-input\"\n      onClick={handleInputClick}\n      onKeyDown={handleKeyDown}\n      ref={mergeRefs(timeFieldRef, ref as React.Ref<HTMLDivElement>)}\n    >\n      <BaseInput\n        ref={inputRef}\n        as=\"div\"\n        id=\"timepicker\"\n        label={label}\n        helpText={helpText}\n        errorText={errorText}\n        successText={successText}\n        validationState={validationState}\n        isDisabled={isDisabled}\n        isRequired={isRequired}\n        necessityIndicator={necessityIndicator}\n        autoFocus={autoFocus} // eslint-disable-line jsx-a11y/no-autofocus\n        name={name}\n        size={size}\n        labelPosition={labelPosition}\n        labelSuffix={labelSuffix}\n        labelTrailing={labelTrailing}\n        leadingIcon={ClockIcon}\n        popupId={referenceProps?.['aria-controls']}\n        isPopupExpanded={referenceProps?.['aria-expanded']}\n        hasPopup={referenceProps?.['aria-haspopup']}\n        testID={testID}\n        accessibilityLabel={accessibilityLabel || label || 'Time picker'}\n        {...props}\n        {...otherReferenceProps}\n      >\n        <BaseBox display=\"flex\">\n          {state.segments.map((segment, i) => {\n            return (\n              // Fix for React Aria contentEditable focus issue\n              // Wrapping each segment in a div prevents unwanted focus when clicking outside\n              // See: https://github.com/adobe/react-spectrum/issues/3164\n              <BaseBox key={i}>\n                <TimeSegment segment={segment} state={state} isDisabled={isDisabled} />\n              </BaseBox>\n            );\n          })}\n        </BaseBox>\n      </BaseInput>\n    </BaseBox>\n  );\n};\n\nconst TimeInput = assignWithoutSideEffects(React.forwardRef(_TimeInput), {\n  displayName: 'TimeInput',\n  componentId: 'TimeInput',\n});\nexport { TimeInput };\n"],"names":["StyledTimeSegment","styled","div","withConfig","displayName","componentId","makeSpace","spacing","_ref","theme","colors","interactive","background","primary","faded","TimeSegment","_ref2","segment","state","isDisabled","ref","useRef","_useState","useState","_useState2","_slicedToArray","isFocused","setIsFocused","_useTheme","useTheme","_useDateSegment","useDateSegment","segmentProps","type","text","minWidth","maxValue","concat","String","length","_jsxs","_objectSpread","style","onFocus","e","_segmentProps$onFocus","call","onBlur","_segmentProps$onBlur","children","BaseBox","as","display","width","textAlign","visibility","isPlaceholder","undefined","height","pointerEvents","color","surface","gray","normal","disabled","placeholder","_jsx","toUpperCase","_TimeInput","_ref3","timeValue","internalTimeValue","onChange","onTimeValueChange","label","helpText","errorText","successText","validationState","isRequired","necessityIndicator","autoFocus","name","_ref3$size","size","labelPosition","labelSuffix","labelTrailing","timeFormat","testID","accessibilityLabel","inputRef","referenceProps","createCompleteTime","setIsDropdownOpen","props","_objectWithoutProperties","_excluded","currentTimeFormat","_useLocale","useLocale","locale","useTimeFieldState","hourCycle","value","shouldForceLeadingZeros","timeFieldRef","_useTimeField","useTimeField","fieldProps","_ref4","referenceOnKeyDown","onKeyDown","otherReferenceProps","_excluded2","handleKeyDown","event","_fieldProps$onKeyDown","key","handleInputClick","React","useCallback","_e","className","onClick","mergeRefs","BaseInput","id","leadingIcon","ClockIcon","popupId","isPopupExpanded","hasPopup","segments","map","i","TimeInput","assignWithoutSideEffects","forwardRef"],"mappings":"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"}
+{"version":3,"file":"TimeInput.web.js","sources":["../../../../../../src/components/TimePicker/TimeInput.web.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { useLocale } from '@react-aria/i18n';\nimport { useTimeField, useDateSegment } from '@react-aria/datepicker';\nimport type { TimeValue } from '@react-aria/datepicker';\nimport { useTimeFieldState } from '@react-stately/datepicker';\nimport type { TimePickerInputProps, TimeSegmentProps } from './types';\nimport type { BladeElementRef } from '~utils/types';\nimport { useTheme } from '~components/BladeProvider';\nimport { spacing } from '~tokens/global';\nimport { BaseBox } from '~components/Box/BaseBox';\nimport { BaseInput } from '~components/Input/BaseInput/BaseInput';\nimport { ClockIcon } from '~components/Icons';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { mergeRefs } from '~utils/useMergeRefs';\nimport { makeSpace } from '~utils/makeSpace';\n\nconst StyledTimeSegment = styled.div`\n  padding-left: ${makeSpace(spacing[1])};\n  padding-right: ${makeSpace(spacing[1])};\n  box-sizing: content-box;\n  font-variant-numeric: tabular-nums;\n  text-align: right;\n  outline: none;\n  border-radius: ${makeSpace(spacing[1])};\n\n  &:focus {\n    background-color: ${({ theme }) =>\n      theme.colors.interactive.background.primary.faded} !important;\n    color: #ffffff !important;\n\n    span {\n      color: #000000 !important;\n    }\n  }\n`;\n\n/**\n * TimeSegment Component\n *\n * Renders individual time segments (hour, minute, AM/PM) or literal text (separators like \":\", \" \").\n *\n * For EDITABLE segments (hour, minute, dayPeriod):\n * - Uses React Aria's useDateSegment for full keyboard/accessibility support\n * - Renders as contentEditable div that users can click and type in\n * - Handles arrow keys, number input, focus management automatically\n *\n * For LITERAL segments (separators):\n * - Just renders static text in a span\n * - No interaction or focus behavior\n */\nconst TimeSegment: React.ForwardRefRenderFunction<BladeElementRef, TimeSegmentProps> = ({\n  segment,\n  state,\n  isDisabled,\n}) => {\n  const ref = useRef<HTMLDivElement>(null);\n  const [isFocused, setIsFocused] = useState(false);\n  const { theme } = useTheme();\n  const { segmentProps } = useDateSegment(segment, state, ref);\n\n  // Filter out bi-directional text control characters (⁦⁩) that React Aria adds for RTL support but aren't needed for our UI - they appear as extra literal segments in some environments\n\n  if ((segment.type === 'literal' && segment.text === '⁦') || segment.text === '⁩') {\n    return null;\n  }\n  // Calculate minWidth based on segment maxValue to prevent layout shifts\n  const minWidth = segment.maxValue != null ? `${String(segment.maxValue).length}ch` : 'auto';\n\n  return (\n    <StyledTimeSegment\n      ref={ref}\n      theme={theme}\n      style={{ ...segmentProps.style, minWidth }}\n      onFocus={(e: React.FocusEvent<HTMLDivElement>) => {\n        setIsFocused(true);\n        segmentProps.onFocus?.(e);\n      }}\n      onBlur={(e: React.FocusEvent<HTMLDivElement>) => {\n        setIsFocused(false);\n        segmentProps.onBlur?.(e);\n      }}\n      {...segmentProps}\n    >\n      {/* Always reserve space for the placeholder, to prevent layout shift when editing. */}\n      <BaseBox\n        as=\"span\"\n        display=\"block\"\n        width=\"100%\"\n        textAlign=\"center\"\n        visibility={segment.isPlaceholder ? undefined : 'hidden'}\n        height={segment.isPlaceholder ? 'auto' : 'spacing.0'}\n        pointerEvents=\"none\"\n        style={{\n          color: isFocused\n            ? theme.colors.surface.text.gray.normal\n            : theme.colors.surface.text.gray.disabled,\n        }}\n      >\n        {segment.placeholder} {/* Placeholder text like \"––\" or \":\" */}\n      </BaseBox>\n      {/* Show actual value when not placeholder, empty string when placeholder */}\n      <BaseBox\n        as=\"span\"\n        style={{\n          color: isDisabled\n            ? theme.colors.surface.text.gray.disabled\n            : theme.colors.surface.text.gray.normal,\n        }}\n      >\n        {segment.isPlaceholder\n          ? ''\n          : segment.type === 'dayPeriod'\n          ? segment.text.toUpperCase()\n          : segment.text}\n      </BaseBox>\n    </StyledTimeSegment>\n  );\n};\n\n/**\n * TimeInput Component\n *\n * A complete time input field built with React Aria for accessibility and keyboard interaction.\n *\n * ARCHITECTURE:\n * - Uses React Aria's useTimeFieldState for time value management & field-level behavior\n * - Uses Blade's BaseInput (as=\"div\") for styling and form integration\n * - Renders multiple TimeSegment components for individual time parts\n *\n * USER INTERACTION:\n * - Click on any segment (hour, minute, AM/PM) to focus and edit\n * - Type numbers directly to change values\n * - Use arrow keys to increment/decrement values\n * - Tab between segments for navigation\n * - Full keyboard accessibility support\n */\nconst _TimeInput: React.ForwardRefRenderFunction<BladeElementRef, TimePickerInputProps> = (\n  {\n    timeValue,\n    internalTimeValue,\n    onChange,\n    onTimeValueChange,\n    label,\n    helpText,\n    errorText,\n    successText,\n    validationState,\n    isDisabled,\n    isRequired,\n    necessityIndicator,\n    autoFocus,\n    name,\n    placeholder,\n    size = 'medium',\n    labelPosition,\n    labelSuffix,\n    labelTrailing,\n    timeFormat,\n    testID,\n    accessibilityLabel,\n    inputRef,\n    referenceProps,\n    createCompleteTime,\n    setIsDropdownOpen,\n    ...props\n  },\n  ref: React.ForwardedRef<BladeElementRef>,\n) => {\n  const currentTimeFormat = timeFormat ?? '12h';\n  const { locale } = useLocale();\n\n  const state = useTimeFieldState({\n    label,\n    locale,\n    hourCycle: currentTimeFormat === '12h' ? 12 : 24,\n    value: internalTimeValue as TimeValue | null, // Use TimeValue directly from hook\n    onChange: onTimeValueChange as ((value: TimeValue | null) => void) | undefined, // Use TimeValue onChange directly\n    isDisabled,\n    shouldForceLeadingZeros: true, // Force leading zeros (01, 02, 03...)\n  });\n\n  const timeFieldRef = useRef<HTMLDivElement>(null);\n  const { fieldProps } = useTimeField(\n    {\n      label,\n    },\n    state,\n    timeFieldRef,\n  );\n\n  // Extract onKeyDown from referenceProps to handle Enter key for dropdown opening\n  const { onKeyDown: referenceOnKeyDown, ...otherReferenceProps } = referenceProps || {};\n\n  // Handle Enter key to open dropdown while preserving React Aria's keyboard navigation\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>): void => {\n    if (event.key === 'Enter' && !isDisabled) {\n      // Trigger dropdown opening (same as clicking the input)\n      referenceOnKeyDown?.(event);\n      return;\n    }\n\n    // Let React Aria handle all other keys for segment navigation\n    fieldProps.onKeyDown?.(event);\n  };\n\n  const handleInputClick = React.useCallback(\n    (_e: React.MouseEvent): void => {\n      if (isDisabled) return;\n\n      setIsDropdownOpen?.(true);\n    },\n    [isDisabled, setIsDropdownOpen],\n  );\n\n  return (\n    <BaseBox\n      {...fieldProps}\n      className=\"timepicker-input\"\n      onClick={handleInputClick}\n      onKeyDown={handleKeyDown}\n      ref={mergeRefs(timeFieldRef, ref as React.Ref<HTMLDivElement>)}\n    >\n      <BaseInput\n        ref={inputRef}\n        as=\"div\"\n        id=\"timepicker\"\n        label={label}\n        helpText={helpText}\n        errorText={errorText}\n        successText={successText}\n        validationState={validationState}\n        isDisabled={isDisabled}\n        isRequired={isRequired}\n        necessityIndicator={necessityIndicator}\n        autoFocus={autoFocus} // eslint-disable-line jsx-a11y/no-autofocus\n        name={name}\n        size={size}\n        labelPosition={labelPosition}\n        labelSuffix={labelSuffix}\n        labelTrailing={labelTrailing}\n        leadingIcon={ClockIcon}\n        popupId={referenceProps?.['aria-controls']}\n        isPopupExpanded={referenceProps?.['aria-expanded']}\n        hasPopup={referenceProps?.['aria-haspopup']}\n        testID={testID}\n        accessibilityLabel={accessibilityLabel || label || 'Time picker'}\n        {...props}\n        {...otherReferenceProps}\n      >\n        <BaseBox display=\"flex\">\n          {state.segments.map((segment, i) => {\n            return (\n              // Fix for React Aria contentEditable focus issue\n              // Wrapping each segment in a div prevents unwanted focus when clicking outside\n              // See: https://github.com/adobe/react-spectrum/issues/3164\n              <BaseBox key={i}>\n                <TimeSegment segment={segment} state={state} isDisabled={isDisabled} />\n              </BaseBox>\n            );\n          })}\n        </BaseBox>\n      </BaseInput>\n    </BaseBox>\n  );\n};\n\nconst TimeInput = assignWithoutSideEffects(React.forwardRef(_TimeInput), {\n  displayName: 'TimeInput',\n  componentId: 'TimeInput',\n});\nexport { TimeInput };\n"],"names":["StyledTimeSegment","styled","div","withConfig","displayName","componentId","makeSpace","spacing","_ref","theme","colors","interactive","background","primary","faded","TimeSegment","_ref2","segment","state","isDisabled","ref","useRef","_useState","useState","_useState2","_slicedToArray","isFocused","setIsFocused","_useTheme","useTheme","_useDateSegment","useDateSegment","segmentProps","type","text","minWidth","maxValue","concat","String","length","_jsxs","_objectSpread","style","onFocus","e","_segmentProps$onFocus","call","onBlur","_segmentProps$onBlur","children","BaseBox","as","display","width","textAlign","visibility","isPlaceholder","undefined","height","pointerEvents","color","surface","gray","normal","disabled","placeholder","_jsx","toUpperCase","_TimeInput","_ref3","timeValue","internalTimeValue","onChange","onTimeValueChange","label","helpText","errorText","successText","validationState","isRequired","necessityIndicator","autoFocus","name","_ref3$size","size","labelPosition","labelSuffix","labelTrailing","timeFormat","testID","accessibilityLabel","inputRef","referenceProps","createCompleteTime","setIsDropdownOpen","props","_objectWithoutProperties","_excluded","currentTimeFormat","_useLocale","useLocale","locale","useTimeFieldState","hourCycle","value","shouldForceLeadingZeros","timeFieldRef","_useTimeField","useTimeField","fieldProps","_ref4","referenceOnKeyDown","onKeyDown","otherReferenceProps","_excluded2","handleKeyDown","event","_fieldProps$onKeyDown","key","handleInputClick","React","useCallback","_e","className","onClick","mergeRefs","BaseInput","id","leadingIcon","ClockIcon","popupId","isPopupExpanded","hasPopup","segments","map","i","TimeInput","assignWithoutSideEffects","forwardRef"],"mappings":"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"}

package/build/lib/web/development/components/TimePicker/TimePickerContent.web.js

@@ -20,28 +20,34 @@ import { Divider } from '../Divider/Divider.js';
 var StyledFadeContainer = /*#__PURE__*/styled(BaseBox).withConfig({
   displayName: "TimePickerContentweb__StyledFadeContainer",
   componentId: "sc-1c0gid8-0"
-})(["position:relative;&::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient( to bottom,", " 0px,transparent 48px,transparent calc(100% - 48px),", " 100% );pointer-events:none;z-index:10;}"], function (_ref) {
+})(["position:relative;border-radius:", "px;&::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient( to bottom,", " 0px,transparent 48px,transparent calc(100% - 48px),", " 100% );pointer-events:none;z-index:10;border-radius:", "px;}"], function (_ref) {
   var theme = _ref.theme;
-  return theme.colors.surface.background.gray.intense;
+  return theme.border.radius.small;
 }, function (_ref2) {
   var theme = _ref2.theme;
   return theme.colors.surface.background.gray.intense;
+}, function (_ref3) {
+  var theme = _ref3.theme;
+  return theme.colors.surface.background.gray.intense;
+}, function (_ref4) {
+  var theme = _ref4.theme;
+  return theme.border.radius.small;
 });
 
 /**
  * Content component for TimePicker dropdown
  * Contains the time selection wheels and footer
  */
-var TimePickerContent = function TimePickerContent(_ref3) {
-  var setSelectedTime = _ref3.setSelectedTime,
-    selectedHour = _ref3.selectedHour,
-    selectedMinute = _ref3.selectedMinute,
-    selectedPeriod = _ref3.selectedPeriod,
-    timeFormat = _ref3.timeFormat,
-    minuteStep = _ref3.minuteStep,
-    showFooterActions = _ref3.showFooterActions,
-    onApply = _ref3.onApply,
-    onCancel = _ref3.onCancel;
+var TimePickerContent = function TimePickerContent(_ref5) {
+  var setSelectedTime = _ref5.setSelectedTime,
+    selectedHour = _ref5.selectedHour,
+    selectedMinute = _ref5.selectedMinute,
+    selectedPeriod = _ref5.selectedPeriod,
+    timeFormat = _ref5.timeFormat,
+    minuteStep = _ref5.minuteStep,
+    showFooterActions = _ref5.showFooterActions,
+    onApply = _ref5.onApply,
+    onCancel = _ref5.onCancel;
   var isMobile = useIsMobile();
   var _useTheme = useTheme(),
     theme = _useTheme.theme;
@@ -144,7 +150,7 @@ var TimePickerContent = function TimePickerContent(_ref3) {
       flexDirection: "row",
       justifyContent: "center",
       alignItems: "flex-start",
-      margin: ['spacing.4', 'spacing.0'],
+      margin: ['spacing.4', makeSize(size[1])],
       onKeyDown: handleContainerKeyDown,
       onFocus: handleContainerFocus,
       children: [/*#__PURE__*/jsx(BaseBox, {

package/build/lib/web/development/components/TimePicker/TimePickerContent.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimePickerContent.web.js","sources":["../../../../../../src/components/TimePicker/TimePickerContent.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { SpinWheel } from './SpinWheel';\nimport { TimePickerFooter } from './TimePickerFooter';\nimport type { TimePickerContentProps } from './types';\nimport { getNearestStepValue, createDateFromSelection } from './utils';\nimport { Divider } from '~components/Divider';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { size } from '~tokens/global';\nimport { makeSize } from '~utils/makeSize';\n\n// Styled container with fade overlay\nconst StyledFadeContainer = styled(BaseBox)`\n  position: relative;\n\n  /* Fade overlay that sits above content */\n  &::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(\n      to bottom,\n      ${({ theme }) => theme.colors.surface.background.gray.intense} 0px,\n      transparent 48px,\n      transparent calc(100% - 48px),\n      ${({ theme }) => theme.colors.surface.background.gray.intense} 100%\n    );\n    pointer-events: none;\n    z-index: 10;\n  }\n`;\n\n/**\n * Content component for TimePicker dropdown\n * Contains the time selection wheels and footer\n */\nconst TimePickerContent = ({\n  setSelectedTime,\n  selectedHour,\n  selectedMinute,\n  selectedPeriod,\n  timeFormat,\n  minuteStep,\n  showFooterActions,\n  onApply,\n  onCancel,\n}: TimePickerContentProps): React.ReactElement => {\n  const isMobile = useIsMobile();\n  const { theme } = useTheme();\n\n  const currentHour = selectedHour;\n  const currentMinute = selectedMinute;\n  const currentPeriod = selectedPeriod;\n  const is12HourFormat = timeFormat === '12h';\n\n  // Roving tabindex + focus management across wheels\n  const [activeWheelIndex, setActiveWheelIndex] = React.useState(0);\n  const hourRef = React.useRef<HTMLDivElement>(null);\n  const minuteRef = React.useRef<HTMLDivElement>(null);\n  const periodRef = React.useRef<HTMLDivElement>(null);\n\n  const wheelRefs = is12HourFormat ? [hourRef, minuteRef, periodRef] : [hourRef, minuteRef];\n\n  const focusWheel = (index: number): void => {\n    setActiveWheelIndex(index);\n    // ensure tabindex update applies before focusing\n    requestAnimationFrame(() => {\n      wheelRefs[index]?.current?.focus();\n    });\n  };\n\n  const handleContainerKeyDown = (e: React.KeyboardEvent<HTMLDivElement>): void => {\n    // Up/Down should be handled by individual wheels; Left/Right move to next wheel\n    if (e.key === 'ArrowRight') {\n      e.preventDefault();\n      const next = Math.min(activeWheelIndex + 1, wheelRefs.length - 1);\n      if (next !== activeWheelIndex) focusWheel(next);\n    } else if (e.key === 'ArrowLeft') {\n      e.preventDefault();\n      const prev = Math.max(activeWheelIndex - 1, 0);\n      if (prev !== activeWheelIndex) focusWheel(prev);\n    }\n  };\n\n  const handleContainerFocus = (e: React.FocusEvent<HTMLDivElement>): void => {\n    const target = e.target as HTMLElement;\n    const idx = wheelRefs.findIndex((ref) => ref.current === target);\n    if (idx !== -1 && idx !== activeWheelIndex) {\n      setActiveWheelIndex(idx);\n    }\n  };\n\n  // Generate values for each wheel with leading zeros\n  const hourValues = is12HourFormat\n    ? Array.from({ length: 12 }, (_, i) => String(i + 1).padStart(2, '0'))\n    : Array.from({ length: 24 }, (_, i) => String(i).padStart(2, '0'));\n\n  const minuteValues = Array.from({ length: 60 / minuteStep }, (_, i) =>\n    String(i * minuteStep).padStart(2, '0'),\n  );\n  const periodValues: ('AM' | 'PM')[] = ['AM', 'PM'];\n\n  // Calculate display value for minute wheel positioning when minuteStep > 1\n  // This allows typed values like \"03\" to position at nearest step \"00\" while preserving actual value\n  const displayMinute = minuteStep > 1 ? getNearestStepValue(currentMinute, minuteStep) : undefined;\n\n  // Handle value changes - directly update selectedTime\n  const handleHourChange = (value: string | number): void => {\n    const hour = Number(value);\n    const newDate = createDateFromSelection(\n      currentHour,\n      currentMinute,\n      currentPeriod,\n      timeFormat,\n      hour,\n    );\n    setSelectedTime(newDate);\n  };\n\n  const handleMinuteChange = (value: string | number): void => {\n    const minute = Number(value);\n    const newDate = createDateFromSelection(\n      currentHour,\n      currentMinute,\n      currentPeriod,\n      timeFormat,\n      undefined,\n      minute,\n    );\n    setSelectedTime(newDate);\n  };\n\n  const handlePeriodChange = (value: string | number): void => {\n    const period = value as 'AM' | 'PM';\n    const newDate = createDateFromSelection(\n      currentHour,\n      currentMinute,\n      currentPeriod,\n      timeFormat,\n      undefined,\n      undefined,\n      period,\n    );\n    setSelectedTime(newDate);\n  };\n\n  const handleApply = (): void => {\n    const newDate = createDateFromSelection(currentHour, currentMinute, currentPeriod, timeFormat);\n    setSelectedTime(newDate);\n    onApply();\n  };\n\n  return (\n    <BaseBox\n      display=\"flex\"\n      className=\"timepicker-content\"\n      flexDirection=\"column\"\n      height={showFooterActions ? makeSize(size[250]) : makeSize(size[196])}\n      width={isMobile ? '100%' : makeSize(size[198])}\n      data-allow-scroll=\"true\"\n    >\n      {/* Time Selection Wheels */}\n      <StyledFadeContainer\n        theme={theme}\n        display=\"flex\"\n        flexDirection=\"row\"\n        justifyContent=\"center\"\n        alignItems=\"flex-start\"\n        margin={['spacing.4', 'spacing.0']}\n        onKeyDown={handleContainerKeyDown}\n        onFocus={handleContainerFocus}\n      >\n        {/* Center highlight area */}\n        <BaseBox\n          position=\"absolute\"\n          top=\"50%\"\n          left=\"spacing.0\"\n          right=\"spacing.0\"\n          height=\"36px\"\n          transform=\"translateY(-50%)\"\n          backgroundColor=\"interactive.background.gray.faded\"\n          pointerEvents=\"none\"\n          zIndex={1}\n        />\n\n        {/* Hour Wheel */}\n        <SpinWheel\n          className=\"timepicker-hour-wheel\"\n          label=\"Hour\"\n          values={hourValues}\n          selectedValue={String(currentHour).padStart(2, '0')}\n          onChange={handleHourChange}\n          scrollContainerRef={hourRef}\n          tabIndex={activeWheelIndex === 0 ? 0 : -1}\n        />\n        <Divider orientation=\"vertical\" />\n        {/* Minute Wheel */}\n        <SpinWheel\n          className=\"timepicker-minute-wheel\"\n          label=\"Min\"\n          values={minuteValues}\n          selectedValue={String(currentMinute).padStart(2, '0')}\n          displayValue={displayMinute ? String(displayMinute).padStart(2, '0') : undefined}\n          onChange={handleMinuteChange}\n          scrollContainerRef={minuteRef}\n          tabIndex={activeWheelIndex === 1 ? 0 : -1}\n        />\n        {/* Period Wheel (only for 12-hour format) */}\n\n        {is12HourFormat && (\n          <>\n            <Divider orientation=\"vertical\" />\n            <SpinWheel\n              className=\"timepicker-period-wheel\"\n              label=\"Period\"\n              values={periodValues}\n              selectedValue={currentPeriod}\n              onChange={handlePeriodChange}\n              scrollContainerRef={periodRef}\n              tabIndex={activeWheelIndex === 2 ? 0 : -1}\n            />\n          </>\n        )}\n      </StyledFadeContainer>\n\n      {/* Footer with Apply/Cancel buttons */}\n      {showFooterActions && <TimePickerFooter onApply={handleApply} onCancel={onCancel} />}\n    </BaseBox>\n  );\n};\n\nexport { TimePickerContent };\n"],"names":["StyledFadeContainer","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","colors","surface","background","gray","intense","_ref2","TimePickerContent","_ref3","setSelectedTime","selectedHour","selectedMinute","selectedPeriod","timeFormat","minuteStep","showFooterActions","onApply","onCancel","isMobile","useIsMobile","_useTheme","useTheme","currentHour","currentMinute","currentPeriod","is12HourFormat","_React$useState","React","useState","_React$useState2","_slicedToArray","activeWheelIndex","setActiveWheelIndex","hourRef","useRef","minuteRef","periodRef","wheelRefs","focusWheel","index","requestAnimationFrame","_wheelRefs$index","current","focus","handleContainerKeyDown","e","key","preventDefault","next","Math","min","length","prev","max","handleContainerFocus","target","idx","findIndex","ref","hourValues","Array","from","_","i","String","padStart","minuteValues","periodValues","displayMinute","getNearestStepValue","undefined","handleHourChange","value","hour","Number","newDate","createDateFromSelection","handleMinuteChange","minute","handlePeriodChange","period","handleApply","_jsxs","display","className","flexDirection","height","makeSize","size","width","children","justifyContent","alignItems","margin","onKeyDown","onFocus","_jsx","position","top","left","right","transform","backgroundColor","pointerEvents","zIndex","SpinWheel","label","values","selectedValue","onChange","scrollContainerRef","tabIndex","Divider","orientation","displayValue","_Fragment","TimePickerFooter"],"mappings":"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"}
+{"version":3,"file":"TimePickerContent.web.js","sources":["../../../../../../src/components/TimePicker/TimePickerContent.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { SpinWheel } from './SpinWheel';\nimport { TimePickerFooter } from './TimePickerFooter';\nimport type { TimePickerContentProps } from './types';\nimport { getNearestStepValue, createDateFromSelection } from './utils';\nimport { Divider } from '~components/Divider';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { size } from '~tokens/global';\nimport { makeSize } from '~utils/makeSize';\n\n// Styled container with fade overlay\nconst StyledFadeContainer = styled(BaseBox)`\n  position: relative;\n  border-radius: ${({ theme }) => theme.border.radius.small}px;\n\n  /* Fade overlay that sits above content */\n  &::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(\n      to bottom,\n      ${({ theme }) => theme.colors.surface.background.gray.intense} 0px,\n      transparent 48px,\n      transparent calc(100% - 48px),\n      ${({ theme }) => theme.colors.surface.background.gray.intense} 100%\n    );\n    pointer-events: none;\n    z-index: 10;\n    border-radius: ${({ theme }) => theme.border.radius.small}px;\n  }\n`;\n\n/**\n * Content component for TimePicker dropdown\n * Contains the time selection wheels and footer\n */\nconst TimePickerContent = ({\n  setSelectedTime,\n  selectedHour,\n  selectedMinute,\n  selectedPeriod,\n  timeFormat,\n  minuteStep,\n  showFooterActions,\n  onApply,\n  onCancel,\n}: TimePickerContentProps): React.ReactElement => {\n  const isMobile = useIsMobile();\n  const { theme } = useTheme();\n\n  const currentHour = selectedHour;\n  const currentMinute = selectedMinute;\n  const currentPeriod = selectedPeriod;\n  const is12HourFormat = timeFormat === '12h';\n\n  // Roving tabindex + focus management across wheels\n  const [activeWheelIndex, setActiveWheelIndex] = React.useState(0);\n  const hourRef = React.useRef<HTMLDivElement>(null);\n  const minuteRef = React.useRef<HTMLDivElement>(null);\n  const periodRef = React.useRef<HTMLDivElement>(null);\n\n  const wheelRefs = is12HourFormat ? [hourRef, minuteRef, periodRef] : [hourRef, minuteRef];\n\n  const focusWheel = (index: number): void => {\n    setActiveWheelIndex(index);\n    // ensure tabindex update applies before focusing\n    requestAnimationFrame(() => {\n      wheelRefs[index]?.current?.focus();\n    });\n  };\n\n  const handleContainerKeyDown = (e: React.KeyboardEvent<HTMLDivElement>): void => {\n    // Up/Down should be handled by individual wheels; Left/Right move to next wheel\n    if (e.key === 'ArrowRight') {\n      e.preventDefault();\n      const next = Math.min(activeWheelIndex + 1, wheelRefs.length - 1);\n      if (next !== activeWheelIndex) focusWheel(next);\n    } else if (e.key === 'ArrowLeft') {\n      e.preventDefault();\n      const prev = Math.max(activeWheelIndex - 1, 0);\n      if (prev !== activeWheelIndex) focusWheel(prev);\n    }\n  };\n\n  const handleContainerFocus = (e: React.FocusEvent<HTMLDivElement>): void => {\n    const target = e.target as HTMLElement;\n    const idx = wheelRefs.findIndex((ref) => ref.current === target);\n    if (idx !== -1 && idx !== activeWheelIndex) {\n      setActiveWheelIndex(idx);\n    }\n  };\n\n  // Generate values for each wheel with leading zeros\n  const hourValues = is12HourFormat\n    ? Array.from({ length: 12 }, (_, i) => String(i + 1).padStart(2, '0'))\n    : Array.from({ length: 24 }, (_, i) => String(i).padStart(2, '0'));\n\n  const minuteValues = Array.from({ length: 60 / minuteStep }, (_, i) =>\n    String(i * minuteStep).padStart(2, '0'),\n  );\n  const periodValues: ('AM' | 'PM')[] = ['AM', 'PM'];\n\n  // Calculate display value for minute wheel positioning when minuteStep > 1\n  // This allows typed values like \"03\" to position at nearest step \"00\" while preserving actual value\n  const displayMinute = minuteStep > 1 ? getNearestStepValue(currentMinute, minuteStep) : undefined;\n\n  // Handle value changes - directly update selectedTime\n  const handleHourChange = (value: string | number): void => {\n    const hour = Number(value);\n    const newDate = createDateFromSelection(\n      currentHour,\n      currentMinute,\n      currentPeriod,\n      timeFormat,\n      hour,\n    );\n    setSelectedTime(newDate);\n  };\n\n  const handleMinuteChange = (value: string | number): void => {\n    const minute = Number(value);\n    const newDate = createDateFromSelection(\n      currentHour,\n      currentMinute,\n      currentPeriod,\n      timeFormat,\n      undefined,\n      minute,\n    );\n    setSelectedTime(newDate);\n  };\n\n  const handlePeriodChange = (value: string | number): void => {\n    const period = value as 'AM' | 'PM';\n    const newDate = createDateFromSelection(\n      currentHour,\n      currentMinute,\n      currentPeriod,\n      timeFormat,\n      undefined,\n      undefined,\n      period,\n    );\n    setSelectedTime(newDate);\n  };\n\n  const handleApply = (): void => {\n    const newDate = createDateFromSelection(currentHour, currentMinute, currentPeriod, timeFormat);\n    setSelectedTime(newDate);\n    onApply();\n  };\n\n  return (\n    <BaseBox\n      display=\"flex\"\n      className=\"timepicker-content\"\n      flexDirection=\"column\"\n      height={showFooterActions ? makeSize(size[250]) : makeSize(size[196])}\n      width={isMobile ? '100%' : makeSize(size[198])}\n      data-allow-scroll=\"true\"\n    >\n      {/* Time Selection Wheels */}\n      <StyledFadeContainer\n        theme={theme}\n        display=\"flex\"\n        flexDirection=\"row\"\n        justifyContent=\"center\"\n        alignItems=\"flex-start\"\n        margin={['spacing.4', makeSize(size[1])]}\n        onKeyDown={handleContainerKeyDown}\n        onFocus={handleContainerFocus}\n      >\n        {/* Center highlight area */}\n        <BaseBox\n          position=\"absolute\"\n          top=\"50%\"\n          left=\"spacing.0\"\n          right=\"spacing.0\"\n          height=\"36px\"\n          transform=\"translateY(-50%)\"\n          backgroundColor=\"interactive.background.gray.faded\"\n          pointerEvents=\"none\"\n          zIndex={1}\n        />\n\n        {/* Hour Wheel */}\n        <SpinWheel\n          className=\"timepicker-hour-wheel\"\n          label=\"Hour\"\n          values={hourValues}\n          selectedValue={String(currentHour).padStart(2, '0')}\n          onChange={handleHourChange}\n          scrollContainerRef={hourRef}\n          tabIndex={activeWheelIndex === 0 ? 0 : -1}\n        />\n        <Divider orientation=\"vertical\" />\n        {/* Minute Wheel */}\n        <SpinWheel\n          className=\"timepicker-minute-wheel\"\n          label=\"Min\"\n          values={minuteValues}\n          selectedValue={String(currentMinute).padStart(2, '0')}\n          displayValue={displayMinute ? String(displayMinute).padStart(2, '0') : undefined}\n          onChange={handleMinuteChange}\n          scrollContainerRef={minuteRef}\n          tabIndex={activeWheelIndex === 1 ? 0 : -1}\n        />\n        {/* Period Wheel (only for 12-hour format) */}\n\n        {is12HourFormat && (\n          <>\n            <Divider orientation=\"vertical\" />\n            <SpinWheel\n              className=\"timepicker-period-wheel\"\n              label=\"Period\"\n              values={periodValues}\n              selectedValue={currentPeriod}\n              onChange={handlePeriodChange}\n              scrollContainerRef={periodRef}\n              tabIndex={activeWheelIndex === 2 ? 0 : -1}\n            />\n          </>\n        )}\n      </StyledFadeContainer>\n\n      {/* Footer with Apply/Cancel buttons */}\n      {showFooterActions && <TimePickerFooter onApply={handleApply} onCancel={onCancel} />}\n    </BaseBox>\n  );\n};\n\nexport { TimePickerContent };\n"],"names":["StyledFadeContainer","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","border","radius","small","_ref2","colors","surface","background","gray","intense","_ref3","_ref4","TimePickerContent","_ref5","setSelectedTime","selectedHour","selectedMinute","selectedPeriod","timeFormat","minuteStep","showFooterActions","onApply","onCancel","isMobile","useIsMobile","_useTheme","useTheme","currentHour","currentMinute","currentPeriod","is12HourFormat","_React$useState","React","useState","_React$useState2","_slicedToArray","activeWheelIndex","setActiveWheelIndex","hourRef","useRef","minuteRef","periodRef","wheelRefs","focusWheel","index","requestAnimationFrame","_wheelRefs$index","current","focus","handleContainerKeyDown","e","key","preventDefault","next","Math","min","length","prev","max","handleContainerFocus","target","idx","findIndex","ref","hourValues","Array","from","_","i","String","padStart","minuteValues","periodValues","displayMinute","getNearestStepValue","undefined","handleHourChange","value","hour","Number","newDate","createDateFromSelection","handleMinuteChange","minute","handlePeriodChange","period","handleApply","_jsxs","display","className","flexDirection","height","makeSize","size","width","children","justifyContent","alignItems","margin","onKeyDown","onFocus","_jsx","position","top","left","right","transform","backgroundColor","pointerEvents","zIndex","SpinWheel","label","values","selectedValue","onChange","scrollContainerRef","tabIndex","Divider","orientation","displayValue","_Fragment","TimePickerFooter"],"mappings":"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"}

package/build/lib/web/development/components/TimePicker/TimePickerFooter.web.js

@@ -15,7 +15,10 @@ var TimePickerFooter = function TimePickerFooter(_ref) {
   return /*#__PURE__*/jsxs(Box, {
     display: "flex",
     flexDirection: "column",
-    children: [/*#__PURE__*/jsx(Divider, {}), /*#__PURE__*/jsxs(Box, {
+    children: [/*#__PURE__*/jsx(Divider, {
+      width: "calc(100% - 4px)",
+      alignSelf: "center"
+    }), /*#__PURE__*/jsxs(Box, {
       width: "100%",
       display: "flex",
       flexDirection: "row",

package/build/lib/web/development/components/TimePicker/TimePickerFooter.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimePickerFooter.web.js","sources":["../../../../../../src/components/TimePicker/TimePickerFooter.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { TimePickerFooterProps } from './types';\nimport { Box } from '~components/Box';\nimport { Button } from '~components/Button';\nimport { Divider } from '~components/Divider';\n\n/**\n * Footer component for TimePicker with Apply/Cancel buttons\n */\nconst TimePickerFooter = ({\n  onApply,\n  onCancel,\n  isApplyDisabled = false,\n}: TimePickerFooterProps): React.ReactElement => {\n  return (\n    <Box display=\"flex\" flexDirection=\"column\">\n      <Divider />\n      <Box\n        width=\"100%\"\n        display=\"flex\"\n        flexDirection=\"row\"\n        gap={{ base: 'spacing.5', m: 'spacing.3' }}\n        padding={{ base: 'spacing.5', m: 'spacing.4' }}\n      >\n        <Button isFullWidth={true} variant=\"tertiary\" size=\"xsmall\" onClick={onCancel}>\n          Cancel\n        </Button>\n        <Button\n          isDisabled={isApplyDisabled}\n          isFullWidth={true}\n          variant=\"primary\"\n          size=\"xsmall\"\n          onClick={onApply}\n        >\n          Apply\n        </Button>\n      </Box>\n    </Box>\n  );\n};\n\nexport { TimePickerFooter };\n"],"names":["TimePickerFooter","_ref","onApply","onCancel","_ref$isApplyDisabled","isApplyDisabled","_jsxs","Box","display","flexDirection","children","_jsx","Divider","width","gap","base","m","padding","Button","isFullWidth","variant","size","onClick","isDisabled"],"mappings":";;;;;;;;;AASA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAI2B;AAAA,EAAA,IAH/CC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,oBAAA,GAAAH,IAAA,CACRI,eAAe;AAAfA,IAAAA,eAAe,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,oBAAA,CAAA;EAEvB,oBACEE,IAAA,CAACC,GAAG,EAAA;AAACC,IAAAA,OAAO,EAAC,MAAM;AAACC,IAAAA,aAAa,EAAC,QAAQ;IAAAC,QAAA,EAAA,cACxCC,GAAA,CAACC,OAAO,IAAE,CAAC,eACXN,IAAA,CAACC,GAAG,EAAA;AACFM,MAAAA,KAAK,EAAC,MAAM;AACZL,MAAAA,OAAO,EAAC,MAAM;AACdC,MAAAA,aAAa,EAAC,KAAK;AACnBK,MAAAA,GAAG,EAAE;AAAEC,QAAAA,IAAI,EAAE,WAAW;AAAEC,QAAAA,CAAC,EAAE,WAAA;OAAc;AAC3CC,MAAAA,OAAO,EAAE;AAAEF,QAAAA,IAAI,EAAE,WAAW;AAAEC,QAAAA,CAAC,EAAE,WAAA;OAAc;MAAAN,QAAA,EAAA,cAE/CC,GAAA,CAACO,MAAM,EAAA;AAACC,QAAAA,WAAW,EAAE,IAAK;AAACC,QAAAA,OAAO,EAAC,UAAU;AAACC,QAAAA,IAAI,EAAC,QAAQ;AAACC,QAAAA,OAAO,EAAEnB,QAAS;AAAAO,QAAAA,QAAA,EAAC,QAAA;AAE/E,OAAQ,CAAC,eACTC,GAAA,CAACO,MAAM,EAAA;AACLK,QAAAA,UAAU,EAAElB,eAAgB;AAC5Bc,QAAAA,WAAW,EAAE,IAAK;AAClBC,QAAAA,OAAO,EAAC,SAAS;AACjBC,QAAAA,IAAI,EAAC,QAAQ;AACbC,QAAAA,OAAO,EAAEpB,OAAQ;AAAAQ,QAAAA,QAAA,EAClB,OAAA;AAED,OAAQ,CAAC,CAAA;AAAA,KACN,CAAC,CAAA;AAAA,GACH,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"TimePickerFooter.web.js","sources":["../../../../../../src/components/TimePicker/TimePickerFooter.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { TimePickerFooterProps } from './types';\nimport { Box } from '~components/Box';\nimport { Button } from '~components/Button';\nimport { Divider } from '~components/Divider';\n\n/**\n * Footer component for TimePicker with Apply/Cancel buttons\n */\nconst TimePickerFooter = ({\n  onApply,\n  onCancel,\n  isApplyDisabled = false,\n}: TimePickerFooterProps): React.ReactElement => {\n  return (\n    <Box display=\"flex\" flexDirection=\"column\">\n      <Divider width=\"calc(100% - 4px)\" alignSelf=\"center\" />\n      <Box\n        width=\"100%\"\n        display=\"flex\"\n        flexDirection=\"row\"\n        gap={{ base: 'spacing.5', m: 'spacing.3' }}\n        padding={{ base: 'spacing.5', m: 'spacing.4' }}\n      >\n        <Button isFullWidth={true} variant=\"tertiary\" size=\"xsmall\" onClick={onCancel}>\n          Cancel\n        </Button>\n        <Button\n          isDisabled={isApplyDisabled}\n          isFullWidth={true}\n          variant=\"primary\"\n          size=\"xsmall\"\n          onClick={onApply}\n        >\n          Apply\n        </Button>\n      </Box>\n    </Box>\n  );\n};\n\nexport { TimePickerFooter };\n"],"names":["TimePickerFooter","_ref","onApply","onCancel","_ref$isApplyDisabled","isApplyDisabled","_jsxs","Box","display","flexDirection","children","_jsx","Divider","width","alignSelf","gap","base","m","padding","Button","isFullWidth","variant","size","onClick","isDisabled"],"mappings":";;;;;;;;;AASA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAI2B;AAAA,EAAA,IAH/CC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,oBAAA,GAAAH,IAAA,CACRI,eAAe;AAAfA,IAAAA,eAAe,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,oBAAA,CAAA;EAEvB,oBACEE,IAAA,CAACC,GAAG,EAAA;AAACC,IAAAA,OAAO,EAAC,MAAM;AAACC,IAAAA,aAAa,EAAC,QAAQ;IAAAC,QAAA,EAAA,cACxCC,GAAA,CAACC,OAAO,EAAA;AAACC,MAAAA,KAAK,EAAC,kBAAkB;AAACC,MAAAA,SAAS,EAAC,QAAA;AAAQ,KAAE,CAAC,eACvDR,IAAA,CAACC,GAAG,EAAA;AACFM,MAAAA,KAAK,EAAC,MAAM;AACZL,MAAAA,OAAO,EAAC,MAAM;AACdC,MAAAA,aAAa,EAAC,KAAK;AACnBM,MAAAA,GAAG,EAAE;AAAEC,QAAAA,IAAI,EAAE,WAAW;AAAEC,QAAAA,CAAC,EAAE,WAAA;OAAc;AAC3CC,MAAAA,OAAO,EAAE;AAAEF,QAAAA,IAAI,EAAE,WAAW;AAAEC,QAAAA,CAAC,EAAE,WAAA;OAAc;MAAAP,QAAA,EAAA,cAE/CC,GAAA,CAACQ,MAAM,EAAA;AAACC,QAAAA,WAAW,EAAE,IAAK;AAACC,QAAAA,OAAO,EAAC,UAAU;AAACC,QAAAA,IAAI,EAAC,QAAQ;AAACC,QAAAA,OAAO,EAAEpB,QAAS;AAAAO,QAAAA,QAAA,EAAC,QAAA;AAE/E,OAAQ,CAAC,eACTC,GAAA,CAACQ,MAAM,EAAA;AACLK,QAAAA,UAAU,EAAEnB,eAAgB;AAC5Be,QAAAA,WAAW,EAAE,IAAK;AAClBC,QAAAA,OAAO,EAAC,SAAS;AACjBC,QAAAA,IAAI,EAAC,QAAQ;AACbC,QAAAA,OAAO,EAAErB,OAAQ;AAAAQ,QAAAA,QAAA,EAClB,OAAA;AAED,OAAQ,CAAC,CAAA;AAAA,KACN,CAAC,CAAA;AAAA,GACH,CAAC,CAAA;AAEV;;;;"}