admin-ui-starter-kit 0.1.4 → 0.4.2

package/dist/_shared/date-pickers-BI4xLjHR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-pickers-BI4xLjHR.js","names":[],"sources":["../../src/components/base/date-pickers/date-range-picker.tsx","../../src/components/base/date-pickers/month-year-picker.tsx"],"sourcesContent":["import { format } from 'date-fns';\nimport { Calendar as CalendarIcon } from 'lucide-react';\nimport * as React from 'react';\nimport type { DateRange } from 'react-day-picker';\n\nimport { Button } from '@/components/base/buttons';\nimport { Calendar } from '@/components/ui/calendar';\nimport {\n\tPopover,\n\tPopoverContent,\n\tPopoverTrigger\n} from '@/components/base/popover';\nimport { Separator } from '@/components/base/display/separator';\nimport { Label, Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nimport { useStrings } from '@/lib/strings';\n\nimport { DatePickerFooter } from './date-picker-footer';\nimport { DatePickerHeader } from './date-picker-header';\nimport { getDayPickerYearBounds } from './date-picker-helpers';\nimport { PICKER_TRIGGER_CHROME } from './date-picker';\nimport { defaultDatePickerStrings } from './date-pickers.strings';\nimport type { DateRangePickerProps, DateRangeOutput } from './datepicker.types';\nimport { enUS } from 'date-fns/locale';\n\nexport function DateRangePicker({\n\tvalue,\n\tdefaultValue,\n\tonChange,\n\tformat: dateFormat = 'yyyy-MM-dd',\n\treadableFormat = 'PPP',\n\tplaceholder,\n\tlabel,\n\thint,\n\terror,\n\tdisabled = false,\n\tclassName,\n\twithConfirm = false,\n\tnumberOfMonths = 2,\n\tmin,\n\tmax,\n\tcloseOnSelect = true,\n\tcalendarProps,\n\ttranslations,\n\tstrings,\n\tlocale,\n\theader,\n\tfooter,\n\tenableYearDropdown,\n\tyearSelection\n}: DateRangePickerProps) {\n\tconst [open, setOpen] = React.useState(false);\n\tconst [range, setRange] = React.useState<DateRange | undefined>(\n\t\tvalue ?? defaultValue\n\t);\n\n\tconst dateFnsLocale = locale ?? enUS;\n\tconst t = useStrings(defaultDatePickerStrings, strings ?? translations);\n\n\t// Resolve year selection config\n\tconst captionLayout = React.useMemo(() => {\n\t\tif (enableYearDropdown || yearSelection?.enabled) {\n\t\t\treturn 'dropdown' as const;\n\t\t}\n\t\treturn 'label' as const;\n\t}, [enableYearDropdown, yearSelection]);\n\tconst yearBounds = React.useMemo(\n\t\t() => getDayPickerYearBounds(yearSelection),\n\t\t[yearSelection]\n\t);\n\n\t// Sync internal state with controlled value\n\tReact.useEffect(() => {\n\t\tif (value !== undefined) {\n\t\t\tsetRange(value);\n\t\t}\n\t}, [value]);\n\n\t// Helper to create the output object\n\tconst createOutput = React.useCallback(\n\t\t(range: DateRange | undefined): DateRangeOutput => {\n\t\t\tconst options = dateFnsLocale ? { locale: dateFnsLocale } : undefined;\n\t\t\treturn {\n\t\t\t\trange,\n\t\t\t\tformatted: {\n\t\t\t\t\tfrom: range?.from ? format(range.from, dateFormat, options) : undefined,\n\t\t\t\t\tto: range?.to ? format(range.to, dateFormat, options) : undefined,\n\t\t\t\t},\n\t\t\t\treadable: {\n\t\t\t\t\tfrom: range?.from ? format(range.from, readableFormat, options) : undefined,\n\t\t\t\t\tto: range?.to ? format(range.to, readableFormat, options) : undefined,\n\t\t\t\t},\n\t\t\t};\n\t\t},\n\t\t[dateFormat, readableFormat, dateFnsLocale]\n\t);\n\n\t// Handle calendar selection\n\tconst handleSelect = React.useCallback(\n\t\t(newRange: DateRange | undefined) => {\n\t\t\t// Validate min/max constraints if provided\n\t\t\tif (newRange?.from && newRange?.to) {\n\t\t\t\tconst daysDiff = Math.ceil(\n\t\t\t\t\t(newRange.to.getTime() - newRange.from.getTime()) / (1000 * 60 * 60 * 24)\n\t\t\t\t) + 1;\n\n\t\t\t\tif (min && daysDiff < min) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif (max && daysDiff > max) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tsetRange(newRange);\n\n\t\t\tif (!withConfirm) {\n\t\t\t\tonChange?.(createOutput(newRange));\n\n\t\t\t\tif (closeOnSelect && newRange?.from && newRange?.to) {\n\t\t\t\t\tsetOpen(false);\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[withConfirm, onChange, createOutput, min, max, closeOnSelect]\n\t);\n\n\t// Handle confirm button click\n\tconst handleConfirm = React.useCallback(() => {\n\t\tonChange?.(createOutput(range));\n\t\tsetOpen(false);\n\t}, [range, onChange, createOutput]);\n\n\t// Generate button text\n\tconst buttonText = React.useMemo(() => {\n\t\tif (range?.from) {\n\t\t\tif (range.to) {\n\t\t\t\treturn `${format(range.from, readableFormat, { locale: dateFnsLocale })} - ${format(range.to, readableFormat, { locale: dateFnsLocale })}`;\n\t\t\t}\n\t\t\treturn format(range.from, readableFormat, { locale: dateFnsLocale });\n\t\t}\n\t\treturn placeholder ?? t.selectDateRange;\n\t}, [range, readableFormat, dateFnsLocale, placeholder, t.selectDateRange]);\n\n\t// Calculate validation message if needed\n\tconst validationMessage = React.useMemo(() => {\n\t\tif (!range?.from || !range?.to) return null;\n\n\t\tconst daysDiff = Math.ceil(\n\t\t\t(range.to.getTime() - range.from.getTime()) / (1000 * 60 * 60 * 24)\n\t\t) + 1;\n\n\t\tif (min && daysDiff < min) {\n\t\t\treturn t.minimumDays(min);\n\t\t}\n\n\t\tif (max && daysDiff > max) {\n\t\t\treturn t.maximumDays(max);\n\t\t}\n\n\t\treturn null;\n\t}, [range, min, max, t]);\n\n\tconst footerSummary = React.useMemo(() => {\n\t\tif (!range?.from || !range?.to) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\tconst fromText = format(range.from, readableFormat, { locale: dateFnsLocale });\n\t\tconst toText = format(range.to, readableFormat, { locale: dateFnsLocale });\n\n\t\treturn `${fromText} - ${toText}`;\n\t}, [range, readableFormat, dateFnsLocale]);\n\n\treturn (\n\t\t<div className={cn('date-range-picker--component', 'flex flex-col gap-2', className)}>\n\t\t\t{!!label && (\n    <Label\n\t\t\t\t\thtmlFor=\"date-range-picker-trigger\"\n\t\t\t\t\tclassName={cn(error && 'text-destructive')}\n\t\t\t\t>\n\t\t\t\t\t{label}\n\t\t\t\t</Label>\n  )}\n\n\t\t\t<Popover open={open} onOpenChange={setOpen}>\n\t\t\t\t<PopoverTrigger\n\t\t\t\t\trender={(triggerProps) => (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t{...triggerProps}\n\t\t\t\t\t\t\tid=\"date-range-picker-trigger\"\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"outline\"\n\t\t\t\t\t\t\taria-invalid={!!error}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'w-full justify-start text-left font-normal',\n\t\t\t\t\t\t\t\tPICKER_TRIGGER_CHROME,\n\t\t\t\t\t\t\t\t!range && 'text-muted-foreground',\n\t\t\t\t\t\t\t\t\t\t(triggerProps as { className?: string }).className,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<CalendarIcon className=\"mr-2 h-4 w-4 shrink-0\" />\n\t\t\t\t\t\t\t<span className=\"truncate\">{buttonText}</span>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t)}\n\t\t\t\t/>\n\n\t\t\t\t<PopoverContent\n\t\t\t\t\tclassName=\"w-auto p-0\"\n\t\t\t\t\talign=\"start\"\n\t\t\t\t>\n\t\t\t\t\t{/* Header */}\n\t\t\t\t\t{!!header && <DatePickerHeader config={header} />}\n\n\t\t\t\t\t<div className=\"flex flex-col\">\n\t\t\t\t\t\t<Calendar\n\t\t\t\t\t\t\tmode=\"range\"\n\t\t\t\t\t\t\tselected={range}\n\t\t\t\t\t\t\tonSelect={handleSelect}\n\t\t\t\t\t\t\tdefaultMonth={range?.from}\n\t\t\t\t\t\t\tnumberOfMonths={numberOfMonths}\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\tlocale={dateFnsLocale}\n\t\t\t\t\t\t\tcaptionLayout={captionLayout}\n\t\t\t\t\t\t\tstartMonth={yearBounds.startMonth}\n\t\t\t\t\t\t\tendMonth={yearBounds.endMonth}\n\t\t\t\t\t\t\t{...calendarProps}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t{/* Display selected dates and validation */}\n\t\t\t\t\t\t{!!(range?.from || validationMessage || withConfirm || footer) && <>\n\t\t\t\t\t\t\t\t<Separator />\n\t\t\t\t\t\t\t\t<div className=\"flex flex-col gap-3 p-3\">\n\t\t\t\t\t\t\t\t\t{/* Selected date display (only if no footer) */}\n\t\t\t\t\t\t\t\t\t{!!range?.from && !footer && (\n          <div className=\"flex items-center justify-between gap-4\">\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" type=\"secondary\">{t.from}:</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" weight=\"medium\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t{format(range.from, readableFormat, { locale: dateFnsLocale })}\n\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t{!!range.to && (\n            <div className=\"flex items-center gap-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" type=\"secondary\">{t.to}:</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" weight=\"medium\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{format(range.to, readableFormat, { locale: dateFnsLocale })}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n          )}\n\t\t\t\t\t\t\t\t\t\t</div>\n        )}\n\n\t\t\t\t\t\t\t\t\t{/* Validation message */}\n\t\t\t\t\t\t\t\t\t{!!validationMessage && <Text type=\"error\">{validationMessage}</Text>}\n\n\t\t\t\t\t\t\t\t\t{/* Confirm button (only if no footer) */}\n\t\t\t\t\t\t\t\t\t{!!withConfirm && !footer && (\n          <Button\n\t\t\t\t\t\t\t\t\t\t\tonClick={handleConfirm}\n\t\t\t\t\t\t\t\t\t\t\tdisabled={!range?.from || !range?.to || !!validationMessage}\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"w-full\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{t.confirm}\n\t\t\t\t\t\t\t\t\t\t</Button>\n        )}\n\n\t\t\t\t\t\t\t\t\t{/* Custom footer */}\n\t\t\t\t\t\t\t\t\t{!!footer && (\n          <div className=\"-mx-3 -mb-3\">\n\t\t\t\t\t\t\t\t\t\t\t<DatePickerFooter\n\t\t\t\t\t\t\t\t\t\t\t\tconfig={footer}\n\t\t\t\t\t\t\t\t\t\t\t\toutput={createOutput(range)}\n\t\t\t\t\t\t\t\t\t\t\t\thasSelection={!!(range?.from && range?.to)}\n\t\t\t\t\t\t\t\t\t\t\t\tautoSummary={footerSummary}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n        )}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</>}\n\t\t\t\t\t</div>\n\t\t\t\t</PopoverContent>\n\t\t\t</Popover>\n\n\t\t\t{!!error && <Text type=\"error\">{error}</Text>}\n\n\t\t\t{!!hint && !error && <Text type=\"secondary\">{hint}</Text>}\n\t\t</div>\n\t);\n}\n\n// Convenience exports\nexport default DateRangePicker;\nexport type { DateRangePickerProps, DateRangeOutput };\n\nDateRangePicker.displayName = 'DateRangePicker';\n","import { format } from 'date-fns';\nimport { Calendar as CalendarIcon } from 'lucide-react';\nimport * as React from 'react';\n\nimport { Button } from '@/components/base/buttons';\nimport {\n\tPopover,\n\tPopoverContent,\n\tPopoverTrigger\n} from '@/components/base/popover';\nimport {\n\tSelect,\n\tSelectContent,\n\tSelectItem,\n\tSelectTrigger,\n\tSelectValue\n} from '@/components/ui/select';\nimport { Label, Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nimport { useStrings } from '@/lib/strings';\n\nimport { DatePickerFooter } from './date-picker-footer';\nimport { DatePickerHeader } from './date-picker-header';\nimport { PICKER_TRIGGER_CHROME } from './date-picker';\nimport { defaultDatePickerStrings } from './date-pickers.strings';\nimport type { MonthYearPickerProps, MonthYearOutput } from './datepicker.types';\nimport { enUS } from 'date-fns/locale';\n\nexport function MonthYearPicker({\n\tvalue,\n\tdefaultValue,\n\tonChange,\n\tformat: dateFormat = 'yyyy-MM',\n\treadableFormat = 'MMMM yyyy',\n\tplaceholder,\n\tlabel,\n\thint,\n\terror,\n\tdisabled = false,\n\tclassName,\n\tcloseOnSelect = true,\n\ttranslations,\n\tstrings,\n\tlocale,\n\theader,\n\tfooter,\n\tfromYear,\n\ttoYear\n}: MonthYearPickerProps) {\n\tconst currentYear = new Date().getFullYear();\n\tconst [open, setOpen] = React.useState(false);\n\tconst [selection, setSelection] = React.useState<{\n\t\tmonth: number;\n\t\tyear: number;\n\t} | undefined>(value ?? defaultValue);\n\n\tconst dateFnsLocale = locale ?? enUS;\n\tconst t = useStrings(defaultDatePickerStrings, strings ?? translations);\n\tconst triggerId = React.useId();\n\n\t// Year range\n\tconst yearRange = React.useMemo(() => {\n\t\tconst start = fromYear ?? 2017;\n\t\tconst end = toYear ?? 2035;\n\t\treturn Array.from({ length: end - start + 1 }, (_, i) => start + i);\n\t}, [fromYear, toYear]);\n\n\t// Month names (localized)\n\tconst monthNames = React.useMemo(() => {\n\t\treturn Array.from({ length: 12 }, (_, i) => {\n\t\t\tconst date = new Date(2000, i, 1);\n\t\t\treturn format(date, 'MMMM', { locale: dateFnsLocale });\n\t\t});\n\t}, [dateFnsLocale]);\n\n\t// Sync internal state with controlled value\n\tReact.useEffect(() => {\n\t\tif (value !== undefined) {\n\t\t\tsetSelection(value);\n\t\t}\n\t}, [value]);\n\n\t// Helper to create the output object\n\tconst createOutput = React.useCallback(\n\t\t(month: number, year: number): MonthYearOutput => {\n\t\t\tconst date = new Date(year, month, 1);\n\t\t\treturn {\n\t\t\t\tmonth,\n\t\t\t\tyear,\n\t\t\t\tformatted: format(date, dateFormat),\n\t\t\t\treadable: format(date, readableFormat, { locale: dateFnsLocale }),\n\t\t\t\tdate\n\t\t\t};\n\t\t},\n\t\t[dateFormat, readableFormat, dateFnsLocale]\n\t);\n\n\t// Handle selection change\n\tconst handleMonthChange = React.useCallback(\n\t\t(monthValue: unknown) => {\n\t\t\tconst monthStr = String(monthValue);\n\t\t\tconst month = parseInt(monthStr, 10);\n\t\t\tconst year = selection?.year ?? currentYear;\n\t\t\tsetSelection({ month, year });\n\t\t},\n\t\t[selection?.year, currentYear]\n\t);\n\n\tconst handleYearChange = React.useCallback(\n\t\t(yearValue: unknown) => {\n\t\t\tconst yearStr = String(yearValue);\n\t\t\tconst year = parseInt(yearStr, 10);\n\t\t\tconst month = selection?.month ?? 0;\n\t\t\tsetSelection({ month, year });\n\t\t},\n\t\t[selection?.month]\n\t);\n\n\t// Handle confirm button click\n\tconst handleConfirm = React.useCallback(() => {\n\t\tif (selection) {\n\t\t\tonChange?.(createOutput(selection.month, selection.year));\n\t\t\tif (closeOnSelect) {\n\t\t\t\tsetOpen(false);\n\t\t\t}\n\t\t}\n\t}, [selection, onChange, createOutput, closeOnSelect]);\n\n\t// Button display text\n\tconst buttonText = React.useMemo(() => {\n\t\tif (selection) {\n\t\t\tconst date = new Date(selection.year, selection.month, 1);\n\t\t\treturn format(date, readableFormat, { locale: dateFnsLocale });\n\t\t}\n\t\treturn placeholder ?? t.selectMonthYear;\n\t}, [selection, readableFormat, dateFnsLocale, placeholder, t.selectMonthYear]);\n\n\treturn (\n\t\t<div className={cn('month-year-picker--component', 'flex flex-col gap-2', className)}>\n\t\t\t{!!label && (\n\t\t\t\t<Label\n\t\t\t\t\thtmlFor={triggerId}\n\t\t\t\t\tclassName={cn(error && 'text-destructive')}\n\t\t\t\t>\n\t\t\t\t\t{label}\n\t\t\t\t</Label>\n  )}\n\n\t\t\t<Popover open={open} onOpenChange={setOpen}>\n\t\t\t\t<PopoverTrigger\n\t\t\t\t\trender={(triggerProps) => (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t{...triggerProps}\n\t\t\t\t\t\t\tid={triggerId}\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"outline\"\n\t\t\t\t\t\t\taria-invalid={!!error}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'w-full justify-start text-left font-normal',\n\t\t\t\t\t\t\t\tPICKER_TRIGGER_CHROME,\n\t\t\t\t\t\t\t\t!selection && 'text-muted-foreground',\n\t\t\t\t\t\t\t\t\t\t(triggerProps as { className?: string }).className,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<CalendarIcon className=\"mr-2 h-4 w-4\" />\n\t\t\t\t\t\t\t{buttonText}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t)}\n\t\t\t\t/>\n\n\t\t\t\t<PopoverContent\n\t\t\t\t\tclassName=\"w-80 p-0\"\n\t\t\t\t\talign=\"start\"\n\t\t\t\t>\n\t\t\t\t\t{/* Header */}\n\t\t\t\t\t{!!header && <DatePickerHeader config={header} />}\n\n\t\t\t\t\t{/* Month and Year Selectors */}\n\t\t\t\t\t<div className=\"p-4 space-y-4\">\n\t\t\t\t\t\t{/* Month Selector */}\n\t\t\t\t\t\t<div className=\"space-y-2\">\n\t\t\t\t\t\t\t<Label htmlFor=\"month-select\">{t.month}</Label>\n\t\t\t\t\t\t\t<Select\n\t\t\t\t\t\t\t\tvalue={selection?.month?.toString()}\n\t\t\t\t\t\t\t\tonValueChange={handleMonthChange}\n\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<SelectTrigger id=\"month-select\" className=\"w-full\">\n\t\t\t\t\t\t\t\t\t<SelectValue placeholder={t.month} />\n\t\t\t\t\t\t\t\t</SelectTrigger>\n\t\t\t\t\t\t\t\t<SelectContent>\n\t\t\t\t\t\t\t\t\t{monthNames.map((name, index) => (\n\t\t\t\t\t\t\t\t\t\t<SelectItem key={name} value={index.toString()}>\n\t\t\t\t\t\t\t\t\t\t\t{name}\n\t\t\t\t\t\t\t\t\t\t</SelectItem>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</SelectContent>\n\t\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{/* Year Selector */}\n\t\t\t\t\t\t<div className=\"space-y-2\">\n\t\t\t\t\t\t\t<Label htmlFor=\"year-select\">{t.year}</Label>\n\t\t\t\t\t\t\t<Select\n\t\t\t\t\t\t\t\tvalue={selection?.year?.toString()}\n\t\t\t\t\t\t\t\tonValueChange={handleYearChange}\n\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<SelectTrigger id=\"year-select\" className=\"w-full\">\n\t\t\t\t\t\t\t\t\t<SelectValue placeholder={t.year} />\n\t\t\t\t\t\t\t\t</SelectTrigger>\n\t\t\t\t\t\t\t\t<SelectContent>\n\t\t\t\t\t\t\t\t\t{yearRange.map((year) => (\n\t\t\t\t\t\t\t\t\t\t<SelectItem key={year} value={year.toString()}>\n\t\t\t\t\t\t\t\t\t\t\t{year}\n\t\t\t\t\t\t\t\t\t\t</SelectItem>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</SelectContent>\n\t\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{/* Confirm Button */}\n\t\t\t\t\t<div className=\"p-4 pt-0\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"w-full\"\n\t\t\t\t\t\t\tonClick={handleConfirm}\n\t\t\t\t\t\t\tdisabled={disabled || !selection}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{t.confirm}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{/* Footer */}\n\t\t\t\t\t{!!footer && !!selection && (\n      <DatePickerFooter\n\t\t\t\t\t\t\tconfig={footer}\n\t\t\t\t\t\t\toutput={createOutput(selection.month, selection.year)}\n\t\t\t\t\t\t\thasSelection={!!selection}\n\t\t\t\t\t\t\tautoSummary={buttonText}\n\t\t\t\t\t\t/>\n    )}\n\t\t\t\t</PopoverContent>\n\t\t\t</Popover>\n\n\t\t\t{!!error && <Text type=\"error\">{error}</Text>}\n\n\t\t\t{!!hint && !error && <Text type=\"secondary\">{hint}</Text>}\n\t\t</div>\n\t);\n}\n\n// Convenience export for type\nexport type { MonthYearPickerProps, MonthYearOutput };\n\nMonthYearPicker.displayName = 'MonthYearPicker';\n"],"mappings":"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"}

package/dist/_shared/date-pickers-BhaUK5S2.cjs

@@ -0,0 +1,2 @@
+const e=require("./chunk-CMqjfN_6.cjs"),t=require("../lib/strings.cjs"),n=require("../lib/utils.cjs"),r=require("./heading-0DYCOrgC.cjs"),i=require("./typography-Bzsl7aTu.cjs"),a=require("./button-C1qc97U1.cjs"),o=require("./select-CG5Yq-6A.cjs"),s=require("./date-picker-BnsvBFOZ.cjs"),c=require("./popover-CaHvG8Vj.cjs"),l=require("./separator-q42IlFFA.cjs");let u=require("react");u=e.t(u,1);let d=require("date-fns"),f=require("react/jsx-runtime"),p=require("lucide-react"),m=require("date-fns/locale");function h({value:e,defaultValue:o,onChange:h,format:g=`yyyy-MM-dd`,readableFormat:_=`PPP`,placeholder:v,label:y,hint:b,error:x,disabled:S=!1,className:C,withConfirm:w=!1,numberOfMonths:T=2,min:E,max:D,closeOnSelect:O=!0,calendarProps:k,translations:A,strings:j,locale:M,header:N,footer:P,enableYearDropdown:F,yearSelection:I}){let[L,R]=u.useState(!1),[z,B]=u.useState(e??o),V=M??m.enUS,H=t.useStrings(s.i,j??A),U=u.useMemo(()=>F||I?.enabled?`dropdown`:`label`,[F,I]),W=u.useMemo(()=>s.a(I),[I]);u.useEffect(()=>{e!==void 0&&B(e)},[e]);let G=u.useCallback(e=>{let t=V?{locale:V}:void 0;return{range:e,formatted:{from:e?.from?(0,d.format)(e.from,g,t):void 0,to:e?.to?(0,d.format)(e.to,g,t):void 0},readable:{from:e?.from?(0,d.format)(e.from,_,t):void 0,to:e?.to?(0,d.format)(e.to,_,t):void 0}}},[g,_,V]),K=u.useCallback(e=>{if(e?.from&&e?.to){let t=Math.ceil((e.to.getTime()-e.from.getTime())/(1e3*60*60*24))+1;if(E&&t<E||D&&t>D)return}B(e),w||(h?.(G(e)),O&&e?.from&&e?.to&&R(!1))},[w,h,G,E,D,O]),q=u.useCallback(()=>{h?.(G(z)),R(!1)},[z,h,G]),J=u.useMemo(()=>z?.from?z.to?`${(0,d.format)(z.from,_,{locale:V})} - ${(0,d.format)(z.to,_,{locale:V})}`:(0,d.format)(z.from,_,{locale:V}):v??H.selectDateRange,[z,_,V,v,H.selectDateRange]),Y=u.useMemo(()=>{if(!z?.from||!z?.to)return null;let e=Math.ceil((z.to.getTime()-z.from.getTime())/(1e3*60*60*24))+1;return E&&e<E?H.minimumDays(E):D&&e>D?H.maximumDays(D):null},[z,E,D,H]),X=u.useMemo(()=>{if(!(!z?.from||!z?.to))return`${(0,d.format)(z.from,_,{locale:V})} - ${(0,d.format)(z.to,_,{locale:V})}`},[z,_,V]);return(0,f.jsxs)(`div`,{className:n.cn(`date-range-picker--component`,`flex flex-col gap-2`,C),children:[!!y&&(0,f.jsx)(i.a,{htmlFor:`date-range-picker-trigger`,className:n.cn(x&&`text-destructive`),children:y}),(0,f.jsxs)(c.n,{open:L,onOpenChange:R,children:[(0,f.jsx)(c.s,{render:e=>(0,f.jsxs)(a.t,{...e,id:`date-range-picker-trigger`,variant:`secondary`,buttonStyle:`outline`,"aria-invalid":!!x,className:n.cn(`w-full justify-start text-left font-normal`,s.n,!z&&`text-muted-foreground`,e.className),disabled:S,children:[(0,f.jsx)(p.Calendar,{className:`mr-2 h-4 w-4 shrink-0`}),(0,f.jsx)(`span`,{className:`truncate`,children:J})]})}),(0,f.jsxs)(c.t,{className:`w-auto p-0`,align:`start`,children:[!!N&&(0,f.jsx)(s.o,{config:N}),(0,f.jsxs)(`div`,{className:`flex flex-col`,children:[(0,f.jsx)(s.c,{mode:`range`,selected:z,onSelect:K,defaultMonth:z?.from,numberOfMonths:T,disabled:S,locale:V,captionLayout:U,startMonth:W.startMonth,endMonth:W.endMonth,...k}),!!(z?.from||Y||w||P)&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(l.t,{}),(0,f.jsxs)(`div`,{className:`flex flex-col gap-3 p-3`,children:[!!z?.from&&!P&&(0,f.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,f.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,f.jsxs)(r.n,{tag:`span`,type:`secondary`,children:[H.from,`:`]}),(0,f.jsx)(r.n,{tag:`span`,weight:`medium`,children:(0,d.format)(z.from,_,{locale:V})})]}),!!z.to&&(0,f.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,f.jsxs)(r.n,{tag:`span`,type:`secondary`,children:[H.to,`:`]}),(0,f.jsx)(r.n,{tag:`span`,weight:`medium`,children:(0,d.format)(z.to,_,{locale:V})})]})]}),!!Y&&(0,f.jsx)(r.n,{type:`error`,children:Y}),!!w&&!P&&(0,f.jsx)(a.t,{onClick:q,disabled:!z?.from||!z?.to||!!Y,className:`w-full`,children:H.confirm}),!!P&&(0,f.jsx)(`div`,{className:`-mx-3 -mb-3`,children:(0,f.jsx)(s.s,{config:P,output:G(z),hasSelection:!!(z?.from&&z?.to),autoSummary:X})})]})]})]})]})]}),!!x&&(0,f.jsx)(r.n,{type:`error`,children:x}),!!b&&!x&&(0,f.jsx)(r.n,{type:`secondary`,children:b})]})}h.displayName=`DateRangePicker`;function g({value:e,defaultValue:l,onChange:h,format:g=`yyyy-MM`,readableFormat:_=`MMMM yyyy`,placeholder:v,label:y,hint:b,error:x,disabled:S=!1,className:C,closeOnSelect:w=!0,translations:T,strings:E,locale:D,header:O,footer:k,fromYear:A,toYear:j}){let M=new Date().getFullYear(),[N,P]=u.useState(!1),[F,I]=u.useState(e??l),L=D??m.enUS,R=t.useStrings(s.i,E??T),z=u.useId(),B=u.useMemo(()=>{let e=A??2017,t=j??2035;return Array.from({length:t-e+1},(t,n)=>e+n)},[A,j]),V=u.useMemo(()=>Array.from({length:12},(e,t)=>(0,d.format)(new Date(2e3,t,1),`MMMM`,{locale:L})),[L]);u.useEffect(()=>{e!==void 0&&I(e)},[e]);let H=u.useCallback((e,t)=>{let n=new Date(t,e,1);return{month:e,year:t,formatted:(0,d.format)(n,g),readable:(0,d.format)(n,_,{locale:L}),date:n}},[g,_,L]),U=u.useCallback(e=>{I({month:parseInt(String(e),10),year:F?.year??M})},[F?.year,M]),W=u.useCallback(e=>{let t=parseInt(String(e),10);I({month:F?.month??0,year:t})},[F?.month]),G=u.useCallback(()=>{F&&(h?.(H(F.month,F.year)),w&&P(!1))},[F,h,H,w]),K=u.useMemo(()=>F?(0,d.format)(new Date(F.year,F.month,1),_,{locale:L}):v??R.selectMonthYear,[F,_,L,v,R.selectMonthYear]);return(0,f.jsxs)(`div`,{className:n.cn(`month-year-picker--component`,`flex flex-col gap-2`,C),children:[!!y&&(0,f.jsx)(i.a,{htmlFor:z,className:n.cn(x&&`text-destructive`),children:y}),(0,f.jsxs)(c.n,{open:N,onOpenChange:P,children:[(0,f.jsx)(c.s,{render:e=>(0,f.jsxs)(a.t,{...e,id:z,variant:`secondary`,buttonStyle:`outline`,"aria-invalid":!!x,className:n.cn(`w-full justify-start text-left font-normal`,s.n,!F&&`text-muted-foreground`,e.className),disabled:S,children:[(0,f.jsx)(p.Calendar,{className:`mr-2 h-4 w-4`}),K]})}),(0,f.jsxs)(c.t,{className:`w-80 p-0`,align:`start`,children:[!!O&&(0,f.jsx)(s.o,{config:O}),(0,f.jsxs)(`div`,{className:`p-4 space-y-4`,children:[(0,f.jsxs)(`div`,{className:`space-y-2`,children:[(0,f.jsx)(i.a,{htmlFor:`month-select`,children:R.month}),(0,f.jsxs)(o.t,{value:F?.month?.toString(),onValueChange:U,disabled:S,children:[(0,f.jsx)(o.a,{id:`month-select`,className:`w-full`,children:(0,f.jsx)(o.o,{placeholder:R.month})}),(0,f.jsx)(o.n,{children:V.map((e,t)=>(0,f.jsx)(o.i,{value:t.toString(),children:e},e))})]})]}),(0,f.jsxs)(`div`,{className:`space-y-2`,children:[(0,f.jsx)(i.a,{htmlFor:`year-select`,children:R.year}),(0,f.jsxs)(o.t,{value:F?.year?.toString(),onValueChange:W,disabled:S,children:[(0,f.jsx)(o.a,{id:`year-select`,className:`w-full`,children:(0,f.jsx)(o.o,{placeholder:R.year})}),(0,f.jsx)(o.n,{children:B.map(e=>(0,f.jsx)(o.i,{value:e.toString(),children:e},e))})]})]})]}),(0,f.jsx)(`div`,{className:`p-4 pt-0`,children:(0,f.jsx)(a.t,{className:`w-full`,onClick:G,disabled:S||!F,children:R.confirm})}),!!k&&!!F&&(0,f.jsx)(s.s,{config:k,output:H(F.month,F.year),hasSelection:!!F,autoSummary:K})]})]}),!!x&&(0,f.jsx)(r.n,{type:`error`,children:x}),!!b&&!x&&(0,f.jsx)(r.n,{type:`secondary`,children:b})]})}g.displayName=`MonthYearPicker`,Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return g}});
+//# sourceMappingURL=date-pickers-BhaUK5S2.cjs.map

package/dist/_shared/date-pickers-BhaUK5S2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-pickers-BhaUK5S2.cjs","names":[],"sources":["../../src/components/base/date-pickers/date-range-picker.tsx","../../src/components/base/date-pickers/month-year-picker.tsx"],"sourcesContent":["import { format } from 'date-fns';\nimport { Calendar as CalendarIcon } from 'lucide-react';\nimport * as React from 'react';\nimport type { DateRange } from 'react-day-picker';\n\nimport { Button } from '@/components/base/buttons';\nimport { Calendar } from '@/components/ui/calendar';\nimport {\n\tPopover,\n\tPopoverContent,\n\tPopoverTrigger\n} from '@/components/base/popover';\nimport { Separator } from '@/components/base/display/separator';\nimport { Label, Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nimport { useStrings } from '@/lib/strings';\n\nimport { DatePickerFooter } from './date-picker-footer';\nimport { DatePickerHeader } from './date-picker-header';\nimport { getDayPickerYearBounds } from './date-picker-helpers';\nimport { PICKER_TRIGGER_CHROME } from './date-picker';\nimport { defaultDatePickerStrings } from './date-pickers.strings';\nimport type { DateRangePickerProps, DateRangeOutput } from './datepicker.types';\nimport { enUS } from 'date-fns/locale';\n\nexport function DateRangePicker({\n\tvalue,\n\tdefaultValue,\n\tonChange,\n\tformat: dateFormat = 'yyyy-MM-dd',\n\treadableFormat = 'PPP',\n\tplaceholder,\n\tlabel,\n\thint,\n\terror,\n\tdisabled = false,\n\tclassName,\n\twithConfirm = false,\n\tnumberOfMonths = 2,\n\tmin,\n\tmax,\n\tcloseOnSelect = true,\n\tcalendarProps,\n\ttranslations,\n\tstrings,\n\tlocale,\n\theader,\n\tfooter,\n\tenableYearDropdown,\n\tyearSelection\n}: DateRangePickerProps) {\n\tconst [open, setOpen] = React.useState(false);\n\tconst [range, setRange] = React.useState<DateRange | undefined>(\n\t\tvalue ?? defaultValue\n\t);\n\n\tconst dateFnsLocale = locale ?? enUS;\n\tconst t = useStrings(defaultDatePickerStrings, strings ?? translations);\n\n\t// Resolve year selection config\n\tconst captionLayout = React.useMemo(() => {\n\t\tif (enableYearDropdown || yearSelection?.enabled) {\n\t\t\treturn 'dropdown' as const;\n\t\t}\n\t\treturn 'label' as const;\n\t}, [enableYearDropdown, yearSelection]);\n\tconst yearBounds = React.useMemo(\n\t\t() => getDayPickerYearBounds(yearSelection),\n\t\t[yearSelection]\n\t);\n\n\t// Sync internal state with controlled value\n\tReact.useEffect(() => {\n\t\tif (value !== undefined) {\n\t\t\tsetRange(value);\n\t\t}\n\t}, [value]);\n\n\t// Helper to create the output object\n\tconst createOutput = React.useCallback(\n\t\t(range: DateRange | undefined): DateRangeOutput => {\n\t\t\tconst options = dateFnsLocale ? { locale: dateFnsLocale } : undefined;\n\t\t\treturn {\n\t\t\t\trange,\n\t\t\t\tformatted: {\n\t\t\t\t\tfrom: range?.from ? format(range.from, dateFormat, options) : undefined,\n\t\t\t\t\tto: range?.to ? format(range.to, dateFormat, options) : undefined,\n\t\t\t\t},\n\t\t\t\treadable: {\n\t\t\t\t\tfrom: range?.from ? format(range.from, readableFormat, options) : undefined,\n\t\t\t\t\tto: range?.to ? format(range.to, readableFormat, options) : undefined,\n\t\t\t\t},\n\t\t\t};\n\t\t},\n\t\t[dateFormat, readableFormat, dateFnsLocale]\n\t);\n\n\t// Handle calendar selection\n\tconst handleSelect = React.useCallback(\n\t\t(newRange: DateRange | undefined) => {\n\t\t\t// Validate min/max constraints if provided\n\t\t\tif (newRange?.from && newRange?.to) {\n\t\t\t\tconst daysDiff = Math.ceil(\n\t\t\t\t\t(newRange.to.getTime() - newRange.from.getTime()) / (1000 * 60 * 60 * 24)\n\t\t\t\t) + 1;\n\n\t\t\t\tif (min && daysDiff < min) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif (max && daysDiff > max) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tsetRange(newRange);\n\n\t\t\tif (!withConfirm) {\n\t\t\t\tonChange?.(createOutput(newRange));\n\n\t\t\t\tif (closeOnSelect && newRange?.from && newRange?.to) {\n\t\t\t\t\tsetOpen(false);\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[withConfirm, onChange, createOutput, min, max, closeOnSelect]\n\t);\n\n\t// Handle confirm button click\n\tconst handleConfirm = React.useCallback(() => {\n\t\tonChange?.(createOutput(range));\n\t\tsetOpen(false);\n\t}, [range, onChange, createOutput]);\n\n\t// Generate button text\n\tconst buttonText = React.useMemo(() => {\n\t\tif (range?.from) {\n\t\t\tif (range.to) {\n\t\t\t\treturn `${format(range.from, readableFormat, { locale: dateFnsLocale })} - ${format(range.to, readableFormat, { locale: dateFnsLocale })}`;\n\t\t\t}\n\t\t\treturn format(range.from, readableFormat, { locale: dateFnsLocale });\n\t\t}\n\t\treturn placeholder ?? t.selectDateRange;\n\t}, [range, readableFormat, dateFnsLocale, placeholder, t.selectDateRange]);\n\n\t// Calculate validation message if needed\n\tconst validationMessage = React.useMemo(() => {\n\t\tif (!range?.from || !range?.to) return null;\n\n\t\tconst daysDiff = Math.ceil(\n\t\t\t(range.to.getTime() - range.from.getTime()) / (1000 * 60 * 60 * 24)\n\t\t) + 1;\n\n\t\tif (min && daysDiff < min) {\n\t\t\treturn t.minimumDays(min);\n\t\t}\n\n\t\tif (max && daysDiff > max) {\n\t\t\treturn t.maximumDays(max);\n\t\t}\n\n\t\treturn null;\n\t}, [range, min, max, t]);\n\n\tconst footerSummary = React.useMemo(() => {\n\t\tif (!range?.from || !range?.to) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\tconst fromText = format(range.from, readableFormat, { locale: dateFnsLocale });\n\t\tconst toText = format(range.to, readableFormat, { locale: dateFnsLocale });\n\n\t\treturn `${fromText} - ${toText}`;\n\t}, [range, readableFormat, dateFnsLocale]);\n\n\treturn (\n\t\t<div className={cn('date-range-picker--component', 'flex flex-col gap-2', className)}>\n\t\t\t{!!label && (\n    <Label\n\t\t\t\t\thtmlFor=\"date-range-picker-trigger\"\n\t\t\t\t\tclassName={cn(error && 'text-destructive')}\n\t\t\t\t>\n\t\t\t\t\t{label}\n\t\t\t\t</Label>\n  )}\n\n\t\t\t<Popover open={open} onOpenChange={setOpen}>\n\t\t\t\t<PopoverTrigger\n\t\t\t\t\trender={(triggerProps) => (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t{...triggerProps}\n\t\t\t\t\t\t\tid=\"date-range-picker-trigger\"\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"outline\"\n\t\t\t\t\t\t\taria-invalid={!!error}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'w-full justify-start text-left font-normal',\n\t\t\t\t\t\t\t\tPICKER_TRIGGER_CHROME,\n\t\t\t\t\t\t\t\t!range && 'text-muted-foreground',\n\t\t\t\t\t\t\t\t\t\t(triggerProps as { className?: string }).className,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<CalendarIcon className=\"mr-2 h-4 w-4 shrink-0\" />\n\t\t\t\t\t\t\t<span className=\"truncate\">{buttonText}</span>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t)}\n\t\t\t\t/>\n\n\t\t\t\t<PopoverContent\n\t\t\t\t\tclassName=\"w-auto p-0\"\n\t\t\t\t\talign=\"start\"\n\t\t\t\t>\n\t\t\t\t\t{/* Header */}\n\t\t\t\t\t{!!header && <DatePickerHeader config={header} />}\n\n\t\t\t\t\t<div className=\"flex flex-col\">\n\t\t\t\t\t\t<Calendar\n\t\t\t\t\t\t\tmode=\"range\"\n\t\t\t\t\t\t\tselected={range}\n\t\t\t\t\t\t\tonSelect={handleSelect}\n\t\t\t\t\t\t\tdefaultMonth={range?.from}\n\t\t\t\t\t\t\tnumberOfMonths={numberOfMonths}\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\tlocale={dateFnsLocale}\n\t\t\t\t\t\t\tcaptionLayout={captionLayout}\n\t\t\t\t\t\t\tstartMonth={yearBounds.startMonth}\n\t\t\t\t\t\t\tendMonth={yearBounds.endMonth}\n\t\t\t\t\t\t\t{...calendarProps}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t{/* Display selected dates and validation */}\n\t\t\t\t\t\t{!!(range?.from || validationMessage || withConfirm || footer) && <>\n\t\t\t\t\t\t\t\t<Separator />\n\t\t\t\t\t\t\t\t<div className=\"flex flex-col gap-3 p-3\">\n\t\t\t\t\t\t\t\t\t{/* Selected date display (only if no footer) */}\n\t\t\t\t\t\t\t\t\t{!!range?.from && !footer && (\n          <div className=\"flex items-center justify-between gap-4\">\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" type=\"secondary\">{t.from}:</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" weight=\"medium\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t{format(range.from, readableFormat, { locale: dateFnsLocale })}\n\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t{!!range.to && (\n            <div className=\"flex items-center gap-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" type=\"secondary\">{t.to}:</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" weight=\"medium\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{format(range.to, readableFormat, { locale: dateFnsLocale })}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n          )}\n\t\t\t\t\t\t\t\t\t\t</div>\n        )}\n\n\t\t\t\t\t\t\t\t\t{/* Validation message */}\n\t\t\t\t\t\t\t\t\t{!!validationMessage && <Text type=\"error\">{validationMessage}</Text>}\n\n\t\t\t\t\t\t\t\t\t{/* Confirm button (only if no footer) */}\n\t\t\t\t\t\t\t\t\t{!!withConfirm && !footer && (\n          <Button\n\t\t\t\t\t\t\t\t\t\t\tonClick={handleConfirm}\n\t\t\t\t\t\t\t\t\t\t\tdisabled={!range?.from || !range?.to || !!validationMessage}\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"w-full\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{t.confirm}\n\t\t\t\t\t\t\t\t\t\t</Button>\n        )}\n\n\t\t\t\t\t\t\t\t\t{/* Custom footer */}\n\t\t\t\t\t\t\t\t\t{!!footer && (\n          <div className=\"-mx-3 -mb-3\">\n\t\t\t\t\t\t\t\t\t\t\t<DatePickerFooter\n\t\t\t\t\t\t\t\t\t\t\t\tconfig={footer}\n\t\t\t\t\t\t\t\t\t\t\t\toutput={createOutput(range)}\n\t\t\t\t\t\t\t\t\t\t\t\thasSelection={!!(range?.from && range?.to)}\n\t\t\t\t\t\t\t\t\t\t\t\tautoSummary={footerSummary}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n        )}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</>}\n\t\t\t\t\t</div>\n\t\t\t\t</PopoverContent>\n\t\t\t</Popover>\n\n\t\t\t{!!error && <Text type=\"error\">{error}</Text>}\n\n\t\t\t{!!hint && !error && <Text type=\"secondary\">{hint}</Text>}\n\t\t</div>\n\t);\n}\n\n// Convenience exports\nexport default DateRangePicker;\nexport type { DateRangePickerProps, DateRangeOutput };\n\nDateRangePicker.displayName = 'DateRangePicker';\n","import { format } from 'date-fns';\nimport { Calendar as CalendarIcon } from 'lucide-react';\nimport * as React from 'react';\n\nimport { Button } from '@/components/base/buttons';\nimport {\n\tPopover,\n\tPopoverContent,\n\tPopoverTrigger\n} from '@/components/base/popover';\nimport {\n\tSelect,\n\tSelectContent,\n\tSelectItem,\n\tSelectTrigger,\n\tSelectValue\n} from '@/components/ui/select';\nimport { Label, Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nimport { useStrings } from '@/lib/strings';\n\nimport { DatePickerFooter } from './date-picker-footer';\nimport { DatePickerHeader } from './date-picker-header';\nimport { PICKER_TRIGGER_CHROME } from './date-picker';\nimport { defaultDatePickerStrings } from './date-pickers.strings';\nimport type { MonthYearPickerProps, MonthYearOutput } from './datepicker.types';\nimport { enUS } from 'date-fns/locale';\n\nexport function MonthYearPicker({\n\tvalue,\n\tdefaultValue,\n\tonChange,\n\tformat: dateFormat = 'yyyy-MM',\n\treadableFormat = 'MMMM yyyy',\n\tplaceholder,\n\tlabel,\n\thint,\n\terror,\n\tdisabled = false,\n\tclassName,\n\tcloseOnSelect = true,\n\ttranslations,\n\tstrings,\n\tlocale,\n\theader,\n\tfooter,\n\tfromYear,\n\ttoYear\n}: MonthYearPickerProps) {\n\tconst currentYear = new Date().getFullYear();\n\tconst [open, setOpen] = React.useState(false);\n\tconst [selection, setSelection] = React.useState<{\n\t\tmonth: number;\n\t\tyear: number;\n\t} | undefined>(value ?? defaultValue);\n\n\tconst dateFnsLocale = locale ?? enUS;\n\tconst t = useStrings(defaultDatePickerStrings, strings ?? translations);\n\tconst triggerId = React.useId();\n\n\t// Year range\n\tconst yearRange = React.useMemo(() => {\n\t\tconst start = fromYear ?? 2017;\n\t\tconst end = toYear ?? 2035;\n\t\treturn Array.from({ length: end - start + 1 }, (_, i) => start + i);\n\t}, [fromYear, toYear]);\n\n\t// Month names (localized)\n\tconst monthNames = React.useMemo(() => {\n\t\treturn Array.from({ length: 12 }, (_, i) => {\n\t\t\tconst date = new Date(2000, i, 1);\n\t\t\treturn format(date, 'MMMM', { locale: dateFnsLocale });\n\t\t});\n\t}, [dateFnsLocale]);\n\n\t// Sync internal state with controlled value\n\tReact.useEffect(() => {\n\t\tif (value !== undefined) {\n\t\t\tsetSelection(value);\n\t\t}\n\t}, [value]);\n\n\t// Helper to create the output object\n\tconst createOutput = React.useCallback(\n\t\t(month: number, year: number): MonthYearOutput => {\n\t\t\tconst date = new Date(year, month, 1);\n\t\t\treturn {\n\t\t\t\tmonth,\n\t\t\t\tyear,\n\t\t\t\tformatted: format(date, dateFormat),\n\t\t\t\treadable: format(date, readableFormat, { locale: dateFnsLocale }),\n\t\t\t\tdate\n\t\t\t};\n\t\t},\n\t\t[dateFormat, readableFormat, dateFnsLocale]\n\t);\n\n\t// Handle selection change\n\tconst handleMonthChange = React.useCallback(\n\t\t(monthValue: unknown) => {\n\t\t\tconst monthStr = String(monthValue);\n\t\t\tconst month = parseInt(monthStr, 10);\n\t\t\tconst year = selection?.year ?? currentYear;\n\t\t\tsetSelection({ month, year });\n\t\t},\n\t\t[selection?.year, currentYear]\n\t);\n\n\tconst handleYearChange = React.useCallback(\n\t\t(yearValue: unknown) => {\n\t\t\tconst yearStr = String(yearValue);\n\t\t\tconst year = parseInt(yearStr, 10);\n\t\t\tconst month = selection?.month ?? 0;\n\t\t\tsetSelection({ month, year });\n\t\t},\n\t\t[selection?.month]\n\t);\n\n\t// Handle confirm button click\n\tconst handleConfirm = React.useCallback(() => {\n\t\tif (selection) {\n\t\t\tonChange?.(createOutput(selection.month, selection.year));\n\t\t\tif (closeOnSelect) {\n\t\t\t\tsetOpen(false);\n\t\t\t}\n\t\t}\n\t}, [selection, onChange, createOutput, closeOnSelect]);\n\n\t// Button display text\n\tconst buttonText = React.useMemo(() => {\n\t\tif (selection) {\n\t\t\tconst date = new Date(selection.year, selection.month, 1);\n\t\t\treturn format(date, readableFormat, { locale: dateFnsLocale });\n\t\t}\n\t\treturn placeholder ?? t.selectMonthYear;\n\t}, [selection, readableFormat, dateFnsLocale, placeholder, t.selectMonthYear]);\n\n\treturn (\n\t\t<div className={cn('month-year-picker--component', 'flex flex-col gap-2', className)}>\n\t\t\t{!!label && (\n\t\t\t\t<Label\n\t\t\t\t\thtmlFor={triggerId}\n\t\t\t\t\tclassName={cn(error && 'text-destructive')}\n\t\t\t\t>\n\t\t\t\t\t{label}\n\t\t\t\t</Label>\n  )}\n\n\t\t\t<Popover open={open} onOpenChange={setOpen}>\n\t\t\t\t<PopoverTrigger\n\t\t\t\t\trender={(triggerProps) => (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t{...triggerProps}\n\t\t\t\t\t\t\tid={triggerId}\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"outline\"\n\t\t\t\t\t\t\taria-invalid={!!error}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'w-full justify-start text-left font-normal',\n\t\t\t\t\t\t\t\tPICKER_TRIGGER_CHROME,\n\t\t\t\t\t\t\t\t!selection && 'text-muted-foreground',\n\t\t\t\t\t\t\t\t\t\t(triggerProps as { className?: string }).className,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<CalendarIcon className=\"mr-2 h-4 w-4\" />\n\t\t\t\t\t\t\t{buttonText}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t)}\n\t\t\t\t/>\n\n\t\t\t\t<PopoverContent\n\t\t\t\t\tclassName=\"w-80 p-0\"\n\t\t\t\t\talign=\"start\"\n\t\t\t\t>\n\t\t\t\t\t{/* Header */}\n\t\t\t\t\t{!!header && <DatePickerHeader config={header} />}\n\n\t\t\t\t\t{/* Month and Year Selectors */}\n\t\t\t\t\t<div className=\"p-4 space-y-4\">\n\t\t\t\t\t\t{/* Month Selector */}\n\t\t\t\t\t\t<div className=\"space-y-2\">\n\t\t\t\t\t\t\t<Label htmlFor=\"month-select\">{t.month}</Label>\n\t\t\t\t\t\t\t<Select\n\t\t\t\t\t\t\t\tvalue={selection?.month?.toString()}\n\t\t\t\t\t\t\t\tonValueChange={handleMonthChange}\n\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<SelectTrigger id=\"month-select\" className=\"w-full\">\n\t\t\t\t\t\t\t\t\t<SelectValue placeholder={t.month} />\n\t\t\t\t\t\t\t\t</SelectTrigger>\n\t\t\t\t\t\t\t\t<SelectContent>\n\t\t\t\t\t\t\t\t\t{monthNames.map((name, index) => (\n\t\t\t\t\t\t\t\t\t\t<SelectItem key={name} value={index.toString()}>\n\t\t\t\t\t\t\t\t\t\t\t{name}\n\t\t\t\t\t\t\t\t\t\t</SelectItem>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</SelectContent>\n\t\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{/* Year Selector */}\n\t\t\t\t\t\t<div className=\"space-y-2\">\n\t\t\t\t\t\t\t<Label htmlFor=\"year-select\">{t.year}</Label>\n\t\t\t\t\t\t\t<Select\n\t\t\t\t\t\t\t\tvalue={selection?.year?.toString()}\n\t\t\t\t\t\t\t\tonValueChange={handleYearChange}\n\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<SelectTrigger id=\"year-select\" className=\"w-full\">\n\t\t\t\t\t\t\t\t\t<SelectValue placeholder={t.year} />\n\t\t\t\t\t\t\t\t</SelectTrigger>\n\t\t\t\t\t\t\t\t<SelectContent>\n\t\t\t\t\t\t\t\t\t{yearRange.map((year) => (\n\t\t\t\t\t\t\t\t\t\t<SelectItem key={year} value={year.toString()}>\n\t\t\t\t\t\t\t\t\t\t\t{year}\n\t\t\t\t\t\t\t\t\t\t</SelectItem>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</SelectContent>\n\t\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{/* Confirm Button */}\n\t\t\t\t\t<div className=\"p-4 pt-0\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"w-full\"\n\t\t\t\t\t\t\tonClick={handleConfirm}\n\t\t\t\t\t\t\tdisabled={disabled || !selection}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{t.confirm}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{/* Footer */}\n\t\t\t\t\t{!!footer && !!selection && (\n      <DatePickerFooter\n\t\t\t\t\t\t\tconfig={footer}\n\t\t\t\t\t\t\toutput={createOutput(selection.month, selection.year)}\n\t\t\t\t\t\t\thasSelection={!!selection}\n\t\t\t\t\t\t\tautoSummary={buttonText}\n\t\t\t\t\t\t/>\n    )}\n\t\t\t\t</PopoverContent>\n\t\t\t</Popover>\n\n\t\t\t{!!error && <Text type=\"error\">{error}</Text>}\n\n\t\t\t{!!hint && !error && <Text type=\"secondary\">{hint}</Text>}\n\t\t</div>\n\t);\n}\n\n// Convenience export for type\nexport type { MonthYearPickerProps, MonthYearOutput };\n\nMonthYearPicker.displayName = 'MonthYearPicker';\n"],"mappings":"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"}