shad-m 1.0.2 → 1.0.3

package/dist/common/interactive/date-range-input/use-typed-date-range.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/common/interactive/date-range-input/use-typed-date-range.ts"],"names":["format","separator","segmentOrder","formatDate","value"],"mappings":"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","file":"use-typed-date-range.mjs","sourcesContent":["import { format as formatDate, isValid, parse } from 'date-fns';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport type { DateRange } from 'react-day-picker';\nimport type { TypedDateRangeProps } from './types';\nimport { getMaxDaysInMonth, isValidDate, pad } from '../date-input/utils';\n\ninterface SegmentPosition {\n  start: number;\n  end: number;\n}\n\ninterface SegmentState {\n  fromYear: number | null;\n  fromMonth: number | null;\n  fromDay: number | null;\n  toYear: number | null;\n  toMonth: number | null;\n  toDay: number | null;\n}\n\n/**\n * Converts a date value of various types to a Date object\n */\nconst getDateValue = (value: Date | string | number | undefined): Date | undefined => {\n  if (!value) return undefined;\n\n  if (value instanceof Date) {\n    return isValid(value) ? value : undefined;\n  }\n\n  if (typeof value === 'string') {\n    // List of supported date formats to try\n    const supportedFormats = [\n      'dd/MM/yyyy', // 01/12/2023\n      'DD/MM/YYYY', // 01/12/2023 (same as above but with different case)\n      'd/M/yyyy', // 1/1/2023\n      'dd-MM-yyyy', // 01-12-2023\n      'd-M-yyyy', // 1-1-2023\n      'dd.MM.yyyy', // 01.12.2023\n      'd.M.yyyy', // 1.1.2023\n      'yyyy/MM/dd', // 2023/12/01\n      'yyyy-MM-dd', // 2023-12-01\n      'MM/dd/yyyy', // 12/01/2023\n      'M/d/yyyy', // 12/1/2023\n    ];\n\n    for (const fmt of supportedFormats) {\n      try {\n        const parsed = parse(value, fmt, new Date());\n        if (isValid(parsed)) {\n          return parsed;\n        }\n      } catch {\n        // Continue to next format\n      }\n    }\n\n    // Try native Date parsing as fallback\n    const nativeDate = new Date(value);\n    return isValid(nativeDate) ? nativeDate : undefined;\n  }\n\n  if (typeof value === 'number') {\n    // Handle both seconds and milliseconds timestamps\n    const timestampMs = value.toString().length === 10 ? value * 1000 : value;\n    const date = new Date(timestampMs);\n    return isValid(date) ? date : undefined;\n  }\n\n  return undefined;\n};\n\nexport function useTypedDateRange({\n  value,\n  onChange,\n  format = 'dd/MM/yyyy',\n  minDate,\n  maxDate,\n}: TypedDateRangeProps) {\n  // Convert the input values to Date objects\n  const fromDateValue = getDateValue(value?.from);\n  const toDateValue = getDateValue(value?.to);\n\n  // Set default year range constraints (1900-2099) if not provided\n  const defaultMinDate = useMemo(() => new Date(1900, 0, 1), []);\n  const defaultMaxDate = useMemo(() => new Date(2099, 11, 31), []);\n\n  const effectiveMinDate = minDate || defaultMinDate;\n  const effectiveMaxDate = maxDate || defaultMaxDate;\n\n  const [state, setState] = useState<SegmentState>(\n    fromDateValue || toDateValue\n      ? {\n          fromYear: fromDateValue ? fromDateValue.getFullYear() : null,\n          fromMonth: fromDateValue ? fromDateValue.getMonth() + 1 : null,\n          fromDay: fromDateValue ? fromDateValue.getDate() : null,\n          toYear: toDateValue ? toDateValue.getFullYear() : null,\n          toMonth: toDateValue ? toDateValue.getMonth() + 1 : null,\n          toDay: toDateValue ? toDateValue.getDate() : null,\n        }\n      : {\n          fromYear: null,\n          fromMonth: null,\n          fromDay: null,\n          toYear: null,\n          toMonth: null,\n          toDay: null,\n        },\n  );\n\n  const [activeSegment, setActiveSegment] = useState(0);\n  const [buffer, setBuffer] = useState('');\n  const [isFocused, setIsFocused] = useState(false);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const internalStateRef = useRef({\n    fromYear: fromDateValue ? fromDateValue.getFullYear() : null,\n    fromMonth: fromDateValue ? fromDateValue.getMonth() + 1 : null,\n    fromDay: fromDateValue ? fromDateValue.getDate() : null,\n    toYear: toDateValue ? toDateValue.getFullYear() : null,\n    toMonth: toDateValue ? toDateValue.getMonth() + 1 : null,\n    toDay: toDateValue ? toDateValue.getDate() : null,\n  });\n\n  const yearBufferRef = useRef<string>('');\n  const isUpdatingFromExternal = useRef(false);\n\n  const formatData = useMemo(() => {\n    const separator = format.match(/[^A-Za-z]/)?.[0] || '/';\n\n    const segments = format.split(/[^A-Za-z]/);\n\n    const segmentOrder = segments.map((seg) => {\n      if (seg.toLowerCase().startsWith('m')) return 'month';\n      if (seg.toLowerCase().startsWith('d')) return 'day';\n      if (seg.toLowerCase().startsWith('y')) return 'year';\n      return 'month';\n    }) as Array<'month' | 'day' | 'year'>;\n\n    return { separator, segmentOrder };\n  }, [format]);\n\n  const { separator, segmentOrder } = formatData;\n\n  // Segment order for the date range: from date (3 segments) + \" - \" + to date (3 segments)\n  const fullSegmentOrder = [\n    ...segmentOrder.map(\n      (s) => `from${s.charAt(0).toUpperCase() + s.slice(1)}` as keyof SegmentState,\n    ),\n    ...segmentOrder.map((s) => `to${s.charAt(0).toUpperCase() + s.slice(1)}` as keyof SegmentState),\n  ];\n\n  const segmentPositions = useMemo<SegmentPosition[]>(() => {\n    const positions: SegmentPosition[] = [];\n    let currentPosition = 0;\n\n    // First date segments\n    segmentOrder.forEach((segment, index) => {\n      const segmentLength = segment === 'year' ? 4 : 2;\n      positions.push({\n        start: currentPosition,\n        end: currentPosition + segmentLength,\n      });\n\n      if (index < segmentOrder.length - 1) {\n        currentPosition += segmentLength + separator.length;\n      } else {\n        currentPosition += segmentLength;\n      }\n    });\n\n    // Add space for \" - \" separator\n    currentPosition += 3;\n\n    // Second date segments\n    segmentOrder.forEach((segment, index) => {\n      const segmentLength = segment === 'year' ? 4 : 2;\n      positions.push({\n        start: currentPosition,\n        end: currentPosition + segmentLength,\n      });\n\n      if (index < segmentOrder.length - 1) {\n        currentPosition += segmentLength + separator.length;\n      } else {\n        currentPosition += segmentLength;\n      }\n    });\n\n    return positions;\n  }, [segmentOrder, separator]);\n\n  const maxLengths = useMemo(\n    () => [...segmentOrder, ...segmentOrder].map((type) => (type === 'year' ? 4 : 2)),\n    [segmentOrder],\n  );\n\n  // Sync external value prop with internal state\n  useEffect(() => {\n    if (isUpdatingFromExternal.current) return;\n\n    // Don't sync when user is actively typing (focused)\n    if (isFocused) {\n      return;\n    }\n\n    isUpdatingFromExternal.current = true;\n\n    const currentFromDateValue = getDateValue(value?.from);\n    const currentToDateValue = getDateValue(value?.to);\n\n    const newFromMonth = currentFromDateValue ? currentFromDateValue.getMonth() + 1 : null;\n    const newFromDay = currentFromDateValue ? currentFromDateValue.getDate() : null;\n    const newFromYear = currentFromDateValue ? currentFromDateValue.getFullYear() : null;\n    const newToMonth = currentToDateValue ? currentToDateValue.getMonth() + 1 : null;\n    const newToDay = currentToDateValue ? currentToDateValue.getDate() : null;\n    const newToYear = currentToDateValue ? currentToDateValue.getFullYear() : null;\n\n    internalStateRef.current = {\n      fromMonth: newFromMonth,\n      fromDay: newFromDay,\n      fromYear: newFromYear,\n      toMonth: newToMonth,\n      toDay: newToDay,\n      toYear: newToYear,\n    };\n\n    setState({\n      fromYear: newFromYear,\n      fromMonth: newFromMonth,\n      fromDay: newFromDay,\n      toYear: newToYear,\n      toMonth: newToMonth,\n      toDay: newToDay,\n    });\n\n    isUpdatingFromExternal.current = false;\n  }, [value, isFocused]);\n\n  const commitDateChanges = useCallback(\n    (\n      newFromMonth: number | null,\n      newFromDay: number | null,\n      newFromYear: number | null,\n      newToMonth: number | null,\n      newToDay: number | null,\n      newToYear: number | null,\n      preventSwapping: boolean = false,\n    ) => {\n      if (isUpdatingFromExternal.current) return;\n\n      let validFromMonth = newFromMonth;\n      let validFromDay = newFromDay;\n      let validFromYear = newFromYear;\n      let validToMonth = newToMonth;\n      let validToDay = newToDay;\n      let validToYear = newToYear;\n\n      // Validate and adjust from date\n      let validFromDate: Date | undefined;\n      if (validFromMonth !== null && validFromDay !== null && validFromYear !== null) {\n        const maxDays = getMaxDaysInMonth(validFromMonth, validFromYear);\n        validFromDay = Math.min(validFromDay, maxDays);\n\n        // Validate the date is within the allowed range\n        if (validFromYear >= 1000 && isValidDate(validFromYear, validFromMonth, validFromDay)) {\n          const newFromDate = new Date(validFromYear, validFromMonth - 1, validFromDay);\n          if (newFromDate >= effectiveMinDate && newFromDate <= effectiveMaxDate) {\n            validFromDate = newFromDate;\n          }\n        }\n      }\n\n      // Validate and adjust to date\n      let validToDate: Date | undefined;\n      if (validToMonth !== null && validToDay !== null && validToYear !== null) {\n        const maxDays = getMaxDaysInMonth(validToMonth, validToYear);\n        validToDay = Math.min(validToDay, maxDays);\n\n        // Validate the date is within the allowed range\n        if (validToYear >= 1000 && isValidDate(validToYear, validToMonth, validToDay)) {\n          const newToDate = new Date(validToYear, validToMonth - 1, validToDay);\n          if (newToDate >= effectiveMinDate && newToDate <= effectiveMaxDate) {\n            validToDate = newToDate;\n          }\n        }\n      }\n\n      // Automatically adjust toDate if fromDate is after toDate\n      if (validFromDate && validToDate && validFromDate > validToDate) {\n        const fromComplete = newFromMonth !== null && newFromDay !== null && newFromYear !== null;\n        const toComplete = newToMonth !== null && newToDay !== null && newToYear !== null;\n\n        if (fromComplete && toComplete) {\n          // Set toDate to the next day after fromDate\n          const nextDay = new Date(validFromDate);\n          nextDay.setDate(nextDay.getDate() + 1);\n\n          validToYear = nextDay.getFullYear();\n          validToMonth = nextDay.getMonth() + 1;\n          validToDay = nextDay.getDate();\n          validToDate = nextDay;\n        }\n      }\n\n      internalStateRef.current = {\n        fromMonth: validFromMonth,\n        fromDay: validFromDay,\n        fromYear: validFromYear,\n        toMonth: validToMonth,\n        toDay: validToDay,\n        toYear: validToYear,\n      };\n\n      setState({\n        fromYear: validFromYear,\n        fromMonth: validFromMonth,\n        fromDay: validFromDay,\n        toYear: validToYear,\n        toMonth: validToMonth,\n        toDay: validToDay,\n      });\n\n      // Create the DateRange result\n      let dateRange: DateRange | undefined;\n      let formattedRange: { from?: string; to?: string } | undefined;\n\n      if (validFromDate || validToDate) {\n        dateRange = {\n          from: validFromDate,\n          to: validToDate,\n        };\n\n        formattedRange = {\n          from: validFromDate ? formatDate(validFromDate, format) : undefined,\n          to: validToDate ? formatDate(validToDate, format) : undefined,\n        };\n      }\n\n      onChange?.(dateRange, formattedRange);\n    },\n    [onChange, format, effectiveMinDate, effectiveMaxDate],\n  );\n\n  const updateDatePart = useCallback(\n    (segmentIndex: number, value: number | null, preventSwapping: boolean = false) => {\n      if (isUpdatingFromExternal.current) return;\n\n      const { fromMonth, fromDay, fromYear, toMonth, toDay, toYear } = internalStateRef.current;\n\n      let newFromMonth = fromMonth;\n      let newFromDay = fromDay;\n      let newFromYear = fromYear;\n      let newToMonth = toMonth;\n      let newToDay = toDay;\n      let newToYear = toYear;\n\n      const segmentKey = fullSegmentOrder[segmentIndex];\n      if (!segmentKey) return;\n\n      if (segmentKey === 'fromMonth') {\n        newFromMonth = value;\n      } else if (segmentKey === 'fromDay') {\n        newFromDay = value;\n      } else if (segmentKey === 'fromYear') {\n        newFromYear = value;\n      } else if (segmentKey === 'toMonth') {\n        newToMonth = value;\n      } else if (segmentKey === 'toDay') {\n        newToDay = value;\n      } else if (segmentKey === 'toYear') {\n        newToYear = value;\n      }\n\n      // Add preventSwapping parameter to commitDateChanges call\n      commitDateChanges(\n        newFromMonth,\n        newFromDay,\n        newFromYear,\n        newToMonth,\n        newToDay,\n        newToYear,\n        preventSwapping,\n      );\n    },\n    [commitDateChanges, fullSegmentOrder],\n  );\n\n  const getSegmentValue = (segIndex: number) => {\n    const segmentKey = fullSegmentOrder[segIndex];\n    if (!segmentKey) return null;\n    return state[segmentKey];\n  };\n\n  const getSegmentType = (segIndex: number): 'month' | 'day' | 'year' => {\n    const segmentKey = fullSegmentOrder[segIndex];\n    if (!segmentKey) return 'day';\n    if (segmentKey.toLowerCase().includes('month')) return 'month';\n    if (segmentKey.toLowerCase().includes('day')) return 'day';\n    return 'year';\n  };\n\n  const getSegmentDisplay = (segIndex: number) => {\n    const segmentType = getSegmentType(segIndex);\n    const maxLen = segmentType === 'year' ? 4 : 2;\n\n    if (activeSegment === segIndex && buffer !== '') {\n      return buffer.padEnd(maxLen, '-');\n    }\n\n    // Always show dashes when focused, regardless of value\n    return pad(getSegmentValue(segIndex), maxLen, true);\n  };\n\n  // Check if all segments are empty\n  const hasAnyValue = Object.values(state).some((val) => val !== null);\n\n  // Show formatted value only if focused or has any value\n  const formattedValue =\n    isFocused || hasAnyValue\n      ? (() => {\n          const fromParts = segmentOrder.map((_, index) => getSegmentDisplay(index));\n          const toParts = segmentOrder.map((_, index) =>\n            getSegmentDisplay(index + segmentOrder.length),\n          );\n          return `${fromParts.join(separator)} - ${toParts.join(separator)}`;\n        })()\n      : '';\n\n  useEffect(() => {\n    if (inputRef.current) {\n      const pos = segmentPositions[activeSegment];\n      if (pos) {\n        if (buffer !== '') {\n          inputRef.current.setSelectionRange(pos.start, pos.start + buffer.length);\n        } else {\n          inputRef.current.setSelectionRange(pos.start, pos.end);\n        }\n      }\n    }\n  }, [activeSegment, formattedValue, buffer, segmentPositions]);\n\n  const handleMouseUp = (e: React.MouseEvent<HTMLInputElement>) => {\n    if (inputRef.current) {\n      const caretPos = inputRef.current.selectionStart;\n      if (caretPos !== null) {\n        for (let i = 0; i < segmentPositions.length; i++) {\n          const segment = segmentPositions[i];\n          if (segment) {\n            const { start, end } = segment;\n            if (caretPos >= start && caretPos <= end) {\n              e.preventDefault();\n              if (activeSegment === i) {\n                inputRef.current.setSelectionRange(start, end);\n              } else {\n                setActiveSegment(i);\n                // Don't clear buffer when switching segments if user is still typing\n                if (buffer === '') {\n                  setBuffer('');\n                }\n                inputRef.current.setSelectionRange(start, end);\n              }\n              break;\n            }\n          }\n        }\n      }\n    }\n  };\n\n  const tabKeyPressedRef = useRef(false);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    const key = e.key;\n\n    if (key === 'Tab') {\n      tabKeyPressedRef.current = true;\n\n      if (e.shiftKey && activeSegment > 0) {\n        e.preventDefault();\n        setBuffer('');\n        setActiveSegment((prev) => prev - 1);\n        return;\n      } else if (!e.shiftKey && activeSegment < segmentPositions.length - 1) {\n        e.preventDefault();\n        setBuffer('');\n        setActiveSegment((prev) => prev + 1);\n        return;\n      }\n      setBuffer('');\n      return;\n    }\n\n    if (key === 'ArrowLeft') {\n      e.preventDefault();\n      setBuffer('');\n      setActiveSegment((prev) => (prev > 0 ? prev - 1 : 0));\n      return;\n    }\n\n    if (key === 'ArrowRight') {\n      e.preventDefault();\n      setBuffer('');\n      setActiveSegment((prev) =>\n        prev < segmentPositions.length - 1 ? prev + 1 : segmentPositions.length - 1,\n      );\n      return;\n    }\n\n    if (key === 'ArrowUp' || key === 'ArrowDown') {\n      e.preventDefault();\n      setBuffer('');\n      const { fromMonth, fromDay, fromYear, toMonth, toDay, toYear } = internalStateRef.current;\n\n      const segmentType = getSegmentType(activeSegment);\n\n      if (segmentType === 'month') {\n        const segmentKey = fullSegmentOrder[activeSegment];\n        const currentValue = internalStateRef.current[segmentKey as keyof SegmentState] ?? 0;\n        const newMonth =\n          key === 'ArrowUp' ? Math.min(currentValue + 1, 12) : Math.max(currentValue - 1, 1);\n        if (newMonth !== currentValue) {\n          updateDatePart(activeSegment, newMonth);\n        }\n      } else if (segmentType === 'day') {\n        const segmentKey = fullSegmentOrder[activeSegment];\n        const isFromDate = segmentKey?.startsWith('from');\n        const currentMonth = isFromDate ? fromMonth : toMonth;\n        const currentYear = isFromDate ? fromYear : toYear;\n        const currentValue = internalStateRef.current[segmentKey as keyof SegmentState] ?? 0;\n\n        const maxDay =\n          currentMonth !== null && currentYear !== null\n            ? getMaxDaysInMonth(currentMonth, currentYear)\n            : 31;\n        const newDay =\n          key === 'ArrowUp' ? Math.min(currentValue + 1, maxDay) : Math.max(currentValue - 1, 1);\n        if (newDay !== currentValue) {\n          updateDatePart(activeSegment, newDay);\n        }\n      } else if (segmentType === 'year') {\n        const segmentKey = fullSegmentOrder[activeSegment];\n        const currentValue = internalStateRef.current[segmentKey as keyof SegmentState] ?? 0;\n        const minYear = effectiveMinDate.getFullYear();\n        const maxYear = effectiveMaxDate.getFullYear();\n        const newYear =\n          key === 'ArrowUp'\n            ? Math.min(currentValue + 1, maxYear)\n            : Math.max(currentValue - 1, minYear);\n        if (newYear !== currentValue) {\n          updateDatePart(activeSegment, newYear);\n        }\n      }\n      return;\n    }\n\n    if (/^\\d$/.test(key)) {\n      e.preventDefault();\n      const segmentType = getSegmentType(activeSegment);\n      const maxLen = maxLengths[activeSegment];\n      const newBuffer = buffer + key;\n\n      if (maxLen && newBuffer.length <= maxLen) {\n        setBuffer(newBuffer);\n        const parsed = parseInt(newBuffer, 10);\n\n        // Add validation for month to be 1-12 and year to be 1900-2099\n        let validValue = parsed;\n        if (segmentType === 'month') {\n          validValue = parsed === 0 ? 1 : Math.min(parsed, 12);\n        } else if (segmentType === 'year') {\n          const currentYear = new Date().getFullYear();\n          const minYear = effectiveMinDate.getFullYear();\n          const maxYear = effectiveMaxDate.getFullYear();\n\n          // If it's a complete 4-digit year, validate range\n          if (newBuffer.length === 4) {\n            if (parsed < minYear || parsed > maxYear) {\n              validValue = currentYear; // Reset to current year if out of range\n            }\n          }\n          // For incomplete years (1-3 digits), allow but don't validate yet\n        }\n\n        const isToDate = activeSegment >= segmentOrder.length;\n        updateDatePart(activeSegment, validValue, isToDate);\n\n        if (newBuffer.length === maxLen) {\n          setBuffer('');\n          if (activeSegment < segmentPositions.length - 1) {\n            setActiveSegment(activeSegment + 1);\n          }\n        }\n      }\n      return;\n    }\n  };\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    e.preventDefault();\n  };\n\n  const handleFocus = () => {\n    setIsFocused(true);\n\n    if (tabKeyPressedRef.current) {\n      tabKeyPressedRef.current = false;\n\n      setActiveSegment(0);\n      setBuffer('');\n\n      const firstSegment = segmentPositions[0];\n      if (firstSegment) {\n        const { start, end } = firstSegment;\n        setTimeout(() => {\n          inputRef.current?.setSelectionRange(start, end);\n        }, 0);\n      }\n    }\n  };\n\n  useEffect(() => {\n    const handleDocumentKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Tab') {\n        tabKeyPressedRef.current = true;\n\n        setTimeout(() => {\n          tabKeyPressedRef.current = false;\n        }, 100);\n      }\n    };\n\n    document.addEventListener('keydown', handleDocumentKeyDown);\n    return () => {\n      document.removeEventListener('keydown', handleDocumentKeyDown);\n    };\n  }, []);\n\n  const handleBlur = () => {\n    setIsFocused(false);\n\n    if (buffer) {\n      const segmentType = getSegmentType(activeSegment);\n      const parsed = parseInt(buffer, 10);\n\n      if (segmentType === 'month') {\n        // Ensure month is at least 1, auto-correct 00 to 01\n        const validMonth = parsed === 0 ? 1 : Math.min(parsed, 12);\n        updateDatePart(activeSegment, validMonth);\n      } else if (segmentType === 'day') {\n        const segmentKey = fullSegmentOrder[activeSegment];\n        const isFromDate = segmentKey?.startsWith('from');\n        const { fromMonth, fromDay, fromYear, toMonth, toDay, toYear } = internalStateRef.current;\n        const currentMonth = isFromDate ? fromMonth : toMonth;\n        const currentYear = isFromDate ? fromYear : toYear;\n\n        const maxDay =\n          currentMonth !== null && currentYear !== null\n            ? getMaxDaysInMonth(currentMonth, currentYear)\n            : 31;\n\n        // Ensure day is at least 1, auto-correct 00 to 01\n        const validDay = parsed === 0 ? 1 : Math.min(parsed, maxDay);\n        updateDatePart(activeSegment, validDay);\n      } else if (segmentType === 'year') {\n        const minYear = effectiveMinDate.getFullYear();\n        const maxYear = effectiveMaxDate.getFullYear();\n        const currentYear = new Date().getFullYear();\n\n        // If year is outside valid range, use current year instead of constraining to min/max\n        const validYear = parsed >= minYear && parsed <= maxYear ? parsed : currentYear;\n        updateDatePart(activeSegment, validYear);\n      }\n\n      setBuffer('');\n    }\n  };\n\n  const handlePaste = useCallback(\n    (event: React.ClipboardEvent<HTMLInputElement>) => {\n      event.preventDefault();\n\n      const pasteText = event.clipboardData?.getData('text')?.trim();\n      if (!pasteText) return;\n\n      // Try to parse pasted text as \"dd/MM/yyyy - dd/MM/yyyy\" format\n      const dateRangeRegex = /^(\\d{1,2})\\/(\\d{1,2})\\/(\\d{4})\\s*-\\s*(\\d{1,2})\\/(\\d{1,2})\\/(\\d{4})$/;\n      const match = pasteText.match(dateRangeRegex);\n\n      if (!match) {\n        return;\n      }\n\n      const [, fromDayStr, fromMonthStr, fromYearStr, toDayStr, toMonthStr, toYearStr] = match;\n      const fromDay = parseInt(fromDayStr!, 10);\n      const fromMonth = parseInt(fromMonthStr!, 10);\n      const fromYear = parseInt(fromYearStr!, 10);\n      const toDay = parseInt(toDayStr!, 10);\n      const toMonth = parseInt(toMonthStr!, 10);\n      const toYear = parseInt(toYearStr!, 10);\n\n      // Validate date ranges\n      if (\n        fromDay < 1 ||\n        fromDay > 31 ||\n        fromMonth < 1 ||\n        fromMonth > 12 ||\n        toDay < 1 ||\n        toDay > 31 ||\n        toMonth < 1 ||\n        toMonth > 12\n      ) {\n        return;\n      }\n\n      // Validate years are within allowed range\n      const minYear = effectiveMinDate.getFullYear();\n      const maxYear = effectiveMaxDate.getFullYear();\n      if (fromYear < minYear || fromYear > maxYear || toYear < minYear || toYear > maxYear) {\n        return;\n      }\n\n      // Check if days are valid for the month/year combinations\n      const fromMaxDays = getMaxDaysInMonth(fromMonth, fromYear);\n      const toMaxDays = getMaxDaysInMonth(toMonth, toYear);\n      if (fromDay > fromMaxDays || toDay > toMaxDays) {\n        return;\n      }\n\n      // Create the dates and validate they're within min/max range\n      const fromDate = new Date(fromYear, fromMonth - 1, fromDay);\n      const toDate = new Date(toYear, toMonth - 1, toDay);\n      if (\n        fromDate < effectiveMinDate ||\n        fromDate > effectiveMaxDate ||\n        toDate < effectiveMinDate ||\n        toDate > effectiveMaxDate\n      ) {\n        return;\n      }\n\n      // All validations passed, update the date range\n      commitDateChanges(fromMonth, fromDay, fromYear, toMonth, toDay, toYear);\n\n      // Clear buffer and reset to first segment\n      setBuffer('');\n      setActiveSegment(0);\n\n      // Focus on first segment after paste\n      setTimeout(() => {\n        const firstSegment = segmentPositions[0];\n        if (firstSegment && inputRef.current) {\n          inputRef.current.setSelectionRange(firstSegment.start, firstSegment.end);\n        }\n      }, 0);\n    },\n    [commitDateChanges, segmentPositions, effectiveMinDate, effectiveMaxDate],\n  );\n\n  const resetToFirstSegment = useCallback(() => {\n    setActiveSegment(0);\n    setBuffer('');\n\n    const firstSegment = segmentPositions[0];\n\n    if (firstSegment && inputRef.current) {\n      setTimeout(() => {\n        if (inputRef.current) {\n          const { start, end } = firstSegment;\n          inputRef.current.focus();\n          inputRef.current.setSelectionRange(start, end);\n        }\n      }, 0);\n    }\n  }, [segmentPositions]);\n\n  return {\n    inputProps: {\n      ref: inputRef,\n      type: 'text',\n      value: formattedValue,\n      onChange: handleChange,\n      onKeyDown: handleKeyDown,\n      onMouseUp: handleMouseUp,\n      onBlur: handleBlur,\n      onFocus: handleFocus,\n      onPaste: handlePaste,\n    },\n    resetToFirstSegment,\n    isFocused,\n  };\n}\n"]}

package/dist/common/interactive/date-time-picker.js

@@ -0,0 +1,215 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var dateFns = require('date-fns');
+var locale = require('date-fns/locale');
+var react = require('react');
+var icons = require('@/icons');
+var button = require('../../components/button');
+var calendar = require('../../components/calendar');
+var input = require('../../components/input');
+var popover = require('../../components/popover');
+var scrollArea = require('../../components/scroll-area');
+var utils = require('../../lib/utils');
+
+function DateTimePicker({
+  value,
+  onChange,
+  use12HourFormat = false,
+  minDate,
+  maxDate,
+  minTime,
+  maxTime,
+  minuteStep = 30,
+  disabled,
+  modal,
+  placeholder = "Ch\u1ECDn ng\xE0y v\xE0 th\u1EDDi gian",
+  className,
+  error,
+  label,
+  helperText,
+  helperTextClass,
+  size = "default",
+  hasRemoveIcon = true,
+  onClearValue,
+  ...props
+}) {
+  const [open, setOpen] = react.useState(false);
+  const [selectedDate, setSelectedDate] = react.useState(value?.date);
+  const [selectedTime, setSelectedTime] = react.useState(value?.time);
+  const timeOptions = react.useMemo(() => {
+    const options = [];
+    for (let hour = 0; hour < 24; hour++) {
+      for (let minute = 0; minute < 60; minute += minuteStep) {
+        const timeString = `${hour.toString().padStart(2, "0")}:${minute.toString().padStart(2, "0")}`;
+        if (minTime || maxTime) {
+          const testDate = /* @__PURE__ */ new Date();
+          testDate.setHours(hour, minute, 0, 0);
+          if (minTime && dateFns.isBefore(testDate, minTime)) continue;
+          if (maxTime && dateFns.isAfter(testDate, maxTime)) continue;
+        }
+        options.push(timeString);
+      }
+    }
+    return options;
+  }, [minuteStep, minTime, maxTime]);
+  const formatTimeDisplay = react.useCallback(
+    (time) => {
+      if (!time || !use12HourFormat) return time;
+      const timeParts = time.split(":");
+      if (timeParts.length !== 2) return time;
+      const [hours, minutes] = timeParts;
+      if (!hours || !minutes) return time;
+      const hour = parseInt(hours, 10);
+      const ampm = hour >= 12 ? "PM" : "AM";
+      const displayHour = hour === 0 ? 12 : hour > 12 ? hour - 12 : hour;
+      return `${displayHour}:${minutes} ${ampm}`;
+    },
+    [use12HourFormat]
+  );
+  const displayValue = react.useMemo(() => {
+    if (!selectedDate && !selectedTime) return "";
+    const parts = [];
+    if (selectedTime) {
+      parts.push(formatTimeDisplay(selectedTime));
+    }
+    if (selectedDate) {
+      parts.push(dateFns.format(selectedDate, "dd/MM/yyyy", { locale: locale.vi }));
+    }
+    return parts.join(" ");
+  }, [selectedDate, selectedTime, formatTimeDisplay]);
+  const handleDateSelect = react.useCallback(
+    (date) => {
+      setSelectedDate(date);
+      const newValue = {
+        date,
+        time: selectedTime
+      };
+      onChange(newValue);
+    },
+    [selectedTime, onChange]
+  );
+  const handleTimeSelect = react.useCallback(
+    (time) => {
+      setSelectedTime(time);
+      const newValue = {
+        date: selectedDate,
+        time
+      };
+      onChange(newValue);
+      if (selectedDate) {
+        setOpen(false);
+      }
+    },
+    [selectedDate, onChange]
+  );
+  const handleClearValue = react.useCallback(() => {
+    setSelectedDate(void 0);
+    setSelectedTime(void 0);
+    onChange({ date: void 0, time: void 0 });
+    onClearValue?.();
+  }, [onChange, onClearValue]);
+  const hasValue = !!(selectedDate || selectedTime);
+  const iconSizeClasses = {
+    default: "h-5 w-5",
+    lg: "h-5 w-5"
+  };
+  const buttonIcon = react.useMemo(
+    () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mr-1 flex h-5 w-5 items-center justify-center", children: hasRemoveIcon && hasValue && !disabled && /* @__PURE__ */ jsxRuntime.jsx(
+        icons.CloseCircleFilledIcon,
+        {
+          className: "input-remove-icon cursor-pointer hover:opacity-70",
+          onClick: handleClearValue
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        icons.CalendarOutlinedIcon,
+        {
+          className: utils.cn("cursor-pointer opacity-50 hover:opacity-70", iconSizeClasses[size]),
+          onClick: (e) => {
+            e.stopPropagation();
+            setOpen(true);
+          }
+        }
+      )
+    ] }),
+    [hasRemoveIcon, hasValue, disabled, handleClearValue, iconSizeClasses, size]
+  );
+  const isDateDisabled = react.useCallback(
+    (date) => {
+      if (minDate && date < minDate) return true;
+      if (maxDate && date > maxDate) return true;
+      return false;
+    },
+    [minDate, maxDate]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("w-full", className), children: /* @__PURE__ */ jsxRuntime.jsxs(
+    popover.Popover,
+    {
+      modal,
+      open: disabled ? false : open,
+      onOpenChange: disabled ? void 0 : setOpen,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(popover.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full", children: /* @__PURE__ */ jsxRuntime.jsx(
+          input.Input,
+          {
+            value: displayValue,
+            placeholder,
+            disabled,
+            isError: error,
+            label,
+            helpText: helperText,
+            helpTextClassName: helperTextClass,
+            size,
+            showRemoveIcon: false,
+            onClearValue: handleClearValue,
+            buttonIcon,
+            readOnly: true,
+            className: utils.cn(
+              "border-input bg-background focus:border-primary rounded-md border focus:outline-none",
+              {
+                "border-destructive": error,
+                "cursor-pointer": !disabled
+              }
+            ),
+            onClick: () => setOpen(true),
+            ...props
+          }
+        ) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(popover.PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-r", children: /* @__PURE__ */ jsxRuntime.jsx(
+            calendar.Calendar,
+            {
+              mode: "single",
+              selected: selectedDate,
+              onSelect: handleDateSelect,
+              disabled: isDateDisabled,
+              locale: locale.vi,
+              className: "p-3",
+              autoFocus: false
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-[88px]", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b p-3 py-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1 whitespace-nowrap text-sm font-medium", children: "Th\u1EDDi gian" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(scrollArea.ScrollArea, { className: "h-64", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-1", children: timeOptions.map((time) => /* @__PURE__ */ jsxRuntime.jsx(
+              button.Button,
+              {
+                variant: selectedTime === time ? "default" : "ghost",
+                size: "sm",
+                className: "w-full justify-start font-normal",
+                onClick: () => handleTimeSelect(time),
+                children: formatTimeDisplay(time)
+              },
+              time
+            )) }) })
+          ] })
+        ] }) })
+      ]
+    }
+  ) });
+}
+
+exports.DateTimePicker = DateTimePicker;
+//# sourceMappingURL=date-time-picker.js.map
+//# sourceMappingURL=date-time-picker.js.map

package/dist/common/interactive/date-time-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/common/interactive/date-time-picker.tsx"],"names":["useState","useMemo","isBefore","isAfter","useCallback","format","vi","jsxs","jsx","CloseCircleFilledIcon","CalendarOutlinedIcon","cn","Popover","PopoverTrigger","Input","PopoverContent","CalendarComponent","ScrollArea","Button"],"mappings":"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","file":"date-time-picker.js","sourcesContent":["'use client';\n\nimport { format, isAfter, isBefore } from 'date-fns';\nimport { vi } from 'date-fns/locale';\nimport { Calendar, Clock } from 'lucide-react';\nimport { useCallback, useMemo, useState } from 'react';\n\nimport { CalendarOutlinedIcon, ClockOutlinedIcon, CloseCircleFilledIcon } from '@/icons';\nimport { Button } from '../../components/button';\nimport { Calendar as CalendarComponent } from '../../components/calendar';\nimport { Input } from '../../components/input';\nimport { Popover, PopoverContent, PopoverTrigger } from '../../components/popover';\nimport { ScrollArea } from '../../components/scroll-area';\nimport { cn } from '../../lib/utils';\n\nexport interface DateTimePickerProps {\n  /**\n   * The selected date and time value\n   */\n  value?: {\n    date?: Date;\n    time?: string; // HH:mm format\n  };\n  /**\n   * Callback when date and time is selected\n   */\n  onChange: (value: { date?: Date; time?: string }) => void;\n  /**\n   * Use 12-hour format with AM/PM for time\n   */\n  use12HourFormat?: boolean;\n  /**\n   * Minimum selectable date\n   */\n  minDate?: Date;\n  /**\n   * Maximum selectable date\n   */\n  maxDate?: Date;\n  /**\n   * Minimum selectable time\n   */\n  minTime?: Date;\n  /**\n   * Maximum selectable time\n   */\n  maxTime?: Date;\n  /**\n   * Step interval for minutes (e.g., 15 for 15-minute intervals)\n   */\n  minuteStep?: number;\n  /**\n   * Whether the picker is disabled\n   */\n  disabled?: boolean;\n  /**\n   * Custom className for the component\n   */\n  className?: string;\n  /**\n   * Whether to render the popover as a modal\n   */\n  modal?: boolean;\n  /**\n   * Placeholder text for the input\n   */\n  placeholder?: string;\n  /**\n   * Error state\n   */\n  error?: boolean;\n  /**\n   * Label for the input\n   */\n  label?: string;\n  /**\n   * Helper text below the input\n   */\n  helperText?: string;\n  /**\n   * Custom className for helper text\n   */\n  helperTextClass?: string;\n  /**\n   * Size variant of the input\n   */\n  size?: 'default' | 'lg';\n  /**\n   * Whether to show remove icon when there's a value\n   */\n  hasRemoveIcon?: boolean;\n  /**\n   * Callback when clear button is clicked\n   */\n  onClearValue?: () => void;\n}\n\nexport function DateTimePicker({\n  value,\n  onChange,\n  use12HourFormat = false,\n  minDate,\n  maxDate,\n  minTime,\n  maxTime,\n  minuteStep = 30,\n  disabled,\n  modal,\n  placeholder = 'Chọn ngày và thời gian',\n  className,\n  error,\n  label,\n  helperText,\n  helperTextClass,\n  size = 'default',\n  hasRemoveIcon = true,\n  onClearValue,\n  ...props\n}: DateTimePickerProps) {\n  const [open, setOpen] = useState(false);\n  const [selectedDate, setSelectedDate] = useState<Date | undefined>(value?.date);\n  const [selectedTime, setSelectedTime] = useState<string | undefined>(value?.time);\n\n  // Generate time options based on minuteStep\n  const timeOptions = useMemo(() => {\n    const options: string[] = [];\n    for (let hour = 0; hour < 24; hour++) {\n      for (let minute = 0; minute < 60; minute += minuteStep) {\n        const timeString = `${hour.toString().padStart(2, '0')}:${minute.toString().padStart(2, '0')}`;\n\n        // Check time constraints if minTime or maxTime is provided\n        if (minTime || maxTime) {\n          const testDate = new Date();\n          testDate.setHours(hour, minute, 0, 0);\n\n          if (minTime && isBefore(testDate, minTime)) continue;\n          if (maxTime && isAfter(testDate, maxTime)) continue;\n        }\n\n        options.push(timeString);\n      }\n    }\n    return options;\n  }, [minuteStep, minTime, maxTime]);\n\n  const formatTimeDisplay = useCallback(\n    (time: string) => {\n      if (!time || !use12HourFormat) return time;\n\n      const timeParts = time.split(':');\n      if (timeParts.length !== 2) return time;\n\n      const [hours, minutes] = timeParts;\n      if (!hours || !minutes) return time;\n\n      const hour = parseInt(hours, 10);\n      const ampm = hour >= 12 ? 'PM' : 'AM';\n      const displayHour = hour === 0 ? 12 : hour > 12 ? hour - 12 : hour;\n\n      return `${displayHour}:${minutes} ${ampm}`;\n    },\n    [use12HourFormat],\n  );\n\n  const displayValue = useMemo(() => {\n    if (!selectedDate && !selectedTime) return '';\n\n    const parts: string[] = [];\n\n    // Add time first, then date\n    if (selectedTime) {\n      parts.push(formatTimeDisplay(selectedTime));\n    }\n\n    if (selectedDate) {\n      parts.push(format(selectedDate, 'dd/MM/yyyy', { locale: vi }));\n    }\n\n    return parts.join(' ');\n  }, [selectedDate, selectedTime, formatTimeDisplay]);\n\n  const handleDateSelect = useCallback(\n    (date: Date | undefined) => {\n      setSelectedDate(date);\n      const newValue = {\n        date,\n        time: selectedTime,\n      };\n      onChange(newValue);\n    },\n    [selectedTime, onChange],\n  );\n\n  const handleTimeSelect = useCallback(\n    (time: string) => {\n      setSelectedTime(time);\n      const newValue = {\n        date: selectedDate,\n        time,\n      };\n      onChange(newValue);\n\n      // Close popover if both date and time are selected\n      if (selectedDate) {\n        setOpen(false);\n      }\n    },\n    [selectedDate, onChange],\n  );\n\n  const handleClearValue = useCallback(() => {\n    setSelectedDate(undefined);\n    setSelectedTime(undefined);\n    onChange({ date: undefined, time: undefined });\n    onClearValue?.();\n  }, [onChange, onClearValue]);\n\n  const hasValue = !!(selectedDate || selectedTime);\n\n  const iconSizeClasses = {\n    default: 'h-5 w-5',\n    lg: 'h-5 w-5',\n  };\n\n  const buttonIcon = useMemo(\n    () => (\n      <div className=\"flex items-center\">\n        {/* Always reserve space for remove icon to maintain consistent width */}\n        <div className=\"mr-1 flex h-5 w-5 items-center justify-center\">\n          {hasRemoveIcon && hasValue && !disabled && (\n            <CloseCircleFilledIcon\n              className=\"input-remove-icon cursor-pointer hover:opacity-70\"\n              onClick={handleClearValue}\n            />\n          )}\n        </div>\n        <CalendarOutlinedIcon\n          className={cn('cursor-pointer opacity-50 hover:opacity-70', iconSizeClasses[size])}\n          onClick={(e) => {\n            e.stopPropagation();\n            setOpen(true);\n          }}\n        />\n      </div>\n    ),\n    [hasRemoveIcon, hasValue, disabled, handleClearValue, iconSizeClasses, size],\n  );\n\n  const isDateDisabled = useCallback(\n    (date: Date) => {\n      if (minDate && date < minDate) return true;\n      if (maxDate && date > maxDate) return true;\n      return false;\n    },\n    [minDate, maxDate],\n  );\n\n  return (\n    <div className={cn('w-full', className)}>\n      <Popover\n        modal={modal}\n        open={disabled ? false : open}\n        onOpenChange={disabled ? undefined : setOpen}\n      >\n        <PopoverTrigger asChild>\n          <div className=\"w-full\">\n            <Input\n              value={displayValue}\n              placeholder={placeholder}\n              disabled={disabled}\n              isError={error}\n              label={label}\n              helpText={helperText}\n              helpTextClassName={helperTextClass}\n              size={size}\n              showRemoveIcon={false}\n              onClearValue={handleClearValue}\n              buttonIcon={buttonIcon}\n              readOnly\n              className={cn(\n                'border-input bg-background focus:border-primary rounded-md border focus:outline-none',\n                {\n                  'border-destructive': error,\n                  'cursor-pointer': !disabled,\n                },\n              )}\n              onClick={() => setOpen(true)}\n              {...props}\n            />\n          </div>\n        </PopoverTrigger>\n        <PopoverContent className=\"w-auto p-0\" align=\"start\">\n          <div className=\"flex\">\n            {/* Calendar Section */}\n            <div className=\"border-r\">\n              <CalendarComponent\n                mode=\"single\"\n                selected={selectedDate}\n                onSelect={handleDateSelect}\n                disabled={isDateDisabled}\n                locale={vi}\n                className=\"p-3\"\n                autoFocus={false}\n              />\n            </div>\n\n            {/* Time Picker Section */}\n            <div className=\"w-[88px]\">\n              <div className=\"border-b p-3 py-4\">\n                <div className=\"flex items-center gap-1 whitespace-nowrap text-sm font-medium\">\n                  Thời gian\n                </div>\n              </div>\n              <ScrollArea className=\"h-64\">\n                <div className=\"p-1\">\n                  {timeOptions.map((time) => (\n                    <Button\n                      key={time}\n                      variant={selectedTime === time ? 'default' : 'ghost'}\n                      size=\"sm\"\n                      className=\"w-full justify-start font-normal\"\n                      onClick={() => handleTimeSelect(time)}\n                    >\n                      {formatTimeDisplay(time)}\n                    </Button>\n                  ))}\n                </div>\n              </ScrollArea>\n            </div>\n          </div>\n        </PopoverContent>\n      </Popover>\n    </div>\n  );\n}\n"]}

package/dist/common/interactive/date-time-picker.mjs

@@ -0,0 +1,213 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { isBefore, isAfter, format } from 'date-fns';
+import { vi } from 'date-fns/locale';
+import { useState, useMemo, useCallback } from 'react';
+import { CloseCircleFilledIcon, CalendarOutlinedIcon } from '@/icons';
+import { Button } from '../../components/button';
+import { Calendar } from '../../components/calendar';
+import { Input } from '../../components/input';
+import { Popover, PopoverTrigger, PopoverContent } from '../../components/popover';
+import { ScrollArea } from '../../components/scroll-area';
+import { cn } from '../../lib/utils';
+
+function DateTimePicker({
+  value,
+  onChange,
+  use12HourFormat = false,
+  minDate,
+  maxDate,
+  minTime,
+  maxTime,
+  minuteStep = 30,
+  disabled,
+  modal,
+  placeholder = "Ch\u1ECDn ng\xE0y v\xE0 th\u1EDDi gian",
+  className,
+  error,
+  label,
+  helperText,
+  helperTextClass,
+  size = "default",
+  hasRemoveIcon = true,
+  onClearValue,
+  ...props
+}) {
+  const [open, setOpen] = useState(false);
+  const [selectedDate, setSelectedDate] = useState(value?.date);
+  const [selectedTime, setSelectedTime] = useState(value?.time);
+  const timeOptions = useMemo(() => {
+    const options = [];
+    for (let hour = 0; hour < 24; hour++) {
+      for (let minute = 0; minute < 60; minute += minuteStep) {
+        const timeString = `${hour.toString().padStart(2, "0")}:${minute.toString().padStart(2, "0")}`;
+        if (minTime || maxTime) {
+          const testDate = /* @__PURE__ */ new Date();
+          testDate.setHours(hour, minute, 0, 0);
+          if (minTime && isBefore(testDate, minTime)) continue;
+          if (maxTime && isAfter(testDate, maxTime)) continue;
+        }
+        options.push(timeString);
+      }
+    }
+    return options;
+  }, [minuteStep, minTime, maxTime]);
+  const formatTimeDisplay = useCallback(
+    (time) => {
+      if (!time || !use12HourFormat) return time;
+      const timeParts = time.split(":");
+      if (timeParts.length !== 2) return time;
+      const [hours, minutes] = timeParts;
+      if (!hours || !minutes) return time;
+      const hour = parseInt(hours, 10);
+      const ampm = hour >= 12 ? "PM" : "AM";
+      const displayHour = hour === 0 ? 12 : hour > 12 ? hour - 12 : hour;
+      return `${displayHour}:${minutes} ${ampm}`;
+    },
+    [use12HourFormat]
+  );
+  const displayValue = useMemo(() => {
+    if (!selectedDate && !selectedTime) return "";
+    const parts = [];
+    if (selectedTime) {
+      parts.push(formatTimeDisplay(selectedTime));
+    }
+    if (selectedDate) {
+      parts.push(format(selectedDate, "dd/MM/yyyy", { locale: vi }));
+    }
+    return parts.join(" ");
+  }, [selectedDate, selectedTime, formatTimeDisplay]);
+  const handleDateSelect = useCallback(
+    (date) => {
+      setSelectedDate(date);
+      const newValue = {
+        date,
+        time: selectedTime
+      };
+      onChange(newValue);
+    },
+    [selectedTime, onChange]
+  );
+  const handleTimeSelect = useCallback(
+    (time) => {
+      setSelectedTime(time);
+      const newValue = {
+        date: selectedDate,
+        time
+      };
+      onChange(newValue);
+      if (selectedDate) {
+        setOpen(false);
+      }
+    },
+    [selectedDate, onChange]
+  );
+  const handleClearValue = useCallback(() => {
+    setSelectedDate(void 0);
+    setSelectedTime(void 0);
+    onChange({ date: void 0, time: void 0 });
+    onClearValue?.();
+  }, [onChange, onClearValue]);
+  const hasValue = !!(selectedDate || selectedTime);
+  const iconSizeClasses = {
+    default: "h-5 w-5",
+    lg: "h-5 w-5"
+  };
+  const buttonIcon = useMemo(
+    () => /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+      /* @__PURE__ */ jsx("div", { className: "mr-1 flex h-5 w-5 items-center justify-center", children: hasRemoveIcon && hasValue && !disabled && /* @__PURE__ */ jsx(
+        CloseCircleFilledIcon,
+        {
+          className: "input-remove-icon cursor-pointer hover:opacity-70",
+          onClick: handleClearValue
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        CalendarOutlinedIcon,
+        {
+          className: cn("cursor-pointer opacity-50 hover:opacity-70", iconSizeClasses[size]),
+          onClick: (e) => {
+            e.stopPropagation();
+            setOpen(true);
+          }
+        }
+      )
+    ] }),
+    [hasRemoveIcon, hasValue, disabled, handleClearValue, iconSizeClasses, size]
+  );
+  const isDateDisabled = useCallback(
+    (date) => {
+      if (minDate && date < minDate) return true;
+      if (maxDate && date > maxDate) return true;
+      return false;
+    },
+    [minDate, maxDate]
+  );
+  return /* @__PURE__ */ jsx("div", { className: cn("w-full", className), children: /* @__PURE__ */ jsxs(
+    Popover,
+    {
+      modal,
+      open: disabled ? false : open,
+      onOpenChange: disabled ? void 0 : setOpen,
+      children: [
+        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            value: displayValue,
+            placeholder,
+            disabled,
+            isError: error,
+            label,
+            helpText: helperText,
+            helpTextClassName: helperTextClass,
+            size,
+            showRemoveIcon: false,
+            onClearValue: handleClearValue,
+            buttonIcon,
+            readOnly: true,
+            className: cn(
+              "border-input bg-background focus:border-primary rounded-md border focus:outline-none",
+              {
+                "border-destructive": error,
+                "cursor-pointer": !disabled
+              }
+            ),
+            onClick: () => setOpen(true),
+            ...props
+          }
+        ) }) }),
+        /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsxs("div", { className: "flex", children: [
+          /* @__PURE__ */ jsx("div", { className: "border-r", children: /* @__PURE__ */ jsx(
+            Calendar,
+            {
+              mode: "single",
+              selected: selectedDate,
+              onSelect: handleDateSelect,
+              disabled: isDateDisabled,
+              locale: vi,
+              className: "p-3",
+              autoFocus: false
+            }
+          ) }),
+          /* @__PURE__ */ jsxs("div", { className: "w-[88px]", children: [
+            /* @__PURE__ */ jsx("div", { className: "border-b p-3 py-4", children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 whitespace-nowrap text-sm font-medium", children: "Th\u1EDDi gian" }) }),
+            /* @__PURE__ */ jsx(ScrollArea, { className: "h-64", children: /* @__PURE__ */ jsx("div", { className: "p-1", children: timeOptions.map((time) => /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: selectedTime === time ? "default" : "ghost",
+                size: "sm",
+                className: "w-full justify-start font-normal",
+                onClick: () => handleTimeSelect(time),
+                children: formatTimeDisplay(time)
+              },
+              time
+            )) }) })
+          ] })
+        ] }) })
+      ]
+    }
+  ) });
+}
+
+export { DateTimePicker };
+//# sourceMappingURL=date-time-picker.mjs.map
+//# sourceMappingURL=date-time-picker.mjs.map

package/dist/common/interactive/date-time-picker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/common/interactive/date-time-picker.tsx"],"names":["CalendarComponent"],"mappings":"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","file":"date-time-picker.mjs","sourcesContent":["'use client';\n\nimport { format, isAfter, isBefore } from 'date-fns';\nimport { vi } from 'date-fns/locale';\nimport { Calendar, Clock } from 'lucide-react';\nimport { useCallback, useMemo, useState } from 'react';\n\nimport { CalendarOutlinedIcon, ClockOutlinedIcon, CloseCircleFilledIcon } from '@/icons';\nimport { Button } from '../../components/button';\nimport { Calendar as CalendarComponent } from '../../components/calendar';\nimport { Input } from '../../components/input';\nimport { Popover, PopoverContent, PopoverTrigger } from '../../components/popover';\nimport { ScrollArea } from '../../components/scroll-area';\nimport { cn } from '../../lib/utils';\n\nexport interface DateTimePickerProps {\n  /**\n   * The selected date and time value\n   */\n  value?: {\n    date?: Date;\n    time?: string; // HH:mm format\n  };\n  /**\n   * Callback when date and time is selected\n   */\n  onChange: (value: { date?: Date; time?: string }) => void;\n  /**\n   * Use 12-hour format with AM/PM for time\n   */\n  use12HourFormat?: boolean;\n  /**\n   * Minimum selectable date\n   */\n  minDate?: Date;\n  /**\n   * Maximum selectable date\n   */\n  maxDate?: Date;\n  /**\n   * Minimum selectable time\n   */\n  minTime?: Date;\n  /**\n   * Maximum selectable time\n   */\n  maxTime?: Date;\n  /**\n   * Step interval for minutes (e.g., 15 for 15-minute intervals)\n   */\n  minuteStep?: number;\n  /**\n   * Whether the picker is disabled\n   */\n  disabled?: boolean;\n  /**\n   * Custom className for the component\n   */\n  className?: string;\n  /**\n   * Whether to render the popover as a modal\n   */\n  modal?: boolean;\n  /**\n   * Placeholder text for the input\n   */\n  placeholder?: string;\n  /**\n   * Error state\n   */\n  error?: boolean;\n  /**\n   * Label for the input\n   */\n  label?: string;\n  /**\n   * Helper text below the input\n   */\n  helperText?: string;\n  /**\n   * Custom className for helper text\n   */\n  helperTextClass?: string;\n  /**\n   * Size variant of the input\n   */\n  size?: 'default' | 'lg';\n  /**\n   * Whether to show remove icon when there's a value\n   */\n  hasRemoveIcon?: boolean;\n  /**\n   * Callback when clear button is clicked\n   */\n  onClearValue?: () => void;\n}\n\nexport function DateTimePicker({\n  value,\n  onChange,\n  use12HourFormat = false,\n  minDate,\n  maxDate,\n  minTime,\n  maxTime,\n  minuteStep = 30,\n  disabled,\n  modal,\n  placeholder = 'Chọn ngày và thời gian',\n  className,\n  error,\n  label,\n  helperText,\n  helperTextClass,\n  size = 'default',\n  hasRemoveIcon = true,\n  onClearValue,\n  ...props\n}: DateTimePickerProps) {\n  const [open, setOpen] = useState(false);\n  const [selectedDate, setSelectedDate] = useState<Date | undefined>(value?.date);\n  const [selectedTime, setSelectedTime] = useState<string | undefined>(value?.time);\n\n  // Generate time options based on minuteStep\n  const timeOptions = useMemo(() => {\n    const options: string[] = [];\n    for (let hour = 0; hour < 24; hour++) {\n      for (let minute = 0; minute < 60; minute += minuteStep) {\n        const timeString = `${hour.toString().padStart(2, '0')}:${minute.toString().padStart(2, '0')}`;\n\n        // Check time constraints if minTime or maxTime is provided\n        if (minTime || maxTime) {\n          const testDate = new Date();\n          testDate.setHours(hour, minute, 0, 0);\n\n          if (minTime && isBefore(testDate, minTime)) continue;\n          if (maxTime && isAfter(testDate, maxTime)) continue;\n        }\n\n        options.push(timeString);\n      }\n    }\n    return options;\n  }, [minuteStep, minTime, maxTime]);\n\n  const formatTimeDisplay = useCallback(\n    (time: string) => {\n      if (!time || !use12HourFormat) return time;\n\n      const timeParts = time.split(':');\n      if (timeParts.length !== 2) return time;\n\n      const [hours, minutes] = timeParts;\n      if (!hours || !minutes) return time;\n\n      const hour = parseInt(hours, 10);\n      const ampm = hour >= 12 ? 'PM' : 'AM';\n      const displayHour = hour === 0 ? 12 : hour > 12 ? hour - 12 : hour;\n\n      return `${displayHour}:${minutes} ${ampm}`;\n    },\n    [use12HourFormat],\n  );\n\n  const displayValue = useMemo(() => {\n    if (!selectedDate && !selectedTime) return '';\n\n    const parts: string[] = [];\n\n    // Add time first, then date\n    if (selectedTime) {\n      parts.push(formatTimeDisplay(selectedTime));\n    }\n\n    if (selectedDate) {\n      parts.push(format(selectedDate, 'dd/MM/yyyy', { locale: vi }));\n    }\n\n    return parts.join(' ');\n  }, [selectedDate, selectedTime, formatTimeDisplay]);\n\n  const handleDateSelect = useCallback(\n    (date: Date | undefined) => {\n      setSelectedDate(date);\n      const newValue = {\n        date,\n        time: selectedTime,\n      };\n      onChange(newValue);\n    },\n    [selectedTime, onChange],\n  );\n\n  const handleTimeSelect = useCallback(\n    (time: string) => {\n      setSelectedTime(time);\n      const newValue = {\n        date: selectedDate,\n        time,\n      };\n      onChange(newValue);\n\n      // Close popover if both date and time are selected\n      if (selectedDate) {\n        setOpen(false);\n      }\n    },\n    [selectedDate, onChange],\n  );\n\n  const handleClearValue = useCallback(() => {\n    setSelectedDate(undefined);\n    setSelectedTime(undefined);\n    onChange({ date: undefined, time: undefined });\n    onClearValue?.();\n  }, [onChange, onClearValue]);\n\n  const hasValue = !!(selectedDate || selectedTime);\n\n  const iconSizeClasses = {\n    default: 'h-5 w-5',\n    lg: 'h-5 w-5',\n  };\n\n  const buttonIcon = useMemo(\n    () => (\n      <div className=\"flex items-center\">\n        {/* Always reserve space for remove icon to maintain consistent width */}\n        <div className=\"mr-1 flex h-5 w-5 items-center justify-center\">\n          {hasRemoveIcon && hasValue && !disabled && (\n            <CloseCircleFilledIcon\n              className=\"input-remove-icon cursor-pointer hover:opacity-70\"\n              onClick={handleClearValue}\n            />\n          )}\n        </div>\n        <CalendarOutlinedIcon\n          className={cn('cursor-pointer opacity-50 hover:opacity-70', iconSizeClasses[size])}\n          onClick={(e) => {\n            e.stopPropagation();\n            setOpen(true);\n          }}\n        />\n      </div>\n    ),\n    [hasRemoveIcon, hasValue, disabled, handleClearValue, iconSizeClasses, size],\n  );\n\n  const isDateDisabled = useCallback(\n    (date: Date) => {\n      if (minDate && date < minDate) return true;\n      if (maxDate && date > maxDate) return true;\n      return false;\n    },\n    [minDate, maxDate],\n  );\n\n  return (\n    <div className={cn('w-full', className)}>\n      <Popover\n        modal={modal}\n        open={disabled ? false : open}\n        onOpenChange={disabled ? undefined : setOpen}\n      >\n        <PopoverTrigger asChild>\n          <div className=\"w-full\">\n            <Input\n              value={displayValue}\n              placeholder={placeholder}\n              disabled={disabled}\n              isError={error}\n              label={label}\n              helpText={helperText}\n              helpTextClassName={helperTextClass}\n              size={size}\n              showRemoveIcon={false}\n              onClearValue={handleClearValue}\n              buttonIcon={buttonIcon}\n              readOnly\n              className={cn(\n                'border-input bg-background focus:border-primary rounded-md border focus:outline-none',\n                {\n                  'border-destructive': error,\n                  'cursor-pointer': !disabled,\n                },\n              )}\n              onClick={() => setOpen(true)}\n              {...props}\n            />\n          </div>\n        </PopoverTrigger>\n        <PopoverContent className=\"w-auto p-0\" align=\"start\">\n          <div className=\"flex\">\n            {/* Calendar Section */}\n            <div className=\"border-r\">\n              <CalendarComponent\n                mode=\"single\"\n                selected={selectedDate}\n                onSelect={handleDateSelect}\n                disabled={isDateDisabled}\n                locale={vi}\n                className=\"p-3\"\n                autoFocus={false}\n              />\n            </div>\n\n            {/* Time Picker Section */}\n            <div className=\"w-[88px]\">\n              <div className=\"border-b p-3 py-4\">\n                <div className=\"flex items-center gap-1 whitespace-nowrap text-sm font-medium\">\n                  Thời gian\n                </div>\n              </div>\n              <ScrollArea className=\"h-64\">\n                <div className=\"p-1\">\n                  {timeOptions.map((time) => (\n                    <Button\n                      key={time}\n                      variant={selectedTime === time ? 'default' : 'ghost'}\n                      size=\"sm\"\n                      className=\"w-full justify-start font-normal\"\n                      onClick={() => handleTimeSelect(time)}\n                    >\n                      {formatTimeDisplay(time)}\n                    </Button>\n                  ))}\n                </div>\n              </ScrollArea>\n            </div>\n          </div>\n        </PopoverContent>\n      </Popover>\n    </div>\n  );\n}\n"]}