@owp/core 2.5.32 → 2.5.34

package/dist/components/OwpPicker/OwpDatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"OwpDatePicker.js","sources":["../../../src/components/OwpPicker/OwpDatePicker.tsx"],"sourcesContent":["import { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport ClearIcon from '@mui/icons-material/Clear';\nimport {\n  IconButton,\n  InputAdornment,\n  Paper,\n  type TextFieldProps,\n} from '@mui/material';\nimport clsx from 'clsx';\nimport { enUS } from 'date-fns/locale/en-US';\nimport { ko } from 'date-fns/locale/ko';\nimport dayjs from '@/dayjs';\nimport {\n  type HTMLAttributes,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type ReactNode,\n  useMemo,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport ReactDatePicker, {\n  CalendarContainer as ReactDatePickerCalendarContainer,\n  registerLocale,\n  setDefaultLocale,\n  type DatePickerProps,\n  type ReactDatePickerCustomHeaderProps,\n} from 'react-datepicker';\nimport { AnimatedCalendarContainer } from './internal/AnimatedCalendarContainer';\nimport { CalendarContainer } from './internal/CalendarContainer';\nimport { DatePickerInput } from './internal/DatePickerInput';\nimport {\n  getOwpDatePickerCalendarClassName,\n  useOwpDatePickerCalendarHeaderState,\n} from './internal/useOwpDatePickerCalendarHeaderState';\nimport { OwpDatePickerCalendarHeader } from './internal/OwpDatePickerCalendarHeader';\nimport {\n  getOwpDatePickerEditorPaperSx,\n  getOwpPickerEditorInputSx,\n} from './internal/pickerEditorStyles';\nimport {\n  PICKER_REOPEN_SUPPRESSION_DURATION,\n  PICKER_TRANSITION_DURATION,\n} from './internal/useOwpPickerPopperTransition';\nimport { OwpTextMaskField, type OwpTextMaskFieldChangeEvent } from '../OwpTextField';\nimport {\n  PICKER_INVALID_INPUT_MESSAGE_KEY,\n  VALUE_DATE_FORMATTER,\n  VALUE_MONTH_FORMATTER,\n  VALUE_TIME_FORMATTER,\n  VALUE_YEAR_FORMATTER,\n} from './constants';\nimport { getAdjacentFocusableElement, getPickerInputMask } from './utils';\n\nregisterLocale('ko', ko);\nregisterLocale('en', enUS);\nsetDefaultLocale('ko');\n\nexport type DatePickerValue = string | Date;\ntype DatePickerCalendarContainerProps = HTMLAttributes<HTMLDivElement> & {\n  showTime?: boolean;\n  showTimeSelectOnly?: boolean;\n};\ntype OwpDatePickerTextFieldFocusEvent = Parameters<NonNullable<TextFieldProps['onFocus']>>[0];\ntype OwpDatePickerTextFieldKeyDownEvent = Parameters<NonNullable<TextFieldProps['onKeyDown']>>[0];\n\n/** DatePicker 외부 입력에서 피커 open 처리할 키 여부 */\nconst isDatePickerOpenKey = (event: OwpDatePickerTextFieldKeyDownEvent) => {\n  if (\n    event.ctrlKey ||\n    event.altKey ||\n    event.metaKey ||\n    event.key === 'Escape' ||\n    event.key === 'Enter' ||\n    event.key === 'Tab'\n  ) {\n    return false;\n  }\n\n  return true;\n};\n\n/** DatePicker 상단 입력 값 파싱 */\nconst parseDatePickerInput = (value: string, valueFormatter: string) => {\n  const normalizedValue = value.trim();\n\n  if (valueFormatter === VALUE_YEAR_FORMATTER) {\n    const normalizedDateValue = `${normalizedValue}-01-01`;\n    const parsedValue = dayjs(normalizedDateValue, VALUE_DATE_FORMATTER, true);\n    return parsedValue.isValid() && parsedValue.format(VALUE_DATE_FORMATTER) === normalizedDateValue\n      ? parsedValue\n      : null;\n  }\n\n  if (valueFormatter === VALUE_MONTH_FORMATTER) {\n    const normalizedDateValue = `${normalizedValue}-01`;\n    const parsedValue = dayjs(normalizedDateValue, VALUE_DATE_FORMATTER, true);\n    return parsedValue.isValid() && parsedValue.format(VALUE_DATE_FORMATTER) === normalizedDateValue\n      ? parsedValue\n      : null;\n  }\n\n  const parsedValue = dayjs(normalizedValue, VALUE_DATE_FORMATTER, true);\n  return parsedValue.isValid() && parsedValue.format(VALUE_DATE_FORMATTER) === normalizedValue\n    ? parsedValue\n    : null;\n};\n\ninterface OwnProps {\n  className?: string;\n  label?: string;\n  variant?: TextFieldProps['variant'];\n  sx?: TextFieldProps['sx'];\n  value?: DatePickerValue;\n  useAmPm?: boolean;\n  disabledClearButton?: boolean;\n  disabledFutureDates?: boolean;\n  showMonthPicker?: boolean;\n  fullWidth?: boolean;\n  onChange?: (value?: DatePickerValue) => void;\n  textFieldProps?: Omit<TextFieldProps, 'value' | 'defaultValue' | 'onChange'>;\n}\n\ntype OwpDatePickerProps = OwnProps & DatePickerProps;\n\n/**\n * OwpDatePicker 컴포넌트\n * @param className CSS 클래스명\n * @param label 입력 라벨\n * @param variant variant 값\n * @param sx sx 값\n * @param value 현재 값\n * @param useAmPm 오전/오후 포맷 사용 여부\n * @param onChange onChange 핸들러\n */\nconst OwpDatePicker = ({\n  className,\n  label,\n  variant = 'standard',\n  sx,\n  value,\n  useAmPm,\n  onChange,\n  fullWidth,\n  showYearPicker,\n  showMonthPicker,\n  showTimeSelect,\n  showTimeSelectOnly,\n  showTimeInput,\n  textFieldProps,\n  disabledClearButton,\n  disabledFutureDates,\n  popperClassName: popperClassNameProp,\n  popperContainer: popperContainerProp,\n  ...datePickerProps\n}: OwpDatePickerProps) => {\n  const {\n    selectsMultiple,\n    selectsRange,\n    selected,\n    startDate,\n    endDate,\n    calendarClassName: calendarClassNameProp,\n    calendarContainer: calendarContainerProp,\n    open: openProp,\n    openToDate: openToDateProp,\n    onCalendarOpen,\n    onCalendarClose,\n    onClickOutside,\n    onInputClick,\n    preventOpenOnFocus,\n    renderCustomHeader: renderCustomHeaderProp,\n    shouldCloseOnSelect: shouldCloseOnSelectProp,\n    ...resolvedDatePickerProps\n  } = datePickerProps;\n  void [selectsMultiple, selectsRange, selected, startDate, endDate];\n  const { t, i18n } = useOwpTranslation();\n  const [popperPlacement, setPopperPlacement] =\n    useState<NonNullable<DatePickerProps['popperPlacement']>>('bottom-start');\n  const [isCalendarOpen, setIsCalendarOpen] = useState(false);\n  const [inputDraftValue, setInputDraftValue] = useState('');\n  const [hasPickerInputCommitError, setHasPickerInputCommitError] = useState(false);\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const externalInputRef = useRef<HTMLInputElement | null>(null);\n  const pickerInputRef = useRef<HTMLInputElement | null>(null);\n  const datePickerRef = useRef<ReactDatePicker | null>(null);\n  const suppressOpenUntilRef = useRef(0);\n  const languageId = i18n.resolvedLanguage ?? i18n.language ?? 'kr';\n  const datePickerLocale = languageId === 'kr' ? 'ko' : 'en';\n\n  const valueFormatter = useMemo(() => {\n    if (showYearPicker) {\n      return VALUE_YEAR_FORMATTER;\n    }\n\n    if (showMonthPicker) {\n      return VALUE_MONTH_FORMATTER;\n    }\n\n    if (showTimeSelectOnly) {\n      return VALUE_TIME_FORMATTER;\n    }\n\n    if (showTimeInput || showTimeSelect) {\n      return `${VALUE_DATE_FORMATTER} ${VALUE_TIME_FORMATTER}`;\n    }\n    return VALUE_DATE_FORMATTER;\n  }, [showYearPicker, showMonthPicker, showTimeInput, showTimeSelect, showTimeSelectOnly]);\n\n  const selectedValue = useMemo(() => {\n    if (!value) return null;\n\n    if (showTimeSelectOnly && typeof value === 'string') {\n      const [hoursText = '', minutesText = ''] = value.split(':');\n      const hours = Number(hoursText);\n      const minutes = Number(minutesText);\n\n      if (Number.isNaN(hours) || Number.isNaN(minutes)) {\n        return null;\n      }\n\n      const selectedDate = new Date();\n      selectedDate.setHours(hours, minutes, 0, 0);\n\n      return selectedDate;\n    }\n\n    return new Date(value);\n  }, [showTimeSelectOnly, value]);\n\n  const selectedInputValue = useMemo(() => {\n    if (!value || typeof value !== 'string') {\n      return value ? dayjs(value).format(valueFormatter) : '';\n    }\n\n    const parsedValue = parseDatePickerInput(value, valueFormatter);\n\n    return parsedValue?.isValid() ? parsedValue.format(valueFormatter) : value;\n  }, [value, valueFormatter]);\n  const allowPickerInput = !showTimeSelectOnly && !showTimeInput && !showTimeSelect;\n  const shouldClosePickerOnSelect = shouldCloseOnSelectProp !== false;\n  const reactDatePickerShouldCloseOnSelect =\n    allowPickerInput && showYearPicker ? false : shouldCloseOnSelectProp;\n  const {\n    calendarDisplayDate,\n    calendarHeaderPickerView,\n    calendarHeaderView,\n    closeCalendarHeaderPicker,\n    isCalendarHeaderViewOpen,\n    resetCalendarDisplayDate,\n    selectCalendarDisplayDate,\n    toggleCalendarHeaderPicker,\n  } = useOwpDatePickerCalendarHeaderState({\n    showMonthPicker,\n    showYearPicker,\n  });\n  const isCalendarHeaderDropdownDisabled = Boolean(showYearPicker);\n  const selectedPickerValue = useMemo(() => {\n    if (!allowPickerInput || !inputDraftValue) {\n      return selectedValue;\n    }\n\n    const parsedInputDraftValue = parseDatePickerInput(inputDraftValue, valueFormatter);\n\n    return parsedInputDraftValue?.isValid() ? parsedInputDraftValue.toDate() : selectedValue;\n  }, [allowPickerInput, inputDraftValue, selectedValue, valueFormatter]);\n\n  /** MUI-like DatePicker calendar header */\n  const renderOwpCalendarHeader = (headerProps: ReactDatePickerCustomHeaderProps) => {\n    return (\n      <OwpDatePickerCalendarHeader\n        {...headerProps}\n        disableDropdown={isCalendarHeaderDropdownDisabled}\n        pickerView={calendarHeaderPickerView}\n        selectedDate={selectedPickerValue}\n        showMonthPicker={showMonthPicker}\n        showYearPicker={showYearPicker}\n        view={isCalendarHeaderDropdownDisabled ? null : calendarHeaderView}\n        onCloseView={closeCalendarHeaderPicker}\n        onSelectViewDate={selectCalendarDisplayDate}\n        onToggleView={toggleCalendarHeaderPicker}\n      />\n    );\n  };\n\n  const isOpenSuppressed = () => Date.now() < suppressOpenUntilRef.current;\n\n  const openPicker = () => {\n    if (isOpenSuppressed()) {\n      return;\n    }\n\n    if (allowPickerInput) {\n      setIsCalendarOpen(true);\n      setInputDraftValue(selectedInputValue);\n      setHasPickerInputCommitError(false);\n    }\n  };\n\n  const closePicker = (skipSetBlur?: boolean) => {\n    if (allowPickerInput) {\n      setIsCalendarOpen(false);\n    }\n\n    closeCalendarHeaderPicker();\n    datePickerRef.current?.setOpen(false, skipSetBlur);\n  };\n\n  const focusAdjacentElement = (isBackward?: boolean) => {\n    const rootElement = rootRef.current;\n\n    if (!rootElement) {\n      return;\n    }\n\n    window.requestAnimationFrame(() => {\n      getAdjacentFocusableElement(rootElement, isBackward)?.focus();\n    });\n  };\n\n  const focusExternalInput = () => {\n    window.requestAnimationFrame(() => {\n      externalInputRef.current?.focus();\n    });\n  };\n\n  const handleSelect = (dateValue?: Date | null) => {\n    const nextValue = dateValue ? dayjs(dateValue).format(valueFormatter) : undefined;\n\n    setInputDraftValue(nextValue ?? '');\n    setHasPickerInputCommitError(false);\n    onChange?.(nextValue);\n\n    if (allowPickerInput) {\n      suppressOpenUntilRef.current = Date.now() + PICKER_REOPEN_SUPPRESSION_DURATION;\n\n      if (showYearPicker && shouldClosePickerOnSelect) {\n        closePicker(true);\n      }\n\n      focusExternalInput();\n    }\n  };\n\n  const commitInputDraftValue = (showError?: boolean) => {\n    if (!inputDraftValue) {\n      setHasPickerInputCommitError(false);\n      onChange?.('');\n\n      return true;\n    }\n\n    const parsedInput = parseDatePickerInput(inputDraftValue, valueFormatter);\n\n    if (!parsedInput?.isValid()) {\n      if (showError && inputDraftValue) {\n        setHasPickerInputCommitError(true);\n      }\n\n      return false;\n    }\n\n    const nextValue = parsedInput.format(valueFormatter);\n    setInputDraftValue(nextValue);\n    setHasPickerInputCommitError(false);\n    onChange?.(nextValue);\n\n    return true;\n  };\n\n  const handleCalendarOpen = () => {\n    if (isOpenSuppressed()) {\n      datePickerRef.current?.setOpen(false, true);\n      return;\n    }\n\n    setIsCalendarOpen(true);\n    resetCalendarDisplayDate(selectedPickerValue ?? openToDateProp ?? null);\n    setInputDraftValue(selectedInputValue);\n    setHasPickerInputCommitError(false);\n    onCalendarOpen?.();\n  };\n\n  const handleCalendarClose = () => {\n    setIsCalendarOpen(false);\n    resetCalendarDisplayDate();\n    setHasPickerInputCommitError(false);\n    closeCalendarHeaderPicker();\n    onCalendarClose?.();\n  };\n\n  const handleInputClick = () => {\n    openPicker();\n    onInputClick?.();\n  };\n\n  const handleExternalInputFocus = (event: OwpDatePickerTextFieldFocusEvent) => {\n    textFieldProps?.onFocus?.(event);\n\n    if (event.defaultPrevented || !allowPickerInput) {\n      return;\n    }\n\n    openPicker();\n  };\n\n  const handleExternalInputKeyDown = (event: OwpDatePickerTextFieldKeyDownEvent) => {\n    textFieldProps?.onKeyDown?.(event);\n\n    if (event.defaultPrevented || !isDatePickerOpenKey(event)) {\n      return;\n    }\n\n    openPicker();\n  };\n\n  const handleClickOutside: NonNullable<DatePickerProps['onClickOutside']> = (event) => {\n    commitInputDraftValue();\n    closePicker();\n    onClickOutside?.(event);\n  };\n\n  const handlePickerInputChange = (event: OwpTextMaskFieldChangeEvent) => {\n    const nextInputValue = event.target.value;\n    const parsedInput = parseDatePickerInput(nextInputValue, valueFormatter);\n\n    setInputDraftValue(nextInputValue);\n    setHasPickerInputCommitError(false);\n\n    if (!parsedInput?.isValid()) {\n      return;\n    }\n\n    const nextDate = parsedInput.toDate();\n    resetCalendarDisplayDate(nextDate);\n    datePickerRef.current?.setPreSelection(nextDate);\n  };\n\n  const handlePickerInputKeyDown = (event: ReactKeyboardEvent<HTMLInputElement>) => {\n    event.stopPropagation();\n    event.nativeEvent.stopImmediatePropagation();\n\n    if (event.key === 'Escape') {\n      event.preventDefault();\n      setInputDraftValue(selectedInputValue);\n      setHasPickerInputCommitError(false);\n      suppressOpenUntilRef.current = Date.now() + PICKER_REOPEN_SUPPRESSION_DURATION;\n      closePicker(true);\n      focusExternalInput();\n      return;\n    }\n\n    if (event.key !== 'Enter' && event.key !== 'Tab') {\n      return;\n    }\n\n    event.preventDefault();\n\n    if (!commitInputDraftValue(true)) {\n      return;\n    }\n\n    if (event.key === 'Tab') {\n      suppressOpenUntilRef.current = Date.now() + PICKER_REOPEN_SUPPRESSION_DURATION;\n      closePicker(true);\n      focusAdjacentElement(event.shiftKey);\n      return;\n    }\n\n    suppressOpenUntilRef.current = Date.now() + PICKER_REOPEN_SUPPRESSION_DURATION;\n    closePicker(true);\n    focusExternalInput();\n  };\n\n  const handlePickerInputClear = () => {\n    setInputDraftValue('');\n    setHasPickerInputCommitError(false);\n    onChange?.('');\n  };\n\n  const handleInputAreaClick = () => {\n    if (!showTimeSelectOnly) {\n      return;\n    }\n\n    setPopperPlacement('bottom-start');\n  };\n\n  const handleIconClick = () => {\n    if (!showTimeSelectOnly) {\n      return;\n    }\n\n    setPopperPlacement('bottom-end');\n  };\n\n  useEffect(() => {\n    if (!allowPickerInput || !isCalendarOpen) {\n      return undefined;\n    }\n\n    const focusPickerInput = () => {\n      pickerInputRef.current?.focus();\n    };\n    const animationFrameId = window.requestAnimationFrame(() => {\n      focusPickerInput();\n    });\n    const focusTimerId = window.setTimeout(() => {\n      focusPickerInput();\n    });\n    const transitionFocusTimerId = window.setTimeout(() => {\n      focusPickerInput();\n    }, PICKER_TRANSITION_DURATION);\n\n    return () => {\n      window.cancelAnimationFrame(animationFrameId);\n      window.clearTimeout(focusTimerId);\n      window.clearTimeout(transitionFocusTimerId);\n    };\n  }, [allowPickerInput, isCalendarOpen]);\n\n  const PopperContainer = useMemo(() => {\n    const ContainerComponent = popperContainerProp ?? CalendarContainer;\n\n    /** DatePicker animated popper container */\n    return ({ children }: { children?: ReactNode }) => (\n      <AnimatedCalendarContainer container={ContainerComponent}>{children}</AnimatedCalendarContainer>\n    );\n  }, [popperContainerProp]);\n\n  const DatePickerCalendarContainer = ({\n    children,\n    className: calendarContainerClassName,\n    ...calendarContainerProps\n  }: DatePickerCalendarContainerProps) => {\n    if (!allowPickerInput) {\n      const ContainerComponent = calendarContainerProp ?? ReactDatePickerCalendarContainer;\n\n      return (\n        <ContainerComponent className={calendarContainerClassName} {...calendarContainerProps}>\n          {children}\n        </ContainerComponent>\n      );\n    }\n\n    return (\n      <Paper elevation={8} sx={getOwpDatePickerEditorPaperSx()}>\n        <OwpTextMaskField\n          autoFocus\n          inputRef={pickerInputRef}\n          fullWidth\n          size=\"small\"\n          variant=\"outlined\"\n          value={inputDraftValue}\n          error={hasPickerInputCommitError}\n          helperText={hasPickerInputCommitError ? t(PICKER_INVALID_INPUT_MESSAGE_KEY) : undefined}\n          mask={getPickerInputMask(valueFormatter)}\n          placeholder={valueFormatter}\n          onChange={handlePickerInputChange}\n          onKeyDown={handlePickerInputKeyDown}\n          inputProps={{\n            inputMode: 'numeric',\n            'aria-label': valueFormatter,\n          }}\n          endAdornment={\n            <InputAdornment\n              position=\"end\"\n              sx={{\n                marginLeft: 0,\n              }}\n            >\n              <IconButton\n                size=\"small\"\n                tabIndex={-1}\n                aria-label={t('Button.초기화')}\n                disabled={!inputDraftValue}\n                onClick={handlePickerInputClear}\n                onMouseDown={(event) => {\n                  event.preventDefault();\n                  event.stopPropagation();\n                }}\n                sx={{\n                  margin: 0,\n                  padding: 0.25,\n                }}\n              >\n                <ClearIcon fontSize=\"small\" />\n              </IconButton>\n            </InputAdornment>\n          }\n          sx={getOwpPickerEditorInputSx('100%')}\n        />\n        <div\n          className={calendarContainerClassName}\n          {...calendarContainerProps}\n          style={{\n            ...calendarContainerProps.style,\n            border: 0,\n            display: 'block',\n            lineHeight: 'normal',\n            position: 'relative',\n          }}\n        >\n          {children}\n        </div>\n      </Paper>\n    );\n  };\n\n  return (\n    <div ref={rootRef} className={clsx(fullWidth && 'w-full')}>\n      <ReactDatePicker\n        ref={datePickerRef}\n        locale={datePickerLocale}\n        calendarContainer={DatePickerCalendarContainer}\n        calendarClassName={getOwpDatePickerCalendarClassName({\n          className: calendarClassNameProp,\n          isHeaderViewOpen: !isCalendarHeaderDropdownDisabled && isCalendarHeaderViewOpen,\n          showMonthPicker,\n          showYearPicker,\n        })}\n        popperPlacement={showTimeSelectOnly ? popperPlacement : 'bottom-start'}\n        popperContainer={PopperContainer}\n        popperClassName={clsx('owp-animated-datepicker-popper', popperClassNameProp)}\n        className={clsx(fullWidth && 'w-full')}\n        wrapperClassName={clsx(fullWidth && 'w-full', datePickerProps?.wrapperClassName)}\n        maxDate={disabledFutureDates ? new Date() : undefined}\n        showYearPicker={showYearPicker}\n        showMonthYearPicker={showMonthPicker}\n        showTimeSelect={showTimeSelect}\n        showTimeSelectOnly={showTimeSelectOnly}\n        showTimeInput={showTimeInput}\n        showPopperArrow={false}\n        shouldCloseOnSelect={reactDatePickerShouldCloseOnSelect}\n        open={allowPickerInput ? isCalendarOpen : openProp}\n        preventOpenOnFocus={allowPickerInput ? true : preventOpenOnFocus}\n        openToDate={calendarDisplayDate ?? openToDateProp}\n        selected={selectedPickerValue}\n        onChange={handleSelect}\n        onCalendarOpen={handleCalendarOpen}\n        onCalendarClose={handleCalendarClose}\n        onClickOutside={handleClickOutside}\n        onInputClick={handleInputClick}\n        renderCustomHeader={renderCustomHeaderProp ?? renderOwpCalendarHeader}\n        dateFormat={showTimeSelectOnly ? (useAmPm ? 'aa hh:mm' : VALUE_TIME_FORMATTER) : 'Pp'}\n        timeFormat={showTimeSelectOnly ? (useAmPm ? 'aa hh:mm' : VALUE_TIME_FORMATTER) : undefined}\n        customInput={\n          <DatePickerInput\n            className={clsx(\n              showYearPicker && 'w-[140px]',\n              showMonthPicker && 'w-[160px]',\n              !showYearPicker && !showMonthPicker && 'w-[172px]',\n              (showTimeInput || showTimeSelect) && 'w-[200px]',\n              showTimeSelectOnly && !useAmPm && 'w-[140px]',\n              showTimeSelectOnly && useAmPm && 'w-[170px]',\n              className,\n            )}\n            label={label}\n            variant={variant}\n            sx={sx}\n            {...textFieldProps}\n            inputElementRef={externalInputRef}\n            onInputFocus={handleExternalInputFocus}\n            onInputKeyDown={handleExternalInputKeyDown}\n            reset={() => onChange?.('')}\n            fullWidth={fullWidth}\n            disabledClearButton={disabledClearButton}\n            valueFormatter={valueFormatter}\n            showTimeSelect={showTimeSelect}\n            showTimeSelectOnly={showTimeSelectOnly}\n            onInputAreaClick={handleInputAreaClick}\n            onIconClick={handleIconClick}\n          />\n        }\n        timeCaption={showTimeSelectOnly ? `${t('Common.시간')}: ` : undefined}\n        timeInputLabel={`${t('Common.시간')}: `}\n        {...resolvedDatePickerProps}\n      />\n    </div>\n  );\n};\n\nexport { OwpDatePicker };\n"],"names":["registerLocale","ko","enUS","setDefaultLocale","isDatePickerOpenKey","__name","event","parseDatePickerInput","value","valueFormatter","normalizedValue","VALUE_YEAR_FORMATTER","normalizedDateValue","parsedValue","dayjs","VALUE_DATE_FORMATTER","VALUE_MONTH_FORMATTER","OwpDatePicker","className","label","variant","sx","useAmPm","onChange","fullWidth","showYearPicker","showMonthPicker","showTimeSelect","showTimeSelectOnly","showTimeInput","textFieldProps","disabledClearButton","disabledFutureDates","popperClassNameProp","popperContainerProp","datePickerProps","selectsMultiple","selectsRange","selected","startDate","endDate","calendarClassNameProp","calendarContainerProp","openProp","openToDateProp","onCalendarOpen","onCalendarClose","onClickOutside","onInputClick","preventOpenOnFocus","renderCustomHeaderProp","shouldCloseOnSelectProp","resolvedDatePickerProps","t","i18n","useOwpTranslation","popperPlacement","setPopperPlacement","useState","isCalendarOpen","setIsCalendarOpen","inputDraftValue","setInputDraftValue","hasPickerInputCommitError","setHasPickerInputCommitError","rootRef","useRef","externalInputRef","pickerInputRef","datePickerRef","suppressOpenUntilRef","datePickerLocale","useMemo","VALUE_TIME_FORMATTER","selectedValue","hoursText","minutesText","hours","minutes","selectedDate","selectedInputValue","allowPickerInput","shouldClosePickerOnSelect","reactDatePickerShouldCloseOnSelect","calendarDisplayDate","calendarHeaderPickerView","calendarHeaderView","closeCalendarHeaderPicker","isCalendarHeaderViewOpen","resetCalendarDisplayDate","selectCalendarDisplayDate","toggleCalendarHeaderPicker","useOwpDatePickerCalendarHeaderState","isCalendarHeaderDropdownDisabled","selectedPickerValue","parsedInputDraftValue","renderOwpCalendarHeader","headerProps","jsx","OwpDatePickerCalendarHeader","isOpenSuppressed","openPicker","closePicker","skipSetBlur","_a","focusAdjacentElement","isBackward","rootElement","getAdjacentFocusableElement","focusExternalInput","handleSelect","dateValue","nextValue","PICKER_REOPEN_SUPPRESSION_DURATION","commitInputDraftValue","showError","parsedInput","handleCalendarOpen","handleCalendarClose","handleInputClick","handleExternalInputFocus","handleExternalInputKeyDown","handleClickOutside","handlePickerInputChange","nextInputValue","nextDate","handlePickerInputKeyDown","handlePickerInputClear","handleInputAreaClick","handleIconClick","useEffect","focusPickerInput","animationFrameId","focusTimerId","transitionFocusTimerId","PICKER_TRANSITION_DURATION","PopperContainer","ContainerComponent","CalendarContainer","children","AnimatedCalendarContainer","DatePickerCalendarContainer","calendarContainerClassName","calendarContainerProps","Paper","getOwpDatePickerEditorPaperSx","OwpTextMaskField","PICKER_INVALID_INPUT_MESSAGE_KEY","getPickerInputMask","InputAdornment","IconButton","ClearIcon","getOwpPickerEditorInputSx","ReactDatePickerCalendarContainer","clsx","ReactDatePicker","getOwpDatePickerCalendarClassName","DatePickerInput"],"mappings":"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"}
+{"version":3,"file":"OwpDatePicker.js","sources":["../../../src/components/OwpPicker/OwpDatePicker.tsx"],"sourcesContent":["import { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport ClearIcon from '@mui/icons-material/Clear';\nimport {\n  IconButton,\n  InputAdornment,\n  Paper,\n  type TextFieldProps,\n} from '@mui/material';\nimport clsx from 'clsx';\nimport { enUS } from 'date-fns/locale/en-US';\nimport { ko } from 'date-fns/locale/ko';\nimport dayjs from '@/dayjs';\nimport {\n  type HTMLAttributes,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type ReactNode,\n  useMemo,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport ReactDatePicker, {\n  CalendarContainer as ReactDatePickerCalendarContainer,\n  registerLocale,\n  setDefaultLocale,\n  type DatePickerProps,\n  type ReactDatePickerCustomHeaderProps,\n} from 'react-datepicker';\nimport { AnimatedCalendarContainer } from './internal/AnimatedCalendarContainer';\nimport { CalendarContainer } from './internal/CalendarContainer';\nimport { DatePickerInput } from './internal/DatePickerInput';\nimport {\n  getOwpDatePickerCalendarClassName,\n  useOwpDatePickerCalendarHeaderState,\n} from './internal/useOwpDatePickerCalendarHeaderState';\nimport { OwpDatePickerCalendarHeader } from './internal/OwpDatePickerCalendarHeader';\nimport {\n  getOwpDatePickerEditorPaperSx,\n  getOwpPickerEditorInputSx,\n} from './internal/pickerEditorStyles';\nimport {\n  PICKER_REOPEN_SUPPRESSION_DURATION,\n  PICKER_TRANSITION_DURATION,\n} from './internal/useOwpPickerPopperTransition';\nimport { OwpTextMaskField, type OwpTextMaskFieldChangeEvent } from '../OwpTextField';\nimport {\n  PICKER_INVALID_INPUT_MESSAGE_KEY,\n  VALUE_DATE_FORMATTER,\n  VALUE_MONTH_FORMATTER,\n  VALUE_TIME_FORMATTER,\n  VALUE_YEAR_FORMATTER,\n} from './constants';\nimport { getAdjacentFocusableElement, getPickerInputMask } from './utils';\n\nregisterLocale('ko', ko);\nregisterLocale('en', enUS);\nsetDefaultLocale('ko');\n\nexport type DatePickerValue = string | Date;\ntype DatePickerCalendarContainerProps = HTMLAttributes<HTMLDivElement> & {\n  showTime?: boolean;\n  showTimeSelectOnly?: boolean;\n};\ntype OwpDatePickerTextFieldFocusEvent = Parameters<NonNullable<TextFieldProps['onFocus']>>[0];\ntype OwpDatePickerTextFieldKeyDownEvent = Parameters<NonNullable<TextFieldProps['onKeyDown']>>[0];\n\n/** DatePicker 외부 입력에서 피커 open 처리할 키 여부 */\nconst isDatePickerOpenKey = (event: OwpDatePickerTextFieldKeyDownEvent) => {\n  if (\n    event.ctrlKey ||\n    event.altKey ||\n    event.metaKey ||\n    event.key === 'Escape' ||\n    event.key === 'Enter' ||\n    event.key === 'Tab'\n  ) {\n    return false;\n  }\n\n  return true;\n};\n\n/** DatePicker 상단 입력 값 파싱 */\nconst parseDatePickerInput = (value: string, valueFormatter: string) => {\n  const normalizedValue = value.trim();\n\n  if (valueFormatter === VALUE_YEAR_FORMATTER) {\n    const normalizedDateValue = `${normalizedValue}-01-01`;\n    const parsedValue = dayjs(normalizedDateValue, VALUE_DATE_FORMATTER, true);\n    return parsedValue.isValid() && parsedValue.format(VALUE_DATE_FORMATTER) === normalizedDateValue\n      ? parsedValue\n      : null;\n  }\n\n  if (valueFormatter === VALUE_MONTH_FORMATTER) {\n    const normalizedDateValue = `${normalizedValue}-01`;\n    const parsedValue = dayjs(normalizedDateValue, VALUE_DATE_FORMATTER, true);\n    return parsedValue.isValid() && parsedValue.format(VALUE_DATE_FORMATTER) === normalizedDateValue\n      ? parsedValue\n      : null;\n  }\n\n  const parsedValue = dayjs(normalizedValue, VALUE_DATE_FORMATTER, true);\n  return parsedValue.isValid() && parsedValue.format(VALUE_DATE_FORMATTER) === normalizedValue\n    ? parsedValue\n    : null;\n};\n\ninterface OwnProps {\n  className?: string;\n  label?: string;\n  variant?: TextFieldProps['variant'];\n  sx?: TextFieldProps['sx'];\n  value?: DatePickerValue;\n  useAmPm?: boolean;\n  disabledClearButton?: boolean;\n  disabledFutureDates?: boolean;\n  showMonthPicker?: boolean;\n  fullWidth?: boolean;\n  onChange?: (value?: DatePickerValue) => void;\n  textFieldProps?: Omit<TextFieldProps, 'value' | 'defaultValue' | 'onChange'>;\n}\n\ntype OwpDatePickerProps = OwnProps & DatePickerProps;\n\n/**\n * OwpDatePicker 컴포넌트\n * @param className CSS 클래스명\n * @param label 입력 라벨\n * @param variant variant 값\n * @param sx sx 값\n * @param value 현재 값\n * @param useAmPm 오전/오후 포맷 사용 여부\n * @param onChange onChange 핸들러\n */\nconst OwpDatePicker = ({\n  className,\n  label,\n  variant = 'standard',\n  sx,\n  value,\n  useAmPm,\n  onChange,\n  fullWidth,\n  showYearPicker,\n  showMonthPicker,\n  showTimeSelect,\n  showTimeSelectOnly,\n  showTimeInput,\n  textFieldProps,\n  disabledClearButton,\n  disabledFutureDates,\n  popperClassName: popperClassNameProp,\n  popperContainer: popperContainerProp,\n  ...datePickerProps\n}: OwpDatePickerProps) => {\n  const {\n    selectsMultiple,\n    selectsRange,\n    selected,\n    startDate,\n    endDate,\n    calendarClassName: calendarClassNameProp,\n    calendarContainer: calendarContainerProp,\n    open: openProp,\n    openToDate: openToDateProp,\n    onCalendarOpen,\n    onCalendarClose,\n    onClickOutside,\n    onInputClick,\n    preventOpenOnFocus,\n    renderCustomHeader: renderCustomHeaderProp,\n    shouldCloseOnSelect: shouldCloseOnSelectProp,\n    allowSameDay: allowSameDayProp,\n    ...resolvedDatePickerProps\n  } = datePickerProps;\n  void [selectsMultiple, selectsRange, selected, startDate, endDate];\n  const { t, i18n } = useOwpTranslation();\n  const [popperPlacement, setPopperPlacement] =\n    useState<NonNullable<DatePickerProps['popperPlacement']>>('bottom-start');\n  const [isCalendarOpen, setIsCalendarOpen] = useState(false);\n  const [inputDraftValue, setInputDraftValue] = useState('');\n  const [hasPickerInputCommitError, setHasPickerInputCommitError] = useState(false);\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const externalInputRef = useRef<HTMLInputElement | null>(null);\n  const pickerInputRef = useRef<HTMLInputElement | null>(null);\n  const datePickerRef = useRef<ReactDatePicker | null>(null);\n  const suppressOpenUntilRef = useRef(0);\n  const languageId = i18n.resolvedLanguage ?? i18n.language ?? 'kr';\n  const datePickerLocale = languageId === 'kr' ? 'ko' : 'en';\n\n  const valueFormatter = useMemo(() => {\n    if (showYearPicker) {\n      return VALUE_YEAR_FORMATTER;\n    }\n\n    if (showMonthPicker) {\n      return VALUE_MONTH_FORMATTER;\n    }\n\n    if (showTimeSelectOnly) {\n      return VALUE_TIME_FORMATTER;\n    }\n\n    if (showTimeInput || showTimeSelect) {\n      return `${VALUE_DATE_FORMATTER} ${VALUE_TIME_FORMATTER}`;\n    }\n    return VALUE_DATE_FORMATTER;\n  }, [showYearPicker, showMonthPicker, showTimeInput, showTimeSelect, showTimeSelectOnly]);\n\n  const selectedValue = useMemo(() => {\n    if (!value) return null;\n\n    if (showTimeSelectOnly && typeof value === 'string') {\n      const [hoursText = '', minutesText = ''] = value.split(':');\n      const hours = Number(hoursText);\n      const minutes = Number(minutesText);\n\n      if (Number.isNaN(hours) || Number.isNaN(minutes)) {\n        return null;\n      }\n\n      const selectedDate = new Date();\n      selectedDate.setHours(hours, minutes, 0, 0);\n\n      return selectedDate;\n    }\n\n    return new Date(value);\n  }, [showTimeSelectOnly, value]);\n\n  const selectedInputValue = useMemo(() => {\n    if (!value || typeof value !== 'string') {\n      return value ? dayjs(value).format(valueFormatter) : '';\n    }\n\n    const parsedValue = parseDatePickerInput(value, valueFormatter);\n\n    return parsedValue?.isValid() ? parsedValue.format(valueFormatter) : value;\n  }, [value, valueFormatter]);\n  const allowPickerInput = !showTimeSelectOnly && !showTimeInput && !showTimeSelect;\n  const shouldClosePickerOnSelect = shouldCloseOnSelectProp !== false;\n  const reactDatePickerShouldCloseOnSelect =\n    allowPickerInput && showYearPicker ? false : shouldCloseOnSelectProp;\n  const {\n    calendarDisplayDate,\n    calendarHeaderPickerView,\n    calendarHeaderView,\n    closeCalendarHeaderPicker,\n    isCalendarHeaderViewOpen,\n    resetCalendarDisplayDate,\n    selectCalendarDisplayDate,\n    toggleCalendarHeaderPicker,\n  } = useOwpDatePickerCalendarHeaderState({\n    showMonthPicker,\n    showYearPicker,\n  });\n  const isCalendarHeaderDropdownDisabled = Boolean(showYearPicker);\n  const selectedPickerValue = useMemo(() => {\n    if (!allowPickerInput || !inputDraftValue) {\n      return selectedValue;\n    }\n\n    const parsedInputDraftValue = parseDatePickerInput(inputDraftValue, valueFormatter);\n\n    return parsedInputDraftValue?.isValid() ? parsedInputDraftValue.toDate() : selectedValue;\n  }, [allowPickerInput, inputDraftValue, selectedValue, valueFormatter]);\n\n  /** MUI-like DatePicker calendar header */\n  const renderOwpCalendarHeader = (headerProps: ReactDatePickerCustomHeaderProps) => {\n    return (\n      <OwpDatePickerCalendarHeader\n        {...headerProps}\n        disableDropdown={isCalendarHeaderDropdownDisabled}\n        pickerView={calendarHeaderPickerView}\n        selectedDate={selectedPickerValue}\n        showMonthPicker={showMonthPicker}\n        showYearPicker={showYearPicker}\n        view={isCalendarHeaderDropdownDisabled ? null : calendarHeaderView}\n        onCloseView={closeCalendarHeaderPicker}\n        onSelectViewDate={selectCalendarDisplayDate}\n        onToggleView={toggleCalendarHeaderPicker}\n      />\n    );\n  };\n\n  const isOpenSuppressed = () => Date.now() < suppressOpenUntilRef.current;\n\n  const openPicker = () => {\n    if (isOpenSuppressed()) {\n      return;\n    }\n\n    if (allowPickerInput) {\n      setIsCalendarOpen(true);\n      setInputDraftValue(selectedInputValue);\n      setHasPickerInputCommitError(false);\n    }\n  };\n\n  const closePicker = (skipSetBlur?: boolean) => {\n    if (allowPickerInput) {\n      setIsCalendarOpen(false);\n    }\n\n    closeCalendarHeaderPicker();\n    datePickerRef.current?.setOpen(false, skipSetBlur);\n  };\n\n  const focusAdjacentElement = (isBackward?: boolean) => {\n    const rootElement = rootRef.current;\n\n    if (!rootElement) {\n      return;\n    }\n\n    window.requestAnimationFrame(() => {\n      getAdjacentFocusableElement(rootElement, isBackward)?.focus();\n    });\n  };\n\n  const focusExternalInput = () => {\n    window.requestAnimationFrame(() => {\n      externalInputRef.current?.focus();\n    });\n  };\n\n  const handleSelect = (dateValue?: Date | null) => {\n    const nextValue = dateValue ? dayjs(dateValue).format(valueFormatter) : undefined;\n\n    setInputDraftValue(nextValue ?? '');\n    setHasPickerInputCommitError(false);\n    onChange?.(nextValue);\n\n    if (allowPickerInput) {\n      suppressOpenUntilRef.current = Date.now() + PICKER_REOPEN_SUPPRESSION_DURATION;\n\n      if (showYearPicker && shouldClosePickerOnSelect) {\n        closePicker(true);\n      }\n\n      focusExternalInput();\n    }\n  };\n\n  const commitInputDraftValue = (showError?: boolean) => {\n    if (!inputDraftValue) {\n      setHasPickerInputCommitError(false);\n      onChange?.('');\n\n      return true;\n    }\n\n    const parsedInput = parseDatePickerInput(inputDraftValue, valueFormatter);\n\n    if (!parsedInput?.isValid()) {\n      if (showError && inputDraftValue) {\n        setHasPickerInputCommitError(true);\n      }\n\n      return false;\n    }\n\n    const nextValue = parsedInput.format(valueFormatter);\n    setInputDraftValue(nextValue);\n    setHasPickerInputCommitError(false);\n    onChange?.(nextValue);\n\n    return true;\n  };\n\n  const handleCalendarOpen = () => {\n    if (isOpenSuppressed()) {\n      datePickerRef.current?.setOpen(false, true);\n      return;\n    }\n\n    setIsCalendarOpen(true);\n    resetCalendarDisplayDate(selectedPickerValue ?? openToDateProp ?? null);\n    setInputDraftValue(selectedInputValue);\n    setHasPickerInputCommitError(false);\n    onCalendarOpen?.();\n  };\n\n  const handleCalendarClose = () => {\n    setIsCalendarOpen(false);\n    resetCalendarDisplayDate();\n    setHasPickerInputCommitError(false);\n    closeCalendarHeaderPicker();\n    onCalendarClose?.();\n  };\n\n  const handleInputClick = () => {\n    openPicker();\n    onInputClick?.();\n  };\n\n  const handleExternalInputFocus = (event: OwpDatePickerTextFieldFocusEvent) => {\n    textFieldProps?.onFocus?.(event);\n\n    if (event.defaultPrevented || !allowPickerInput) {\n      return;\n    }\n\n    openPicker();\n  };\n\n  const handleExternalInputKeyDown = (event: OwpDatePickerTextFieldKeyDownEvent) => {\n    textFieldProps?.onKeyDown?.(event);\n\n    if (event.defaultPrevented || !isDatePickerOpenKey(event)) {\n      return;\n    }\n\n    openPicker();\n  };\n\n  const handleClickOutside: NonNullable<DatePickerProps['onClickOutside']> = (event) => {\n    commitInputDraftValue();\n    closePicker();\n    onClickOutside?.(event);\n  };\n\n  const handlePickerInputChange = (event: OwpTextMaskFieldChangeEvent) => {\n    const nextInputValue = event.target.value;\n    const parsedInput = parseDatePickerInput(nextInputValue, valueFormatter);\n\n    setInputDraftValue(nextInputValue);\n    setHasPickerInputCommitError(false);\n\n    if (!parsedInput?.isValid()) {\n      return;\n    }\n\n    const nextDate = parsedInput.toDate();\n    resetCalendarDisplayDate(nextDate);\n    datePickerRef.current?.setPreSelection(nextDate);\n  };\n\n  const handlePickerInputKeyDown = (event: ReactKeyboardEvent<HTMLInputElement>) => {\n    event.stopPropagation();\n    event.nativeEvent.stopImmediatePropagation();\n\n    if (event.key === 'Escape') {\n      event.preventDefault();\n      setInputDraftValue(selectedInputValue);\n      setHasPickerInputCommitError(false);\n      suppressOpenUntilRef.current = Date.now() + PICKER_REOPEN_SUPPRESSION_DURATION;\n      closePicker(true);\n      focusExternalInput();\n      return;\n    }\n\n    if (event.key !== 'Enter' && event.key !== 'Tab') {\n      return;\n    }\n\n    event.preventDefault();\n\n    if (!commitInputDraftValue(true)) {\n      return;\n    }\n\n    if (event.key === 'Tab') {\n      suppressOpenUntilRef.current = Date.now() + PICKER_REOPEN_SUPPRESSION_DURATION;\n      closePicker(true);\n      focusAdjacentElement(event.shiftKey);\n      return;\n    }\n\n    suppressOpenUntilRef.current = Date.now() + PICKER_REOPEN_SUPPRESSION_DURATION;\n    closePicker(true);\n    focusExternalInput();\n  };\n\n  const handlePickerInputClear = () => {\n    setInputDraftValue('');\n    setHasPickerInputCommitError(false);\n    onChange?.('');\n  };\n\n  /** 외부 입력 clear 처리 */\n  const handleExternalInputClear = () => {\n    suppressOpenUntilRef.current = Date.now() + PICKER_REOPEN_SUPPRESSION_DURATION;\n    setInputDraftValue('');\n    setHasPickerInputCommitError(false);\n    resetCalendarDisplayDate();\n    closePicker(true);\n    onChange?.('');\n  };\n\n  const handleInputAreaClick = () => {\n    if (!showTimeSelectOnly) {\n      return;\n    }\n\n    setPopperPlacement('bottom-start');\n  };\n\n  const handleIconClick = () => {\n    if (!showTimeSelectOnly) {\n      return;\n    }\n\n    setPopperPlacement('bottom-end');\n  };\n\n  useEffect(() => {\n    if (!allowPickerInput || !isCalendarOpen) {\n      return undefined;\n    }\n\n    const focusPickerInput = () => {\n      pickerInputRef.current?.focus();\n    };\n    const animationFrameId = window.requestAnimationFrame(() => {\n      focusPickerInput();\n    });\n    const focusTimerId = window.setTimeout(() => {\n      focusPickerInput();\n    });\n    const transitionFocusTimerId = window.setTimeout(() => {\n      focusPickerInput();\n    }, PICKER_TRANSITION_DURATION);\n\n    return () => {\n      window.cancelAnimationFrame(animationFrameId);\n      window.clearTimeout(focusTimerId);\n      window.clearTimeout(transitionFocusTimerId);\n    };\n  }, [allowPickerInput, isCalendarOpen]);\n\n  const PopperContainer = useMemo(() => {\n    const ContainerComponent = popperContainerProp ?? CalendarContainer;\n\n    /** DatePicker animated popper container */\n    return ({ children }: { children?: ReactNode }) => (\n      <AnimatedCalendarContainer container={ContainerComponent}>{children}</AnimatedCalendarContainer>\n    );\n  }, [popperContainerProp]);\n\n  const DatePickerCalendarContainer = ({\n    children,\n    className: calendarContainerClassName,\n    ...calendarContainerProps\n  }: DatePickerCalendarContainerProps) => {\n    if (!allowPickerInput) {\n      const ContainerComponent = calendarContainerProp ?? ReactDatePickerCalendarContainer;\n\n      return (\n        <ContainerComponent className={calendarContainerClassName} {...calendarContainerProps}>\n          {children}\n        </ContainerComponent>\n      );\n    }\n\n    delete calendarContainerProps.showTime;\n    delete calendarContainerProps.showTimeSelectOnly;\n\n    return (\n      <Paper elevation={8} sx={getOwpDatePickerEditorPaperSx()}>\n        <OwpTextMaskField\n          autoFocus\n          inputRef={pickerInputRef}\n          fullWidth\n          size=\"small\"\n          variant=\"outlined\"\n          value={inputDraftValue}\n          error={hasPickerInputCommitError}\n          helperText={hasPickerInputCommitError ? t(PICKER_INVALID_INPUT_MESSAGE_KEY) : undefined}\n          mask={getPickerInputMask(valueFormatter)}\n          placeholder={valueFormatter}\n          onChange={handlePickerInputChange}\n          onKeyDown={handlePickerInputKeyDown}\n          inputProps={{\n            inputMode: 'numeric',\n            'aria-label': valueFormatter,\n          }}\n          endAdornment={\n            <InputAdornment\n              position=\"end\"\n              sx={{\n                marginLeft: 0,\n              }}\n            >\n              <IconButton\n                size=\"small\"\n                tabIndex={-1}\n                aria-label={t('Button.초기화')}\n                disabled={!inputDraftValue}\n                onClick={handlePickerInputClear}\n                onMouseDown={(event) => {\n                  event.preventDefault();\n                  event.stopPropagation();\n                }}\n                sx={{\n                  margin: 0,\n                  padding: 0.25,\n                }}\n              >\n                <ClearIcon fontSize=\"small\" />\n              </IconButton>\n            </InputAdornment>\n          }\n          sx={getOwpPickerEditorInputSx('100%')}\n        />\n        <div\n          className={calendarContainerClassName}\n          {...calendarContainerProps}\n          style={{\n            ...calendarContainerProps.style,\n            border: 0,\n            display: 'block',\n            lineHeight: 'normal',\n            position: 'relative',\n          }}\n        >\n          {children}\n        </div>\n      </Paper>\n    );\n  };\n\n  return (\n    <div ref={rootRef} className={clsx(fullWidth && 'w-full')}>\n      <ReactDatePicker\n        ref={datePickerRef}\n        locale={datePickerLocale}\n        calendarContainer={DatePickerCalendarContainer}\n        calendarClassName={getOwpDatePickerCalendarClassName({\n          className: calendarClassNameProp,\n          isHeaderViewOpen: !isCalendarHeaderDropdownDisabled && isCalendarHeaderViewOpen,\n          showMonthPicker,\n          showYearPicker,\n        })}\n        popperPlacement={showTimeSelectOnly ? popperPlacement : 'bottom-start'}\n        popperContainer={PopperContainer}\n        popperClassName={clsx('owp-animated-datepicker-popper', popperClassNameProp)}\n        className={clsx(fullWidth && 'w-full')}\n        wrapperClassName={clsx(fullWidth && 'w-full', datePickerProps?.wrapperClassName)}\n        maxDate={disabledFutureDates ? new Date() : undefined}\n        showYearPicker={showYearPicker}\n        showMonthYearPicker={showMonthPicker}\n        showTimeSelect={showTimeSelect}\n        showTimeSelectOnly={showTimeSelectOnly}\n        showTimeInput={showTimeInput}\n        showPopperArrow={false}\n        shouldCloseOnSelect={reactDatePickerShouldCloseOnSelect}\n        open={allowPickerInput ? isCalendarOpen : openProp}\n        preventOpenOnFocus={allowPickerInput ? true : preventOpenOnFocus}\n        openToDate={calendarDisplayDate ?? openToDateProp}\n        selected={selectedPickerValue}\n        allowSameDay={allowPickerInput || allowSameDayProp}\n        onChange={handleSelect}\n        onCalendarOpen={handleCalendarOpen}\n        onCalendarClose={handleCalendarClose}\n        onClickOutside={handleClickOutside}\n        onInputClick={handleInputClick}\n        renderCustomHeader={renderCustomHeaderProp ?? renderOwpCalendarHeader}\n        dateFormat={showTimeSelectOnly ? (useAmPm ? 'aa hh:mm' : VALUE_TIME_FORMATTER) : 'Pp'}\n        timeFormat={showTimeSelectOnly ? (useAmPm ? 'aa hh:mm' : VALUE_TIME_FORMATTER) : undefined}\n        customInput={\n          <DatePickerInput\n            className={clsx(\n              showYearPicker && 'w-[140px]',\n              showMonthPicker && 'w-[160px]',\n              !showYearPicker && !showMonthPicker && 'w-[172px]',\n              (showTimeInput || showTimeSelect) && 'w-[200px]',\n              showTimeSelectOnly && !useAmPm && 'w-[140px]',\n              showTimeSelectOnly && useAmPm && 'w-[170px]',\n              className,\n            )}\n            label={label}\n            variant={variant}\n            sx={sx}\n            {...textFieldProps}\n            inputElementRef={externalInputRef}\n            onInputFocus={handleExternalInputFocus}\n            onInputKeyDown={handleExternalInputKeyDown}\n            reset={handleExternalInputClear}\n            fullWidth={fullWidth}\n            disabledClearButton={disabledClearButton}\n            valueFormatter={valueFormatter}\n            showTimeSelect={showTimeSelect}\n            showTimeSelectOnly={showTimeSelectOnly}\n            onInputAreaClick={handleInputAreaClick}\n            onIconClick={handleIconClick}\n          />\n        }\n        timeCaption={showTimeSelectOnly ? `${t('Common.시간')}: ` : undefined}\n        timeInputLabel={`${t('Common.시간')}: `}\n        {...resolvedDatePickerProps}\n      />\n    </div>\n  );\n};\n\nexport { OwpDatePicker };\n"],"names":["registerLocale","ko","enUS","setDefaultLocale","isDatePickerOpenKey","__name","event","parseDatePickerInput","value","valueFormatter","normalizedValue","VALUE_YEAR_FORMATTER","normalizedDateValue","parsedValue","dayjs","VALUE_DATE_FORMATTER","VALUE_MONTH_FORMATTER","OwpDatePicker","className","label","variant","sx","useAmPm","onChange","fullWidth","showYearPicker","showMonthPicker","showTimeSelect","showTimeSelectOnly","showTimeInput","textFieldProps","disabledClearButton","disabledFutureDates","popperClassNameProp","popperContainerProp","datePickerProps","selectsMultiple","selectsRange","selected","startDate","endDate","calendarClassNameProp","calendarContainerProp","openProp","openToDateProp","onCalendarOpen","onCalendarClose","onClickOutside","onInputClick","preventOpenOnFocus","renderCustomHeaderProp","shouldCloseOnSelectProp","allowSameDayProp","resolvedDatePickerProps","t","i18n","useOwpTranslation","popperPlacement","setPopperPlacement","useState","isCalendarOpen","setIsCalendarOpen","inputDraftValue","setInputDraftValue","hasPickerInputCommitError","setHasPickerInputCommitError","rootRef","useRef","externalInputRef","pickerInputRef","datePickerRef","suppressOpenUntilRef","datePickerLocale","useMemo","VALUE_TIME_FORMATTER","selectedValue","hoursText","minutesText","hours","minutes","selectedDate","selectedInputValue","allowPickerInput","shouldClosePickerOnSelect","reactDatePickerShouldCloseOnSelect","calendarDisplayDate","calendarHeaderPickerView","calendarHeaderView","closeCalendarHeaderPicker","isCalendarHeaderViewOpen","resetCalendarDisplayDate","selectCalendarDisplayDate","toggleCalendarHeaderPicker","useOwpDatePickerCalendarHeaderState","isCalendarHeaderDropdownDisabled","selectedPickerValue","parsedInputDraftValue","renderOwpCalendarHeader","headerProps","jsx","OwpDatePickerCalendarHeader","isOpenSuppressed","openPicker","closePicker","skipSetBlur","_a","focusAdjacentElement","isBackward","rootElement","getAdjacentFocusableElement","focusExternalInput","handleSelect","dateValue","nextValue","PICKER_REOPEN_SUPPRESSION_DURATION","commitInputDraftValue","showError","parsedInput","handleCalendarOpen","handleCalendarClose","handleInputClick","handleExternalInputFocus","handleExternalInputKeyDown","handleClickOutside","handlePickerInputChange","nextInputValue","nextDate","handlePickerInputKeyDown","handlePickerInputClear","handleExternalInputClear","handleInputAreaClick","handleIconClick","useEffect","focusPickerInput","animationFrameId","focusTimerId","transitionFocusTimerId","PICKER_TRANSITION_DURATION","PopperContainer","ContainerComponent","CalendarContainer","children","AnimatedCalendarContainer","DatePickerCalendarContainer","calendarContainerClassName","calendarContainerProps","Paper","getOwpDatePickerEditorPaperSx","OwpTextMaskField","PICKER_INVALID_INPUT_MESSAGE_KEY","getPickerInputMask","InputAdornment","IconButton","ClearIcon","getOwpPickerEditorInputSx","ReactDatePickerCalendarContainer","clsx","ReactDatePicker","getOwpDatePickerCalendarClassName","DatePickerInput"],"mappings":"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"}

package/dist/components/OwpPicker/internal/DatePickerInput.js

@@ -1,77 +1,80 @@
-var H = Object.defineProperty;
-var a = (t, m) => H(t, "name", { value: m, configurable: !0 });
-import { jsx as s, jsxs as J } from "../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
-import L from "../../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/AccessTime.js";
-import Q from "../../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/CalendarMonth.js";
-import U from "../../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/Clear.js";
-import { IconButton as b, InputAdornment as W, TextField as X } from "@mui/material";
-import { owpDayjs as z } from "../../../dayjs.js";
-import { forwardRef as Y } from "react";
-const P = /* @__PURE__ */ a((t, m) => {
+var G = Object.defineProperty;
+var a = (t, i) => G(t, "name", { value: i, configurable: !0 });
+import { jsx as s, jsxs as H } from "../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+import J from "../../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/AccessTime.js";
+import L from "../../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/CalendarMonth.js";
+import Q from "../../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/Clear.js";
+import { IconButton as b, InputAdornment as U, TextField as W } from "@mui/material";
+import { owpDayjs as P } from "../../../dayjs.js";
+import { forwardRef as X } from "react";
+const z = /* @__PURE__ */ a((t, i) => {
   if (t) {
     if (typeof t == "function") {
-      t(m);
+      t(i);
       return;
     }
-    t.current = m;
+    t.current = i;
   }
-}, "assignInputRef"), D = Y(
+}, "assignInputRef"), I = X(
   ({
     value: t,
-    valueFormatter: m,
-    useRange: M,
-    showTimeSelect: N,
+    valueFormatter: i,
+    useRange: n,
+    showTimeSelect: M,
     showTimeSelectOnly: d,
-    disabledClearButton: c,
+    disabledClearButton: N,
     reset: f,
     onInputAreaClick: p,
-    onIconClick: e,
-    inputElementRef: B,
-    onClick: i,
-    onFocus: g,
-    onKeyDown: o,
+    onIconClick: o,
+    inputElementRef: c,
+    onClick: m,
+    onFocus: e,
+    onKeyDown: g,
     onInputFocus: l,
     onInputKeyDown: h,
-    inputRef: R,
+    inputRef: B,
     ...x
-  }, S) => {
+  }, R) => {
     var j;
-    const T = N || d, V = /* @__PURE__ */ a((r) => {
-      p == null || p(), i == null || i(r);
-    }, "handleInputClick"), q = /* @__PURE__ */ a((r) => {
-      l == null || l(r), g == null || g(r);
-    }, "handleInputFocus"), E = /* @__PURE__ */ a((r) => {
-      h == null || h(r), o == null || o(r);
-    }, "handleInputKeyDown"), G = /* @__PURE__ */ a((r) => {
-      r.stopPropagation(), e == null || e(), i == null || i(r);
+    const S = M || d, T = /* @__PURE__ */ a((r) => {
+      p == null || p(), m == null || m(r);
+    }, "handleInputClick"), V = /* @__PURE__ */ a((r) => {
+      l == null || l(r), e == null || e(r);
+    }, "handleInputFocus"), q = /* @__PURE__ */ a((r) => {
+      h == null || h(r), g == null || g(r);
+    }, "handleInputKeyDown"), E = /* @__PURE__ */ a((r) => {
+      r.stopPropagation(), o == null || o(), m == null || m(r);
     }, "handleIconClick");
     return /* @__PURE__ */ s(
-      X,
+      W,
       {
         variant: "standard",
         ...x,
         inputRef: /* @__PURE__ */ a((r) => {
-          P(S, r), P(B, r), P(R, r);
+          z(R, r), z(c, r), z(B, r);
         }, "inputRef"),
-        onClick: V,
-        onFocus: q,
-        onKeyDown: E,
-        value: t ? M ? typeof t == "string" ? t.split(" - ").map((r) => z(r).isValid() ? z(r).format(m) : "").join(" ~ ") : "" : d && typeof t == "string" ? t : z(t).format(m) : "",
+        onClick: T,
+        onFocus: V,
+        onKeyDown: q,
+        value: t ? n ? typeof t == "string" ? t.split(" - ").map((r) => P(r).isValid() ? P(r).format(i) : "").join(" ~ ") : "" : d && typeof t == "string" ? t : P(t).format(i) : "",
         slotProps: {
           ...x.slotProps,
           input: {
             readOnly: !0,
-            endAdornment: /* @__PURE__ */ J(W, { position: "end", children: [
-              !c && /* @__PURE__ */ s(
+            endAdornment: /* @__PURE__ */ H(U, { position: "end", children: [
+              !N && /* @__PURE__ */ s(
                 b,
                 {
                   className: "m-0 p-0",
                   size: "small",
                   tabIndex: -1,
+                  onMouseDown: /* @__PURE__ */ a((r) => {
+                    r.preventDefault(), r.stopPropagation();
+                  }, "onMouseDown"),
                   onClick: /* @__PURE__ */ a((r) => {
                     r.stopPropagation(), f == null || f();
                   }, "onClick"),
-                  children: /* @__PURE__ */ s(U, { fontSize: "small" })
+                  children: /* @__PURE__ */ s(Q, { fontSize: "small" })
                 }
               ),
               /* @__PURE__ */ s(
@@ -80,9 +83,9 @@ const P = /* @__PURE__ */ a((t, m) => {
                   className: "m-0 p-0",
                   size: "small",
                   tabIndex: -1,
-                  "aria-label": T ? "time-picker-trigger" : "date-picker-trigger",
-                  onClick: G,
-                  children: d ? /* @__PURE__ */ s(L, { fontSize: "small" }) : /* @__PURE__ */ s(Q, { fontSize: "small" })
+                  "aria-label": S ? "time-picker-trigger" : "date-picker-trigger",
+                  onClick: E,
+                  children: d ? /* @__PURE__ */ s(J, { fontSize: "small" }) : /* @__PURE__ */ s(L, { fontSize: "small" })
                 }
               )
             ] }),
@@ -94,6 +97,6 @@ const P = /* @__PURE__ */ a((t, m) => {
   }
 );
 export {
-  D as DatePickerInput
+  I as DatePickerInput
 };
 //# sourceMappingURL=DatePickerInput.js.map

package/dist/components/OwpPicker/internal/DatePickerInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerInput.js","sources":["../../../../src/components/OwpPicker/internal/DatePickerInput.tsx"],"sourcesContent":["import AccessTimeIcon from '@mui/icons-material/AccessTime';\nimport CalendarMonthIcon from '@mui/icons-material/CalendarMonth';\nimport ClearIcon from '@mui/icons-material/Clear';\nimport { IconButton, InputAdornment, TextField, TextFieldProps } from '@mui/material';\nimport dayjs from '@/dayjs';\nimport { type MouseEventHandler, type Ref, forwardRef } from 'react';\n\ntype DatePickerValue = string | Date;\ntype TextFieldClickEvent = Parameters<NonNullable<TextFieldProps['onClick']>>[0];\ntype TextFieldFocusEventHandler = NonNullable<TextFieldProps['onFocus']>;\ntype TextFieldKeyDownEventHandler = NonNullable<TextFieldProps['onKeyDown']>;\n\ninterface OwnProps {\n  valueFormatter?: string;\n  value?: DatePickerValue;\n  useRange?: boolean;\n  showTimeSelect?: boolean;\n  showTimeSelectOnly?: boolean;\n  disabledClearButton?: boolean;\n  reset?: () => void;\n  onInputAreaClick?: VoidFunction;\n  onIconClick?: VoidFunction;\n  inputElementRef?: Ref<HTMLInputElement>;\n  onInputFocus?: TextFieldFocusEventHandler;\n  onInputKeyDown?: TextFieldKeyDownEventHandler;\n}\n\n/** input ref 값 할당 */\nconst assignInputRef = (\n  inputRef: Ref<HTMLInputElement> | undefined,\n  value: HTMLInputElement | null,\n) => {\n  if (!inputRef) {\n    return;\n  }\n\n  if (typeof inputRef === 'function') {\n    inputRef(value);\n    return;\n  }\n\n  (inputRef as { current: HTMLInputElement | null }).current = value;\n};\n\n/**\n * DatePickerInput 컴포넌트\n * @param value 현재 값\n * @param valueFormatter valueFormatter 값\n * @param useRange useRange 값\n * @param showTimeSelect showTimeSelect 값\n * @param showTimeSelectOnly showTimeSelectOnly 값\n * @param disabledClearButton disabledClearButton 값\n * @param reset reset 값\n * @param onInputAreaClick 입력 영역 클릭 핸들러\n * @param onIconClick 아이콘 클릭 핸들러\n * @param ref forwardRef 참조\n */\nexport const DatePickerInput = forwardRef(\n  (\n    {\n      value,\n      valueFormatter,\n      useRange,\n      showTimeSelect,\n      showTimeSelectOnly,\n      disabledClearButton,\n      reset,\n      onInputAreaClick,\n      onIconClick,\n      inputElementRef,\n      onClick,\n      onFocus,\n      onKeyDown,\n      onInputFocus,\n      onInputKeyDown,\n      inputRef: inputRefProp,\n      ...restProps\n    }: TextFieldProps & OwnProps,\n    ref,\n  ) => {\n    const isTimePickerMode = showTimeSelect || showTimeSelectOnly;\n\n    const handleInputClick: MouseEventHandler<HTMLDivElement> = (event) => {\n      onInputAreaClick?.();\n      onClick?.(event);\n    };\n\n    const handleInputFocus: TextFieldFocusEventHandler = (event) => {\n      onInputFocus?.(event);\n      onFocus?.(event);\n    };\n\n    const handleInputKeyDown: TextFieldKeyDownEventHandler = (event) => {\n      onInputKeyDown?.(event);\n      onKeyDown?.(event);\n    };\n\n    const handleIconClick: MouseEventHandler<HTMLButtonElement> = (event) => {\n      event.stopPropagation();\n      onIconClick?.();\n      onClick?.(event as unknown as TextFieldClickEvent);\n    };\n\n    return (\n      <TextField\n        variant=\"standard\"\n        {...restProps}\n        inputRef={(input) => {\n          assignInputRef(ref as Ref<HTMLInputElement>, input);\n          assignInputRef(inputElementRef, input);\n          assignInputRef(inputRefProp, input);\n        }}\n        onClick={handleInputClick}\n        onFocus={handleInputFocus}\n        onKeyDown={handleInputKeyDown}\n        value={\n          value\n            ? useRange\n              ? typeof value === 'string'\n                ? value\n                    .split(' - ')\n                    .map((v: string) => (dayjs(v).isValid() ? dayjs(v).format(valueFormatter) : ''))\n                    .join(' ~ ')\n                : ''\n              : showTimeSelectOnly && typeof value === 'string'\n                ? value\n                : dayjs(value).format(valueFormatter)\n            : ''\n        }\n        slotProps={{\n          ...restProps.slotProps,\n          input: {\n            readOnly: true,\n            endAdornment: (\n              <InputAdornment position=\"end\">\n                {!disabledClearButton && (\n                  <IconButton\n                    className=\"m-0 p-0\"\n                    size=\"small\"\n                    tabIndex={-1}\n                    onClick={(evt) => {\n                      evt.stopPropagation();\n                      reset?.();\n                    }}\n                  >\n                    <ClearIcon fontSize=\"small\" />\n                  </IconButton>\n                )}\n                <IconButton\n                  className=\"m-0 p-0\"\n                  size=\"small\"\n                  tabIndex={-1}\n                  aria-label={isTimePickerMode ? 'time-picker-trigger' : 'date-picker-trigger'}\n                  onClick={handleIconClick}\n                >\n                  {showTimeSelectOnly ? (\n                    <AccessTimeIcon fontSize=\"small\" />\n                  ) : (\n                    <CalendarMonthIcon fontSize=\"small\" />\n                  )}\n                </IconButton>\n              </InputAdornment>\n            ),\n            ...restProps.slotProps?.input,\n          },\n        }}\n      />\n    );\n  },\n);\n"],"names":["assignInputRef","__name","inputRef","value","DatePickerInput","forwardRef","valueFormatter","useRange","showTimeSelect","showTimeSelectOnly","disabledClearButton","reset","onInputAreaClick","onIconClick","inputElementRef","onClick","onFocus","onKeyDown","onInputFocus","onInputKeyDown","inputRefProp","restProps","ref","isTimePickerMode","handleInputClick","event","handleInputFocus","handleInputKeyDown","handleIconClick","jsx","TextField","input","v","dayjs","jsxs","InputAdornment","IconButton","evt","ClearIcon","AccessTimeIcon","CalendarMonthIcon","_a"],"mappings":"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"}
+{"version":3,"file":"DatePickerInput.js","sources":["../../../../src/components/OwpPicker/internal/DatePickerInput.tsx"],"sourcesContent":["import AccessTimeIcon from '@mui/icons-material/AccessTime';\nimport CalendarMonthIcon from '@mui/icons-material/CalendarMonth';\nimport ClearIcon from '@mui/icons-material/Clear';\nimport { IconButton, InputAdornment, TextField, TextFieldProps } from '@mui/material';\nimport dayjs from '@/dayjs';\nimport { type MouseEventHandler, type Ref, forwardRef } from 'react';\n\ntype DatePickerValue = string | Date;\ntype TextFieldClickEvent = Parameters<NonNullable<TextFieldProps['onClick']>>[0];\ntype TextFieldFocusEventHandler = NonNullable<TextFieldProps['onFocus']>;\ntype TextFieldKeyDownEventHandler = NonNullable<TextFieldProps['onKeyDown']>;\n\ninterface OwnProps {\n  valueFormatter?: string;\n  value?: DatePickerValue;\n  useRange?: boolean;\n  showTimeSelect?: boolean;\n  showTimeSelectOnly?: boolean;\n  disabledClearButton?: boolean;\n  reset?: () => void;\n  onInputAreaClick?: VoidFunction;\n  onIconClick?: VoidFunction;\n  inputElementRef?: Ref<HTMLInputElement>;\n  onInputFocus?: TextFieldFocusEventHandler;\n  onInputKeyDown?: TextFieldKeyDownEventHandler;\n}\n\n/** input ref 값 할당 */\nconst assignInputRef = (\n  inputRef: Ref<HTMLInputElement> | undefined,\n  value: HTMLInputElement | null,\n) => {\n  if (!inputRef) {\n    return;\n  }\n\n  if (typeof inputRef === 'function') {\n    inputRef(value);\n    return;\n  }\n\n  (inputRef as { current: HTMLInputElement | null }).current = value;\n};\n\n/**\n * DatePickerInput 컴포넌트\n * @param value 현재 값\n * @param valueFormatter valueFormatter 값\n * @param useRange useRange 값\n * @param showTimeSelect showTimeSelect 값\n * @param showTimeSelectOnly showTimeSelectOnly 값\n * @param disabledClearButton disabledClearButton 값\n * @param reset reset 값\n * @param onInputAreaClick 입력 영역 클릭 핸들러\n * @param onIconClick 아이콘 클릭 핸들러\n * @param ref forwardRef 참조\n */\nexport const DatePickerInput = forwardRef(\n  (\n    {\n      value,\n      valueFormatter,\n      useRange,\n      showTimeSelect,\n      showTimeSelectOnly,\n      disabledClearButton,\n      reset,\n      onInputAreaClick,\n      onIconClick,\n      inputElementRef,\n      onClick,\n      onFocus,\n      onKeyDown,\n      onInputFocus,\n      onInputKeyDown,\n      inputRef: inputRefProp,\n      ...restProps\n    }: TextFieldProps & OwnProps,\n    ref,\n  ) => {\n    const isTimePickerMode = showTimeSelect || showTimeSelectOnly;\n\n    const handleInputClick: MouseEventHandler<HTMLDivElement> = (event) => {\n      onInputAreaClick?.();\n      onClick?.(event);\n    };\n\n    const handleInputFocus: TextFieldFocusEventHandler = (event) => {\n      onInputFocus?.(event);\n      onFocus?.(event);\n    };\n\n    const handleInputKeyDown: TextFieldKeyDownEventHandler = (event) => {\n      onInputKeyDown?.(event);\n      onKeyDown?.(event);\n    };\n\n    const handleIconClick: MouseEventHandler<HTMLButtonElement> = (event) => {\n      event.stopPropagation();\n      onIconClick?.();\n      onClick?.(event as unknown as TextFieldClickEvent);\n    };\n\n    return (\n      <TextField\n        variant=\"standard\"\n        {...restProps}\n        inputRef={(input) => {\n          assignInputRef(ref as Ref<HTMLInputElement>, input);\n          assignInputRef(inputElementRef, input);\n          assignInputRef(inputRefProp, input);\n        }}\n        onClick={handleInputClick}\n        onFocus={handleInputFocus}\n        onKeyDown={handleInputKeyDown}\n        value={\n          value\n            ? useRange\n              ? typeof value === 'string'\n                ? value\n                    .split(' - ')\n                    .map((v: string) => (dayjs(v).isValid() ? dayjs(v).format(valueFormatter) : ''))\n                    .join(' ~ ')\n                : ''\n              : showTimeSelectOnly && typeof value === 'string'\n                ? value\n                : dayjs(value).format(valueFormatter)\n            : ''\n        }\n        slotProps={{\n          ...restProps.slotProps,\n          input: {\n            readOnly: true,\n            endAdornment: (\n              <InputAdornment position=\"end\">\n                {!disabledClearButton && (\n                  <IconButton\n                    className=\"m-0 p-0\"\n                    size=\"small\"\n                    tabIndex={-1}\n                    onMouseDown={(evt) => {\n                      evt.preventDefault();\n                      evt.stopPropagation();\n                    }}\n                    onClick={(evt) => {\n                      evt.stopPropagation();\n                      reset?.();\n                    }}\n                  >\n                    <ClearIcon fontSize=\"small\" />\n                  </IconButton>\n                )}\n                <IconButton\n                  className=\"m-0 p-0\"\n                  size=\"small\"\n                  tabIndex={-1}\n                  aria-label={isTimePickerMode ? 'time-picker-trigger' : 'date-picker-trigger'}\n                  onClick={handleIconClick}\n                >\n                  {showTimeSelectOnly ? (\n                    <AccessTimeIcon fontSize=\"small\" />\n                  ) : (\n                    <CalendarMonthIcon fontSize=\"small\" />\n                  )}\n                </IconButton>\n              </InputAdornment>\n            ),\n            ...restProps.slotProps?.input,\n          },\n        }}\n      />\n    );\n  },\n);\n"],"names":["assignInputRef","__name","inputRef","value","DatePickerInput","forwardRef","valueFormatter","useRange","showTimeSelect","showTimeSelectOnly","disabledClearButton","reset","onInputAreaClick","onIconClick","inputElementRef","onClick","onFocus","onKeyDown","onInputFocus","onInputKeyDown","inputRefProp","restProps","ref","isTimePickerMode","handleInputClick","event","handleInputFocus","handleInputKeyDown","handleIconClick","jsx","TextField","input","v","dayjs","jsxs","InputAdornment","IconButton","evt","ClearIcon","AccessTimeIcon","CalendarMonthIcon","_a"],"mappings":"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"}