@sth87/shadcn-design-system 0.0.36 → 0.1.0

package/dist/esm/components/DatePicker/RangePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"RangePicker.js","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.js","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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"}