@sth87/shadcn-design-system 0.0.35 → 0.1.0

package/dist/cjs/components/DatePicker/DatePicker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.cjs","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  CalendarDayButton as SCalendarDayButton,\n  type CalendarDayButtonProps as SCalendarDayButtonProps,\n  Calendar,\n  type CalendarProps,\n  type CalendarColor,\n} from \"@dsui/ui/components/calendar\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@dsui/ui/components/popover\";\nimport {\n  Drawer,\n  DrawerContent,\n  DrawerDescription,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerTrigger,\n} from \"@dsui/ui/components/drawer\";\nimport { cn } from \"@dsui/ui/index\";\nimport { Input, type InputProps } from \"../Input\";\nimport { Button } from \"../Button\";\nimport {\n  TimePicker,\n  type TimePickerMode,\n  type DisabledTimeRange,\n} from \"./TimePicker\";\nimport { CalendarIcon } from \"lucide-react\";\nimport type { VariantProps } from \"class-variance-authority\";\nimport { isMobile } from \"react-device-detect\";\nimport { format as dfFormat, parse, isValid, type Locale } from \"date-fns\";\nimport { vi, enUS } from \"date-fns/locale\";\nimport { DATE_FORMAT } from \"@/constants/common\";\n\nfunction formatDate(\n  date: Date | undefined,\n  outputFormat: string = DATE_FORMAT,\n  locale?: Locale\n) {\n  if (!date) return \"\";\n\n  return dfFormat(date, outputFormat, locale ? { locale } : undefined);\n}\n\nconst parseDate = (\n  str: string,\n  inputFormat: string = DATE_FORMAT\n): Date | undefined => {\n  const date = parse(str, inputFormat, new Date());\n  return isValid(date) ? date : undefined;\n};\n\nfunction generateMaskFromFormat(format: string): string {\n  return format\n    .replace(/dd|MM|yyyy/g, (match) => {\n      switch (match) {\n        case \"dd\":\n        case \"MM\":\n          return \"99\";\n        case \"yyyy\":\n          return \"9999\";\n        default:\n          return match;\n      }\n    })\n    .replace(/d|M|y/g, (match) => {\n      switch (match) {\n        case \"d\":\n        case \"M\":\n          return \"9\";\n        case \"y\":\n          return \"9\";\n        default:\n          return match;\n      }\n    });\n}\n\nexport type FormatType = string | { input: string; output: string };\n\nexport type DatePickerRenderProps = {\n  value: string;\n  date?: Date;\n  onSelect: (date?: Date) => void;\n  onChange: (text?: string) => void;\n};\n\nexport type DatePickerProps = Omit<\n  InputProps,\n  \"value\" | \"onChange\" | \"onSelect\" | \"mask\" | \"children\"\n> & {\n  value?: string;\n  onChange?: (\n    event?: React.ChangeEvent<HTMLInputElement>,\n    value?: string,\n    date?: Date\n  ) => void;\n  onSelect?: (date?: Date, value?: string) => void;\n  calendarClassName?: string;\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  align?: \"start\" | \"center\" | \"end\";\n  size?: VariantProps<typeof Input>[\"size\"];\n  format?: FormatType;\n  language?: \"vi\" | \"en\";\n  mask?: boolean | string;\n  closeOnSelect?: boolean;\n  calendarConfig?: CalendarProps;\n  desktopMode?: \"popover\" | \"drawer\";\n  mobileMode?: \"popover\" | \"drawer\";\n  showOutsideDays?: boolean;\n  children?: (props: DatePickerRenderProps) => React.ReactNode;\n  showTime?: boolean;\n  timeFormat?: \"HH:mm\" | \"HH:mm:ss\";\n  hideDate?: boolean;\n  numberOfMonths?: number;\n  variant?: \"default\" | \"rounded\";\n  color?: CalendarColor;\n\n  // TimePicker configuration options\n  timePickerMode?: TimePickerMode; // Display mode: 'wheel' (default), 'select', 'compact'\n  hourInterval?: number; // Hour interval (e.g., 1, 2, 3) - defaults to 1\n  minuteInterval?: number; // Minute interval (e.g., 5, 10, 15, 30) - defaults to 1\n  secondInterval?: number; // Second interval (e.g., 5, 10, 15, 30) - defaults to 1\n  disabledTimes?: string[]; // Array of disabled times in \"HH:mm\" or \"HH:mm:ss\" format\n  disabledTimeRanges?: DisabledTimeRange[]; // Array of disabled time ranges\n  showNowButton?: boolean; // Show \"Now\" button to select current time\n  nowButtonLabel?: string; // Label for \"Now\" button (defaults to \"Now\")\n  timePickerLabel?:\n    | boolean\n    | { hours?: string; minutes?: string; seconds?: string };\n  openOnFocus?: boolean; // Auto open datepicker when input is focused (default: true)\n};\n\nexport function DatePicker({\n  value,\n  onChange,\n  onSelect,\n  calendarClassName,\n  side = \"bottom\",\n  align = \"end\",\n  format = \"dd/MM/yyyy\",\n  language = \"vi\",\n  mask,\n  closeOnSelect = false,\n  calendarConfig,\n  desktopMode = \"popover\",\n  mobileMode = \"drawer\",\n  showOutsideDays = true,\n  children,\n  showTime = false,\n  timeFormat = \"HH:mm\",\n  hideDate = false,\n  numberOfMonths = 1,\n  variant = \"default\",\n  color = \"primary\",\n  // TimePicker props\n  timePickerMode = \"wheel\",\n  hourInterval = 1,\n  minuteInterval = 1,\n  secondInterval = 1,\n  disabledTimes,\n  disabledTimeRanges,\n  showNowButton = false,\n  nowButtonLabel = \"Now\",\n  timePickerLabel,\n  openOnFocus = true,\n  ...props\n}: DatePickerProps) {\n  let inputFormat: string;\n  let outputFormat: string;\n  if (typeof format === \"string\") {\n    inputFormat = format;\n    outputFormat = format;\n  } else {\n    inputFormat = format.input;\n    outputFormat = format.output;\n  }\n\n  // Determine the mask to use\n  let maskToUse: string | undefined;\n  if (mask === true) {\n    maskToUse = generateMaskFromFormat(inputFormat);\n  } else if (typeof mask === \"string\") {\n    maskToUse = mask;\n  }\n  // If mask is false or undefined, maskToUse remains undefined\n\n  // Parse initial value with correct format\n  // - hideDate + showTime: time only (e.g., \"HH:mm\")\n  // - showTime: date + time (e.g., \"dd/MM/yyyy HH:mm\")\n  // - default: date only (e.g., \"dd/MM/yyyy\")\n  const fullFormat =\n    hideDate && showTime\n      ? timeFormat\n      : showTime\n        ? `${inputFormat} ${timeFormat}`\n        : inputFormat;\n\n  const initialDate = value ? parseDate(value, fullFormat) : undefined;\n\n  const [open, setOpen] = React.useState(false);\n  const [date, setDate] = React.useState<Date | undefined>(initialDate);\n  const [month, setMonth] = React.useState<Date | undefined>(initialDate);\n  const [inputValue, setInputValue] = React.useState(value || \"\");\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const isUserTyping = React.useRef(false);\n\n  const _locale: Locale = calendarConfig?.locale\n    ? (calendarConfig?.locale as Locale)\n    : language === \"en\"\n      ? enUS\n      : vi;\n\n  const mode = isMobile ? mobileMode : desktopMode;\n\n  // Sync inputValue when value prop changes from outside\n  React.useEffect(() => {\n    if (value !== inputValue && !isUserTyping.current) {\n      setInputValue(value || \"\");\n      const parsedDate = value ? parseDate(value, fullFormat) : undefined;\n      if (parsedDate) {\n        setDate(parsedDate);\n        setMonth(parsedDate);\n      } else if (!value) {\n        // Clear states if value is empty\n        setDate(undefined);\n        setMonth(undefined);\n      }\n    }\n  }, [value, inputValue, fullFormat]);\n\n  // Helper to format date-time based on showTime and timeFormat\n  const formatDateTimeValue = (d: Date | undefined): string => {\n    if (!d) return \"\";\n    let result = formatDate(d, outputFormat, _locale);\n    if (showTime) {\n      result += ` ${dfFormat(d, timeFormat)}`;\n    }\n    return result;\n  };\n\n  // Helper functions for render props\n  const handleSelectForRenderProp = (date?: Date) => {\n    setDate(date);\n    setInputValue(formatDateTimeValue(date));\n    onSelect?.(date, formatDateTimeValue(date));\n  };\n\n  const handleChangeForRenderProp = (text?: string) => {\n    if (!text) {\n      setInputValue(\"\");\n      setDate(undefined);\n      onSelect?.(undefined, undefined);\n      return;\n    }\n    setInputValue(text);\n    const parsedDate = parseDate(text, inputFormat);\n    if (parsedDate) {\n      setDate(parsedDate);\n      setMonth(parsedDate);\n      onSelect?.(parsedDate, formatDateTimeValue(parsedDate));\n    } else {\n      setDate(undefined);\n      onSelect?.(undefined, undefined);\n    }\n  };\n\n  const handleTimeChange = (\n    event?: React.ChangeEvent<HTMLInputElement>,\n    value?: string,\n    newDate?: Date\n  ) => {\n    if (!newDate) {\n      // Handle clear/invalid time\n      onChange?.(event, value, undefined);\n      return;\n    }\n\n    // Merge: keep date (year, month, day) from Calendar, take time (hours, minutes, seconds) from TimePicker\n    const mergedDate = new Date(date || new Date());\n    mergedDate.setHours(\n      newDate.getHours(),\n      newDate.getMinutes(),\n      newDate.getSeconds(),\n      0\n    );\n\n    setDate(mergedDate);\n    setInputValue(formatDateTimeValue(mergedDate));\n    onSelect?.(mergedDate, formatDateTimeValue(mergedDate));\n    onChange?.(event, formatDateTimeValue(mergedDate), mergedDate);\n  };\n\n  // Determine trigger component\n  const triggerComponent = children ? (\n    children({\n      value: inputValue,\n      date,\n      onSelect: handleSelectForRenderProp,\n      onChange: handleChangeForRenderProp,\n    })\n  ) : (\n    <Button\n      variant=\"ghost\"\n      className=\"!p-1 !leading-0 h-auto rounded hover:bg-accent transition-colors\"\n      size={props.size}\n    >\n      <CalendarIcon\n        className={cn({\n          \"size-3\": props.size === \"xs\" || props.size === \"sm\",\n          \"size-3.5\": !props.size || props.size === \"normal\",\n          \"size-4\": props.size === \"lg\" || props.size === \"xl\",\n        })}\n      />\n      <span className=\"sr-only\">Select date</span>\n    </Button>\n  );\n\n  const calendarSelection = (\n    <div\n      className={cn(\n        \"flex items-stretch mx-auto w-full\",\n        showTime && !hideDate ? \"gap-0 md:max-w-lg\" : \"\",\n        // mode === \"drawer\" ? \"mb-6\" : \"\",\n        isMobile ? \"max-w-md md:max-w-md lg:max-w-lg\" : \"\"\n      )}\n    >\n      {!hideDate && (\n        <Calendar\n          {...calendarConfig}\n          mode=\"single\"\n          selected={date}\n          captionLayout=\"dropdown\"\n          month={month}\n          onMonthChange={setMonth}\n          numberOfMonths={isMobile ? 1 : numberOfMonths || 1}\n          variant={variant}\n          color={color}\n          onSelect={(selectedDate) => {\n            // Preserve time from current date when selecting new date\n            let newDate = selectedDate;\n            if (selectedDate && date && showTime) {\n              newDate = new Date(selectedDate);\n              newDate.setHours(\n                date.getHours(),\n                date.getMinutes(),\n                date.getSeconds(),\n                date.getMilliseconds()\n              );\n            }\n            setDate(newDate);\n            setInputValue(formatDateTimeValue(newDate));\n            onSelect?.(newDate, formatDateTimeValue(newDate));\n            if (closeOnSelect && !showTime) setOpen(false);\n          }}\n          locale={_locale}\n          formatters={{\n            formatMonthDropdown: (date) =>\n              date.toLocaleString(_locale.code, { month: \"short\" }),\n          }}\n          showOutsideDays={showOutsideDays}\n          className={cn(\n            \"my-auto bg-transparent mx-auto\",\n            {\n              \"[--cell-size:clamp(0px,calc(100vw/7.5),52px)] mb-8 bg-transparent\":\n                (isMobile && !showTime) || desktopMode === \"drawer\",\n              \"[--cell-size:clamp(0px,calc(100vw/7.5),34px)]\":\n                !isMobile && desktopMode !== \"drawer\",\n              \"w-full\": mode === \"drawer\" && showTime,\n            },\n            calendarClassName\n          )}\n        />\n      )}\n      {showTime && (\n        <div className=\"border-l border-border\">\n          <TimePicker\n            value={date ? dfFormat(date, timeFormat) : undefined}\n            format={timeFormat}\n            onChange={handleTimeChange}\n            showHours\n            showMinutes\n            showSeconds={timeFormat === \"HH:mm:ss\"}\n            mode={timePickerMode}\n            hourInterval={hourInterval}\n            minuteInterval={minuteInterval}\n            secondInterval={secondInterval}\n            disabledTimes={disabledTimes}\n            disabledTimeRanges={disabledTimeRanges}\n            showNowButton={showNowButton}\n            nowButtonLabel={nowButtonLabel}\n            timeLabel={timePickerLabel}\n            standalone={false}\n            color={color}\n            isOpen={open}\n          />\n        </div>\n      )}\n    </div>\n  );\n\n  const popPicker = (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild disabled={props.disabled}>\n        {triggerComponent}\n      </PopoverTrigger>\n      <PopoverContent\n        className={cn(\n          \"w-auto overflow-hidden p-0\",\n          \"backdrop-blur bg-background/50\"\n        )}\n        side={side}\n        align={align}\n      >\n        {calendarSelection}\n      </PopoverContent>\n    </Popover>\n  );\n\n  const drawPicker = (\n    <Drawer open={open} onOpenChange={setOpen}>\n      <DrawerTrigger asChild>{triggerComponent}</DrawerTrigger>\n      <DrawerContent\n        className={cn(\n          \"w-auto overflow-hidden p-0\",\n          \"backdrop-blur bg-background\"\n        )}\n      >\n        <DrawerHeader className=\"sr-only\">\n          <DrawerTitle>Select date</DrawerTitle>\n          <DrawerDescription>Set date</DrawerDescription>\n        </DrawerHeader>\n        {calendarSelection}\n      </DrawerContent>\n    </Drawer>\n  );\n\n  // If children is provided, use render prop pattern with picker\n  if (children) {\n    return mode === \"drawer\" ? drawPicker : popPicker;\n  }\n\n  // Default input rendering\n  return (\n    <Input\n      {...props}\n      ref={inputRef}\n      type=\"text\"\n      clearable\n      value={inputValue}\n      mask={maskToUse}\n      onChange={(e) => {\n        isUserTyping.current = true;\n        setInputValue(e.target.value);\n        const date = parseDate(e.target.value, inputFormat);\n        if (date) {\n          setDate(date);\n          setMonth(date);\n          onSelect?.(date, formatDateTimeValue(date));\n          onChange?.(e, formatDateTimeValue(date), date);\n        } else {\n          onSelect?.(undefined, undefined);\n          onChange?.(e, undefined, undefined);\n        }\n      }}\n      onFocus={(e) => {\n        // Don't auto-open if mask is enabled - user wants to type directly\n        if (openOnFocus && !open && !maskToUse) {\n          setOpen(true);\n        }\n        props.onFocus?.(e);\n      }}\n      onBlur={(e) => {\n        // Don't clear value when picker is open - user might be interacting with it\n        // The onBlur fires when focus moves to the picker\n        setTimeout(() => {\n          isUserTyping.current = false;\n          // Only validate and clear if picker is closed\n          if (!open) {\n            const parsedDate = parseDate(inputValue, inputFormat);\n            if (!parsedDate && inputValue) {\n              setInputValue(\"\");\n              setDate(undefined);\n              setMonth(undefined);\n              onSelect?.(undefined, undefined);\n            }\n          }\n        }, 150);\n        props.onBlur?.(e);\n      }}\n      onKeyDown={(e) => {\n        if (e.key === \"ArrowDown\") {\n          e.preventDefault();\n          setOpen(true);\n        }\n        props.onKeyDown?.(e);\n      }}\n      suffixIcon={mode === \"drawer\" ? drawPicker : popPicker}\n    />\n  );\n}\n"],"names":["formatDate","date","outputFormat","DATE_FORMAT","locale","dfFormat","parseDate","str","inputFormat","parse","isValid","generateMaskFromFormat","format","match","DatePicker","value","onChange","onSelect","calendarClassName","side","align","language","mask","closeOnSelect","calendarConfig","desktopMode","mobileMode","showOutsideDays","children","showTime","timeFormat","hideDate","numberOfMonths","variant","color","timePickerMode","hourInterval","minuteInterval","secondInterval","disabledTimes","disabledTimeRanges","showNowButton","nowButtonLabel","timePickerLabel","openOnFocus","props","maskToUse","fullFormat","initialDate","open","setOpen","React","setDate","month","setMonth","inputValue","setInputValue","inputRef","isUserTyping","_locale","enUS","vi","mode","isMobile","parsedDate","formatDateTimeValue","d","result","handleSelectForRenderProp","handleChangeForRenderProp","text","handleTimeChange","event","newDate","mergedDate","triggerComponent","jsxs","Button","jsx","CalendarIcon","cn","calendarSelection","Calendar","selectedDate","TimePicker","popPicker","Popover","PopoverTrigger","PopoverContent","drawPicker","Drawer","DrawerTrigger","DrawerContent","DrawerHeader","DrawerTitle","DrawerDescription","Input"],"mappings":"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"}
+{"version":3,"file":"DatePicker.cjs","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  CalendarDayButton as SCalendarDayButton,\n  type CalendarDayButtonProps as SCalendarDayButtonProps,\n  Calendar,\n  type CalendarProps,\n  type CalendarColor,\n} from \"@dsui/ui/components/calendar\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@dsui/ui/components/popover\";\nimport {\n  Drawer,\n  DrawerContent,\n  DrawerDescription,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerTrigger,\n} from \"@dsui/ui/components/drawer\";\nimport { cn } from \"@dsui/ui/index\";\nimport { Input, type InputProps } from \"../Input\";\nimport { Button } from \"../Button\";\nimport {\n  TimePicker,\n  type TimePickerMode,\n  type DisabledTimeRange,\n} from \"./TimePicker\";\nimport { CalendarIcon } from \"lucide-react\";\nimport type { VariantProps } from \"class-variance-authority\";\nimport { isMobile } from \"react-device-detect\";\nimport { format as dfFormat, parse, isValid, type Locale } from \"date-fns\";\nimport { vi, enUS } from \"date-fns/locale\";\nimport { DATE_FORMAT } from \"@/constants/common\";\n\nfunction formatDate(\n  date: Date | undefined,\n  outputFormat: string = DATE_FORMAT,\n  locale?: Locale\n) {\n  if (!date) return \"\";\n\n  return dfFormat(date, outputFormat, locale ? { locale } : undefined);\n}\n\nconst parseDate = (\n  str: string,\n  inputFormat: string = DATE_FORMAT\n): Date | undefined => {\n  const date = parse(str, inputFormat, new Date());\n  return isValid(date) ? date : undefined;\n};\n\nfunction generateMaskFromFormat(format: string): string {\n  return format\n    .replace(/dd|MM|yyyy/g, (match) => {\n      switch (match) {\n        case \"dd\":\n        case \"MM\":\n          return \"99\";\n        case \"yyyy\":\n          return \"9999\";\n        default:\n          return match;\n      }\n    })\n    .replace(/d|M|y/g, (match) => {\n      switch (match) {\n        case \"d\":\n        case \"M\":\n          return \"9\";\n        case \"y\":\n          return \"9\";\n        default:\n          return match;\n      }\n    });\n}\n\nexport type FormatType = string | { input: string; output: string };\n\nexport type DatePickerRenderProps = {\n  value: string;\n  date?: Date;\n  onSelect: (date?: Date) => void;\n  onChange: (text?: string) => void;\n};\n\nexport type DatePickerProps = Omit<\n  InputProps,\n  \"value\" | \"onChange\" | \"onSelect\" | \"mask\" | \"children\"\n> & {\n  value?: string;\n  onChange?: (\n    event?: React.ChangeEvent<HTMLInputElement>,\n    value?: string,\n    date?: Date\n  ) => void;\n  onSelect?: (date?: Date, value?: string) => void;\n  calendarClassName?: string;\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  align?: \"start\" | \"center\" | \"end\";\n  size?: VariantProps<typeof Input>[\"size\"];\n  format?: FormatType;\n  language?: \"vi\" | \"en\";\n  mask?: boolean | string;\n  closeOnSelect?: boolean;\n  calendarConfig?: CalendarProps;\n  desktopMode?: \"popover\" | \"drawer\";\n  mobileMode?: \"popover\" | \"drawer\";\n  showOutsideDays?: boolean;\n  children?: (props: DatePickerRenderProps) => React.ReactNode;\n  showTime?: boolean;\n  timeFormat?: \"HH:mm\" | \"HH:mm:ss\";\n  hideDate?: boolean;\n  numberOfMonths?: number;\n  variant?: \"default\" | \"rounded\";\n  color?: CalendarColor;\n\n  // TimePicker configuration options\n  timePickerMode?: TimePickerMode; // Display mode: 'wheel' (default), 'select', 'compact'\n  hourInterval?: number; // Hour interval (e.g., 1, 2, 3) - defaults to 1\n  minuteInterval?: number; // Minute interval (e.g., 5, 10, 15, 30) - defaults to 1\n  secondInterval?: number; // Second interval (e.g., 5, 10, 15, 30) - defaults to 1\n  disabledTimes?: string[]; // Array of disabled times in \"HH:mm\" or \"HH:mm:ss\" format\n  disabledTimeRanges?: DisabledTimeRange[]; // Array of disabled time ranges\n  showNowButton?: boolean; // Show \"Now\" button to select current time\n  nowButtonLabel?: string; // Label for \"Now\" button (defaults to \"Now\")\n  timePickerLabel?:\n    | boolean\n    | { hours?: string; minutes?: string; seconds?: string };\n  openOnFocus?: boolean; // Auto open datepicker when input is focused (default: true)\n};\n\nexport function DatePicker({\n  value,\n  onChange,\n  onSelect,\n  calendarClassName,\n  side = \"bottom\",\n  align = \"end\",\n  format = \"dd/MM/yyyy\",\n  language = \"vi\",\n  mask,\n  closeOnSelect = false,\n  calendarConfig,\n  desktopMode = \"popover\",\n  mobileMode = \"drawer\",\n  showOutsideDays = true,\n  children,\n  showTime = false,\n  timeFormat = \"HH:mm\",\n  hideDate = false,\n  numberOfMonths = 1,\n  variant = \"default\",\n  color = \"primary\",\n  // TimePicker props\n  timePickerMode = \"wheel\",\n  hourInterval = 1,\n  minuteInterval = 1,\n  secondInterval = 1,\n  disabledTimes,\n  disabledTimeRanges,\n  showNowButton = false,\n  nowButtonLabel = \"Now\",\n  timePickerLabel,\n  openOnFocus = true,\n  ...props\n}: DatePickerProps) {\n  let inputFormat: string;\n  let outputFormat: string;\n  if (typeof format === \"string\") {\n    inputFormat = format;\n    outputFormat = format;\n  } else {\n    inputFormat = format.input;\n    outputFormat = format.output;\n  }\n\n  // Determine the mask to use\n  let maskToUse: string | undefined;\n  if (mask === true) {\n    maskToUse = generateMaskFromFormat(inputFormat);\n  } else if (typeof mask === \"string\") {\n    maskToUse = mask;\n  }\n  // If mask is false or undefined, maskToUse remains undefined\n\n  // Parse initial value with correct format\n  // - hideDate + showTime: time only (e.g., \"HH:mm\")\n  // - showTime: date + time (e.g., \"dd/MM/yyyy HH:mm\")\n  // - default: date only (e.g., \"dd/MM/yyyy\")\n  const fullFormat =\n    hideDate && showTime\n      ? timeFormat\n      : showTime\n        ? `${inputFormat} ${timeFormat}`\n        : inputFormat;\n\n  const initialDate = value ? parseDate(value, fullFormat) : undefined;\n\n  const [open, setOpen] = React.useState(false);\n  const [date, setDate] = React.useState<Date | undefined>(initialDate);\n  const [month, setMonth] = React.useState<Date | undefined>(initialDate);\n  const [inputValue, setInputValue] = React.useState(value || \"\");\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const isUserTyping = React.useRef(false);\n\n  const _locale: Locale = calendarConfig?.locale\n    ? (calendarConfig?.locale as Locale)\n    : language === \"en\"\n      ? enUS\n      : vi;\n\n  const mode = isMobile ? mobileMode : desktopMode;\n\n  // Sync inputValue when value prop changes from outside\n  React.useEffect(() => {\n    if (value !== inputValue && !isUserTyping.current) {\n      setInputValue(value || \"\");\n      const parsedDate = value ? parseDate(value, fullFormat) : undefined;\n      if (parsedDate) {\n        setDate(parsedDate);\n        setMonth(parsedDate);\n      } else if (!value) {\n        // Clear states if value is empty\n        setDate(undefined);\n        setMonth(undefined);\n      }\n    }\n  }, [value, inputValue, fullFormat]);\n\n  // Helper to format date-time based on showTime and timeFormat\n  const formatDateTimeValue = (d: Date | undefined): string => {\n    if (!d) return \"\";\n    let result = formatDate(d, outputFormat, _locale);\n    if (showTime) {\n      result += ` ${dfFormat(d, timeFormat)}`;\n    }\n    return result;\n  };\n\n  // Helper functions for render props\n  const handleSelectForRenderProp = (date?: Date) => {\n    setDate(date);\n    setInputValue(formatDateTimeValue(date));\n    onSelect?.(date, formatDateTimeValue(date));\n  };\n\n  const handleChangeForRenderProp = (text?: string) => {\n    if (!text) {\n      setInputValue(\"\");\n      setDate(undefined);\n      onSelect?.(undefined, undefined);\n      return;\n    }\n    setInputValue(text);\n    const parsedDate = parseDate(text, inputFormat);\n    if (parsedDate) {\n      setDate(parsedDate);\n      setMonth(parsedDate);\n      onSelect?.(parsedDate, formatDateTimeValue(parsedDate));\n    } else {\n      setDate(undefined);\n      onSelect?.(undefined, undefined);\n    }\n  };\n\n  const handleTimeChange = (\n    event?: React.ChangeEvent<HTMLInputElement>,\n    value?: string,\n    newDate?: Date\n  ) => {\n    if (!newDate) {\n      // Handle clear/invalid time\n      onChange?.(event, value, undefined);\n      return;\n    }\n\n    // Merge: keep date (year, month, day) from Calendar, take time (hours, minutes, seconds) from TimePicker\n    const mergedDate = new Date(date || new Date());\n    mergedDate.setHours(\n      newDate.getHours(),\n      newDate.getMinutes(),\n      newDate.getSeconds(),\n      0\n    );\n\n    setDate(mergedDate);\n    setInputValue(formatDateTimeValue(mergedDate));\n    onSelect?.(mergedDate, formatDateTimeValue(mergedDate));\n    onChange?.(event, formatDateTimeValue(mergedDate), mergedDate);\n  };\n\n  // Determine trigger component\n  const triggerComponent = children ? (\n    children({\n      value: inputValue,\n      date,\n      onSelect: handleSelectForRenderProp,\n      onChange: handleChangeForRenderProp,\n    })\n  ) : (\n    <Button\n      variant=\"ghost\"\n      className=\"ds:!p-1 ds:!leading-0 ds:h-auto ds:rounded ds:hover:bg-accent ds:transition-colors\"\n      size={props.size}\n    >\n      <CalendarIcon\n        className={cn({\n          \"ds:size-3\": props.size === \"xs\" || props.size === \"sm\",\n          \"ds:size-3.5\": !props.size || props.size === \"normal\",\n          \"ds:size-4\": props.size === \"lg\" || props.size === \"xl\",\n        })}\n      />\n      <span className=\"ds:sr-only\">Select date</span>\n    </Button>\n  );\n\n  const calendarSelection = (\n    <div\n      className={cn(\n        \"ds:flex ds:items-stretch ds:mx-auto ds:w-full\",\n        showTime && !hideDate ? \"ds:gap-0 ds:md:max-w-lg\" : \"\",\n        // mode === \"drawer\" ? \"mb-6\" : \"\",\n        isMobile ? \"ds:max-w-md ds:md:max-w-md ds:lg:max-w-lg\" : \"\"\n      )}\n    >\n      {!hideDate && (\n        <Calendar\n          {...calendarConfig}\n          mode=\"single\"\n          selected={date}\n          captionLayout=\"dropdown\"\n          month={month}\n          onMonthChange={setMonth}\n          numberOfMonths={isMobile ? 1 : numberOfMonths || 1}\n          variant={variant}\n          color={color}\n          onSelect={(selectedDate) => {\n            // Preserve time from current date when selecting new date\n            let newDate = selectedDate;\n            if (selectedDate && date && showTime) {\n              newDate = new Date(selectedDate);\n              newDate.setHours(\n                date.getHours(),\n                date.getMinutes(),\n                date.getSeconds(),\n                date.getMilliseconds()\n              );\n            }\n            setDate(newDate);\n            setInputValue(formatDateTimeValue(newDate));\n            onSelect?.(newDate, formatDateTimeValue(newDate));\n            if (closeOnSelect && !showTime) setOpen(false);\n          }}\n          locale={_locale}\n          formatters={{\n            formatMonthDropdown: (date) =>\n              date.toLocaleString(_locale.code, { month: \"short\" }),\n          }}\n          showOutsideDays={showOutsideDays}\n          className={cn(\n            \"ds:my-auto ds:bg-transparent ds:mx-auto\",\n            {\n              \"ds:[--cell-size:clamp(0px,calc(100vw/7.5),52px)] ds:mb-8 ds:bg-transparent\":\n                (isMobile && !showTime) || desktopMode === \"drawer\",\n              \"ds:[--cell-size:clamp(0px,calc(100vw/7.5),34px)]\":\n                !isMobile && desktopMode !== \"drawer\",\n              \"ds:w-full\": mode === \"drawer\" && showTime,\n            },\n            calendarClassName\n          )}\n        />\n      )}\n      {showTime && (\n        <div className=\"ds:border-l ds:border-border\">\n          <TimePicker\n            value={date ? dfFormat(date, timeFormat) : undefined}\n            format={timeFormat}\n            onChange={handleTimeChange}\n            showHours\n            showMinutes\n            showSeconds={timeFormat === \"HH:mm:ss\"}\n            mode={timePickerMode}\n            hourInterval={hourInterval}\n            minuteInterval={minuteInterval}\n            secondInterval={secondInterval}\n            disabledTimes={disabledTimes}\n            disabledTimeRanges={disabledTimeRanges}\n            showNowButton={showNowButton}\n            nowButtonLabel={nowButtonLabel}\n            timeLabel={timePickerLabel}\n            standalone={false}\n            color={color}\n            isOpen={open}\n          />\n        </div>\n      )}\n    </div>\n  );\n\n  const popPicker = (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild disabled={props.disabled}>\n        {triggerComponent}\n      </PopoverTrigger>\n      <PopoverContent\n        className={cn(\n          \"ds:w-auto ds:overflow-hidden ds:p-0\",\n          \"ds:backdrop-blur ds:bg-background/50\"\n        )}\n        side={side}\n        align={align}\n      >\n        {calendarSelection}\n      </PopoverContent>\n    </Popover>\n  );\n\n  const drawPicker = (\n    <Drawer open={open} onOpenChange={setOpen}>\n      <DrawerTrigger asChild>{triggerComponent}</DrawerTrigger>\n      <DrawerContent\n        className={cn(\n          \"ds:w-auto ds:overflow-hidden ds:p-0\",\n          \"ds:backdrop-blur ds:bg-background\"\n        )}\n      >\n        <DrawerHeader className=\"ds:sr-only\">\n          <DrawerTitle>Select date</DrawerTitle>\n          <DrawerDescription>Set date</DrawerDescription>\n        </DrawerHeader>\n        {calendarSelection}\n      </DrawerContent>\n    </Drawer>\n  );\n\n  // If children is provided, use render prop pattern with picker\n  if (children) {\n    return mode === \"drawer\" ? drawPicker : popPicker;\n  }\n\n  // Default input rendering\n  return (\n    <Input\n      {...props}\n      ref={inputRef}\n      type=\"text\"\n      clearable\n      value={inputValue}\n      mask={maskToUse}\n      onChange={(e) => {\n        isUserTyping.current = true;\n        setInputValue(e.target.value);\n        const date = parseDate(e.target.value, inputFormat);\n        if (date) {\n          setDate(date);\n          setMonth(date);\n          onSelect?.(date, formatDateTimeValue(date));\n          onChange?.(e, formatDateTimeValue(date), date);\n        } else {\n          onSelect?.(undefined, undefined);\n          onChange?.(e, undefined, undefined);\n        }\n      }}\n      onFocus={(e) => {\n        // Don't auto-open if mask is enabled - user wants to type directly\n        if (openOnFocus && !open && !maskToUse) {\n          setOpen(true);\n        }\n        props.onFocus?.(e);\n      }}\n      onBlur={(e) => {\n        // Don't clear value when picker is open - user might be interacting with it\n        // The onBlur fires when focus moves to the picker\n        setTimeout(() => {\n          isUserTyping.current = false;\n          // Only validate and clear if picker is closed\n          if (!open) {\n            const parsedDate = parseDate(inputValue, inputFormat);\n            if (!parsedDate && inputValue) {\n              setInputValue(\"\");\n              setDate(undefined);\n              setMonth(undefined);\n              onSelect?.(undefined, undefined);\n            }\n          }\n        }, 150);\n        props.onBlur?.(e);\n      }}\n      onKeyDown={(e) => {\n        if (e.key === \"ArrowDown\") {\n          e.preventDefault();\n          setOpen(true);\n        }\n        props.onKeyDown?.(e);\n      }}\n      suffixIcon={mode === \"drawer\" ? drawPicker : popPicker}\n    />\n  );\n}\n"],"names":["formatDate","date","outputFormat","DATE_FORMAT","locale","dfFormat","parseDate","str","inputFormat","parse","isValid","generateMaskFromFormat","format","match","DatePicker","value","onChange","onSelect","calendarClassName","side","align","language","mask","closeOnSelect","calendarConfig","desktopMode","mobileMode","showOutsideDays","children","showTime","timeFormat","hideDate","numberOfMonths","variant","color","timePickerMode","hourInterval","minuteInterval","secondInterval","disabledTimes","disabledTimeRanges","showNowButton","nowButtonLabel","timePickerLabel","openOnFocus","props","maskToUse","fullFormat","initialDate","open","setOpen","React","setDate","month","setMonth","inputValue","setInputValue","inputRef","isUserTyping","_locale","enUS","vi","mode","isMobile","parsedDate","formatDateTimeValue","d","result","handleSelectForRenderProp","handleChangeForRenderProp","text","handleTimeChange","event","newDate","mergedDate","triggerComponent","jsxs","Button","jsx","CalendarIcon","cn","calendarSelection","Calendar","selectedDate","TimePicker","popPicker","Popover","PopoverTrigger","PopoverContent","drawPicker","Drawer","DrawerTrigger","DrawerContent","DrawerHeader","DrawerTitle","DrawerDescription","Input"],"mappings":"6nEAoCA,SAASA,GACPC,EACAC,EAAuBC,EAAAA,YACvBC,EACA,CACA,OAAKH,EAEEI,EAAAA,OAASJ,EAAMC,EAAcE,EAAS,CAAE,OAAAA,CAAA,EAAW,MAAS,EAFjD,EAGpB,CAEA,MAAME,EAAY,CAChBC,EACAC,EAAsBL,gBACD,CACrB,MAAMF,EAAOQ,EAAAA,MAAMF,EAAKC,EAAa,IAAI,IAAM,EAC/C,OAAOE,UAAQT,CAAI,EAAIA,EAAO,MAChC,EAEA,SAASU,GAAuBC,EAAwB,CACtD,OAAOA,EACJ,QAAQ,cAAgBC,GAAU,CACjC,OAAQA,EAAA,CACN,IAAK,KACL,IAAK,KACH,MAAO,KACT,IAAK,OACH,MAAO,OACT,QACE,OAAOA,CAAA,CAEb,CAAC,EACA,QAAQ,SAAWA,GAAU,CAC5B,OAAQA,EAAA,CACN,IAAK,IACL,IAAK,IACH,MAAO,IACT,IAAK,IACH,MAAO,IACT,QACE,OAAOA,CAAA,CAEb,CAAC,CACL,CAyDO,SAASC,GAAW,CACzB,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,kBAAAC,EACA,KAAAC,EAAO,SACP,MAAAC,EAAQ,MACR,OAAAR,EAAS,aACT,SAAAS,EAAW,KACX,KAAAC,EACA,cAAAC,EAAgB,GAChB,eAAAC,EACA,YAAAC,EAAc,UACd,WAAAC,EAAa,SACb,gBAAAC,EAAkB,GAClB,SAAAC,EACA,SAAAC,EAAW,GACX,WAAAC,EAAa,QACb,SAAAC,EAAW,GACX,eAAAC,GAAiB,EACjB,QAAAC,GAAU,UACV,MAAAC,EAAQ,UAER,eAAAC,GAAiB,QACjB,aAAAC,GAAe,EACf,eAAAC,GAAiB,EACjB,eAAAC,GAAiB,EACjB,cAAAC,GACA,mBAAAC,GACA,cAAAC,GAAgB,GAChB,eAAAC,GAAiB,MACjB,gBAAAC,GACA,YAAAC,GAAc,GACd,GAAGC,CACL,EAAoB,CAClB,IAAIrC,EACAN,EACA,OAAOU,GAAW,UACpBJ,EAAcI,EACdV,EAAeU,IAEfJ,EAAcI,EAAO,MACrBV,EAAeU,EAAO,QAIxB,IAAIkC,EACAxB,IAAS,GACXwB,EAAYnC,GAAuBH,CAAW,EACrC,OAAOc,GAAS,WACzBwB,EAAYxB,GAQd,MAAMyB,EACJhB,GAAYF,EACRC,EACAD,EACE,GAAGrB,CAAW,IAAIsB,CAAU,GAC5BtB,EAEFwC,EAAcjC,EAAQT,EAAUS,EAAOgC,CAAU,EAAI,OAErD,CAACE,EAAMC,CAAO,EAAIC,EAAM,SAAS,EAAK,EACtC,CAAClD,EAAMmD,CAAO,EAAID,EAAM,SAA2BH,CAAW,EAC9D,CAACK,GAAOC,CAAQ,EAAIH,EAAM,SAA2BH,CAAW,EAChE,CAACO,EAAYC,CAAa,EAAIL,EAAM,SAASpC,GAAS,EAAE,EACxD0C,GAAWN,EAAM,OAAyB,IAAI,EAC9CO,EAAeP,EAAM,OAAO,EAAK,EAEjCQ,EAAkBnC,GAAgB,OACnCA,GAAgB,OACjBH,IAAa,KACXuC,EAAAA,KACAC,EAAAA,GAEAC,EAAOC,WAAWrC,EAAaD,EAGrC0B,EAAM,UAAU,IAAM,CACpB,GAAIpC,IAAUwC,GAAc,CAACG,EAAa,QAAS,CACjDF,EAAczC,GAAS,EAAE,EACzB,MAAMiD,EAAajD,EAAQT,EAAUS,EAAOgC,CAAU,EAAI,OACtDiB,GACFZ,EAAQY,CAAU,EAClBV,EAASU,CAAU,GACTjD,IAEVqC,EAAQ,MAAS,EACjBE,EAAS,MAAS,EAEtB,CACF,EAAG,CAACvC,EAAOwC,EAAYR,CAAU,CAAC,EAGlC,MAAMkB,EAAuBC,GAAgC,CAC3D,GAAI,CAACA,EAAG,MAAO,GACf,IAAIC,EAASnE,GAAWkE,EAAGhE,EAAcyD,CAAO,EAChD,OAAI9B,IACFsC,GAAU,IAAI9D,EAAAA,OAAS6D,EAAGpC,CAAU,CAAC,IAEhCqC,CACT,EAGMC,GAA6BnE,GAAgB,CACjDmD,EAAQnD,CAAI,EACZuD,EAAcS,EAAoBhE,CAAI,CAAC,EACvCgB,IAAWhB,EAAMgE,EAAoBhE,CAAI,CAAC,CAC5C,EAEMoE,GAA6BC,GAAkB,CACnD,GAAI,CAACA,EAAM,CACTd,EAAc,EAAE,EAChBJ,EAAQ,MAAS,EACjBnC,IAAW,OAAW,MAAS,EAC/B,MACF,CACAuC,EAAcc,CAAI,EAClB,MAAMN,EAAa1D,EAAUgE,EAAM9D,CAAW,EAC1CwD,GACFZ,EAAQY,CAAU,EAClBV,EAASU,CAAU,EACnB/C,IAAW+C,EAAYC,EAAoBD,CAAU,CAAC,IAEtDZ,EAAQ,MAAS,EACjBnC,IAAW,OAAW,MAAS,EAEnC,EAEMsD,GAAmB,CACvBC,EACAzD,EACA0D,IACG,CACH,GAAI,CAACA,EAAS,CAEZzD,IAAWwD,EAAOzD,EAAO,MAAS,EAClC,MACF,CAGA,MAAM2D,EAAa,IAAI,KAAKzE,GAAQ,IAAI,IAAM,EAC9CyE,EAAW,SACTD,EAAQ,SAAA,EACRA,EAAQ,WAAA,EACRA,EAAQ,WAAA,EACR,CAAA,EAGFrB,EAAQsB,CAAU,EAClBlB,EAAcS,EAAoBS,CAAU,CAAC,EAC7CzD,IAAWyD,EAAYT,EAAoBS,CAAU,CAAC,EACtD1D,IAAWwD,EAAOP,EAAoBS,CAAU,EAAGA,CAAU,CAC/D,EAGMC,EAAmB/C,EACvBA,EAAS,CACP,MAAO2B,EACP,KAAAtD,EACA,SAAUmE,GACV,SAAUC,EAAA,CACX,EAEDO,EAAAA,KAACC,GAAAA,QAAA,CACC,QAAQ,QACR,UAAU,qFACV,KAAMhC,EAAM,KAEZ,SAAA,CAAAiC,EAAAA,IAACC,GAAAA,aAAA,CACC,UAAWC,EAAAA,GAAG,CACZ,YAAanC,EAAM,OAAS,MAAQA,EAAM,OAAS,KACnD,cAAe,CAACA,EAAM,MAAQA,EAAM,OAAS,SAC7C,YAAaA,EAAM,OAAS,MAAQA,EAAM,OAAS,IAAA,CACpD,CAAA,CAAA,EAEHiC,EAAAA,IAAC,OAAA,CAAK,UAAU,aAAa,SAAA,aAAA,CAAW,CAAA,CAAA,CAAA,EAItCG,EACJL,EAAAA,KAAC,MAAA,CACC,UAAWI,EAAAA,GACT,gDACAnD,GAAY,CAACE,EAAW,0BAA4B,GAEpDgC,EAAAA,SAAW,4CAA8C,EAAA,EAG1D,SAAA,CAAA,CAAChC,GACA+C,EAAAA,IAACI,GAAAA,SAAA,CACE,GAAG1D,EACJ,KAAK,SACL,SAAUvB,EACV,cAAc,WACd,MAAAoD,GACA,cAAeC,EACf,eAAgBS,EAAAA,SAAW,EAAI/B,IAAkB,EACjD,QAAAC,GACA,MAAAC,EACA,SAAWiD,GAAiB,CAE1B,IAAIV,EAAUU,EACVA,GAAgBlF,GAAQ4B,IAC1B4C,EAAU,IAAI,KAAKU,CAAY,EAC/BV,EAAQ,SACNxE,EAAK,SAAA,EACLA,EAAK,WAAA,EACLA,EAAK,WAAA,EACLA,EAAK,gBAAA,CAAgB,GAGzBmD,EAAQqB,CAAO,EACfjB,EAAcS,EAAoBQ,CAAO,CAAC,EAC1CxD,IAAWwD,EAASR,EAAoBQ,CAAO,CAAC,EAC5ClD,GAAiB,CAACM,GAAUqB,EAAQ,EAAK,CAC/C,EACA,OAAQS,EACR,WAAY,CACV,oBAAsB1D,GACpBA,EAAK,eAAe0D,EAAQ,KAAM,CAAE,MAAO,OAAA,CAAS,CAAA,EAExD,gBAAAhC,EACA,UAAWqD,EAAAA,GACT,0CACA,CACE,6EACGjB,EAAAA,UAAY,CAAClC,GAAaJ,IAAgB,SAC7C,mDACE,CAACsC,YAAYtC,IAAgB,SAC/B,YAAaqC,IAAS,UAAYjC,CAAA,EAEpCX,CAAA,CACF,CAAA,EAGHW,GACCiD,EAAAA,IAAC,MAAA,CAAI,UAAU,+BACb,SAAAA,EAAAA,IAACM,GAAAA,WAAA,CACC,MAAOnF,EAAOI,EAAAA,OAASJ,EAAM6B,CAAU,EAAI,OAC3C,OAAQA,EACR,SAAUyC,GACV,UAAS,GACT,YAAW,GACX,YAAazC,IAAe,WAC5B,KAAMK,GACN,aAAAC,GACA,eAAAC,GACA,eAAAC,GACA,cAAAC,GACA,mBAAAC,GACA,cAAAC,GACA,eAAAC,GACA,UAAWC,GACX,WAAY,GACZ,MAAAT,EACA,OAAQe,CAAA,CAAA,CACV,CACF,CAAA,CAAA,CAAA,EAKAoC,EACJT,EAAAA,KAACU,EAAAA,QAAA,CAAQ,KAAArC,EAAY,aAAcC,EACjC,SAAA,CAAA4B,MAACS,EAAAA,gBAAe,QAAO,GAAC,SAAU1C,EAAM,SACrC,SAAA8B,EACH,EACAG,EAAAA,IAACU,EAAAA,eAAA,CACC,UAAWR,EAAAA,GACT,sCACA,sCAAA,EAEF,KAAA7D,EACA,MAAAC,EAEC,SAAA6D,CAAA,CAAA,CACH,EACF,EAGIQ,EACJb,EAAAA,KAACc,EAAAA,OAAA,CAAO,KAAAzC,EAAY,aAAcC,EAChC,SAAA,CAAA4B,EAAAA,IAACa,EAAAA,cAAA,CAAc,QAAO,GAAE,SAAAhB,EAAiB,EACzCC,EAAAA,KAACgB,EAAAA,cAAA,CACC,UAAWZ,EAAAA,GACT,sCACA,mCAAA,EAGF,SAAA,CAAAJ,EAAAA,KAACiB,EAAAA,aAAA,CAAa,UAAU,aACtB,SAAA,CAAAf,EAAAA,IAACgB,EAAAA,aAAY,SAAA,aAAA,CAAW,EACxBhB,EAAAA,IAACiB,EAAAA,mBAAkB,SAAA,UAAA,CAAQ,CAAA,EAC7B,EACCd,CAAA,CAAA,CAAA,CACH,EACF,EAIF,OAAIrD,EACKkC,IAAS,SAAW2B,EAAaJ,EAKxCP,EAAAA,IAACkB,GAAAA,QAAA,CACE,GAAGnD,EACJ,IAAKY,GACL,KAAK,OACL,UAAS,GACT,MAAOF,EACP,KAAMT,EACN,SAAW,GAAM,CACfY,EAAa,QAAU,GACvBF,EAAc,EAAE,OAAO,KAAK,EAC5B,MAAMvD,EAAOK,EAAU,EAAE,OAAO,MAAOE,CAAW,EAC9CP,GACFmD,EAAQnD,CAAI,EACZqD,EAASrD,CAAI,EACbgB,IAAWhB,EAAMgE,EAAoBhE,CAAI,CAAC,EAC1Ce,IAAW,EAAGiD,EAAoBhE,CAAI,EAAGA,CAAI,IAE7CgB,IAAW,OAAW,MAAS,EAC/BD,IAAW,EAAG,OAAW,MAAS,EAEtC,EACA,QAAU,GAAM,CAEV4B,IAAe,CAACK,GAAQ,CAACH,GAC3BI,EAAQ,EAAI,EAEdL,EAAM,UAAU,CAAC,CACnB,EACA,OAAS,GAAM,CAGb,WAAW,IAAM,CACfa,EAAa,QAAU,GAElBT,GAEC,CADe3C,EAAUiD,EAAY/C,CAAW,GACjC+C,IACjBC,EAAc,EAAE,EAChBJ,EAAQ,MAAS,EACjBE,EAAS,MAAS,EAClBrC,IAAW,OAAW,MAAS,EAGrC,EAAG,GAAG,EACN4B,EAAM,SAAS,CAAC,CAClB,EACA,UAAY,GAAM,CACZ,EAAE,MAAQ,cACZ,EAAE,eAAA,EACFK,EAAQ,EAAI,GAEdL,EAAM,YAAY,CAAC,CACrB,EACA,WAAYiB,IAAS,SAAW2B,EAAaJ,CAAA,CAAA,CAGnD"}

package/dist/cjs/components/DatePicker/RangePicker.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),Oe=require("react"),Se=require("../../packages/ui/src/components/calendar.cjs"),Z=require("../../packages/ui/src/components/popover.cjs"),P=require("../../packages/ui/src/components/drawer.cjs");require("@radix-ui/react-slot");require("../../packages/ui/src/components/button.cjs");require("../../packages/ui/src/components/button-group.cjs");require("../../packages/ui/src/components/input.cjs");require("../../packages/ui/src/components/textarea.cjs");require("@radix-ui/react-label");const z=require("../../packages/ui/src/lib/utils.cjs");require("../../packages/ui/src/components/select.cjs");require("../../packages/ui/src/components/combobox.cjs");require("@radix-ui/react-tooltip");require("@radix-ui/react-separator");require("../../packages/ui/src/components/switch.cjs");require("@radix-ui/react-scroll-area");require("../../packages/ui/src/components/tree-view.cjs");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-avatar");require("../../packages/ui/src/components/badge.cjs");const le=require("lucide-react");require("../../packages/ui/src/components/checkbox.cjs");require("@radix-ui/react-collapsible");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-dropdown-menu");require("../../packages/ui/src/components/input-otp.cjs");require("../../packages/ui/src/components/radio-group.cjs");require("../../packages/ui/src/components/sidebar.cjs");require("@radix-ui/react-slider");require("../../packages/ui/src/components/tabs.cjs");require("../../packages/ui/src/components/toggle.cjs");const fe=require("./TimePicker.cjs"),S=require("react-device-detect"),H=require("date-fns"),de=require("date-fns/locale"),me=require("../../constants/common.cjs"),Ie=require("../FloatLabel.cjs"),ke=require("../Button/Button.cjs"),Ve=require("../Input/Input.cjs");function Ce(u){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(u){for(const f in u)if(f!=="default"){const w=Object.getOwnPropertyDescriptor(u,f);Object.defineProperty(a,f,w.get?w:{enumerable:!0,get:()=>u[f]})}}return a.default=u,Object.freeze(a)}const D=Ce(Oe);function $e(u,a=me.DATE_FORMAT,f){return u?H.format(u,a,f?{locale:f}:void 0):""}const j=(u,a=me.DATE_FORMAT)=>{const f=H.parse(u,a,new Date);return H.isValid(f)?f:void 0};function Le(u){return u.replace(/dd|MM|yyyy/g,a=>{switch(a){case"dd":case"MM":return"99";case"yyyy":return"9999";default:return a}}).replace(/d|M|y/g,a=>{switch(a){case"d":case"M":return"9";case"y":return"9";default:return a}})}function Ae({label:u,value:a,placeholder:f,onChange:w,onSelect:d,calendarClassName:ge,side:be="bottom",align:ve="end",format:O="dd/MM/yyyy",language:we="vi",mask:V,closeOnSelect:he=!1,showOutsideDays:qe=!0,calendarConfig:C,timeConfig:ee,desktopMode:I="popover",mobileMode:re="drawer",children:$,separator:pe=i.jsx(le.MoveRight,{className:"size-5"}),showTime:x=!1,timeFormat:h="HH:mm",hideDate:te=!1,numberOfMonths:De=1,variant:je="default",color:xe="primary",...s}){const oe=D.useId();let g,L;typeof O=="string"?(g=O,L=O):(g=O.input,L=O.output);let A;V===!0?A=Le(g):typeof V=="string"&&(A=V);const ne=a?.from?j(a.from,g):void 0,ye=a?.to?j(a.to,g):void 0,Me={from:ne,to:ye},[se,k]=D.useState(!1),[n,m]=D.useState(Me),[Te,E]=D.useState(ne||new Date),[F,q]=D.useState(a?.from||""),[R,p]=D.useState(a?.to||""),[_,B]=D.useState(void 0),[U,Y]=D.useState(void 0),K=D.useRef(null),G=D.useRef(null),ze=!!(F.trim()||R.trim()),J=C?.locale?C?.locale:we==="en"?de.enUS:de.vi,t=e=>{if(!e)return"";let r=$e(e,L,J);return x&&(r+=` ${H.format(e,h)}`),r},Fe=e=>{m(e);const r=t(e?.from),o=t(e?.to);q(r),p(o),d?.(e,{from:r,to:o})},Re=e=>{if(q(e),e.trim()===""){q(""),p("");const b={from:void 0,to:void 0};m(b),d?.(b,b);return}let r;x?r=j(e,`${g} ${h}`):r=j(e,g);const o={from:r,to:n?.to};r?(m(o),E(r),B(r),d?.(o,{from:t(r),to:t(n?.to)})):(m(o),d?.(o,{from:t(n?.from),to:t(n?.to)}))},Ne=e=>{if(p(e),e.trim()===""){q(""),p("");const b={from:void 0,to:void 0};m(b),d?.(b,b);return}let r;x?r=j(e,`${g} ${h}`):r=j(e,g);const o={from:n?.from,to:r};r?(m(o),Y(r),d?.(o,{from:t(n?.from),to:t(r)})):(m(o),d?.(o,{from:t(n?.from),to:void 0}))},Pe=e=>{if(e){B(e);const r=new Date(n?.from||new Date);r.setHours(e.getHours(),e.getMinutes(),e.getSeconds(),0);const o={from:r,to:n?.to};m(o),q(t(r)),d?.(o,{from:t(r),to:t(n?.to)}),w?.(o,{from:t(r),to:t(n?.to)})}},He=e=>{if(e){Y(e);const r=new Date(n?.to||new Date);r.setHours(e.getHours(),e.getMinutes(),e.getSeconds(),0);const o={from:n?.from,to:r};m(o),p(t(r)),d?.(o,{from:t(n?.from),to:t(r)}),w?.(o,{from:t(n?.from),to:t(r)})}},ie=$?$({fromValue:F,toValue:R,range:n,onSelect:Fe,onFromChange:Re,onToChange:Ne}):i.jsxs(ke.default,{variant:"ghost",className:"!p-1 !leading-0 h-auto rounded hover:bg-accent transition-colors",size:s?.size,children:[i.jsx(le.CalendarIcon,{className:z.cn({"size-3":s.size==="xs"||s.size==="sm","size-3.5":!s.size||s.size==="normal","size-4":s.size==="lg"||s.size==="xl"})}),i.jsx("span",{className:"sr-only",children:"Select date range"})]}),ae=i.jsxs("div",{className:z.cn("flex items-stretch",x&&!te?"gap-0":""),children:[!te&&i.jsx(Se.Calendar,{...C,mode:"range",selected:n,captionLayout:"dropdown",month:Te,onMonthChange:E,numberOfMonths:S.isMobile?1:De||1,variant:je,color:xe,onSelect:e=>{let r=e;if(x){const c=_,l=U;r={from:e?.from?new Date(e.from.getFullYear(),e.from.getMonth(),e.from.getDate(),c?.getHours()||0,c?.getMinutes()||0,c?.getSeconds()||0):void 0,to:e?.to?new Date(e.to.getFullYear(),e.to.getMonth(),e.to.getDate(),l?.getHours()||0,l?.getMinutes()||0,l?.getSeconds()||0):void 0}}m(r);const o=t(r?.from),b=t(r?.to);q(o),p(b),d?.(r,{from:o,to:b}),w?.(r,{from:o,to:b}),he&&r?.from&&r?.to&&!x&&k(!1)},locale:J,formatters:{formatMonthDropdown:e=>e.toLocaleString(J.code,{month:"short"})},showOutsideDays:qe,className:z.cn("mx-auto",{"[--cell-size:clamp(0px,calc(100vw/7.5),52px)] mb-8 bg-transparent":S.isMobile||I==="drawer","[--cell-size:clamp(0px,calc(100vw/7.5),34px)]":!S.isMobile&&I!=="drawer"},ge)}),x&&i.jsxs("div",{className:"flex gap-0 border-l border-border",children:[i.jsx(fe.TimePicker,{...ee?.[0],value:_?H.format(_,h):void 0,onSelect:Pe,format:h,showHours:!0,showMinutes:!0,showSeconds:h==="HH:mm:ss",standalone:!1}),i.jsx("div",{className:"border-l border-border"}),i.jsx(fe.TimePicker,{...ee?.[1],value:U?H.format(U,h):void 0,onSelect:He,format:h,showHours:!0,showMinutes:!0,showSeconds:h==="HH:mm:ss",standalone:!1})]})]}),Q=i.jsxs(Z.Popover,{open:se,onOpenChange:k,children:[i.jsx(Z.PopoverTrigger,{asChild:!0,disabled:s.disabled,children:ie}),i.jsx(Z.PopoverContent,{className:z.cn("w-auto overflow-hidden p-0","backdrop-blur bg-background/50"),side:be,align:ve,children:ae})]}),W=i.jsxs(P.Drawer,{open:se,onOpenChange:k,children:[i.jsx(P.DrawerTrigger,{asChild:!0,children:ie}),i.jsxs(P.DrawerContent,{className:z.cn("w-auto overflow-hidden p-0","backdrop-blur bg-background"),children:[i.jsxs(P.DrawerHeader,{className:"sr-only",children:[i.jsx(P.DrawerTitle,{children:"Select date range"}),i.jsx(P.DrawerDescription,{children:"Set your date range"})]}),ae]})]});if($)return(S.isMobile?re:I)==="drawer"?W:Q;const ce=(e,r,o,b)=>{const c=e==="from";return i.jsx(Ve.default,{...s,...b,ref:c?K:G,id:oe,size:s.isFloatLabel?s.size?s.size:"xl":s.size,className:z.cn(s.className,"relative peer border-0 focus:ring-0 rounded-none hover:bg-transparent active:bg-transparent focus-visible:ring-0 focus-visible:border-0",c?"pr-0":""),label:s.isFloatLabel&&typeof u=="object"?c?u?.from||"":u?.to||"":"",placeholder:typeof f=="object"?c?f?.from||"":f?.to||"":f,clearable:!c,value:r,mask:A,onChange:l=>{const y=l.target.value;if(o(y),y.trim()===""){q(""),p("");const M={from:void 0,to:void 0};m(M),d?.(M,M),w?.(M,M);return}let v;x?v=j(y,`${g} ${h}`):v=j(y,g);const N=c?{from:v,to:n?.to}:{from:n?.from,to:v};if(v){m(N),c&&E(v),c?B(v):Y(v);const M=t(c?v:n?.from),ue=t(c?n?.to:v);d?.(N,{from:M,to:ue}),w?.(N,{from:c?y:F,to:c?R:y})}else d?.(N,{from:t(n?.from),to:c?t(n?.to):void 0}),w?.(N,{from:t(n?.from),to:c?t(n?.to):void 0})},onClear:c?void 0:()=>{q(""),p("");const l={from:void 0,to:void 0};m(l),d?.(l,l),w?.(l,l)},onBlur:()=>{const l=document.activeElement;l!==K.current&&l!==G.current&&setTimeout(()=>{const y=document.activeElement;if(y!==K.current&&y!==G.current){const v=T=>{if(T.trim()==="")return!0;let X;return x?X=j(T,`${g} ${h}`):X=j(T,g),!!X},N=v(F),M=v(R);if(!N||!M||F.trim()&&!R.trim()||!F.trim()&&R.trim()){q(""),p("");const T={from:void 0,to:void 0};m(T),d?.(T,T),w?.(T,T)}}},100)},onKeyDown:l=>{l.key==="ArrowDown"&&(l.preventDefault(),k(!0))}})};return i.jsxs("div",{className:z.cn("group relative flex items-center border rounded-md focus-within:ring-2 focus-within:ring-offset-2 bg-background transition-[color,box-shadow]",{"border-input focus-within:ring-ring":!s.state,"border-success focus-within:ring-success":s.state==="success","border-warning focus-within:ring-warning":s.state==="warning","border-error focus-within:ring-error":s.state==="error"}),children:[ce("from",F,q),i.jsx("span",{className:z.cn("text-muted-foreground select-none pl-2",{"opacity-30":s.disabled}),children:pe}),ce("to",R,p,{suffixIcon:S.isMobile?re==="drawer"?W:Q:I==="drawer"?W:Q}),s.isFloatLabel&&typeof u=="string"&&i.jsx(Ie.FloatingLabel,{htmlFor:oe,size:s.size,infoTooltip:s.infoTooltip,className:"z-10",shouldFloat:ze,children:u})]})}exports.RangePicker=Ae;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),Oe=require("react"),Se=require("../../packages/ui/src/components/calendar.cjs"),Z=require("../../packages/ui/src/components/popover.cjs"),P=require("../../packages/ui/src/components/drawer.cjs");require("@radix-ui/react-slot");require("../../packages/ui/src/components/button.cjs");require("../../packages/ui/src/components/button-group.cjs");require("../../packages/ui/src/components/input.cjs");require("../../packages/ui/src/components/textarea.cjs");require("@radix-ui/react-label");const z=require("../../packages/ui/src/lib/utils.cjs");require("../../packages/ui/src/components/select.cjs");require("../../packages/ui/src/components/combobox.cjs");require("@radix-ui/react-tooltip");require("@radix-ui/react-separator");require("../../packages/ui/src/components/switch.cjs");require("@radix-ui/react-scroll-area");require("../../packages/ui/src/components/tree-view.cjs");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-avatar");require("../../packages/ui/src/components/badge.cjs");const ue=require("lucide-react");require("../../packages/ui/src/components/checkbox.cjs");require("@radix-ui/react-collapsible");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-dropdown-menu");require("../../packages/ui/src/components/input-otp.cjs");require("../../packages/ui/src/components/radio-group.cjs");require("../../packages/ui/src/components/sidebar.cjs");require("@radix-ui/react-slider");require("../../packages/ui/src/components/tabs.cjs");require("../../packages/ui/src/components/toggle.cjs");const le=require("./TimePicker.cjs"),S=require("react-device-detect"),H=require("date-fns"),fe=require("date-fns/locale"),me=require("../../constants/common.cjs"),Ie=require("../FloatLabel.cjs"),ke=require("../Button/Button.cjs"),Ve=require("../Input/Input.cjs");function Ce(c){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const l in c)if(l!=="default"){const w=Object.getOwnPropertyDescriptor(c,l);Object.defineProperty(a,l,w.get?w:{enumerable:!0,get:()=>c[l]})}}return a.default=c,Object.freeze(a)}const D=Ce(Oe);function $e(c,a=me.DATE_FORMAT,l){return c?H.format(c,a,l?{locale:l}:void 0):""}const j=(c,a=me.DATE_FORMAT)=>{const l=H.parse(c,a,new Date);return H.isValid(l)?l:void 0};function Le(c){return c.replace(/dd|MM|yyyy/g,a=>{switch(a){case"dd":case"MM":return"99";case"yyyy":return"9999";default:return a}}).replace(/d|M|y/g,a=>{switch(a){case"d":case"M":return"9";case"y":return"9";default:return a}})}function Ae({label:c,value:a,placeholder:l,onChange:w,onSelect:f,calendarClassName:ge,side:be="bottom",align:ve="end",format:O="dd/MM/yyyy",language:we="vi",mask:V,closeOnSelect:he=!1,showOutsideDays:qe=!0,calendarConfig:C,timeConfig:ee,desktopMode:I="popover",mobileMode:re="drawer",children:$,separator:pe=i.jsx(ue.MoveRight,{className:"ds:size-5"}),showTime:x=!1,timeFormat:h="HH:mm",hideDate:te=!1,numberOfMonths:De=1,variant:je="default",color:xe="primary",...n}){const oe=D.useId();let g,L;typeof O=="string"?(g=O,L=O):(g=O.input,L=O.output);let A;V===!0?A=Le(g):typeof V=="string"&&(A=V);const se=a?.from?j(a.from,g):void 0,ye=a?.to?j(a.to,g):void 0,Me={from:se,to:ye},[ne,k]=D.useState(!1),[s,m]=D.useState(Me),[Te,E]=D.useState(se||new Date),[F,q]=D.useState(a?.from||""),[R,p]=D.useState(a?.to||""),[_,B]=D.useState(void 0),[U,Y]=D.useState(void 0),K=D.useRef(null),G=D.useRef(null),ze=!!(F.trim()||R.trim()),J=C?.locale?C?.locale:we==="en"?fe.enUS:fe.vi,t=e=>{if(!e)return"";let r=$e(e,L,J);return x&&(r+=` ${H.format(e,h)}`),r},Fe=e=>{m(e);const r=t(e?.from),o=t(e?.to);q(r),p(o),f?.(e,{from:r,to:o})},Re=e=>{if(q(e),e.trim()===""){q(""),p("");const b={from:void 0,to:void 0};m(b),f?.(b,b);return}let r;x?r=j(e,`${g} ${h}`):r=j(e,g);const o={from:r,to:s?.to};r?(m(o),E(r),B(r),f?.(o,{from:t(r),to:t(s?.to)})):(m(o),f?.(o,{from:t(s?.from),to:t(s?.to)}))},Ne=e=>{if(p(e),e.trim()===""){q(""),p("");const b={from:void 0,to:void 0};m(b),f?.(b,b);return}let r;x?r=j(e,`${g} ${h}`):r=j(e,g);const o={from:s?.from,to:r};r?(m(o),Y(r),f?.(o,{from:t(s?.from),to:t(r)})):(m(o),f?.(o,{from:t(s?.from),to:void 0}))},Pe=e=>{if(e){B(e);const r=new Date(s?.from||new Date);r.setHours(e.getHours(),e.getMinutes(),e.getSeconds(),0);const o={from:r,to:s?.to};m(o),q(t(r)),f?.(o,{from:t(r),to:t(s?.to)}),w?.(o,{from:t(r),to:t(s?.to)})}},He=e=>{if(e){Y(e);const r=new Date(s?.to||new Date);r.setHours(e.getHours(),e.getMinutes(),e.getSeconds(),0);const o={from:s?.from,to:r};m(o),p(t(r)),f?.(o,{from:t(s?.from),to:t(r)}),w?.(o,{from:t(s?.from),to:t(r)})}},ie=$?$({fromValue:F,toValue:R,range:s,onSelect:Fe,onFromChange:Re,onToChange:Ne}):i.jsxs(ke.default,{variant:"ghost",className:"ds:!p-1 ds:!leading-0 ds:h-auto ds:rounded ds:hover:bg-accent ds:transition-colors",size:n?.size,children:[i.jsx(ue.CalendarIcon,{className:z.cn({"ds:size-3":n.size==="xs"||n.size==="sm","ds:size-3.5":!n.size||n.size==="normal","ds:size-4":n.size==="lg"||n.size==="xl"})}),i.jsx("span",{className:"ds:sr-only",children:"Select date range"})]}),ae=i.jsxs("div",{className:z.cn("ds:flex ds:items-stretch",x&&!te?"ds:gap-0":""),children:[!te&&i.jsx(Se.Calendar,{...C,mode:"range",selected:s,captionLayout:"dropdown",month:Te,onMonthChange:E,numberOfMonths:S.isMobile?1:De||1,variant:je,color:xe,onSelect:e=>{let r=e;if(x){const d=_,u=U;r={from:e?.from?new Date(e.from.getFullYear(),e.from.getMonth(),e.from.getDate(),d?.getHours()||0,d?.getMinutes()||0,d?.getSeconds()||0):void 0,to:e?.to?new Date(e.to.getFullYear(),e.to.getMonth(),e.to.getDate(),u?.getHours()||0,u?.getMinutes()||0,u?.getSeconds()||0):void 0}}m(r);const o=t(r?.from),b=t(r?.to);q(o),p(b),f?.(r,{from:o,to:b}),w?.(r,{from:o,to:b}),he&&r?.from&&r?.to&&!x&&k(!1)},locale:J,formatters:{formatMonthDropdown:e=>e.toLocaleString(J.code,{month:"short"})},showOutsideDays:qe,className:z.cn("ds:mx-auto",{"ds:[--cell-size:clamp(0px,calc(100vw/7.5),52px)] ds:mb-8 ds:bg-transparent":S.isMobile||I==="drawer","ds:[--cell-size:clamp(0px,calc(100vw/7.5),34px)]":!S.isMobile&&I!=="drawer"},ge)}),x&&i.jsxs("div",{className:"ds:flex ds:gap-0 ds:border-l ds:border-border",children:[i.jsx(le.TimePicker,{...ee?.[0],value:_?H.format(_,h):void 0,onSelect:Pe,format:h,showHours:!0,showMinutes:!0,showSeconds:h==="HH:mm:ss",standalone:!1}),i.jsx("div",{className:"ds:border-l ds:border-border"}),i.jsx(le.TimePicker,{...ee?.[1],value:U?H.format(U,h):void 0,onSelect:He,format:h,showHours:!0,showMinutes:!0,showSeconds:h==="HH:mm:ss",standalone:!1})]})]}),Q=i.jsxs(Z.Popover,{open:ne,onOpenChange:k,children:[i.jsx(Z.PopoverTrigger,{asChild:!0,disabled:n.disabled,children:ie}),i.jsx(Z.PopoverContent,{className:z.cn("ds:w-auto ds:overflow-hidden ds:p-0","ds:backdrop-blur ds:bg-background/50"),side:be,align:ve,children:ae})]}),W=i.jsxs(P.Drawer,{open:ne,onOpenChange:k,children:[i.jsx(P.DrawerTrigger,{asChild:!0,children:ie}),i.jsxs(P.DrawerContent,{className:z.cn("ds:w-auto ds:overflow-hidden ds:p-0","ds:backdrop-blur ds:bg-background"),children:[i.jsxs(P.DrawerHeader,{className:"ds:sr-only",children:[i.jsx(P.DrawerTitle,{children:"Select date range"}),i.jsx(P.DrawerDescription,{children:"Set your date range"})]}),ae]})]});if($)return(S.isMobile?re:I)==="drawer"?W:Q;const de=(e,r,o,b)=>{const d=e==="from";return i.jsx(Ve.default,{...n,...b,ref:d?K:G,id:oe,size:n.isFloatLabel?n.size?n.size:"xl":n.size,className:z.cn(n.className,"ds:relative ds:peer ds:border-0 ds:focus:ring-0 ds:rounded-none ds:hover:bg-transparent ds:active:bg-transparent ds:focus-visible:ring-0 ds:focus-visible:border-0",d?"ds:pr-0":""),label:n.isFloatLabel&&typeof c=="object"?d?c?.from||"":c?.to||"":"",placeholder:typeof l=="object"?d?l?.from||"":l?.to||"":l,clearable:!d,value:r,mask:A,onChange:u=>{const y=u.target.value;if(o(y),y.trim()===""){q(""),p("");const M={from:void 0,to:void 0};m(M),f?.(M,M),w?.(M,M);return}let v;x?v=j(y,`${g} ${h}`):v=j(y,g);const N=d?{from:v,to:s?.to}:{from:s?.from,to:v};if(v){m(N),d&&E(v),d?B(v):Y(v);const M=t(d?v:s?.from),ce=t(d?s?.to:v);f?.(N,{from:M,to:ce}),w?.(N,{from:d?y:F,to:d?R:y})}else f?.(N,{from:t(s?.from),to:d?t(s?.to):void 0}),w?.(N,{from:t(s?.from),to:d?t(s?.to):void 0})},onClear:d?void 0:()=>{q(""),p("");const u={from:void 0,to:void 0};m(u),f?.(u,u),w?.(u,u)},onBlur:()=>{const u=document.activeElement;u!==K.current&&u!==G.current&&setTimeout(()=>{const y=document.activeElement;if(y!==K.current&&y!==G.current){const v=T=>{if(T.trim()==="")return!0;let X;return x?X=j(T,`${g} ${h}`):X=j(T,g),!!X},N=v(F),M=v(R);if(!N||!M||F.trim()&&!R.trim()||!F.trim()&&R.trim()){q(""),p("");const T={from:void 0,to:void 0};m(T),f?.(T,T),w?.(T,T)}}},100)},onKeyDown:u=>{u.key==="ArrowDown"&&(u.preventDefault(),k(!0))}})};return i.jsxs("div",{className:z.cn("ds:group ds:relative ds:flex ds:items-center ds:border ds:rounded-md ds:focus-within:ring-2 ds:focus-within:ring-offset-2 ds:bg-background ds:transition-[color,box-shadow]",{"ds:border-input ds:focus-within:ring-ring":!n.state,"ds:border-success ds:focus-within:ring-success":n.state==="success","ds:border-warning ds:focus-within:ring-warning":n.state==="warning","ds:border-error ds:focus-within:ring-error":n.state==="error"}),children:[de("from",F,q),i.jsx("span",{className:z.cn("ds:text-muted-foreground ds:select-none ds:pl-2",{"ds:opacity-30":n.disabled}),children:pe}),de("to",R,p,{suffixIcon:S.isMobile?re==="drawer"?W:Q:I==="drawer"?W:Q}),n.isFloatLabel&&typeof c=="string"&&i.jsx(Ie.FloatingLabel,{htmlFor:oe,size:n.size,infoTooltip:n.infoTooltip,className:"ds:z-10",shouldFloat:ze,children:c})]})}exports.RangePicker=Ae;
 //# sourceMappingURL=RangePicker.cjs.map

package/dist/cjs/components/DatePicker/RangePicker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RangePicker.cjs","sources":["../../../../src/components/DatePicker/RangePicker.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  CalendarDayButton as SCalendarDayButton,\n  type CalendarDayButtonProps as SCalendarDayButtonProps,\n  Calendar,\n  type CalendarColor,\n} from \"@dsui/ui/components/calendar\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@dsui/ui/components/popover\";\nimport {\n  Drawer,\n  DrawerContent,\n  DrawerDescription,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerTrigger,\n} from \"@dsui/ui/components/drawer\";\nimport { cn } from \"@dsui/ui/index\";\nimport { Input, type InputProps } from \"../Input\";\nimport { Button } from \"../Button\";\nimport { TimePicker } from \"./TimePicker\";\nimport { type DatePickerProps } from \"./DatePicker\";\nimport { CalendarIcon, MoveRight } from \"lucide-react\";\nimport { isMobile } from \"react-device-detect\";\nimport { format as dfFormat, parse, isValid, type Locale } from \"date-fns\";\nimport { vi, enUS } from \"date-fns/locale\";\nimport { DATE_FORMAT } from \"@/constants/common\";\nimport { FloatingLabel } from \"@/components/FloatLabel\";\n\nexport type DateRange = {\n  from?: Date | undefined;\n  to?: Date | undefined;\n};\n\nexport type DateRangeText = { from?: string; to?: string } | null;\n\nfunction formatDate(\n  date: Date | undefined,\n  outputFormat: string = DATE_FORMAT,\n  locale?: Locale\n) {\n  if (!date) return \"\";\n\n  return dfFormat(date, outputFormat, locale ? { locale } : undefined);\n}\n\nconst parseDate = (\n  str: string,\n  inputFormat: string = DATE_FORMAT\n): Date | undefined => {\n  const date = parse(str, inputFormat, new Date());\n  return isValid(date) ? date : undefined;\n};\n\nfunction generateMaskFromFormat(format: string): string {\n  return format\n    .replace(/dd|MM|yyyy/g, (match) => {\n      switch (match) {\n        case \"dd\":\n        case \"MM\":\n          return \"99\";\n        case \"yyyy\":\n          return \"9999\";\n        default:\n          return match;\n      }\n    })\n    .replace(/d|M|y/g, (match) => {\n      switch (match) {\n        case \"d\":\n        case \"M\":\n          return \"9\";\n        case \"y\":\n          return \"9\";\n        default:\n          return match;\n      }\n    });\n}\n\nexport type FormatType = string | { input: string; output: string };\n\nexport type RangePickerRenderProps = {\n  fromValue: string;\n  toValue: string;\n  range?: DateRange;\n  onSelect: (range?: DateRange) => void;\n  onFromChange: (text: string) => void;\n  onToChange: (text: string) => void;\n};\n\nexport type TimeConfig = Omit<\n  React.ComponentProps<typeof TimePicker>,\n  \"value\" | \"onSelect\" | \"format\"\n>;\n\nexport type RangePickerProps = Omit<\n  DatePickerProps,\n  \"value\" | \"onChange\" | \"onSelect\" | \"children\" | \"label\" | \"placeholder\"\n> & {\n  label?: string | DateRangeText;\n  placeholder?: string | DateRangeText;\n  value?: DateRangeText;\n  onChange?: (value?: DateRange, text?: DateRangeText) => void;\n  onSelect?: (value?: DateRange, text?: DateRangeText) => void;\n  children?: (props: RangePickerRenderProps) => React.ReactNode;\n  separator?: React.ReactNode;\n  timeConfig?: [TimeConfig, TimeConfig];\n  numberOfMonths?: number;\n  variant?: \"default\" | \"rounded\";\n  color?: CalendarColor;\n};\n\nexport function RangePicker({\n  label,\n  value,\n  placeholder,\n  onChange,\n  onSelect,\n  calendarClassName,\n  side = \"bottom\",\n  align = \"end\",\n  format = \"dd/MM/yyyy\",\n  language = \"vi\",\n  mask,\n  closeOnSelect = false,\n  showOutsideDays = true,\n  calendarConfig,\n  timeConfig,\n  desktopMode = \"popover\",\n  mobileMode = \"drawer\",\n  children,\n  separator = <MoveRight className=\"size-5\" />,\n  showTime = false,\n  timeFormat = \"HH:mm\",\n  hideDate = false,\n  numberOfMonths = 1,\n  variant = \"default\",\n  color = \"primary\",\n  ...props\n}: RangePickerProps) {\n  const inputId = React.useId();\n\n  let inputFormat: string;\n  let outputFormat: string;\n  if (typeof format === \"string\") {\n    inputFormat = format;\n    outputFormat = format;\n  } else {\n    inputFormat = format.input;\n    outputFormat = format.output;\n  }\n\n  // Determine the mask to use\n  let maskToUse: string | undefined;\n  if (mask === true) {\n    maskToUse = generateMaskFromFormat(inputFormat);\n  } else if (typeof mask === \"string\") {\n    maskToUse = mask;\n  }\n\n  const initialFromDate = value?.from\n    ? parseDate(value.from, inputFormat)\n    : undefined;\n  const initialToDate = value?.to\n    ? parseDate(value.to, inputFormat)\n    : undefined;\n  const initialRange: DateRange = {\n    from: initialFromDate,\n    to: initialToDate,\n  };\n\n  const [open, setOpen] = React.useState(false);\n  const [range, setRange] = React.useState<DateRange | undefined>(initialRange);\n  const [month, setMonth] = React.useState<Date | undefined>(\n    initialFromDate || new Date()\n  );\n  const [fromInputValue, setFromInputValue] = React.useState(value?.from || \"\");\n  const [toInputValue, setToInputValue] = React.useState(value?.to || \"\");\n  const [fromTime, setFromTime] = React.useState<Date | undefined>(undefined);\n  const [toTime, setToTime] = React.useState<Date | undefined>(undefined);\n  const fromInputRef = React.useRef<HTMLInputElement>(null);\n  const toInputRef = React.useRef<HTMLInputElement>(null);\n\n  const shouldFloat = !!(fromInputValue.trim() || toInputValue.trim());\n\n  const _locale: Locale = calendarConfig?.locale\n    ? (calendarConfig?.locale as Locale)\n    : language === \"en\"\n      ? enUS\n      : vi;\n\n  // Helper to format date-time based on showTime and timeFormat\n  const formatDateTimeValue = (d: Date | undefined): string => {\n    if (!d) return \"\";\n    let result = formatDate(d, outputFormat, _locale);\n    if (showTime) {\n      result += ` ${dfFormat(d, timeFormat)}`;\n    }\n    return result;\n  };\n\n  // Helper functions for render props\n  const handleSelectForRenderProp = (range?: DateRange) => {\n    setRange(range);\n    const fromFormatted = formatDateTimeValue(range?.from);\n    const toFormatted = formatDateTimeValue(range?.to);\n    setFromInputValue(fromFormatted);\n    setToInputValue(toFormatted);\n    onSelect?.(range, { from: fromFormatted, to: toFormatted });\n  };\n\n  const handleFromChangeForRenderProp = (text: string) => {\n    setFromInputValue(text);\n\n    // If the input is cleared (empty), clear both fields\n    if (text.trim() === \"\") {\n      setFromInputValue(\"\");\n      setToInputValue(\"\");\n      const newRange: DateRange = { from: undefined, to: undefined };\n      setRange(newRange);\n      onSelect?.(newRange, newRange as DateRangeText);\n      return;\n    }\n\n    // Try to parse based on showTime\n    let parsedDate: Date | undefined;\n    if (showTime) {\n      parsedDate = parseDate(text, `${inputFormat} ${timeFormat}`);\n    } else {\n      parsedDate = parseDate(text, inputFormat);\n    }\n    const newRange: DateRange = { from: parsedDate, to: range?.to };\n    if (parsedDate) {\n      setRange(newRange);\n      setMonth(parsedDate);\n      setFromTime(parsedDate);\n      onSelect?.(newRange, {\n        from: formatDateTimeValue(parsedDate),\n        to: formatDateTimeValue(range?.to),\n      });\n    } else {\n      setRange(newRange);\n      onSelect?.(newRange, {\n        from: formatDateTimeValue(range?.from),\n        to: formatDateTimeValue(range?.to),\n      });\n    }\n  };\n\n  const handleToChangeForRenderProp = (text: string) => {\n    setToInputValue(text);\n\n    // If the input is cleared (empty), clear both fields\n    if (text.trim() === \"\") {\n      setFromInputValue(\"\");\n      setToInputValue(\"\");\n      const newRange: DateRange = { from: undefined, to: undefined };\n      setRange(newRange);\n      onSelect?.(newRange, newRange as DateRangeText);\n      return;\n    }\n\n    // Try to parse based on showTime\n    let parsedDate: Date | undefined;\n    if (showTime) {\n      parsedDate = parseDate(text, `${inputFormat} ${timeFormat}`);\n    } else {\n      parsedDate = parseDate(text, inputFormat);\n    }\n    const newRange: DateRange = {\n      from: range?.from,\n      to: parsedDate,\n    };\n    if (parsedDate) {\n      setRange(newRange);\n      setToTime(parsedDate);\n      onSelect?.(newRange, {\n        from: formatDateTimeValue(range?.from),\n        to: formatDateTimeValue(parsedDate),\n      });\n    } else {\n      setRange(newRange);\n      onSelect?.(newRange, {\n        from: formatDateTimeValue(range?.from),\n        to: undefined,\n      });\n    }\n  };\n\n  const handleTimeChangeFrom = (date?: Date) => {\n    if (date) {\n      setFromTime(date);\n      // Merge: keep date (year, month, day) from existing range.from, take time (hours, minutes, seconds) from TimePicker\n      const mergedDate = new Date(range?.from || new Date());\n      mergedDate.setHours(\n        date.getHours(),\n        date.getMinutes(),\n        date.getSeconds(),\n        0\n      );\n\n      const newRange: DateRange = {\n        from: mergedDate,\n        to: range?.to,\n      };\n      setRange(newRange);\n      setFromInputValue(formatDateTimeValue(mergedDate));\n      onSelect?.(newRange, {\n        from: formatDateTimeValue(mergedDate),\n        to: formatDateTimeValue(range?.to),\n      });\n      onChange?.(newRange, {\n        from: formatDateTimeValue(mergedDate),\n        to: formatDateTimeValue(range?.to),\n      });\n    }\n  };\n\n  const handleTimeChangeTo = (date?: Date) => {\n    if (date) {\n      setToTime(date);\n      // Merge: keep date (year, month, day) from existing range.to, take time (hours, minutes, seconds) from TimePicker\n      const mergedDate = new Date(range?.to || new Date());\n      mergedDate.setHours(\n        date.getHours(),\n        date.getMinutes(),\n        date.getSeconds(),\n        0\n      );\n\n      const newRange: DateRange = {\n        from: range?.from,\n        to: mergedDate,\n      };\n      setRange(newRange);\n      setToInputValue(formatDateTimeValue(mergedDate));\n      onSelect?.(newRange, {\n        from: formatDateTimeValue(range?.from),\n        to: formatDateTimeValue(mergedDate),\n      });\n      onChange?.(newRange, {\n        from: formatDateTimeValue(range?.from),\n        to: formatDateTimeValue(mergedDate),\n      });\n    }\n  };\n\n  // Determine trigger component\n  const triggerComponent = children ? (\n    children({\n      fromValue: fromInputValue,\n      toValue: toInputValue,\n      range,\n      onSelect: handleSelectForRenderProp,\n      onFromChange: handleFromChangeForRenderProp,\n      onToChange: handleToChangeForRenderProp,\n    })\n  ) : (\n    <Button\n      variant=\"ghost\"\n      className=\"!p-1 !leading-0 h-auto rounded hover:bg-accent transition-colors\"\n      size={props?.size}\n    >\n      <CalendarIcon\n        className={cn({\n          \"size-3\": props.size === \"xs\" || props.size === \"sm\",\n          \"size-3.5\": !props.size || props.size === \"normal\",\n          \"size-4\": props.size === \"lg\" || props.size === \"xl\",\n        })}\n      />\n      <span className=\"sr-only\">Select date range</span>\n    </Button>\n  );\n\n  const calendarSelection = (\n    <div\n      className={cn(\"flex items-stretch\", showTime && !hideDate ? \"gap-0\" : \"\")}\n    >\n      {!hideDate && (\n        <Calendar\n          {...calendarConfig}\n          mode=\"range\"\n          selected={range as any}\n          captionLayout=\"dropdown\"\n          month={month}\n          onMonthChange={setMonth}\n          numberOfMonths={isMobile ? 1 : numberOfMonths || 1}\n          variant={variant}\n          color={color}\n          onSelect={(selectedRange) => {\n            // Preserve time from TimePicker values if showTime is enabled\n            let preservedRange = selectedRange;\n            if (showTime) {\n              // Get current time from TimePicker state\n              const fromTimeObj = fromTime;\n              const toTimeObj = toTime;\n\n              preservedRange = {\n                from: selectedRange?.from\n                  ? new Date(\n                      selectedRange.from.getFullYear(),\n                      selectedRange.from.getMonth(),\n                      selectedRange.from.getDate(),\n                      fromTimeObj?.getHours() || 0,\n                      fromTimeObj?.getMinutes() || 0,\n                      fromTimeObj?.getSeconds() || 0\n                    )\n                  : undefined,\n                to: selectedRange?.to\n                  ? new Date(\n                      selectedRange.to.getFullYear(),\n                      selectedRange.to.getMonth(),\n                      selectedRange.to.getDate(),\n                      toTimeObj?.getHours() || 0,\n                      toTimeObj?.getMinutes() || 0,\n                      toTimeObj?.getSeconds() || 0\n                    )\n                  : undefined,\n              };\n            }\n            setRange(preservedRange);\n            const fromFormatted = formatDateTimeValue(preservedRange?.from);\n            const toFormatted = formatDateTimeValue(preservedRange?.to);\n            setFromInputValue(fromFormatted);\n            setToInputValue(toFormatted);\n            onSelect?.(preservedRange, {\n              from: fromFormatted,\n              to: toFormatted,\n            });\n            onChange?.(preservedRange, {\n              from: fromFormatted,\n              to: toFormatted,\n            });\n            if (\n              closeOnSelect &&\n              preservedRange?.from &&\n              preservedRange?.to &&\n              !showTime\n            ) {\n              setOpen(false);\n            }\n          }}\n          locale={_locale}\n          formatters={{\n            formatMonthDropdown: (date) =>\n              date.toLocaleString(_locale.code, { month: \"short\" }),\n          }}\n          showOutsideDays={showOutsideDays}\n          className={cn(\n            \"mx-auto\",\n            {\n              \"[--cell-size:clamp(0px,calc(100vw/7.5),52px)] mb-8 bg-transparent\":\n                isMobile || desktopMode === \"drawer\",\n              \"[--cell-size:clamp(0px,calc(100vw/7.5),34px)]\":\n                !isMobile && desktopMode !== \"drawer\",\n            },\n            calendarClassName\n          )}\n        />\n      )}\n      {showTime && (\n        <div className=\"flex gap-0 border-l border-border\">\n          <TimePicker\n            {...timeConfig?.[0]}\n            value={fromTime ? dfFormat(fromTime, timeFormat) : undefined}\n            onSelect={handleTimeChangeFrom}\n            format={timeFormat}\n            showHours\n            showMinutes\n            showSeconds={timeFormat === \"HH:mm:ss\"}\n            standalone={false}\n          />\n          <div className=\"border-l border-border\" />\n          <TimePicker\n            {...timeConfig?.[1]}\n            value={toTime ? dfFormat(toTime, timeFormat) : undefined}\n            onSelect={handleTimeChangeTo}\n            format={timeFormat}\n            showHours\n            showMinutes\n            showSeconds={timeFormat === \"HH:mm:ss\"}\n            standalone={false}\n          />\n        </div>\n      )}\n    </div>\n  );\n\n  const popPicker = (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild disabled={props.disabled}>\n        {triggerComponent}\n      </PopoverTrigger>\n      <PopoverContent\n        className={cn(\n          \"w-auto overflow-hidden p-0\",\n          \"backdrop-blur bg-background/50\"\n        )}\n        side={side}\n        align={align}\n      >\n        {calendarSelection}\n      </PopoverContent>\n    </Popover>\n  );\n\n  const drawPicker = (\n    <Drawer open={open} onOpenChange={setOpen}>\n      <DrawerTrigger asChild>{triggerComponent}</DrawerTrigger>\n      <DrawerContent\n        className={cn(\n          \"w-auto overflow-hidden p-0\",\n          \"backdrop-blur bg-background\"\n        )}\n      >\n        <DrawerHeader className=\"sr-only\">\n          <DrawerTitle>Select date range</DrawerTitle>\n          <DrawerDescription>Set your date range</DrawerDescription>\n        </DrawerHeader>\n        {calendarSelection}\n      </DrawerContent>\n    </Drawer>\n  );\n\n  // If children is provided, use render prop pattern with picker\n  if (children) {\n    const mode = isMobile ? mobileMode : desktopMode;\n    return mode === \"drawer\" ? drawPicker : popPicker;\n  }\n\n  // Helper function to render range input\n  const renderRangeInput = (\n    type: \"from\" | \"to\",\n    inputValue: string,\n    setInputValue: (value: string) => void,\n    additionalProps?: Partial<InputProps>\n  ) => {\n    const isFrom = type === \"from\";\n\n    return (\n      <Input\n        {...props}\n        {...additionalProps}\n        ref={isFrom ? fromInputRef : toInputRef}\n        id={inputId}\n        size={\n          props.isFloatLabel ? (props.size ? props.size : \"xl\") : props.size\n        }\n        className={cn(\n          props.className,\n          \"relative peer border-0 focus:ring-0 rounded-none hover:bg-transparent active:bg-transparent focus-visible:ring-0 focus-visible:border-0\",\n          isFrom ? \"pr-0\" : \"\"\n        )}\n        label={\n          props.isFloatLabel && typeof label === \"object\"\n            ? isFrom\n              ? label?.from || \"\"\n              : label?.to || \"\"\n            : \"\"\n        }\n        placeholder={\n          typeof placeholder === \"object\"\n            ? isFrom\n              ? placeholder?.from || \"\"\n              : placeholder?.to || \"\"\n            : placeholder\n        }\n        clearable={!isFrom}\n        value={inputValue}\n        mask={maskToUse}\n        onChange={(e) => {\n          const inputValue = e.target.value;\n          setInputValue(inputValue);\n\n          // If the input is cleared (empty), clear both fields\n          if (inputValue.trim() === \"\") {\n            setFromInputValue(\"\");\n            setToInputValue(\"\");\n            const newRange: DateRange = { from: undefined, to: undefined };\n            setRange(newRange);\n            onSelect?.(newRange, newRange as DateRangeText);\n            onChange?.(newRange, newRange as DateRangeText);\n            return;\n          }\n\n          // Try to parse based on showTime\n          let date: Date | undefined;\n          if (showTime) {\n            date = parseDate(inputValue, `${inputFormat} ${timeFormat}`);\n          } else {\n            date = parseDate(inputValue, inputFormat);\n          }\n          const newRange: DateRange = isFrom\n            ? { from: date, to: range?.to }\n            : { from: range?.from, to: date };\n\n          if (date) {\n            setRange(newRange);\n            if (isFrom) setMonth(date);\n            // Update time state if time was parsed\n            if (isFrom) {\n              setFromTime(date);\n              // setFromInputValue(formatDateTimeValue(date)); // Sync input value\n            } else {\n              setToTime(date);\n              // setToInputValue(formatDateTimeValue(date)); // Sync input value\n            }\n            const fromFormatted = formatDateTimeValue(\n              isFrom ? date : range?.from\n            );\n            const toFormatted = formatDateTimeValue(isFrom ? range?.to : date);\n            onSelect?.(newRange, { from: fromFormatted, to: toFormatted });\n            onChange?.(newRange, {\n              from: isFrom ? inputValue : fromInputValue,\n              to: isFrom ? toInputValue : inputValue,\n            });\n\n            // If from input and date is valid, auto-focus to to input if to is empty\n            // if (isFrom && toInputRef.current && !toInputValue.trim()) {\n            //   requestAnimationFrame(() => toInputRef.current?.focus());\n            // }\n          } else {\n            onSelect?.(newRange, {\n              from: formatDateTimeValue(range?.from),\n              to: isFrom ? formatDateTimeValue(range?.to) : undefined,\n            });\n            onChange?.(newRange, {\n              from: formatDateTimeValue(range?.from),\n              to: isFrom ? formatDateTimeValue(range?.to) : undefined,\n            });\n          }\n        }}\n        onClear={\n          !isFrom\n            ? () => {\n                setFromInputValue(\"\");\n                setToInputValue(\"\");\n                const newRange: DateRange = { from: undefined, to: undefined };\n                setRange(newRange);\n                onSelect?.(newRange, newRange as DateRangeText);\n                onChange?.(newRange, newRange as DateRangeText);\n              }\n            : undefined\n        }\n        onBlur={() => {\n          // Check if blurring out of the entire range picker group\n          const activeElement = document.activeElement;\n          if (\n            activeElement !== fromInputRef.current &&\n            activeElement !== toInputRef.current\n          ) {\n            // Delay validation by 100ms\n            setTimeout(() => {\n              // Check again if still blurred out of the group\n              const currentActiveElement = document.activeElement;\n              if (\n                currentActiveElement !== fromInputRef.current &&\n                currentActiveElement !== toInputRef.current\n              ) {\n                // Blurred out of the group, validate both inputs\n                const validateInput = (val: string) => {\n                  if (val.trim() === \"\") return true; // empty is valid (will clear)\n                  let parsed: Date | undefined;\n                  if (showTime) {\n                    parsed = parseDate(val, `${inputFormat} ${timeFormat}`);\n                  } else {\n                    parsed = parseDate(val, inputFormat);\n                  }\n                  return !!parsed;\n                };\n\n                const fromValid = validateInput(fromInputValue);\n                const toValid = validateInput(toInputValue);\n\n                // Clear if either is invalid, or if only one has value\n                const shouldClear =\n                  !fromValid ||\n                  !toValid ||\n                  (fromInputValue.trim() && !toInputValue.trim()) ||\n                  (!fromInputValue.trim() && toInputValue.trim());\n\n                if (shouldClear) {\n                  // If either is invalid, clear both\n                  setFromInputValue(\"\");\n                  setToInputValue(\"\");\n                  const newRange: DateRange = {\n                    from: undefined,\n                    to: undefined,\n                  };\n                  setRange(newRange);\n                  onSelect?.(newRange, newRange as DateRangeText);\n                  onChange?.(newRange, newRange as DateRangeText);\n                }\n              }\n            }, 100);\n          }\n        }}\n        onKeyDown={(e) => {\n          if (e.key === \"ArrowDown\") {\n            e.preventDefault();\n            setOpen(true);\n          }\n        }}\n      />\n    );\n  };\n\n  // Default input rendering with two inputs\n  return (\n    <div\n      className={cn(\n        \"group relative flex items-center border rounded-md focus-within:ring-2 focus-within:ring-offset-2 bg-background transition-[color,box-shadow]\",\n        {\n          \"border-input focus-within:ring-ring\": !props.state,\n          \"border-success focus-within:ring-success\": props.state === \"success\",\n          \"border-warning focus-within:ring-warning\": props.state === \"warning\",\n          \"border-error focus-within:ring-error\": props.state === \"error\",\n        }\n      )}\n    >\n      {renderRangeInput(\"from\", fromInputValue, setFromInputValue)}\n      <span\n        className={cn(\"text-muted-foreground select-none pl-2\", {\n          \"opacity-30\": props.disabled,\n        })}\n      >\n        {separator}\n      </span>\n      {renderRangeInput(\"to\", toInputValue, setToInputValue, {\n        suffixIcon: isMobile\n          ? mobileMode === \"drawer\"\n            ? drawPicker\n            : popPicker\n          : desktopMode === \"drawer\"\n            ? drawPicker\n            : popPicker,\n      })}\n      {props.isFloatLabel && typeof label === \"string\" && (\n        <FloatingLabel\n          htmlFor={inputId}\n          size={props.size}\n          infoTooltip={props.infoTooltip}\n          className=\"z-10\"\n          shouldFloat={shouldFloat}\n        >\n          {label}\n        </FloatingLabel>\n      )}\n    </div>\n  );\n}\n"],"names":["formatDate","date","outputFormat","DATE_FORMAT","locale","dfFormat","parseDate","str","inputFormat","parse","isValid","generateMaskFromFormat","format","match","RangePicker","label","value","placeholder","onChange","onSelect","calendarClassName","side","align","language","mask","closeOnSelect","showOutsideDays","calendarConfig","timeConfig","desktopMode","mobileMode","children","separator","jsx","MoveRight","showTime","timeFormat","hideDate","numberOfMonths","variant","color","props","inputId","React","maskToUse","initialFromDate","initialToDate","initialRange","open","setOpen","range","setRange","month","setMonth","fromInputValue","setFromInputValue","toInputValue","setToInputValue","fromTime","setFromTime","toTime","setToTime","fromInputRef","toInputRef","shouldFloat","_locale","enUS","vi","formatDateTimeValue","d","result","handleSelectForRenderProp","fromFormatted","toFormatted","handleFromChangeForRenderProp","text","newRange","parsedDate","handleToChangeForRenderProp","handleTimeChangeFrom","mergedDate","handleTimeChangeTo","triggerComponent","jsxs","Button","CalendarIcon","cn","calendarSelection","Calendar","isMobile","selectedRange","preservedRange","fromTimeObj","toTimeObj","TimePicker","popPicker","Popover","PopoverTrigger","PopoverContent","drawPicker","Drawer","DrawerTrigger","DrawerContent","DrawerHeader","DrawerTitle","DrawerDescription","renderRangeInput","type","inputValue","setInputValue","additionalProps","isFrom","Input","e","activeElement","currentActiveElement","validateInput","val","parsed","fromValid","toValid","FloatingLabel"],"mappings":"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"}
+{"version":3,"file":"RangePicker.cjs","sources":["../../../../src/components/DatePicker/RangePicker.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  CalendarDayButton as SCalendarDayButton,\n  type CalendarDayButtonProps as SCalendarDayButtonProps,\n  Calendar,\n  type CalendarColor,\n} from \"@dsui/ui/components/calendar\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@dsui/ui/components/popover\";\nimport {\n  Drawer,\n  DrawerContent,\n  DrawerDescription,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerTrigger,\n} from \"@dsui/ui/components/drawer\";\nimport { cn } from \"@dsui/ui/index\";\nimport { Input, type InputProps } from \"../Input\";\nimport { Button } from \"../Button\";\nimport { TimePicker } from \"./TimePicker\";\nimport { type DatePickerProps } from \"./DatePicker\";\nimport { CalendarIcon, MoveRight } from \"lucide-react\";\nimport { isMobile } from \"react-device-detect\";\nimport { format as dfFormat, parse, isValid, type Locale } from \"date-fns\";\nimport { vi, enUS } from \"date-fns/locale\";\nimport { DATE_FORMAT } from \"@/constants/common\";\nimport { FloatingLabel } from \"@/components/FloatLabel\";\n\nexport type DateRange = {\n  from?: Date | undefined;\n  to?: Date | undefined;\n};\n\nexport type DateRangeText = { from?: string; to?: string } | null;\n\nfunction formatDate(\n  date: Date | undefined,\n  outputFormat: string = DATE_FORMAT,\n  locale?: Locale\n) {\n  if (!date) return \"\";\n\n  return dfFormat(date, outputFormat, locale ? { locale } : undefined);\n}\n\nconst parseDate = (\n  str: string,\n  inputFormat: string = DATE_FORMAT\n): Date | undefined => {\n  const date = parse(str, inputFormat, new Date());\n  return isValid(date) ? date : undefined;\n};\n\nfunction generateMaskFromFormat(format: string): string {\n  return format\n    .replace(/dd|MM|yyyy/g, (match) => {\n      switch (match) {\n        case \"dd\":\n        case \"MM\":\n          return \"99\";\n        case \"yyyy\":\n          return \"9999\";\n        default:\n          return match;\n      }\n    })\n    .replace(/d|M|y/g, (match) => {\n      switch (match) {\n        case \"d\":\n        case \"M\":\n          return \"9\";\n        case \"y\":\n          return \"9\";\n        default:\n          return match;\n      }\n    });\n}\n\nexport type FormatType = string | { input: string; output: string };\n\nexport type RangePickerRenderProps = {\n  fromValue: string;\n  toValue: string;\n  range?: DateRange;\n  onSelect: (range?: DateRange) => void;\n  onFromChange: (text: string) => void;\n  onToChange: (text: string) => void;\n};\n\nexport type TimeConfig = Omit<\n  React.ComponentProps<typeof TimePicker>,\n  \"value\" | \"onSelect\" | \"format\"\n>;\n\nexport type RangePickerProps = Omit<\n  DatePickerProps,\n  \"value\" | \"onChange\" | \"onSelect\" | \"children\" | \"label\" | \"placeholder\"\n> & {\n  label?: string | DateRangeText;\n  placeholder?: string | DateRangeText;\n  value?: DateRangeText;\n  onChange?: (value?: DateRange, text?: DateRangeText) => void;\n  onSelect?: (value?: DateRange, text?: DateRangeText) => void;\n  children?: (props: RangePickerRenderProps) => React.ReactNode;\n  separator?: React.ReactNode;\n  timeConfig?: [TimeConfig, TimeConfig];\n  numberOfMonths?: number;\n  variant?: \"default\" | \"rounded\";\n  color?: CalendarColor;\n};\n\nexport function RangePicker({\n  label,\n  value,\n  placeholder,\n  onChange,\n  onSelect,\n  calendarClassName,\n  side = \"bottom\",\n  align = \"end\",\n  format = \"dd/MM/yyyy\",\n  language = \"vi\",\n  mask,\n  closeOnSelect = false,\n  showOutsideDays = true,\n  calendarConfig,\n  timeConfig,\n  desktopMode = \"popover\",\n  mobileMode = \"drawer\",\n  children,\n  separator = <MoveRight className=\"ds:size-5\" />,\n  showTime = false,\n  timeFormat = \"HH:mm\",\n  hideDate = false,\n  numberOfMonths = 1,\n  variant = \"default\",\n  color = \"primary\",\n  ...props\n}: RangePickerProps) {\n  const inputId = React.useId();\n\n  let inputFormat: string;\n  let outputFormat: string;\n  if (typeof format === \"string\") {\n    inputFormat = format;\n    outputFormat = format;\n  } else {\n    inputFormat = format.input;\n    outputFormat = format.output;\n  }\n\n  // Determine the mask to use\n  let maskToUse: string | undefined;\n  if (mask === true) {\n    maskToUse = generateMaskFromFormat(inputFormat);\n  } else if (typeof mask === \"string\") {\n    maskToUse = mask;\n  }\n\n  const initialFromDate = value?.from\n    ? parseDate(value.from, inputFormat)\n    : undefined;\n  const initialToDate = value?.to\n    ? parseDate(value.to, inputFormat)\n    : undefined;\n  const initialRange: DateRange = {\n    from: initialFromDate,\n    to: initialToDate,\n  };\n\n  const [open, setOpen] = React.useState(false);\n  const [range, setRange] = React.useState<DateRange | undefined>(initialRange);\n  const [month, setMonth] = React.useState<Date | undefined>(\n    initialFromDate || new Date()\n  );\n  const [fromInputValue, setFromInputValue] = React.useState(value?.from || \"\");\n  const [toInputValue, setToInputValue] = React.useState(value?.to || \"\");\n  const [fromTime, setFromTime] = React.useState<Date | undefined>(undefined);\n  const [toTime, setToTime] = React.useState<Date | undefined>(undefined);\n  const fromInputRef = React.useRef<HTMLInputElement>(null);\n  const toInputRef = React.useRef<HTMLInputElement>(null);\n\n  const shouldFloat = !!(fromInputValue.trim() || toInputValue.trim());\n\n  const _locale: Locale = calendarConfig?.locale\n    ? (calendarConfig?.locale as Locale)\n    : language === \"en\"\n      ? enUS\n      : vi;\n\n  // Helper to format date-time based on showTime and timeFormat\n  const formatDateTimeValue = (d: Date | undefined): string => {\n    if (!d) return \"\";\n    let result = formatDate(d, outputFormat, _locale);\n    if (showTime) {\n      result += ` ${dfFormat(d, timeFormat)}`;\n    }\n    return result;\n  };\n\n  // Helper functions for render props\n  const handleSelectForRenderProp = (range?: DateRange) => {\n    setRange(range);\n    const fromFormatted = formatDateTimeValue(range?.from);\n    const toFormatted = formatDateTimeValue(range?.to);\n    setFromInputValue(fromFormatted);\n    setToInputValue(toFormatted);\n    onSelect?.(range, { from: fromFormatted, to: toFormatted });\n  };\n\n  const handleFromChangeForRenderProp = (text: string) => {\n    setFromInputValue(text);\n\n    // If the input is cleared (empty), clear both fields\n    if (text.trim() === \"\") {\n      setFromInputValue(\"\");\n      setToInputValue(\"\");\n      const newRange: DateRange = { from: undefined, to: undefined };\n      setRange(newRange);\n      onSelect?.(newRange, newRange as DateRangeText);\n      return;\n    }\n\n    // Try to parse based on showTime\n    let parsedDate: Date | undefined;\n    if (showTime) {\n      parsedDate = parseDate(text, `${inputFormat} ${timeFormat}`);\n    } else {\n      parsedDate = parseDate(text, inputFormat);\n    }\n    const newRange: DateRange = { from: parsedDate, to: range?.to };\n    if (parsedDate) {\n      setRange(newRange);\n      setMonth(parsedDate);\n      setFromTime(parsedDate);\n      onSelect?.(newRange, {\n        from: formatDateTimeValue(parsedDate),\n        to: formatDateTimeValue(range?.to),\n      });\n    } else {\n      setRange(newRange);\n      onSelect?.(newRange, {\n        from: formatDateTimeValue(range?.from),\n        to: formatDateTimeValue(range?.to),\n      });\n    }\n  };\n\n  const handleToChangeForRenderProp = (text: string) => {\n    setToInputValue(text);\n\n    // If the input is cleared (empty), clear both fields\n    if (text.trim() === \"\") {\n      setFromInputValue(\"\");\n      setToInputValue(\"\");\n      const newRange: DateRange = { from: undefined, to: undefined };\n      setRange(newRange);\n      onSelect?.(newRange, newRange as DateRangeText);\n      return;\n    }\n\n    // Try to parse based on showTime\n    let parsedDate: Date | undefined;\n    if (showTime) {\n      parsedDate = parseDate(text, `${inputFormat} ${timeFormat}`);\n    } else {\n      parsedDate = parseDate(text, inputFormat);\n    }\n    const newRange: DateRange = {\n      from: range?.from,\n      to: parsedDate,\n    };\n    if (parsedDate) {\n      setRange(newRange);\n      setToTime(parsedDate);\n      onSelect?.(newRange, {\n        from: formatDateTimeValue(range?.from),\n        to: formatDateTimeValue(parsedDate),\n      });\n    } else {\n      setRange(newRange);\n      onSelect?.(newRange, {\n        from: formatDateTimeValue(range?.from),\n        to: undefined,\n      });\n    }\n  };\n\n  const handleTimeChangeFrom = (date?: Date) => {\n    if (date) {\n      setFromTime(date);\n      // Merge: keep date (year, month, day) from existing range.from, take time (hours, minutes, seconds) from TimePicker\n      const mergedDate = new Date(range?.from || new Date());\n      mergedDate.setHours(\n        date.getHours(),\n        date.getMinutes(),\n        date.getSeconds(),\n        0\n      );\n\n      const newRange: DateRange = {\n        from: mergedDate,\n        to: range?.to,\n      };\n      setRange(newRange);\n      setFromInputValue(formatDateTimeValue(mergedDate));\n      onSelect?.(newRange, {\n        from: formatDateTimeValue(mergedDate),\n        to: formatDateTimeValue(range?.to),\n      });\n      onChange?.(newRange, {\n        from: formatDateTimeValue(mergedDate),\n        to: formatDateTimeValue(range?.to),\n      });\n    }\n  };\n\n  const handleTimeChangeTo = (date?: Date) => {\n    if (date) {\n      setToTime(date);\n      // Merge: keep date (year, month, day) from existing range.to, take time (hours, minutes, seconds) from TimePicker\n      const mergedDate = new Date(range?.to || new Date());\n      mergedDate.setHours(\n        date.getHours(),\n        date.getMinutes(),\n        date.getSeconds(),\n        0\n      );\n\n      const newRange: DateRange = {\n        from: range?.from,\n        to: mergedDate,\n      };\n      setRange(newRange);\n      setToInputValue(formatDateTimeValue(mergedDate));\n      onSelect?.(newRange, {\n        from: formatDateTimeValue(range?.from),\n        to: formatDateTimeValue(mergedDate),\n      });\n      onChange?.(newRange, {\n        from: formatDateTimeValue(range?.from),\n        to: formatDateTimeValue(mergedDate),\n      });\n    }\n  };\n\n  // Determine trigger component\n  const triggerComponent = children ? (\n    children({\n      fromValue: fromInputValue,\n      toValue: toInputValue,\n      range,\n      onSelect: handleSelectForRenderProp,\n      onFromChange: handleFromChangeForRenderProp,\n      onToChange: handleToChangeForRenderProp,\n    })\n  ) : (\n    <Button\n      variant=\"ghost\"\n      className=\"ds:!p-1 ds:!leading-0 ds:h-auto ds:rounded ds:hover:bg-accent ds:transition-colors\"\n      size={props?.size}\n    >\n      <CalendarIcon\n        className={cn({\n          \"ds:size-3\": props.size === \"xs\" || props.size === \"sm\",\n          \"ds:size-3.5\": !props.size || props.size === \"normal\",\n          \"ds:size-4\": props.size === \"lg\" || props.size === \"xl\",\n        })}\n      />\n      <span className=\"ds:sr-only\">Select date range</span>\n    </Button>\n  );\n\n  const calendarSelection = (\n    <div\n      className={cn(\"ds:flex ds:items-stretch\", showTime && !hideDate ? \"ds:gap-0\" : \"\")}\n    >\n      {!hideDate && (\n        <Calendar\n          {...calendarConfig}\n          mode=\"range\"\n          selected={range as any}\n          captionLayout=\"dropdown\"\n          month={month}\n          onMonthChange={setMonth}\n          numberOfMonths={isMobile ? 1 : numberOfMonths || 1}\n          variant={variant}\n          color={color}\n          onSelect={(selectedRange) => {\n            // Preserve time from TimePicker values if showTime is enabled\n            let preservedRange = selectedRange;\n            if (showTime) {\n              // Get current time from TimePicker state\n              const fromTimeObj = fromTime;\n              const toTimeObj = toTime;\n\n              preservedRange = {\n                from: selectedRange?.from\n                  ? new Date(\n                      selectedRange.from.getFullYear(),\n                      selectedRange.from.getMonth(),\n                      selectedRange.from.getDate(),\n                      fromTimeObj?.getHours() || 0,\n                      fromTimeObj?.getMinutes() || 0,\n                      fromTimeObj?.getSeconds() || 0\n                    )\n                  : undefined,\n                to: selectedRange?.to\n                  ? new Date(\n                      selectedRange.to.getFullYear(),\n                      selectedRange.to.getMonth(),\n                      selectedRange.to.getDate(),\n                      toTimeObj?.getHours() || 0,\n                      toTimeObj?.getMinutes() || 0,\n                      toTimeObj?.getSeconds() || 0\n                    )\n                  : undefined,\n              };\n            }\n            setRange(preservedRange);\n            const fromFormatted = formatDateTimeValue(preservedRange?.from);\n            const toFormatted = formatDateTimeValue(preservedRange?.to);\n            setFromInputValue(fromFormatted);\n            setToInputValue(toFormatted);\n            onSelect?.(preservedRange, {\n              from: fromFormatted,\n              to: toFormatted,\n            });\n            onChange?.(preservedRange, {\n              from: fromFormatted,\n              to: toFormatted,\n            });\n            if (\n              closeOnSelect &&\n              preservedRange?.from &&\n              preservedRange?.to &&\n              !showTime\n            ) {\n              setOpen(false);\n            }\n          }}\n          locale={_locale}\n          formatters={{\n            formatMonthDropdown: (date) =>\n              date.toLocaleString(_locale.code, { month: \"short\" }),\n          }}\n          showOutsideDays={showOutsideDays}\n          className={cn(\n            \"ds:mx-auto\",\n            {\n              \"ds:[--cell-size:clamp(0px,calc(100vw/7.5),52px)] ds:mb-8 ds:bg-transparent\":\n                isMobile || desktopMode === \"drawer\",\n              \"ds:[--cell-size:clamp(0px,calc(100vw/7.5),34px)]\":\n                !isMobile && desktopMode !== \"drawer\",\n            },\n            calendarClassName\n          )}\n        />\n      )}\n      {showTime && (\n        <div className=\"ds:flex ds:gap-0 ds:border-l ds:border-border\">\n          <TimePicker\n            {...timeConfig?.[0]}\n            value={fromTime ? dfFormat(fromTime, timeFormat) : undefined}\n            onSelect={handleTimeChangeFrom}\n            format={timeFormat}\n            showHours\n            showMinutes\n            showSeconds={timeFormat === \"HH:mm:ss\"}\n            standalone={false}\n          />\n          <div className=\"ds:border-l ds:border-border\" />\n          <TimePicker\n            {...timeConfig?.[1]}\n            value={toTime ? dfFormat(toTime, timeFormat) : undefined}\n            onSelect={handleTimeChangeTo}\n            format={timeFormat}\n            showHours\n            showMinutes\n            showSeconds={timeFormat === \"HH:mm:ss\"}\n            standalone={false}\n          />\n        </div>\n      )}\n    </div>\n  );\n\n  const popPicker = (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild disabled={props.disabled}>\n        {triggerComponent}\n      </PopoverTrigger>\n      <PopoverContent\n        className={cn(\n          \"ds:w-auto ds:overflow-hidden ds:p-0\",\n          \"ds:backdrop-blur ds:bg-background/50\"\n        )}\n        side={side}\n        align={align}\n      >\n        {calendarSelection}\n      </PopoverContent>\n    </Popover>\n  );\n\n  const drawPicker = (\n    <Drawer open={open} onOpenChange={setOpen}>\n      <DrawerTrigger asChild>{triggerComponent}</DrawerTrigger>\n      <DrawerContent\n        className={cn(\n          \"ds:w-auto ds:overflow-hidden ds:p-0\",\n          \"ds:backdrop-blur ds:bg-background\"\n        )}\n      >\n        <DrawerHeader className=\"ds:sr-only\">\n          <DrawerTitle>Select date range</DrawerTitle>\n          <DrawerDescription>Set your date range</DrawerDescription>\n        </DrawerHeader>\n        {calendarSelection}\n      </DrawerContent>\n    </Drawer>\n  );\n\n  // If children is provided, use render prop pattern with picker\n  if (children) {\n    const mode = isMobile ? mobileMode : desktopMode;\n    return mode === \"drawer\" ? drawPicker : popPicker;\n  }\n\n  // Helper function to render range input\n  const renderRangeInput = (\n    type: \"from\" | \"to\",\n    inputValue: string,\n    setInputValue: (value: string) => void,\n    additionalProps?: Partial<InputProps>\n  ) => {\n    const isFrom = type === \"from\";\n\n    return (\n      <Input\n        {...props}\n        {...additionalProps}\n        ref={isFrom ? fromInputRef : toInputRef}\n        id={inputId}\n        size={\n          props.isFloatLabel ? (props.size ? props.size : \"xl\") : props.size\n        }\n        className={cn(\n          props.className,\n          \"ds:relative ds:peer ds:border-0 ds:focus:ring-0 ds:rounded-none ds:hover:bg-transparent ds:active:bg-transparent ds:focus-visible:ring-0 ds:focus-visible:border-0\",\n          isFrom ? \"ds:pr-0\" : \"\"\n        )}\n        label={\n          props.isFloatLabel && typeof label === \"object\"\n            ? isFrom\n              ? label?.from || \"\"\n              : label?.to || \"\"\n            : \"\"\n        }\n        placeholder={\n          typeof placeholder === \"object\"\n            ? isFrom\n              ? placeholder?.from || \"\"\n              : placeholder?.to || \"\"\n            : placeholder\n        }\n        clearable={!isFrom}\n        value={inputValue}\n        mask={maskToUse}\n        onChange={(e) => {\n          const inputValue = e.target.value;\n          setInputValue(inputValue);\n\n          // If the input is cleared (empty), clear both fields\n          if (inputValue.trim() === \"\") {\n            setFromInputValue(\"\");\n            setToInputValue(\"\");\n            const newRange: DateRange = { from: undefined, to: undefined };\n            setRange(newRange);\n            onSelect?.(newRange, newRange as DateRangeText);\n            onChange?.(newRange, newRange as DateRangeText);\n            return;\n          }\n\n          // Try to parse based on showTime\n          let date: Date | undefined;\n          if (showTime) {\n            date = parseDate(inputValue, `${inputFormat} ${timeFormat}`);\n          } else {\n            date = parseDate(inputValue, inputFormat);\n          }\n          const newRange: DateRange = isFrom\n            ? { from: date, to: range?.to }\n            : { from: range?.from, to: date };\n\n          if (date) {\n            setRange(newRange);\n            if (isFrom) setMonth(date);\n            // Update time state if time was parsed\n            if (isFrom) {\n              setFromTime(date);\n              // setFromInputValue(formatDateTimeValue(date)); // Sync input value\n            } else {\n              setToTime(date);\n              // setToInputValue(formatDateTimeValue(date)); // Sync input value\n            }\n            const fromFormatted = formatDateTimeValue(\n              isFrom ? date : range?.from\n            );\n            const toFormatted = formatDateTimeValue(isFrom ? range?.to : date);\n            onSelect?.(newRange, { from: fromFormatted, to: toFormatted });\n            onChange?.(newRange, {\n              from: isFrom ? inputValue : fromInputValue,\n              to: isFrom ? toInputValue : inputValue,\n            });\n\n            // If from input and date is valid, auto-focus to to input if to is empty\n            // if (isFrom && toInputRef.current && !toInputValue.trim()) {\n            //   requestAnimationFrame(() => toInputRef.current?.focus());\n            // }\n          } else {\n            onSelect?.(newRange, {\n              from: formatDateTimeValue(range?.from),\n              to: isFrom ? formatDateTimeValue(range?.to) : undefined,\n            });\n            onChange?.(newRange, {\n              from: formatDateTimeValue(range?.from),\n              to: isFrom ? formatDateTimeValue(range?.to) : undefined,\n            });\n          }\n        }}\n        onClear={\n          !isFrom\n            ? () => {\n                setFromInputValue(\"\");\n                setToInputValue(\"\");\n                const newRange: DateRange = { from: undefined, to: undefined };\n                setRange(newRange);\n                onSelect?.(newRange, newRange as DateRangeText);\n                onChange?.(newRange, newRange as DateRangeText);\n              }\n            : undefined\n        }\n        onBlur={() => {\n          // Check if blurring out of the entire range picker group\n          const activeElement = document.activeElement;\n          if (\n            activeElement !== fromInputRef.current &&\n            activeElement !== toInputRef.current\n          ) {\n            // Delay validation by 100ms\n            setTimeout(() => {\n              // Check again if still blurred out of the group\n              const currentActiveElement = document.activeElement;\n              if (\n                currentActiveElement !== fromInputRef.current &&\n                currentActiveElement !== toInputRef.current\n              ) {\n                // Blurred out of the group, validate both inputs\n                const validateInput = (val: string) => {\n                  if (val.trim() === \"\") return true; // empty is valid (will clear)\n                  let parsed: Date | undefined;\n                  if (showTime) {\n                    parsed = parseDate(val, `${inputFormat} ${timeFormat}`);\n                  } else {\n                    parsed = parseDate(val, inputFormat);\n                  }\n                  return !!parsed;\n                };\n\n                const fromValid = validateInput(fromInputValue);\n                const toValid = validateInput(toInputValue);\n\n                // Clear if either is invalid, or if only one has value\n                const shouldClear =\n                  !fromValid ||\n                  !toValid ||\n                  (fromInputValue.trim() && !toInputValue.trim()) ||\n                  (!fromInputValue.trim() && toInputValue.trim());\n\n                if (shouldClear) {\n                  // If either is invalid, clear both\n                  setFromInputValue(\"\");\n                  setToInputValue(\"\");\n                  const newRange: DateRange = {\n                    from: undefined,\n                    to: undefined,\n                  };\n                  setRange(newRange);\n                  onSelect?.(newRange, newRange as DateRangeText);\n                  onChange?.(newRange, newRange as DateRangeText);\n                }\n              }\n            }, 100);\n          }\n        }}\n        onKeyDown={(e) => {\n          if (e.key === \"ArrowDown\") {\n            e.preventDefault();\n            setOpen(true);\n          }\n        }}\n      />\n    );\n  };\n\n  // Default input rendering with two inputs\n  return (\n    <div\n      className={cn(\n        \"ds:group ds:relative ds:flex ds:items-center ds:border ds:rounded-md ds:focus-within:ring-2 ds:focus-within:ring-offset-2 ds:bg-background ds:transition-[color,box-shadow]\",\n        {\n          \"ds:border-input ds:focus-within:ring-ring\": !props.state,\n          \"ds:border-success ds:focus-within:ring-success\": props.state === \"success\",\n          \"ds:border-warning ds:focus-within:ring-warning\": props.state === \"warning\",\n          \"ds:border-error ds:focus-within:ring-error\": props.state === \"error\",\n        }\n      )}\n    >\n      {renderRangeInput(\"from\", fromInputValue, setFromInputValue)}\n      <span\n        className={cn(\"ds:text-muted-foreground ds:select-none ds:pl-2\", {\n          \"ds:opacity-30\": props.disabled,\n        })}\n      >\n        {separator}\n      </span>\n      {renderRangeInput(\"to\", toInputValue, setToInputValue, {\n        suffixIcon: isMobile\n          ? mobileMode === \"drawer\"\n            ? drawPicker\n            : popPicker\n          : desktopMode === \"drawer\"\n            ? drawPicker\n            : popPicker,\n      })}\n      {props.isFloatLabel && typeof label === \"string\" && (\n        <FloatingLabel\n          htmlFor={inputId}\n          size={props.size}\n          infoTooltip={props.infoTooltip}\n          className=\"ds:z-10\"\n          shouldFloat={shouldFloat}\n        >\n          {label}\n        </FloatingLabel>\n      )}\n    </div>\n  );\n}\n"],"names":["formatDate","date","outputFormat","DATE_FORMAT","locale","dfFormat","parseDate","str","inputFormat","parse","isValid","generateMaskFromFormat","format","match","RangePicker","label","value","placeholder","onChange","onSelect","calendarClassName","side","align","language","mask","closeOnSelect","showOutsideDays","calendarConfig","timeConfig","desktopMode","mobileMode","children","separator","jsx","MoveRight","showTime","timeFormat","hideDate","numberOfMonths","variant","color","props","inputId","React","maskToUse","initialFromDate","initialToDate","initialRange","open","setOpen","range","setRange","month","setMonth","fromInputValue","setFromInputValue","toInputValue","setToInputValue","fromTime","setFromTime","toTime","setToTime","fromInputRef","toInputRef","shouldFloat","_locale","enUS","vi","formatDateTimeValue","d","result","handleSelectForRenderProp","fromFormatted","toFormatted","handleFromChangeForRenderProp","text","newRange","parsedDate","handleToChangeForRenderProp","handleTimeChangeFrom","mergedDate","handleTimeChangeTo","triggerComponent","jsxs","Button","CalendarIcon","cn","calendarSelection","Calendar","isMobile","selectedRange","preservedRange","fromTimeObj","toTimeObj","TimePicker","popPicker","Popover","PopoverTrigger","PopoverContent","drawPicker","Drawer","DrawerTrigger","DrawerContent","DrawerHeader","DrawerTitle","DrawerDescription","renderRangeInput","type","inputValue","setInputValue","additionalProps","isFrom","Input","e","activeElement","currentActiveElement","validateInput","val","parsed","fromValid","toValid","FloatingLabel"],"mappings":"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"}

package/dist/cjs/components/DatePicker/TimePicker.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),o=require("react");require("@radix-ui/react-slot");require("../../packages/ui/src/components/button.cjs");require("../../packages/ui/src/components/button-group.cjs");require("../../packages/ui/src/components/input.cjs");require("../../packages/ui/src/components/textarea.cjs");require("@radix-ui/react-label");const j=require("../../packages/ui/src/lib/utils.cjs");require("../../packages/ui/src/components/select.cjs");require("../../packages/ui/src/components/combobox.cjs");require("@radix-ui/react-tooltip");const Oe=require("lucide-react");require("react-day-picker");const Z=require("../../packages/ui/src/components/popover.cjs");require("@radix-ui/react-separator");require("../../packages/ui/src/components/switch.cjs");const M=require("../../packages/ui/src/components/drawer.cjs");require("@radix-ui/react-scroll-area");require("../../packages/ui/src/components/tree-view.cjs");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-avatar");require("../../packages/ui/src/components/badge.cjs");require("../../packages/ui/src/components/checkbox.cjs");require("@radix-ui/react-collapsible");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-dropdown-menu");require("../../packages/ui/src/components/input-otp.cjs");require("../../packages/ui/src/components/radio-group.cjs");require("../../packages/ui/src/components/sidebar.cjs");require("@radix-ui/react-slider");require("../../packages/ui/src/components/tabs.cjs");require("../../packages/ui/src/components/toggle.cjs");const we=require("react-device-detect"),_=require("../WheelColumn.cjs"),Ie=require("../TimeGridView.cjs"),z=require("date-fns"),Ee=require("../Select/Select.cjs"),B=require("../Button/Button.cjs"),$e=require("../Input/Input.cjs"),L=(i,m=1)=>{const b=[];for(let v=0;v<i;v+=m)b.push(v);return b},$=i=>String(i).padStart(2,"0"),He=(i,m="HH:mm")=>!i||!z.isValid(i)?"":z.format(i,m),Te=(i,m="HH:mm")=>{if(!i)return;const b=new Date,v=z.parse(i,m,b);if(z.isValid(v))return v};function ze(i){return i.replace(/HH|mm|ss/g,m=>{switch(m){case"HH":case"mm":case"ss":return"99";default:return m}}).replace(/H|m|s/g,()=>"9")}function Ue({value:i,onChange:m,onSelect:b,showHours:v=!0,showMinutes:ee=!0,showSeconds:k=!1,disabled:q=!1,className:se,timeLabel:u,mask:U,format:N,mode:l="wheel",hourInterval:te=1,minuteInterval:re=1,secondInterval:ne=1,disabledTimes:oe=[],disabledTimeRanges:ie=[],showNowButton:ce=!1,nowButtonLabel:ue="Now",standalone:F=!0,desktopMode:le="popover",mobileMode:Se="drawer",color:O="primary",isOpen:ae,...Ne}){let C,w;typeof N=="string"?(C=N,w=N):N?(C=N.input,w=N.output):(C=k?"HH:mm:ss":"HH:mm",w=k?"HH:mm:ss":"HH:mm");const[h,H]=o.useState(void 0),[p,T]=o.useState(void 0),[x,S]=o.useState(void 0),[I,fe]=o.useState(!1);o.useEffect(()=>{if(i){const e=Te(i,C);e&&(H(e.getHours()),T(e.getMinutes()),S(e.getSeconds()))}else H(void 0),T(void 0),S(void 0)},[i,C]);const G=o.useRef(null),A=o.useRef(null),W=o.useRef(null),J=o.useRef(null),D=o.useMemo(()=>L(24,te),[te]),y=o.useMemo(()=>L(60,re),[re]),R=o.useMemo(()=>L(60,ne),[ne]),a=o.useCallback((e,s,t=0)=>{const n=`${$(e??0)}:${$(s??0)}${k?`:${$(t??0)}`:""}`;if(oe.includes(n))return!0;for(const f of ie){const[d,c,g=0]=f.from.split(":").map(Number),[E,Re,Ve=0]=f.to.split(":").map(Number),Ce=(e??0)*3600+(s??0)*60+(t??0),Pe=d*3600+c*60+g,Fe=E*3600+Re*60+Ve;if(Ce>=Pe&&Ce<=Fe)return!0}return!1},[oe,ie,k]),K=o.useCallback(e=>{if(u)return typeof u=="boolean"?u?e==="hours"?"Hour":e==="minutes"?"Minute":"Second":void 0:typeof u=="string"?u:e==="hours"?u.hours||"Hour":e==="minutes"?u.minutes||"Minute":u.seconds||"Second"},[u]),de=typeof u=="string"&&r.jsx("div",{className:"text-xs font-semibold text-muted-foreground uppercase p-2 border-b w-full text-center",children:u},"common-label"),De=o.useCallback((e,s,t=0)=>{const n=D.reduce((c,g)=>Math.abs(g-e)<Math.abs(c-e)?g:c),f=y.reduce((c,g)=>Math.abs(g-s)<Math.abs(c-s)?g:c),d=R.reduce((c,g)=>Math.abs(g-t)<Math.abs(c-t)?g:c);if(a(n,f,d)){for(const c of D)for(const g of y)for(const E of R)if(!a(c,g,E))return{h:c,m:g,s:E}}return{h:n,m:f,s:d}},[D,y,R,a]),V=o.useCallback((e,s,t)=>{const n=new Date;n.setHours(e,s,t,0);const f=He(n,w);m?.(void 0,f,n),b?.(n,f)},[w,m,b]),me=e=>{a(e,p,x)||(H(e),V(e,p??0,x??0))},he=e=>{a(h,e,x)||(T(e),V(h??0,e,x??0))},pe=e=>{a(h,p,e)||(S(e),V(h??0,p??0,e))},P=o.useCallback(e=>{if(e.current){const s=e.current.querySelector("[data-selected]");if(s){const t=e.current,n=t.clientHeight,f=s.offsetTop,d=s.clientHeight,c=f-n/2+d/2;t.scrollTo({top:c,behavior:"smooth"})}}},[]),Q=o.useCallback(()=>{l==="wheel"?(P(G),P(A),P(W)):l==="compact"&&P(J)},[G,A,W,J,l,P]),ge=()=>{const e=new Date,{h:s,m:t,s:n}=De(e.getHours(),e.getMinutes(),e.getSeconds());H(s),T(t),S(n),V(s,t,n),setTimeout(()=>Q(),100)};o.useEffect(()=>{if((F?I:ae)||(h!==void 0||p!==void 0||x!==void 0)){const t=setTimeout(()=>Q(),100);return()=>clearTimeout(t)}},[I,ae,F,l,Q,h,p,x]);const X=o.memo(({items:e,value:s,onChange:t,timeLabel:n,type:f})=>r.jsxs("div",{className:"flex flex-col gap-2",children:[n&&r.jsx("div",{className:"text-xs font-semibold text-muted-foreground uppercase p-2 border-b w-full text-center",children:n}),r.jsx("div",{className:"p-2",children:r.jsx(Ee.default,{value:s?.toString()||"",onValueChange:d=>t(Number(d)),disabled:q,clearable:!1,search:!1,options:e.map(d=>{const c=f==="hours"&&a(d,p,x)||f==="minutes"&&a(h,d,x)||f==="seconds"&&a(h,p,d);return{label:$(d),value:d.toString(),disabled:c}})})})]})),ye=(e,s)=>{a(e,s,0)||(H(e),T(s),S(0),V(e,s,0))},xe=()=>{const e=[];if(l==="compact")return r.jsx(Ie.TimeGridView,{HOURS:D,MINUTES:y,hours:h,minutes:p,disabled:q,isTimeDisabled:a,onTimeSelect:ye,ref:J,color:O});if(v){const s=typeof u=="string"?void 0:K("hours");l==="wheel"?e.push(r.jsx(_.TimeColumnwheel,{ref:G,items:D,value:h,onChange:me,timeLabel:s,isItemDisabled:t=>a(t,p,x),disabled:q,color:O},"hours")):l==="select"&&e.push(r.jsx(X,{items:D,value:h,onChange:me,timeLabel:s,type:"hours"},"hours"))}if(ee){const s=typeof u=="string"?void 0:K("minutes");l==="wheel"?e.push(r.jsx(_.TimeColumnwheel,{ref:A,items:y,value:p,onChange:he,timeLabel:s,itemClassName:v?"border-l":void 0,isItemDisabled:t=>a(h,t,x),disabled:q,color:O},"minutes")):l==="select"&&e.push(r.jsx(X,{items:y,value:p,onChange:he,timeLabel:s,type:"minutes"},"minutes"))}if(k){const s=typeof u=="string"?void 0:K("seconds");l==="wheel"?e.push(r.jsx(_.TimeColumnwheel,{ref:W,items:R,value:x,onChange:pe,timeLabel:s,itemClassName:ee||v?"border-l":void 0,isItemDisabled:t=>a(h,p,t),disabled:q,color:O},"seconds")):l==="select"&&e.push(r.jsx(X,{items:R,value:x,onChange:pe,timeLabel:s,type:"seconds"},"seconds"))}return e};if(!F)return r.jsxs("div",{className:j.cn("flex flex-col gap-2 h-full justify-between",se),children:[de,r.jsx("div",{className:j.cn("flex rounded overflow-clip mb-auto",l==="wheel"?"items-end justify-center p-0 h-72":"items-start justify-center"),children:xe()}),ce&&r.jsx(B.default,{type:"button",variant:"solid",size:"xs",onClick:ge,disabled:q,className:j.cn("rounded-none"),children:ue})]});const ve=r.jsxs("div",{className:j.cn("flex flex-col gap-4 h-full",se),children:[de,r.jsx("div",{className:j.cn("flex rounded overflow-clip my-auto mx-auto max-w-sm md:max-w-md lg:max-w-lg relative",l==="wheel"?"items-end justify-center p-0":"items-start justify-center",{"h-72":l==="wheel","w-xs":F&&(we.isMobile||le==="drawer")}),children:xe()}),ce&&r.jsx(B.default,{type:"button",variant:"solid",size:"xs",onClick:ge,disabled:q,className:j.cn("rounded-none"),children:ue})]}),qe=r.jsxs(B.default,{variant:"ghost",className:"!p-1 !leading-0 h-auto rounded hover:bg-accent transition-colors",disabled:q,children:[r.jsx(Oe.Clock,{className:"size-4"}),r.jsx("span",{className:"sr-only",children:"Select time"})]}),be=r.jsxs(Z.Popover,{open:I,onOpenChange:fe,children:[r.jsx(Z.PopoverTrigger,{asChild:!0,disabled:q,children:qe}),r.jsx(Z.PopoverContent,{className:j.cn("w-auto overflow-hidden p-0","backdrop-blur bg-background/50"),children:ve})]}),je=r.jsxs(M.Drawer,{open:I,onOpenChange:fe,children:[r.jsx(M.DrawerTrigger,{asChild:!0,children:qe}),r.jsxs(M.DrawerContent,{className:j.cn("w-auto overflow-hidden p-0","backdrop-blur bg-background"),children:[r.jsxs(M.DrawerHeader,{className:"sr-only",children:[r.jsx(M.DrawerTitle,{children:"Select time"}),r.jsx(M.DrawerDescription,{children:"Choose a time"})]}),ve]})]}),Me=w;let Y;U===!0?Y=ze(C):typeof U=="string"&&(Y=U);const ke=e=>{const s=e.target.value,t=Te(s,C);if(t){H(t.getHours()),T(t.getMinutes()),S(t.getSeconds());const n=He(t,w);m?.(e,n,t),b?.(t,n)}else H(0),T(0),S(0),m?.(e,s,void 0),b?.(void 0,s)};return r.jsx($e.default,{...Ne,clearable:!0,value:i||"",placeholder:Me,mask:Y,disabled:q,className:"cursor-pointer",onChange:ke,suffixIcon:we.isMobile?Se==="drawer"?je:be:le==="drawer"?je:be})}exports.TimePicker=Ue;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),o=require("react");require("@radix-ui/react-slot");require("../../packages/ui/src/components/button.cjs");require("../../packages/ui/src/components/button-group.cjs");require("../../packages/ui/src/components/input.cjs");require("../../packages/ui/src/components/textarea.cjs");require("@radix-ui/react-label");const j=require("../../packages/ui/src/lib/utils.cjs");require("../../packages/ui/src/components/select.cjs");require("../../packages/ui/src/components/combobox.cjs");require("@radix-ui/react-tooltip");const Oe=require("lucide-react");require("react-day-picker");const Z=require("../../packages/ui/src/components/popover.cjs");require("@radix-ui/react-separator");require("../../packages/ui/src/components/switch.cjs");const M=require("../../packages/ui/src/components/drawer.cjs");require("@radix-ui/react-scroll-area");require("../../packages/ui/src/components/tree-view.cjs");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-avatar");require("../../packages/ui/src/components/badge.cjs");require("../../packages/ui/src/components/checkbox.cjs");require("@radix-ui/react-collapsible");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-dropdown-menu");require("../../packages/ui/src/components/input-otp.cjs");require("../../packages/ui/src/components/radio-group.cjs");require("../../packages/ui/src/components/sidebar.cjs");require("@radix-ui/react-slider");require("../../packages/ui/src/components/tabs.cjs");require("../../packages/ui/src/components/toggle.cjs");const we=require("react-device-detect"),_=require("../WheelColumn.cjs"),Ie=require("../TimeGridView.cjs"),z=require("date-fns"),Ee=require("../Select/Select.cjs"),B=require("../Button/Button.cjs"),$e=require("../Input/Input.cjs"),L=(i,m=1)=>{const b=[];for(let v=0;v<i;v+=m)b.push(v);return b},$=i=>String(i).padStart(2,"0"),He=(i,m="HH:mm")=>!i||!z.isValid(i)?"":z.format(i,m),Te=(i,m="HH:mm")=>{if(!i)return;const b=new Date,v=z.parse(i,m,b);if(z.isValid(v))return v};function ze(i){return i.replace(/HH|mm|ss/g,m=>{switch(m){case"HH":case"mm":case"ss":return"99";default:return m}}).replace(/H|m|s/g,()=>"9")}function Ue({value:i,onChange:m,onSelect:b,showHours:v=!0,showMinutes:ee=!0,showSeconds:k=!1,disabled:q=!1,className:se,timeLabel:u,mask:U,format:N,mode:l="wheel",hourInterval:te=1,minuteInterval:re=1,secondInterval:ne=1,disabledTimes:oe=[],disabledTimeRanges:ie=[],showNowButton:ce=!1,nowButtonLabel:ue="Now",standalone:F=!0,desktopMode:le="popover",mobileMode:Se="drawer",color:O="primary",isOpen:ae,...Ne}){let C,w;typeof N=="string"?(C=N,w=N):N?(C=N.input,w=N.output):(C=k?"HH:mm:ss":"HH:mm",w=k?"HH:mm:ss":"HH:mm");const[h,H]=o.useState(void 0),[p,T]=o.useState(void 0),[x,S]=o.useState(void 0),[I,de]=o.useState(!1);o.useEffect(()=>{if(i){const e=Te(i,C);e&&(H(e.getHours()),T(e.getMinutes()),S(e.getSeconds()))}else H(void 0),T(void 0),S(void 0)},[i,C]);const G=o.useRef(null),A=o.useRef(null),W=o.useRef(null),J=o.useRef(null),D=o.useMemo(()=>L(24,te),[te]),y=o.useMemo(()=>L(60,re),[re]),R=o.useMemo(()=>L(60,ne),[ne]),a=o.useCallback((e,s,t=0)=>{const n=`${$(e??0)}:${$(s??0)}${k?`:${$(t??0)}`:""}`;if(oe.includes(n))return!0;for(const d of ie){const[f,c,g=0]=d.from.split(":").map(Number),[E,Re,Ve=0]=d.to.split(":").map(Number),Ce=(e??0)*3600+(s??0)*60+(t??0),Pe=f*3600+c*60+g,Fe=E*3600+Re*60+Ve;if(Ce>=Pe&&Ce<=Fe)return!0}return!1},[oe,ie,k]),K=o.useCallback(e=>{if(u)return typeof u=="boolean"?u?e==="hours"?"Hour":e==="minutes"?"Minute":"Second":void 0:typeof u=="string"?u:e==="hours"?u.hours||"Hour":e==="minutes"?u.minutes||"Minute":u.seconds||"Second"},[u]),fe=typeof u=="string"&&r.jsx("div",{className:"ds:text-xs ds:font-semibold ds:text-muted-foreground ds:uppercase ds:p-2 ds:border-b ds:w-full ds:text-center",children:u},"common-label"),De=o.useCallback((e,s,t=0)=>{const n=D.reduce((c,g)=>Math.abs(g-e)<Math.abs(c-e)?g:c),d=y.reduce((c,g)=>Math.abs(g-s)<Math.abs(c-s)?g:c),f=R.reduce((c,g)=>Math.abs(g-t)<Math.abs(c-t)?g:c);if(a(n,d,f)){for(const c of D)for(const g of y)for(const E of R)if(!a(c,g,E))return{h:c,m:g,s:E}}return{h:n,m:d,s:f}},[D,y,R,a]),V=o.useCallback((e,s,t)=>{const n=new Date;n.setHours(e,s,t,0);const d=He(n,w);m?.(void 0,d,n),b?.(n,d)},[w,m,b]),me=e=>{a(e,p,x)||(H(e),V(e,p??0,x??0))},he=e=>{a(h,e,x)||(T(e),V(h??0,e,x??0))},pe=e=>{a(h,p,e)||(S(e),V(h??0,p??0,e))},P=o.useCallback(e=>{if(e.current){const s=e.current.querySelector("[data-selected]");if(s){const t=e.current,n=t.clientHeight,d=s.offsetTop,f=s.clientHeight,c=d-n/2+f/2;t.scrollTo({top:c,behavior:"smooth"})}}},[]),Q=o.useCallback(()=>{l==="wheel"?(P(G),P(A),P(W)):l==="compact"&&P(J)},[G,A,W,J,l,P]),ge=()=>{const e=new Date,{h:s,m:t,s:n}=De(e.getHours(),e.getMinutes(),e.getSeconds());H(s),T(t),S(n),V(s,t,n),setTimeout(()=>Q(),100)};o.useEffect(()=>{if((F?I:ae)||(h!==void 0||p!==void 0||x!==void 0)){const t=setTimeout(()=>Q(),100);return()=>clearTimeout(t)}},[I,ae,F,l,Q,h,p,x]);const X=o.memo(({items:e,value:s,onChange:t,timeLabel:n,type:d})=>r.jsxs("div",{className:"ds:flex ds:flex-col ds:gap-2",children:[n&&r.jsx("div",{className:"ds:text-xs ds:font-semibold ds:text-muted-foreground ds:uppercase ds:p-2 ds:border-b ds:w-full ds:text-center",children:n}),r.jsx("div",{className:"ds:p-2",children:r.jsx(Ee.default,{value:s?.toString()||"",onValueChange:f=>t(Number(f)),disabled:q,clearable:!1,search:!1,options:e.map(f=>{const c=d==="hours"&&a(f,p,x)||d==="minutes"&&a(h,f,x)||d==="seconds"&&a(h,p,f);return{label:$(f),value:f.toString(),disabled:c}})})})]})),ye=(e,s)=>{a(e,s,0)||(H(e),T(s),S(0),V(e,s,0))},xe=()=>{const e=[];if(l==="compact")return r.jsx(Ie.TimeGridView,{HOURS:D,MINUTES:y,hours:h,minutes:p,disabled:q,isTimeDisabled:a,onTimeSelect:ye,ref:J,color:O});if(v){const s=typeof u=="string"?void 0:K("hours");l==="wheel"?e.push(r.jsx(_.TimeColumnwheel,{ref:G,items:D,value:h,onChange:me,timeLabel:s,isItemDisabled:t=>a(t,p,x),disabled:q,color:O},"hours")):l==="select"&&e.push(r.jsx(X,{items:D,value:h,onChange:me,timeLabel:s,type:"hours"},"hours"))}if(ee){const s=typeof u=="string"?void 0:K("minutes");l==="wheel"?e.push(r.jsx(_.TimeColumnwheel,{ref:A,items:y,value:p,onChange:he,timeLabel:s,itemClassName:v?"ds:border-l":void 0,isItemDisabled:t=>a(h,t,x),disabled:q,color:O},"minutes")):l==="select"&&e.push(r.jsx(X,{items:y,value:p,onChange:he,timeLabel:s,type:"minutes"},"minutes"))}if(k){const s=typeof u=="string"?void 0:K("seconds");l==="wheel"?e.push(r.jsx(_.TimeColumnwheel,{ref:W,items:R,value:x,onChange:pe,timeLabel:s,itemClassName:ee||v?"ds:border-l":void 0,isItemDisabled:t=>a(h,p,t),disabled:q,color:O},"seconds")):l==="select"&&e.push(r.jsx(X,{items:R,value:x,onChange:pe,timeLabel:s,type:"seconds"},"seconds"))}return e};if(!F)return r.jsxs("div",{className:j.cn("ds:flex ds:flex-col ds:gap-2 ds:h-full ds:justify-between",se),children:[fe,r.jsx("div",{className:j.cn("ds:flex ds:rounded ds:overflow-clip ds:mb-auto",l==="wheel"?"ds:items-end ds:justify-center ds:p-0 ds:h-72":"ds:items-start ds:justify-center"),children:xe()}),ce&&r.jsx(B.default,{type:"button",variant:"solid",size:"xs",onClick:ge,disabled:q,className:j.cn("ds:rounded-none"),children:ue})]});const ve=r.jsxs("div",{className:j.cn("ds:flex ds:flex-col ds:gap-4 ds:h-full",se),children:[fe,r.jsx("div",{className:j.cn("ds:flex ds:rounded ds:overflow-clip ds:my-auto ds:mx-auto ds:max-w-sm ds:md:max-w-md ds:lg:max-w-lg ds:relative",l==="wheel"?"ds:items-end ds:justify-center ds:p-0":"ds:items-start ds:justify-center",{"ds:h-72":l==="wheel","ds:w-xs":F&&(we.isMobile||le==="drawer")}),children:xe()}),ce&&r.jsx(B.default,{type:"button",variant:"solid",size:"xs",onClick:ge,disabled:q,className:j.cn("ds:rounded-none"),children:ue})]}),qe=r.jsxs(B.default,{variant:"ghost",className:"ds:!p-1 ds:!leading-0 ds:h-auto ds:rounded ds:hover:bg-accent ds:transition-colors",disabled:q,children:[r.jsx(Oe.Clock,{className:"ds:size-4"}),r.jsx("span",{className:"ds:sr-only",children:"Select time"})]}),be=r.jsxs(Z.Popover,{open:I,onOpenChange:de,children:[r.jsx(Z.PopoverTrigger,{asChild:!0,disabled:q,children:qe}),r.jsx(Z.PopoverContent,{className:j.cn("ds:w-auto ds:overflow-hidden ds:p-0","ds:backdrop-blur ds:bg-background/50"),children:ve})]}),je=r.jsxs(M.Drawer,{open:I,onOpenChange:de,children:[r.jsx(M.DrawerTrigger,{asChild:!0,children:qe}),r.jsxs(M.DrawerContent,{className:j.cn("ds:w-auto ds:overflow-hidden ds:p-0","ds:backdrop-blur ds:bg-background"),children:[r.jsxs(M.DrawerHeader,{className:"ds:sr-only",children:[r.jsx(M.DrawerTitle,{children:"Select time"}),r.jsx(M.DrawerDescription,{children:"Choose a time"})]}),ve]})]}),Me=w;let Y;U===!0?Y=ze(C):typeof U=="string"&&(Y=U);const ke=e=>{const s=e.target.value,t=Te(s,C);if(t){H(t.getHours()),T(t.getMinutes()),S(t.getSeconds());const n=He(t,w);m?.(e,n,t),b?.(t,n)}else H(0),T(0),S(0),m?.(e,s,void 0),b?.(void 0,s)};return r.jsx($e.default,{...Ne,clearable:!0,value:i||"",placeholder:Me,mask:Y,disabled:q,className:"ds:cursor-pointer",onChange:ke,suffixIcon:we.isMobile?Se==="drawer"?je:be:le==="drawer"?je:be})}exports.TimePicker=Ue;
 //# sourceMappingURL=TimePicker.cjs.map