@yamada-ui/calendar/dist/chunk-C27PTBDA.mjs.map

Yamada UI calendar component

{"version":3,"sources":["../src/use-date-picker.ts"],"sourcesContent":["import type { CSSUIObject, PropGetter } from \"@yamada-ui/core\"\nimport type { ChangeEvent, CSSProperties } from \"react\"\nimport type { UseCalendarProps } from \"./use-calendar\"\nimport type { UseCalendarPickerProps } from \"./use-calendar-picker\"\nimport { useControllableState } from \"@yamada-ui/use-controllable-state\"\nimport {\n  createContext,\n  handlerAll,\n  isActiveElement,\n  useUpdateEffect,\n} from \"@yamada-ui/utils\"\nimport dayjs from \"dayjs\"\nimport { useCallback, useState } from \"react\"\nimport { isSameDate } from \"./calendar-utils\"\nimport { useCalendarPicker } from \"./use-calendar-picker\"\n\ninterface DatePickerContext {\n  [key: string]: CSSUIObject | undefined\n}\n\nexport const [DatePickerProvider, useDatePickerContext] =\n  createContext<DatePickerContext>({\n    name: \"DatePickerContext\",\n    errorMessage: `useDatePickerContext returned is 'undefined'. Seems you forgot to wrap the components in \"<DatePicker />\"`,\n  })\n\ninterface CalendarProps\n  extends Omit<\n    UseCalendarProps<Date | undefined>,\n    \"enableMultiple\" | \"enableRange\" | \"nextRef\" | \"prevRef\" | \"typeRef\"\n  > {}\n\ninterface UseDatePickerOptions {\n  /**\n   * If `true`, the calendar component will be closed when value is selected.\n   *\n   * @default true\n   */\n  closeOnSelect?: boolean\n}\n\nexport interface UseDatePickerProps\n  extends UseCalendarPickerProps<CalendarProps>,\n    UseDatePickerOptions {}\n\nexport const useDatePicker = ({\n  closeOnSelect = true,\n  defaultValue,\n  placeholder,\n  value: valueProp,\n  onChange: onChangeProp,\n  ...rest\n}: UseDatePickerProps) => {\n  const [value, setValue] = useControllableState<Date | undefined>({\n    defaultValue,\n    value: valueProp,\n    onChange: onChangeProp,\n    onUpdate: (prev, next) => !isSameDate(prev, next),\n  })\n\n  const {\n    allowInput,\n    dateToString,\n    inputFormat,\n    inputRef,\n    locale,\n    pattern,\n    stringToDate,\n    formControlProps,\n    getCalendarProps,\n    getContainerProps,\n    getFieldProps,\n    getIconProps,\n    getPopoverProps,\n    inputProps,\n    onClose,\n  } = useCalendarPicker({\n    ...rest,\n    defaultValue,\n    value,\n    onChange: (value: Date | undefined) => {\n      const inputValue = dateToString(value)\n\n      setValue(value)\n      setInputValue(inputValue)\n\n      if (closeOnSelect && value) onClose()\n    },\n    onClear: () => {\n      setValue(undefined)\n      setInputValue(undefined)\n    },\n    onClose: () => {\n      const inputValue = dateToString(value)\n\n      setInputValue(inputValue)\n\n      rest.onClose?.()\n    },\n  })\n\n  const [inputValue, setInputValue] = useState<string | undefined>(\n    dateToString(value),\n  )\n\n  const onChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      let inputValue = ev.target.value\n\n      inputValue = inputValue.replace(pattern, \"\")\n\n      const value = stringToDate(inputValue)\n\n      setInputValue(inputValue)\n\n      if (!!value && dayjs(value).isValid()) {\n        setValue(value)\n      } else {\n        setValue(undefined)\n      }\n    },\n    [pattern, stringToDate, setInputValue, setValue],\n  )\n\n  useUpdateEffect(() => {\n    setValue(valueProp)\n  }, [valueProp])\n\n  useUpdateEffect(() => {\n    if (inputRef.current && isActiveElement(inputRef.current)) return\n\n    const inputValue = dateToString(value)\n\n    setInputValue(inputValue)\n  }, [value])\n\n  useUpdateEffect(() => {\n    const inputValue = dateToString(value)\n\n    setInputValue(inputValue)\n  }, [locale, inputFormat])\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    (props = {}, ref = null) => {\n      const style: CSSProperties = {\n        ...props.style,\n        ...inputProps.style,\n        ...(formControlProps.disabled || !allowInput\n          ? { pointerEvents: \"none\" }\n          : {}),\n      }\n\n      return {\n        autoComplete: \"off\",\n        placeholder,\n        tabIndex: !allowInput ? -1 : 0,\n        ...formControlProps,\n        ...inputProps,\n        ...props,\n        ref,\n        style,\n        value: inputValue ?? \"\",\n        onChange: handlerAll(props.onChange, onChange),\n      }\n    },\n    [\n      inputProps,\n      allowInput,\n      placeholder,\n      formControlProps,\n      inputValue,\n      onChange,\n    ],\n  )\n\n  return {\n    value,\n    getCalendarProps,\n    getContainerProps,\n    getFieldProps,\n    getIconProps,\n    getInputProps,\n    getPopoverProps,\n    onClose,\n  }\n}\n\nexport type UseDatePickerReturn = ReturnType<typeof useDatePicker>\n"],"mappings":"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","names":["value","inputValue"]}