lizaui 14.0.0 → 14.0.1

package/LICENSE

@@ -0,0 +1,53 @@
+LICENCIA PROPIETARIA DE LIZAUI — USO RESTRINGIDO
+
+Todos los derechos reservados.
+
+1. Alcance
+
+Esta licencia se aplica a los componentes, el código fuente y compilado, los estilos,
+la documentación, los ejemplos y los demás materiales de LizaUI incluidos en la
+versión que acompaña este archivo, en la medida en que el titular de sus derechos
+de autor (el «Titular») esté facultado para licenciarlos.
+
+2. Prohibición de uso sin autorización
+
+NO SE CONCEDE NINGÚN PERMISO DE USO AL PÚBLICO. Ninguna persona ni empresa puede
+usar LizaUI sin una autorización expresa, previa y por escrito del Titular. Esta
+prohibición comprende tanto el uso personal o individual como el uso empresarial,
+comercial, profesional, educativo, de prueba, interno o sin fines de lucro.
+
+Sin esa autorización, está prohibido, entre otras actividades, instalar, importar,
+ejecutar, copiar, compilar, modificar, adaptar, crear obras derivadas, integrar los
+componentes en otro proyecto, distribuir, publicar, sublicenciar, vender o poner
+LizaUI o sus componentes a disposición de terceros, salvo en la medida en que una
+norma imperativa permita una actividad concreta.
+
+La disponibilidad del repositorio, del código, de la documentación o del paquete
+en un registro público no constituye una autorización de uso.
+
+3. Personas y empresas autorizadas
+
+Solo pueden ejercer los derechos indicados en una autorización las personas
+físicas o jurídicas identificadas expresamente en ella. La autorización debe
+indicar qué usos permite y puede limitar componentes, versiones, proyectos,
+usuarios, finalidad, duración y distribución. Todo derecho no concedido de forma
+expresa permanece reservado.
+
+La autorización dada a una persona no se extiende automáticamente a su empresa;
+la dada a una empresa no se extiende automáticamente a sus filiales, clientes,
+contratistas u otras personas. No se permite transferir ni sublicenciar una
+autorización salvo permiso expreso y por escrito del Titular.
+
+4. Materiales de terceros y versiones anteriores
+
+Esta licencia no modifica los derechos ni las obligaciones aplicables a materiales
+de terceros incluidos en LizaUI, que se rigen por sus propias licencias. Tampoco
+revoca permisos válidamente otorgados sobre versiones anteriores bajo otras
+licencias. Cada versión recibida conforme a una licencia anterior conserva los
+términos que le correspondan.
+
+5. Reserva de derechos
+
+Todos los derechos no concedidos expresamente por el Titular quedan reservados.
+El uso fuera de una autorización escrita se considera no autorizado, sin perjuicio
+de los derechos y recursos que correspondan conforme a la ley aplicable.

package/README.md

@@ -5,6 +5,13 @@ Componentes React de BusOne: Tailwind CSS 4, React Aria, Radix UI y Motion, comp
 Paquete **solo ESM**, con tipos incluidos y un punto de entrada por componente para que el bundler del consumidor
 cargue solo lo que usa.
 
+## Licencia
+
+LizaUI es de uso restringido. **Ninguna persona ni empresa puede usar sus componentes,
+ni para fines personales ni comerciales, sin autorización previa y por escrito del
+titular de los derechos.** Consulta [LICENSE](LICENSE) para conocer las condiciones
+completas.
+
 ## Uso
 
 ```bash

package/dist/app-layout/index.js

@@ -1,4 +1,4 @@
-import { a as AppLayoutRoot, i as AppLayoutMobileAside, n as AppLayoutContext, o as useAppLayout, r as AppLayoutMenuToggle, s as appLayoutVariants, t as AppLayoutAsideTrigger } from "../chunks/app-layout-BvfR6m56.js";
+import { a as AppLayoutRoot, i as AppLayoutMobileAside, n as AppLayoutContext, o as useAppLayout, r as AppLayoutMenuToggle, s as appLayoutVariants, t as AppLayoutAsideTrigger } from "../chunks/app-layout-DgOmh3_-.js";
 //#region src/components/app-layout/index.ts
 var AppLayout = Object.assign(AppLayoutRoot, {
 	AsideTrigger: AppLayoutAsideTrigger,

package/dist/calendar/index.js

@@ -243,7 +243,7 @@ var CalendarStyle = styled.div`
 	} */
 
 	/* =============================================================================
-	 * react-calendar — estilo HeroUI (calendar.css / range-calendar.css v3)
+	 * react-calendar — estilo upstream (calendar.css / range-calendar.css v3)
 	 *
 	 * Modelo: cada día es la "pista" del rango (fondo continuo, sin huecos entre columnas)
 	 * y el círculo interactivo vive en ::before. Inicio/fin = círculo sólido, hoy = círculo
@@ -311,7 +311,7 @@ var CalendarStyle = styled.div`
 			display: none;
 		}
 
-		/* Título a la izquierda y flechas juntas a la derecha, como HeroUI. */
+		/* Título a la izquierda y flechas juntas a la derecha, como upstream. */
 		.react-calendar__navigation__label {
 			order: 0;
 			flex: 1;

package/dist/calendar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["{ disabled, error }: IconCalendarProps","clsx({\r\n\t\t\t\t\"fill-gray-400\": disabled,\r\n\t\t\t\t\"fill-gray-500\": !disabled && !error,\r\n\t\t\t\t\"fill-red-500\": error && !disabled,\r\n\t\t\t})","!disabled && !error","error && !disabled","<FaCalendar\r\n\t\t\tclassName={clsx({\r\n\t\t\t\t\"fill-gray-400\": disabled,\r\n\t\t\t\t\"fill-gray-500\": !disabled && !error,\r\n\t\t\t\t\"fill-red-500\": error && !disabled,\r\n\t\t\t})}\r\n\t\t/>","{ disabled, error, onClick }: IconCloseProps","clsx(\"w-5 h-5\", {\r\n\t\t\t\t\"fill-gray-400\": disabled,\r\n\t\t\t\t\"fill-gray-500\": !disabled && !error,\r\n\t\t\t\t\"fill-red-500\": error && !disabled,\r\n\t\t\t})","(e) => {\r\n\t\t\t\te.stopPropagation();\r\n\t\t\t\tonClick();\r\n\t\t\t}","<MdOutlineClose\r\n\t\t\tclassName={clsx(\"w-5 h-5\", {\r\n\t\t\t\t\"fill-gray-400\": disabled,\r\n\t\t\t\t\"fill-gray-500\": !disabled && !error,\r\n\t\t\t\t\"fill-red-500\": error && !disabled,\r\n\t\t\t})}\r\n\t\t\tonClick={(e) => {\r\n\t\t\t\te.stopPropagation();\r\n\t\t\t\tonClick();\r\n\t\t\t}}\r\n\t\t/>","clsx(\"w-5 h-5\", {\r\n\t\t\t\t\"fill-gray-400\": disabled,\r\n\t\t\t\t\"fill-gray-500\": !disabled && !error,\r\n\t\t\t\t\"fill-danger-500\": error && !disabled,\r\n\t\t\t})","<FaClock\r\n\t\t\tclassName={clsx(\"w-5 h-5\", {\r\n\t\t\t\t\"fill-gray-400\": disabled,\r\n\t\t\t\t\"fill-gray-500\": !disabled && !error,\r\n\t\t\t\t\"fill-danger-500\": error && !disabled,\r\n\t\t\t})}\r\n\t\t/>","_c","clsx","{\r\n\tid,\r\n\tvalue,\r\n\tshowDoubleView = false,\r\n\tclassNameContainer,\r\n\tclassName,\r\n\tcolor = \"primary\",\r\n\tminDate,\r\n\tmaxDate,\r\n\tshowCalendar = false,\r\n\tloading,\r\n\twidthCalendar,\r\n\tlocale = \"es\",\r\n\tformat = \"MM/dd/yyyy\",\r\n\tdisabled,\r\n\terror,\r\n\tlabel,\r\n\ttouched,\r\n\trequired,\r\n\tonChange,\r\n\tonCloseCalendar,\r\n\tonOpenCalendar,\r\n\ttileDisabled,\r\n\tonClearCalendar,\r\n\tonInvalidChange,\r\n\tonKeyDown,\r\n\tonKeyUp,\r\n\tonBlur,\r\n\ttype = \"date-picker\",\r\n\tsize = \"md\",\r\n\tradius = \"input\",\r\n\ttileContent = null,\r\n\tshowActionButtons = true,\r\n\tpopoverAnimation = \"zoom\",\r\n\tpopoverAlign = \"start\",\r\n\tdayPlaceholder = \"dd\",\r\n\tmonthPlaceholder = \"mm\",\r\n\tyearPlaceholder = \"yyyy\",\r\n}: CalendarProps","showDoubleView = false","color = \"primary\"","showCalendar = false","locale = \"es\"","format = \"MM/dd/yyyy\"","type = \"date-picker\"","size = \"md\"","radius = \"input\"","tileContent = null","showActionButtons = true","popoverAnimation = \"zoom\"","popoverAlign = \"start\"","dayPlaceholder = \"dd\"","monthPlaceholder = \"mm\"","yearPlaceholder = \"yyyy\"","() => {\r\n\t\tif (showDoubleView || widthCalendar) return;\r\n\t\tconst element = document.getElementById(uui);\r\n\r\n\t\tif (element) setMeasuredWidth(element.clientWidth);\r\n\t}","[showDoubleView, uui, widthCalendar]","(value: ValueCalendar) => {\r\n\t\tonChange(value);\r\n\t\tsetShow(false);\r\n\t}","value","() => {\r\n\t\tconst dateNow = new Date();\r\n\r\n\t\tconst date = new Date(dateNow.getFullYear(), dateNow.getMonth(), dateNow.getDate(), 0, 0, 0);\r\n\r\n\t\tif (type === \"date-range-picker\") {\r\n\t\t\thandleChange([date, date]);\r\n\t\t} else {\r\n\t\t\thandleChange(date);\r\n\t\t}\r\n\t}","useCallback((d: Date) => new Date(d.getFullYear(), d.getMonth(), d.getDate(), 0, 0, 0, 0), [])","(d: Date, n: number) => startOfDay(new Date(d.getFullYear(), d.getMonth(), d.getDate() + n))","d","useCallback((d: Date, n: number) => startOfDay(new Date(d.getFullYear(), d.getMonth(), d.getDate() + n)), [startOfDay])","useCallback((d: Date) => new Date(d.getFullYear(), d.getMonth(), 1, 0, 0, 0, 0), [])","useCallback((d: Date) => new Date(d.getFullYear(), d.getMonth() + 1, 0, 23, 59, 59, 999), [])","(a?: Date | null, b?: Date | null) => {\r\n\t\tif (!a || !b) return false;\r\n\t\treturn a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();\r\n\t}","(range?: ValueCalendar, target?: ValueCalendar) => {\r\n\t\tif (!Array.isArray(range) || !Array.isArray(target)) return false;\r\n\t\tconst [r0, r1] = range as (Date | null | undefined)[];\r\n\t\tconst [t0, t1] = target as (Date | null | undefined)[];\r\n\t\treturn isSameDay(r0, t0) && isSameDay(r1, t1);\r\n\t}","t0","t1","useMemo<PresetItem[]>(() => {\r\n\t\t// «Hoy» se calcula al usar el preset, no al memoizar: si el componente sigue montado pasada la medianoche,\r\n\t\t// los atajos no quedan con el día anterior.\r\n\t\tconst today = () => startOfDay(new Date());\r\n\t\tif (type === \"date-picker\") {\r\n\t\t\treturn [\r\n\t\t\t\t{ key: \"today\", label: \"Hoy\", getValue: () => today() },\r\n\t\t\t\t{ key: \"tomorrow\", label: \"Mañana\", getValue: () => addDays(today(), 1) },\r\n\t\t\t\t{ key: \"in7\", label: \"+7 días\", getValue: () => addDays(today(), 7) },\r\n\t\t\t\t{ key: \"in30\", label: \"+30 días\", getValue: () => addDays(today(), 30) },\r\n\t\t\t\t{ key: \"clear\", label: \"Limpiar\", action: () => onChange(null), separator: true },\r\n\t\t\t];\r\n\t\t} else {\r\n\t\t\tconst lastMonth = () => addDays(startOfMonth(today()), -1);\r\n\t\t\tconst nextMonth = () => addDays(endOfMonth(today()), 1);\r\n\r\n\t\t\treturn [\r\n\t\t\t\t{ key: \"today\", label: \"Hoy\", getValue: () => [today(), today()] },\r\n\t\t\t\t{ key: \"last7\", label: \"Últimos 7 días\", getValue: () => [addDays(today(), -6), today()] },\r\n\t\t\t\t{ key: \"next7\", label: \"Próx. 7 días\", getValue: () => [today(), addDays(today(), 6)] },\r\n\t\t\t\t{ key: \"thisMonth\", label: \"Este mes\", getValue: () => [startOfMonth(today()), endOfMonth(today())] },\r\n\t\t\t\t{ key: \"nextMonth\", label: \"Próximo mes\", getValue: () => [startOfMonth(nextMonth()), endOfMonth(nextMonth())] },\r\n\t\t\t\t{ key: \"lastMonth\", label: \"Mes pasado\", getValue: () => [startOfMonth(lastMonth()), endOfMonth(lastMonth())] },\r\n\t\t\t];\r\n\t\t}\r\n\t}, [type, onChange, addDays, startOfDay, startOfMonth, endOfMonth])","() => startOfDay(new Date())","{ key: \"today\", label: \"Hoy\", getValue: () => today() }","{ key: \"tomorrow\", label: \"Mañana\", getValue: () => addDays(today(), 1) }","{ key: \"in7\", label: \"+7 días\", getValue: () => addDays(today(), 7) }","{ key: \"in30\", label: \"+30 días\", getValue: () => addDays(today(), 30) }","[\r\n\t\t\t\t{ key: \"today\", label: \"Hoy\", getValue: () => today() },\r\n\t\t\t\t{ key: \"tomorrow\", label: \"Mañana\", getValue: () => addDays(today(), 1) },\r\n\t\t\t\t{ key: \"in7\", label: \"+7 días\", getValue: () => addDays(today(), 7) },\r\n\t\t\t\t{ key: \"in30\", label: \"+30 días\", getValue: () => addDays(today(), 30) },\r\n\t\t\t\t{ key: \"clear\", label: \"Limpiar\", action: () => onChange(null), separator: true },\r\n\t\t\t]","() => addDays(startOfMonth(today()), -1)","() => addDays(endOfMonth(today()), 1)","{ key: \"today\", label: \"Hoy\", getValue: () => [today(), today()] }","{ key: \"last7\", label: \"Últimos 7 días\", getValue: () => [addDays(today(), -6), today()] }","{ key: \"next7\", label: \"Próx. 7 días\", getValue: () => [today(), addDays(today(), 6)] }","{ key: \"thisMonth\", label: \"Este mes\", getValue: () => [startOfMonth(today()), endOfMonth(today())] }","{ key: \"nextMonth\", label: \"Próximo mes\", getValue: () => [startOfMonth(nextMonth()), endOfMonth(nextMonth())] }","[\r\n\t\t\t\t{ key: \"today\", label: \"Hoy\", getValue: () => [today(), today()] },\r\n\t\t\t\t{ key: \"last7\", label: \"Últimos 7 días\", getValue: () => [addDays(today(), -6), today()] },\r\n\t\t\t\t{ key: \"next7\", label: \"Próx. 7 días\", getValue: () => [today(), addDays(today(), 6)] },\r\n\t\t\t\t{ key: \"thisMonth\", label: \"Este mes\", getValue: () => [startOfMonth(today()), endOfMonth(today())] },\r\n\t\t\t\t{ key: \"nextMonth\", label: \"Próximo mes\", getValue: () => [startOfMonth(nextMonth()), endOfMonth(nextMonth())] },\r\n\t\t\t\t{ key: \"lastMonth\", label: \"Mes pasado\", getValue: () => [startOfMonth(lastMonth()), endOfMonth(lastMonth())] },\r\n\t\t\t]","(preset: PresetItem) => {\r\n\t\tif (preset.getValue) {\r\n\t\t\tconst pv = preset.getValue();\r\n\t\t\tif (type === \"date-picker\") {\r\n\t\t\t\treturn !Array.isArray(value) && !Array.isArray(pv) && isSameDay(value as Date | null, pv as Date | null);\r\n\t\t\t} else {\r\n\t\t\t\treturn Array.isArray(value) && Array.isArray(pv) && isSameRange(value, pv);\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn false;\r\n\t}","(preset: PresetItem) => {\r\n\t\tif (preset.action) {\r\n\t\t\tpreset.action();\r\n\t\t\tsetShow(false);\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tif (preset.getValue) {\r\n\t\t\tconst v = preset.getValue();\r\n\t\t\tonChange(v);\r\n\t\t\tsetShow(false);\r\n\t\t}\r\n\t}","preset","() => {\r\n\t\tif (disabled) return;\r\n\r\n\t\tsetShow(false);\r\n\r\n\t\tif (onCloseCalendar) onCloseCalendar();\r\n\t}","() => {\r\n\t\tif (disabled) return;\r\n\r\n\t\tconst status = !show;\r\n\t\tsetShow(status);\r\n\r\n\t\tif (status && onOpenCalendar) onOpenCalendar();\r\n\t\telse if (onCloseCalendar) onCloseCalendar();\r\n\t}","() => {\r\n\t\tif (disabled) return;\r\n\r\n\t\tif (onClearCalendar) return onClearCalendar();\r\n\r\n\t\tonChange(null);\r\n\t}","cn(\"form-control-label block font-normal text-sm text-foreground dark:text-default-600 mb-1\", {\r\n\t\t\"text-danger\": isInvalid,\r\n\t})","{\r\n\t\t\t\tzIndex: \"100\",\r\n\t\t\t}","show.toString()","showDoubleView.toString()","loading ? /*  <Loading size=\"sm\" color=\"secondary\" /> */ <p>loading</p> : null","showActionButtons && (\r\n\t\t\t\t\t\t\t<div className=\"w-[150px] border-r border-default-100 px-2 py-3 flex flex-col gap-0.5 overflow-y-auto max-h-[360px]\">\r\n\t\t\t\t\t\t\t\t<span className=\"px-2 text-xs font-medium text-default-400 mb-1 select-none uppercase tracking-wide\">Atajos</span>\r\n\t\t\t\t\t\t\t\t{presets.map((p) => {\r\n\t\t\t\t\t\t\t\t\tconst active = isPresetActive(p);\r\n\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\t\tkey={p.key}\r\n\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => handlePresetClick(p)}\r\n\t\t\t\t\t\t\t\t\t\t\tclassName={twMerge(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\"text-left rounded-full px-3 py-1.5 text-sm w-full cursor-pointer transition-colors\",\r\n\t\t\t\t\t\t\t\t\t\t\t\tactive ? \"bg-primary/15 text-primary font-medium\" : \"bg-transparent hover:bg-default-100\",\r\n\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\tdata-active={active || undefined}\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t{p.label}\r\n\t\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\t<div className=\"mt-2 pt-2 border-t border-default-100 flex flex-col gap-1\">\r\n\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\t\t\tonClick={handleChangeToDay}\r\n\t\t\t\t\t\t\t\t\t\tclassName=\"text-left rounded-full px-3 py-1.5 text-sm w-full cursor-pointer bg-transparent hover:bg-default-100 transition-colors\"\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\tIr a hoy (Cerrar)\r\n\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)","<ChevronLeft aria-hidden className=\"size-4\" strokeWidth={2.25} />","<ChevronRight aria-hidden className=\"size-4\" strokeWidth={2.25} />","<CalendarComponent\r\n\t\t\t\t\t\t\tvalue={value}\r\n\t\t\t\t\t\t\tonChange={handleChange}\r\n\t\t\t\t\t\t\tlocale={locale}\r\n\t\t\t\t\t\t\tshowDoubleView={showDoubleView}\r\n\t\t\t\t\t\t\tcalendarType=\"gregory\"\r\n\t\t\t\t\t\t\tminDate={minDate}\r\n\t\t\t\t\t\t\tmaxDate={maxDate}\r\n\t\t\t\t\t\t\ttileDisabled={tileDisabled}\r\n\t\t\t\t\t\t\tselectRange={type === \"date-range-picker\"}\r\n\t\t\t\t\t\t\treturnValue={type === \"date-range-picker\" ? \"range\" : \"start\"}\r\n\t\t\t\t\t\t\tformatMonthYear={formatMonthYearLabel}\r\n\t\t\t\t\t\t\tprevLabel={<ChevronLeft aria-hidden className=\"size-4\" strokeWidth={2.25} />}\r\n\t\t\t\t\t\t\tnextLabel={<ChevronRight aria-hidden className=\"size-4\" strokeWidth={2.25} />}\r\n\t\t\t\t\t\t\tprevAriaLabel={locale === \"es\" ? \"Mes anterior\" : \"Previous month\"}\r\n\t\t\t\t\t\t\tnextAriaLabel={locale === \"es\" ? \"Mes siguiente\" : \"Next month\"}\r\n\t\t\t\t\t\t\ttileContent={tileContent}\r\n\t\t\t\t\t\t/>","type === \"date-range-picker\"","type === \"date-range-picker\" ? \"range\" : \"start\"","locale === \"es\" ? \"Mes anterior\" : \"Previous month\"","locale === \"es\" ? \"Mes siguiente\" : \"Next month\"","<div className=\"w-full relative flex gap-2\">\r\n\t\t\t\t\t\t{showActionButtons && (\r\n\t\t\t\t\t\t\t<div className=\"w-[150px] border-r border-default-100 px-2 py-3 flex flex-col gap-0.5 overflow-y-auto max-h-[360px]\">\r\n\t\t\t\t\t\t\t\t<span className=\"px-2 text-xs font-medium text-default-400 mb-1 select-none uppercase tracking-wide\">Atajos</span>\r\n\t\t\t\t\t\t\t\t{presets.map((p) => {\r\n\t\t\t\t\t\t\t\t\tconst active = isPresetActive(p);\r\n\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\t\tkey={p.key}\r\n\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => handlePresetClick(p)}\r\n\t\t\t\t\t\t\t\t\t\t\tclassName={twMerge(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\"text-left rounded-full px-3 py-1.5 text-sm w-full cursor-pointer transition-colors\",\r\n\t\t\t\t\t\t\t\t\t\t\t\tactive ? \"bg-primary/15 text-primary font-medium\" : \"bg-transparent hover:bg-default-100\",\r\n\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\tdata-active={active || undefined}\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t{p.label}\r\n\t\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\t<div className=\"mt-2 pt-2 border-t border-default-100 flex flex-col gap-1\">\r\n\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\t\t\tonClick={handleChangeToDay}\r\n\t\t\t\t\t\t\t\t\t\tclassName=\"text-left rounded-full px-3 py-1.5 text-sm w-full cursor-pointer bg-transparent hover:bg-default-100 transition-colors\"\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\tIr a hoy (Cerrar)\r\n\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t<CalendarComponent\r\n\t\t\t\t\t\t\tvalue={value}\r\n\t\t\t\t\t\t\tonChange={handleChange}\r\n\t\t\t\t\t\t\tlocale={locale}\r\n\t\t\t\t\t\t\tshowDoubleView={showDoubleView}\r\n\t\t\t\t\t\t\tcalendarType=\"gregory\"\r\n\t\t\t\t\t\t\tminDate={minDate}\r\n\t\t\t\t\t\t\tmaxDate={maxDate}\r\n\t\t\t\t\t\t\ttileDisabled={tileDisabled}\r\n\t\t\t\t\t\t\tselectRange={type === \"date-range-picker\"}\r\n\t\t\t\t\t\t\treturnValue={type === \"date-range-picker\" ? \"range\" : \"start\"}\r\n\t\t\t\t\t\t\tformatMonthYear={formatMonthYearLabel}\r\n\t\t\t\t\t\t\tprevLabel={<ChevronLeft aria-hidden className=\"size-4\" strokeWidth={2.25} />}\r\n\t\t\t\t\t\t\tnextLabel={<ChevronRight aria-hidden className=\"size-4\" strokeWidth={2.25} />}\r\n\t\t\t\t\t\t\tprevAriaLabel={locale === \"es\" ? \"Mes anterior\" : \"Previous month\"}\r\n\t\t\t\t\t\t\tnextAriaLabel={locale === \"es\" ? \"Mes siguiente\" : \"Next month\"}\r\n\t\t\t\t\t\t\ttileContent={tileContent}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</div>","<CalendarStyle\r\n\t\t\t\t\tcolor={color}\r\n\t\t\t\t\tshowcalendar={show.toString()}\r\n\t\t\t\t\twidthcalendar={calendarWidth}\r\n\t\t\t\t\tshowdoubleview={showDoubleView.toString()}\r\n\t\t\t\t\tclassName=\"shadow-medium bg-content1 rounded-2xl overflow-hidden\"\r\n\t\t\t\t\tradius={radius}\r\n\t\t\t\t>\r\n\t\t\t\t\t{loading ? /*  <Loading size=\"sm\" color=\"secondary\" /> */ <p>loading</p> : null}\r\n\t\t\t\t\t<div className=\"w-full relative flex gap-2\">\r\n\t\t\t\t\t\t{showActionButtons && (\r\n\t\t\t\t\t\t\t<div className=\"w-[150px] border-r border-default-100 px-2 py-3 flex flex-col gap-0.5 overflow-y-auto max-h-[360px]\">\r\n\t\t\t\t\t\t\t\t<span className=\"px-2 text-xs font-medium text-default-400 mb-1 select-none uppercase tracking-wide\">Atajos</span>\r\n\t\t\t\t\t\t\t\t{presets.map((p) => {\r\n\t\t\t\t\t\t\t\t\tconst active = isPresetActive(p);\r\n\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\t\tkey={p.key}\r\n\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => handlePresetClick(p)}\r\n\t\t\t\t\t\t\t\t\t\t\tclassName={twMerge(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\"text-left rounded-full px-3 py-1.5 text-sm w-full cursor-pointer transition-colors\",\r\n\t\t\t\t\t\t\t\t\t\t\t\tactive ? \"bg-primary/15 text-primary font-medium\" : \"bg-transparent hover:bg-default-100\",\r\n\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\tdata-active={active || undefined}\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t{p.label}\r\n\t\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\t<div className=\"mt-2 pt-2 border-t border-default-100 flex flex-col gap-1\">\r\n\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\t\t\tonClick={handleChangeToDay}\r\n\t\t\t\t\t\t\t\t\t\tclassName=\"text-left rounded-full px-3 py-1.5 text-sm w-full cursor-pointer bg-transparent hover:bg-default-100 transition-colors\"\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\tIr a hoy (Cerrar)\r\n\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t<CalendarComponent\r\n\t\t\t\t\t\t\tvalue={value}\r\n\t\t\t\t\t\t\tonChange={handleChange}\r\n\t\t\t\t\t\t\tlocale={locale}\r\n\t\t\t\t\t\t\tshowDoubleView={showDoubleView}\r\n\t\t\t\t\t\t\tcalendarType=\"gregory\"\r\n\t\t\t\t\t\t\tminDate={minDate}\r\n\t\t\t\t\t\t\tmaxDate={maxDate}\r\n\t\t\t\t\t\t\ttileDisabled={tileDisabled}\r\n\t\t\t\t\t\t\tselectRange={type === \"date-range-picker\"}\r\n\t\t\t\t\t\t\treturnValue={type === \"date-range-picker\" ? \"range\" : \"start\"}\r\n\t\t\t\t\t\t\tformatMonthYear={formatMonthYearLabel}\r\n\t\t\t\t\t\t\tprevLabel={<ChevronLeft aria-hidden className=\"size-4\" strokeWidth={2.25} />}\r\n\t\t\t\t\t\t\tnextLabel={<ChevronRight aria-hidden className=\"size-4\" strokeWidth={2.25} />}\r\n\t\t\t\t\t\t\tprevAriaLabel={locale === \"es\" ? \"Mes anterior\" : \"Previous month\"}\r\n\t\t\t\t\t\t\tnextAriaLabel={locale === \"es\" ? \"Mes siguiente\" : \"Next month\"}\r\n\t\t\t\t\t\t\ttileContent={tileContent}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</CalendarStyle>","[\"bottom\", \"top\"]","twMerge(classNameContainer, \"relative date-picker-component-container\")","label && (\r\n\t\t\t\t\t<label htmlFor={resolvedId} className={labelClass}>\r\n\t\t\t\t\t\t{label} {required && <span className=\"text-danger\">*</span>}\r\n\t\t\t\t\t</label>\r\n\t\t\t\t)","type === \"date-picker\" ? (\r\n\t\t\t\t\t<DatePicker\r\n\t\t\t\t\t\tid={resolvedId}\r\n\t\t\t\t\t\tvalue={value}\r\n\t\t\t\t\t\tonChange={onChange}\r\n\t\t\t\t\t\tcalendarIcon={<IconCalendar disabled={disabled} error={error} />}\r\n\t\t\t\t\t\tshouldOpenCalendar={() => false}\r\n\t\t\t\t\t\tclassName={twMerge(\"w-full h-input-default\", className)}\r\n\t\t\t\t\t\tformat={format}\r\n\t\t\t\t\t\tlocale={locale}\r\n\t\t\t\t\t\tshowLeadingZeros\r\n\t\t\t\t\t\tclearIcon={<IconCloseCalendar disabled={disabled} error={error} onClick={handleClearCalendar} />}\r\n\t\t\t\t\t\tminDate={minDate}\r\n\t\t\t\t\t\tmaxDate={maxDate}\r\n\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\tonInvalidChange={onInvalidChange}\r\n\t\t\t\t\t\tisOpen={false}\r\n\t\t\t\t\t\tonKeyDown={onKeyDown}\r\n\t\t\t\t\t\tonKeyUp={onKeyUp}\r\n\t\t\t\t\t\tonBlur={onBlur}\r\n\t\t\t\t\t\tdayPlaceholder={dayPlaceholder}\r\n\t\t\t\t\t\tmonthPlaceholder={monthPlaceholder}\r\n\t\t\t\t\t\tyearPlaceholder={yearPlaceholder}\r\n\t\t\t\t\t/>\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<DateRangePicker\r\n\t\t\t\t\t\tid={resolvedId}\r\n\t\t\t\t\t\tvalue={value}\r\n\t\t\t\t\t\tonChange={onChange}\r\n\t\t\t\t\t\tcalendarIcon={<IconCalendar disabled={disabled} error={error} />}\r\n\t\t\t\t\t\tshouldOpenCalendar={() => false}\r\n\t\t\t\t\t\tclassName={twMerge(\"w-full\", className)}\r\n\t\t\t\t\t\tformat={format}\r\n\t\t\t\t\t\tlocale={locale}\r\n\t\t\t\t\t\tshowLeadingZeros\r\n\t\t\t\t\t\tclearIcon={<IconCloseCalendar disabled={disabled} error={error} onClick={handleClearCalendar} />}\r\n\t\t\t\t\t\tminDate={minDate}\r\n\t\t\t\t\t\tmaxDate={maxDate}\r\n\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\tonInvalidChange={onInvalidChange}\r\n\t\t\t\t\t\tisOpen={false}\r\n\t\t\t\t\t\tonKeyDown={onKeyDown}\r\n\t\t\t\t\t\tonKeyUp={onKeyUp}\r\n\t\t\t\t\t\tdayPlaceholder={dayPlaceholder}\r\n\t\t\t\t\t\tmonthPlaceholder={monthPlaceholder}\r\n\t\t\t\t\t\tyearPlaceholder={yearPlaceholder}\r\n\t\t\t\t\t/>\r\n\t\t\t\t)","() => false","!disabled && error ? <LabelError text={error} /> : null","<CalendarStyle\r\n\t\t\t\tcolor={color}\r\n\t\t\t\tclassName={twMerge(classNameContainer, \"relative date-picker-component-container\")}\r\n\t\t\t\tonClick={handleOpenCalendar}\r\n\t\t\t\tshowcalendar={show.toString()}\r\n\t\t\t\tid={uui}\r\n\t\t\t\twidthcalendar={calendarWidth}\r\n\t\t\t\tshowdoubleview={showDoubleView.toString()}\r\n\t\t\t\terror={error}\r\n\t\t\t\tsize={size}\r\n\t\t\t\tradius={radius}\r\n\t\t\t>\r\n\t\t\t\t{label && (\r\n\t\t\t\t\t<label htmlFor={resolvedId} className={labelClass}>\r\n\t\t\t\t\t\t{label} {required && <span className=\"text-danger\">*</span>}\r\n\t\t\t\t\t</label>\r\n\t\t\t\t)}\r\n\t\t\t\t{type === \"date-picker\" ? (\r\n\t\t\t\t\t<DatePicker\r\n\t\t\t\t\t\tid={resolvedId}\r\n\t\t\t\t\t\tvalue={value}\r\n\t\t\t\t\t\tonChange={onChange}\r\n\t\t\t\t\t\tcalendarIcon={<IconCalendar disabled={disabled} error={error} />}\r\n\t\t\t\t\t\tshouldOpenCalendar={() => false}\r\n\t\t\t\t\t\tclassName={twMerge(\"w-full h-input-default\", className)}\r\n\t\t\t\t\t\tformat={format}\r\n\t\t\t\t\t\tlocale={locale}\r\n\t\t\t\t\t\tshowLeadingZeros\r\n\t\t\t\t\t\tclearIcon={<IconCloseCalendar disabled={disabled} error={error} onClick={handleClearCalendar} />}\r\n\t\t\t\t\t\tminDate={minDate}\r\n\t\t\t\t\t\tmaxDate={maxDate}\r\n\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\tonInvalidChange={onInvalidChange}\r\n\t\t\t\t\t\tisOpen={false}\r\n\t\t\t\t\t\tonKeyDown={onKeyDown}\r\n\t\t\t\t\t\tonKeyUp={onKeyUp}\r\n\t\t\t\t\t\tonBlur={onBlur}\r\n\t\t\t\t\t\tdayPlaceholder={dayPlaceholder}\r\n\t\t\t\t\t\tmonthPlaceholder={monthPlaceholder}\r\n\t\t\t\t\t\tyearPlaceholder={yearPlaceholder}\r\n\t\t\t\t\t/>\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<DateRangePicker\r\n\t\t\t\t\t\tid={resolvedId}\r\n\t\t\t\t\t\tvalue={value}\r\n\t\t\t\t\t\tonChange={onChange}\r\n\t\t\t\t\t\tcalendarIcon={<IconCalendar disabled={disabled} error={error} />}\r\n\t\t\t\t\t\tshouldOpenCalendar={() => false}\r\n\t\t\t\t\t\tclassName={twMerge(\"w-full\", className)}\r\n\t\t\t\t\t\tformat={format}\r\n\t\t\t\t\t\tlocale={locale}\r\n\t\t\t\t\t\tshowLeadingZeros\r\n\t\t\t\t\t\tclearIcon={<IconCloseCalendar disabled={disabled} error={error} onClick={handleClearCalendar} />}\r\n\t\t\t\t\t\tminDate={minDate}\r\n\t\t\t\t\t\tmaxDate={maxDate}\r\n\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\tonInvalidChange={onInvalidChange}\r\n\t\t\t\t\t\tisOpen={false}\r\n\t\t\t\t\t\tonKeyDown={onKeyDown}\r\n\t\t\t\t\t\tonKeyUp={onKeyUp}\r\n\t\t\t\t\t\tdayPlaceholder={dayPlaceholder}\r\n\t\t\t\t\t\tmonthPlaceholder={monthPlaceholder}\r\n\t\t\t\t\t\tyearPlaceholder={yearPlaceholder}\r\n\t\t\t\t\t/>\r\n\t\t\t\t)}\r\n\r\n\t\t\t\t{!disabled && error ? <LabelError text={error} /> : null}\r\n\t\t\t</CalendarStyle>","<Popover\r\n\t\t\tisOpen={show}\r\n\t\t\tanimation={popoverAnimation}\r\n\t\t\tcontainerStyle={{\r\n\t\t\t\tzIndex: \"100\",\r\n\t\t\t}}\r\n\t\t\talign={popoverAlign}\r\n\t\t\tcontent={\r\n\t\t\t\t<CalendarStyle\r\n\t\t\t\t\tcolor={color}\r\n\t\t\t\t\tshowcalendar={show.toString()}\r\n\t\t\t\t\twidthcalendar={calendarWidth}\r\n\t\t\t\t\tshowdoubleview={showDoubleView.toString()}\r\n\t\t\t\t\tclassName=\"shadow-medium bg-content1 rounded-2xl overflow-hidden\"\r\n\t\t\t\t\tradius={radius}\r\n\t\t\t\t>\r\n\t\t\t\t\t{loading ? /*  <Loading size=\"sm\" color=\"secondary\" /> */ <p>loading</p> : null}\r\n\t\t\t\t\t<div className=\"w-full relative flex gap-2\">\r\n\t\t\t\t\t\t{showActionButtons && (\r\n\t\t\t\t\t\t\t<div className=\"w-[150px] border-r border-default-100 px-2 py-3 flex flex-col gap-0.5 overflow-y-auto max-h-[360px]\">\r\n\t\t\t\t\t\t\t\t<span className=\"px-2 text-xs font-medium text-default-400 mb-1 select-none uppercase tracking-wide\">Atajos</span>\r\n\t\t\t\t\t\t\t\t{presets.map((p) => {\r\n\t\t\t\t\t\t\t\t\tconst active = isPresetActive(p);\r\n\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\t\tkey={p.key}\r\n\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => handlePresetClick(p)}\r\n\t\t\t\t\t\t\t\t\t\t\tclassName={twMerge(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\"text-left rounded-full px-3 py-1.5 text-sm w-full cursor-pointer transition-colors\",\r\n\t\t\t\t\t\t\t\t\t\t\t\tactive ? \"bg-primary/15 text-primary font-medium\" : \"bg-transparent hover:bg-default-100\",\r\n\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\tdata-active={active || undefined}\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t{p.label}\r\n\t\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\t<div className=\"mt-2 pt-2 border-t border-default-100 flex flex-col gap-1\">\r\n\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\t\t\tonClick={handleChangeToDay}\r\n\t\t\t\t\t\t\t\t\t\tclassName=\"text-left rounded-full px-3 py-1.5 text-sm w-full cursor-pointer bg-transparent hover:bg-default-100 transition-colors\"\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\tIr a hoy (Cerrar)\r\n\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t<CalendarComponent\r\n\t\t\t\t\t\t\tvalue={value}\r\n\t\t\t\t\t\t\tonChange={handleChange}\r\n\t\t\t\t\t\t\tlocale={locale}\r\n\t\t\t\t\t\t\tshowDoubleView={showDoubleView}\r\n\t\t\t\t\t\t\tcalendarType=\"gregory\"\r\n\t\t\t\t\t\t\tminDate={minDate}\r\n\t\t\t\t\t\t\tmaxDate={maxDate}\r\n\t\t\t\t\t\t\ttileDisabled={tileDisabled}\r\n\t\t\t\t\t\t\tselectRange={type === \"date-range-picker\"}\r\n\t\t\t\t\t\t\treturnValue={type === \"date-range-picker\" ? \"range\" : \"start\"}\r\n\t\t\t\t\t\t\tformatMonthYear={formatMonthYearLabel}\r\n\t\t\t\t\t\t\tprevLabel={<ChevronLeft aria-hidden className=\"size-4\" strokeWidth={2.25} />}\r\n\t\t\t\t\t\t\tnextLabel={<ChevronRight aria-hidden className=\"size-4\" strokeWidth={2.25} />}\r\n\t\t\t\t\t\t\tprevAriaLabel={locale === \"es\" ? \"Mes anterior\" : \"Previous month\"}\r\n\t\t\t\t\t\t\tnextAriaLabel={locale === \"es\" ? \"Mes siguiente\" : \"Next month\"}\r\n\t\t\t\t\t\t\ttileContent={tileContent}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</CalendarStyle>\r\n\t\t\t}\r\n\t\t\tpositions={[\"bottom\", \"top\"]}\r\n\t\t\treposition\r\n\t\t\tonClickOutside={handleCloseCalendar}\r\n\t\t\tclickOutsideCapture={true}\r\n\t\t>\r\n\t\t\t<CalendarStyle\r\n\t\t\t\tcolor={color}\r\n\t\t\t\tclassName={twMerge(classNameContainer, \"relative date-picker-component-container\")}\r\n\t\t\t\tonClick={handleOpenCalendar}\r\n\t\t\t\tshowcalendar={show.toString()}\r\n\t\t\t\tid={uui}\r\n\t\t\t\twidthcalendar={calendarWidth}\r\n\t\t\t\tshowdoubleview={showDoubleView.toString()}\r\n\t\t\t\terror={error}\r\n\t\t\t\tsize={size}\r\n\t\t\t\tradius={radius}\r\n\t\t\t>\r\n\t\t\t\t{label && (\r\n\t\t\t\t\t<label htmlFor={resolvedId} className={labelClass}>\r\n\t\t\t\t\t\t{label} {required && <span className=\"text-danger\">*</span>}\r\n\t\t\t\t\t</label>\r\n\t\t\t\t)}\r\n\t\t\t\t{type === \"date-picker\" ? (\r\n\t\t\t\t\t<DatePicker\r\n\t\t\t\t\t\tid={resolvedId}\r\n\t\t\t\t\t\tvalue={value}\r\n\t\t\t\t\t\tonChange={onChange}\r\n\t\t\t\t\t\tcalendarIcon={<IconCalendar disabled={disabled} error={error} />}\r\n\t\t\t\t\t\tshouldOpenCalendar={() => false}\r\n\t\t\t\t\t\tclassName={twMerge(\"w-full h-input-default\", className)}\r\n\t\t\t\t\t\tformat={format}\r\n\t\t\t\t\t\tlocale={locale}\r\n\t\t\t\t\t\tshowLeadingZeros\r\n\t\t\t\t\t\tclearIcon={<IconCloseCalendar disabled={disabled} error={error} onClick={handleClearCalendar} />}\r\n\t\t\t\t\t\tminDate={minDate}\r\n\t\t\t\t\t\tmaxDate={maxDate}\r\n\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\tonInvalidChange={onInvalidChange}\r\n\t\t\t\t\t\tisOpen={false}\r\n\t\t\t\t\t\tonKeyDown={onKeyDown}\r\n\t\t\t\t\t\tonKeyUp={onKeyUp}\r\n\t\t\t\t\t\tonBlur={onBlur}\r\n\t\t\t\t\t\tdayPlaceholder={dayPlaceholder}\r\n\t\t\t\t\t\tmonthPlaceholder={monthPlaceholder}\r\n\t\t\t\t\t\tyearPlaceholder={yearPlaceholder}\r\n\t\t\t\t\t/>\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<DateRangePicker\r\n\t\t\t\t\t\tid={resolvedId}\r\n\t\t\t\t\t\tvalue={value}\r\n\t\t\t\t\t\tonChange={onChange}\r\n\t\t\t\t\t\tcalendarIcon={<IconCalendar disabled={disabled} error={error} />}\r\n\t\t\t\t\t\tshouldOpenCalendar={() => false}\r\n\t\t\t\t\t\tclassName={twMerge(\"w-full\", className)}\r\n\t\t\t\t\t\tformat={format}\r\n\t\t\t\t\t\tlocale={locale}\r\n\t\t\t\t\t\tshowLeadingZeros\r\n\t\t\t\t\t\tclearIcon={<IconCloseCalendar disabled={disabled} error={error} onClick={handleClearCalendar} />}\r\n\t\t\t\t\t\tminDate={minDate}\r\n\t\t\t\t\t\tmaxDate={maxDate}\r\n\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\tonInvalidChange={onInvalidChange}\r\n\t\t\t\t\t\tisOpen={false}\r\n\t\t\t\t\t\tonKeyDown={onKeyDown}\r\n\t\t\t\t\t\tonKeyUp={onKeyUp}\r\n\t\t\t\t\t\tdayPlaceholder={dayPlaceholder}\r\n\t\t\t\t\t\tmonthPlaceholder={monthPlaceholder}\r\n\t\t\t\t\t\tyearPlaceholder={yearPlaceholder}\r\n\t\t\t\t\t/>\r\n\t\t\t\t)}\r\n\r\n\t\t\t\t{!disabled && error ? <LabelError text={error} /> : null}\r\n\t\t\t</CalendarStyle>\r\n\t\t</Popover>","_c"],"sources":["../../src/components/calendar/icon/icon-calendar.tsx","../../src/components/calendar/date-picker/date-picker.style.ts","../../src/components/calendar/date-picker/date-picker.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { FaClock, FaCalendar } from \"react-icons/fa\";\r\nimport { MdOutlineClose } from \"react-icons/md\";\r\n\r\nexport interface IconCalendarProps {\r\n\tdisabled?: boolean;\r\n\terror?: string;\r\n}\r\nexport interface IconCloseProps extends IconCalendarProps {\r\n\tonClick: () => void;\r\n}\r\n\r\nexport const IconCalendar = ({ disabled, error }: IconCalendarProps) => {\r\n\treturn (\r\n\t\t<FaCalendar\r\n\t\t\tclassName={clsx({\r\n\t\t\t\t\"fill-gray-400\": disabled,\r\n\t\t\t\t\"fill-gray-500\": !disabled && !error,\r\n\t\t\t\t\"fill-red-500\": error && !disabled,\r\n\t\t\t})}\r\n\t\t/>\r\n\t);\r\n};\r\n\r\nexport const IconCloseCalendar = ({ disabled, error, onClick }: IconCloseProps) => {\r\n\treturn (\r\n\t\t<MdOutlineClose\r\n\t\t\tclassName={clsx(\"w-5 h-5\", {\r\n\t\t\t\t\"fill-gray-400\": disabled,\r\n\t\t\t\t\"fill-gray-500\": !disabled && !error,\r\n\t\t\t\t\"fill-red-500\": error && !disabled,\r\n\t\t\t})}\r\n\t\t\tonClick={(e) => {\r\n\t\t\t\te.stopPropagation();\r\n\t\t\t\tonClick();\r\n\t\t\t}}\r\n\t\t/>\r\n\t);\r\n};\r\n\r\nexport const IconTimeCalendar = ({ disabled, error }: IconCalendarProps) => {\r\n\treturn (\r\n\t\t<FaClock\r\n\t\t\tclassName={clsx(\"w-5 h-5\", {\r\n\t\t\t\t\"fill-gray-400\": disabled,\r\n\t\t\t\t\"fill-gray-500\": !disabled && !error,\r\n\t\t\t\t\"fill-danger-500\": error && !disabled,\r\n\t\t\t})}\r\n\t\t/>\r\n\t);\r\n};\r\n","import type { ColorProps, ExcludeType, RadiusProps, SizeProps } from \"@/types\";\r\nimport styled, { css } from \"styled-components\";\r\n\r\nexport const CalendarStyle = styled.div<{\r\n\tcolor?: ExcludeType<ColorProps, \"secondary\">;\r\n\tshowcalendar: string;\r\n\twidthcalendar: number;\r\n\tshowdoubleview: string;\r\n\terror?: string;\r\n\tsize?: ExcludeType<SizeProps, \"xs\">;\r\n\tradius?: RadiusProps;\r\n}>`\r\n\tposition: relative;\r\n\r\n\tinput[type=\"number\"]::-webkit-inner-spin-button,\r\n\tinput[type=\"number\"]::-webkit-outer-spin-button {\r\n\t\t-webkit-appearance: none;\r\n\t\tmargin: 0;\r\n\t}\r\n\r\n\tinput[type=\"number\"] {\r\n\t\t-moz-appearance: none;\r\n\t\tappearance: none;\r\n\t}\r\n\r\n\t.react-daterange-picker--disabled,\r\n\t.react-date-picker--disabled {\r\n\t\tborder-radius: 6px;\r\n\t}\r\n\r\n\t.react-date-picker--disabled .react-date-picker__wrapper,\r\n\t.react-daterange-picker--disabled .react-daterange-picker__wrapper {\r\n\t\tborder: 1px solid var(--color-gray-300);\r\n\t\tbox-shadow: inherit !important;\r\n\t\tbackground-color: var(--color-gray-50);\r\n\t}\r\n\r\n\t.react-date-picker__inputGroup__input,\r\n\t.react-date-picker__inputGroup__divider,\r\n\t.react-date-picker__inputGroup__leadingZero,\r\n\t.react-daterange-picker__inputGroup__input,\r\n\t.react-daterange-picker__inputGroup__divider,\r\n\t.react-daterange-picker__inputGroup__leadingZero,\r\n\t.react-daterange-picker__range-divider {\r\n\t\tfont-size: 14px;\r\n\t\tcolor: ${({ error }) => (error ? \"var(--color-danger)\" : \"var(--color-gray-500)\")};\r\n\t\toutline: none;\r\n\t\tborder: 0px;\r\n\t}\r\n\r\n\t.react-date-picker__inputGroup__input:invalid,\r\n\t.react-daterange-picker__inputGroup__input:invalid {\r\n\t\tcolor: var(--color-danger);\r\n\t}\r\n\r\n\t.react-date-picker__wrapper,\r\n\t.react-daterange-picker__wrapper {\r\n\t\tmin-height: var(--input-default);\r\n\t\tpadding-right: 8px;\r\n\t\tpadding-left: 8px;\r\n\t\tborder: 1px solid var(--input);\r\n\t\tborder-radius: ${({ radius }) => {\r\n\t\t\tlet radiusInput = \"var(--radius-md)\";\r\n\r\n\t\t\tif (radius === \"lg\") {\r\n\t\t\t\tradiusInput = \"var(--radius-lg)\";\r\n\t\t\t}\r\n\r\n\t\t\tif (radius === \"sm\") {\r\n\t\t\t\tradiusInput = \"var(--radius-sm)\";\r\n\t\t\t}\r\n\r\n\t\t\tif (radius === \"xs\") {\r\n\t\t\t\tradiusInput = \"var(--radius-xs)\";\r\n\t\t\t}\r\n\r\n\t\t\tif (radius === \"full\") {\r\n\t\t\t\tradiusInput = \"calc(infinity * 1px)\";\r\n\t\t\t}\r\n\r\n\t\t\tif (radius === \"none\") {\r\n\t\t\t\tradiusInput = \"0px\";\r\n\t\t\t}\r\n\r\n\t\t\tif (radius === \"input\") {\r\n\t\t\t\tradiusInput = \"var(--radius-input)\";\r\n\t\t\t}\r\n\r\n\t\t\treturn radiusInput;\r\n\t\t}};\r\n\t\tbackground-color: var(--select-input-bg);\r\n\t\tdisplay: flex;\r\n\t\tflex-grow: 1;\r\n\t\tflex-shrink: 0;\r\n\r\n\t\t${({ showcalendar, error }) => {\r\n\t\t\tif (error) {\r\n\t\t\t\treturn css`\r\n\t\t\t\t\t/* box-shadow: var(--shadow-inputError); */\r\n\t\t\t\t\tborder-color: var(--color-danger);\r\n\t\t\t\t`;\r\n\t\t\t} else if (showcalendar === \"true\") {\r\n\t\t\t\treturn css`\r\n\t\t\t\t\t/* box-shadow: var(--shadow-inputBase); */\r\n\t\t\t\t\t/* border-color: var(--color-primary-700); */\r\n\t\t\t\t`;\r\n\t\t\t}\r\n\t\t}}\r\n\t\t${({ size }) => {\r\n\t\t\tif (size === \"sm\")\r\n\t\t\t\treturn css`\r\n\t\t\t\t\tpadding-top: 2px;\r\n\t\t\t\t\tpadding-bottom: 2px;\r\n\t\t\t\t`;\r\n\t\t\telse if (size === \"md\")\r\n\t\t\t\treturn css`\r\n\t\t\t\t\tpadding-top: 4px;\r\n\t\t\t\t\tpadding-bottom: 4px;\r\n\t\t\t\t`;\r\n\t\t\telse if (size === \"lg\")\r\n\t\t\t\treturn css`\r\n\t\t\t\t\tpadding-top: 6px;\r\n\t\t\t\t\tpadding-bottom: 6px;\r\n\t\t\t\t`;\r\n\t\t}}\r\n\t}\r\n\r\n\t/* ============== DATE ============== */\r\n\r\n\t.react-date-picker__button {\r\n\t\tpadding: 0;\r\n\t}\r\n\r\n\t.react-date-picker__inputGroup {\r\n\t\tpadding: 0;\r\n\t\torder: 2;\r\n\r\n\t\tbox-sizing: content-box;\r\n\t\tflex-grow: 1;\r\n\t\tmin-width: calc(12px + 3.674em);\r\n\t}\r\n\r\n\t.react-date-picker__calendar-button {\r\n\t\torder: 1;\r\n\t\tmargin-right: 8px;\r\n\t}\r\n\r\n\t.react-date-picker__clear-button {\r\n\t\torder: 3;\r\n\t}\r\n\r\n\t.react-date-picker--disabled .react-date-picker__inputGroup__input,\r\n\t.react-date-picker--disabled .react-date-picker__inputGroup__divider,\r\n\t.react-date-picker--disabled .react-date-picker__inputGroup__leadingZero {\r\n\t\tcolor: var(--color-green-700);\r\n\t}\r\n\r\n\t/* ============ RANGE ============= */\r\n\r\n\t.react-daterange-picker__button {\r\n\t\tpadding: 0;\r\n\t}\r\n\r\n\t.react-daterange-picker__wrapper .react-daterange-picker__inputGroup:first-child {\r\n\t\torder: 2;\r\n\t}\r\n\t.react-daterange-picker__range-divider {\r\n\t\torder: 3;\r\n\t}\r\n\t.react-daterange-picker__wrapper .react-daterange-picker__inputGroup:nth-child(3) {\r\n\t\torder: 4;\r\n\t}\r\n\t.react-daterange-picker__clear-button {\r\n\t\torder: 5;\r\n\t}\r\n\r\n\t.react-daterange-picker__calendar-button {\r\n\t\torder: 1;\r\n\t\tmargin-right: 8px;\r\n\t}\r\n\r\n\t.react-daterange-picker--disabled .react-daterange-picker__inputGroup__input,\r\n\t.react-daterange-picker--disabled .react-date-picker__inputGroup__divider,\r\n\t.react-daterange-picker--disabled .react-daterange-picker__inputGroup__leadingZero,\r\n\t.react-daterange-picker--disabled .react-daterange-picker__range-divider {\r\n\t\tcolor: var(--color-gray-400);\r\n\t}\r\n\r\n\t/* =========== RANGE ============== */\r\n\r\n\t/* .react-date-picker__calendar {\r\n\t\tmax-width: 100vw;\r\n\t\twidth: auto;\r\n\t\tposition: absolute;\r\n\t\ttop: 100%;\r\n\t\tleft: 0;\r\n\t\tz-index: 10px;\r\n\t} */\r\n\r\n\t/* =============================================================================\r\n\t * react-calendar — estilo HeroUI (calendar.css / range-calendar.css v3)\r\n\t *\r\n\t * Modelo: cada día es la \"pista\" del rango (fondo continuo, sin huecos entre columnas)\r\n\t * y el círculo interactivo vive en ::before. Inicio/fin = círculo sólido, hoy = círculo\r\n\t * suave, hover = círculo neutro. Los extremos de fila y los cortes contra días de otro\r\n\t * mes se redondean para que el rango se lea como una cápsula por semana.\r\n\t *\r\n\t * Los selectores se anidan bajo .react-calendar para ganar en especificidad a\r\n\t * react-calendar/dist/Calendar.css sin depender del orden de carga.\r\n\t * ========================================================================== */\r\n\r\n\t${({ color = \"primary\" }) => {\r\n\t\tconst accents: Record<string, [string, string]> = {\r\n\t\t\tprimary: [\"var(--color-primary)\", \"var(--color-primary-foreground)\"],\r\n\t\t\tsuccess: [\"var(--color-success)\", \"var(--color-success-foreground)\"],\r\n\t\t\twarning: [\"var(--color-warning)\", \"var(--color-warning-foreground)\"],\r\n\t\t\tdanger: [\"var(--color-danger)\", \"var(--color-danger-foreground)\"],\r\n\t\t\tdefault: [\"var(--color-foreground)\", \"var(--color-content1)\"],\r\n\t\t};\r\n\t\tconst [accent, accentForeground] = accents[color] ?? accents.primary;\r\n\r\n\t\treturn css`\r\n\t\t\t--cal-accent: ${accent};\r\n\t\t\t--cal-accent-foreground: ${accentForeground};\r\n\t\t\t--cal-accent-hover: color-mix(in oklab, var(--cal-accent) 88%, black);\r\n\t\t\t--cal-accent-soft: color-mix(in oklab, var(--cal-accent) 14%, transparent);\r\n\t\t\t--cal-accent-soft-hover: color-mix(in oklab, var(--cal-accent) 24%, transparent);\r\n\t\t`;\r\n\t}}\r\n\r\n\t.react-calendar {\r\n\t\t--cal-cell: 36px;\r\n\t\t--cal-gap: 24px;\r\n\t\t--cal-cap: 9999px;\r\n\t\t--cal-edge: 8px;\r\n\t\t--cal-ease: cubic-bezier(0.22, 1, 0.36, 1);\r\n\r\n\t\twidth: calc(var(--cal-cell) * 7 + 24px);\r\n\t\tmax-width: 100%;\r\n\t\tpadding: 12px;\r\n\t\tborder: none;\r\n\t\tbackground: transparent;\r\n\t\tfont-family: inherit;\r\n\t\tline-height: normal;\r\n\t\tcolor: var(--color-foreground);\r\n\r\n\t\t&.react-calendar--doubleView {\r\n\t\t\twidth: calc(var(--cal-cell) * 14 + var(--cal-gap) + 24px);\r\n\t\t}\r\n\r\n\t\tbutton {\r\n\t\t\tfont: inherit;\r\n\t\t}\r\n\r\n\t\t/* ---------------------------------------------------------------- header */\r\n\t\t.react-calendar__navigation {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 2px;\r\n\t\t\theight: auto;\r\n\t\t\tmargin-bottom: 12px;\r\n\t\t\tpadding: 0 2px;\r\n\t\t}\r\n\r\n\t\t.react-calendar__navigation__arrow.react-calendar__navigation__prev2-button,\r\n\t\t.react-calendar__navigation__arrow.react-calendar__navigation__next2-button {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\r\n\t\t/* Título a la izquierda y flechas juntas a la derecha, como HeroUI. */\r\n\t\t.react-calendar__navigation__label {\r\n\t\t\torder: 0;\r\n\t\t\tflex: 1;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: flex-start;\r\n\t\t\tmin-width: 0;\r\n\t\t\theight: 28px;\r\n\t\t\tpadding: 0 8px;\r\n\t\t\tborder-radius: var(--cal-cap);\r\n\t\t\tbackground: transparent;\r\n\t\t\tfont-size: 14px;\r\n\t\t\tfont-weight: 600;\r\n\t\t\tcolor: var(--color-foreground);\r\n\t\t\ttext-align: left;\r\n\t\t\ttransition: background-color 100ms var(--cal-ease);\r\n\t\t}\r\n\r\n\t\t.react-calendar__navigation__label span {\r\n\t\t\tfont-size: 14px;\r\n\t\t\tfont-weight: 600;\r\n\t\t\tcolor: var(--color-foreground);\r\n\t\t}\r\n\r\n\t\t.react-calendar__navigation__prev-button {\r\n\t\t\torder: 1;\r\n\t\t}\r\n\r\n\t\t.react-calendar__navigation__next-button {\r\n\t\t\torder: 2;\r\n\t\t}\r\n\r\n\t\t.react-calendar__navigation__arrow {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\tflex: none;\r\n\t\t\twidth: 28px;\r\n\t\t\tmin-width: 28px;\r\n\t\t\theight: 28px;\r\n\t\t\tpadding: 0;\r\n\t\t\tborder-radius: var(--cal-cap);\r\n\t\t\tbackground: transparent;\r\n\t\t\tcolor: var(--cal-accent);\r\n\t\t\ttransition:\r\n\t\t\t\tbackground-color 100ms var(--cal-ease),\r\n\t\t\t\ttransform 200ms var(--cal-ease),\r\n\t\t\t\topacity 150ms var(--cal-ease);\r\n\t\t}\r\n\r\n\t\t.react-calendar__navigation button:enabled:focus {\r\n\t\t\tbackground: transparent;\r\n\t\t}\r\n\r\n\t\t@media (hover: hover) {\r\n\t\t\t.react-calendar__navigation button:enabled:hover {\r\n\t\t\t\tbackground-color: var(--color-default-100);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.react-calendar__navigation__arrow:enabled:active {\r\n\t\t\ttransform: scale(0.92);\r\n\t\t}\r\n\r\n\t\t.react-calendar__navigation button:disabled {\r\n\t\t\tbackground: transparent;\r\n\t\t\topacity: 0.35;\r\n\t\t\tcursor: not-allowed;\r\n\t\t}\r\n\r\n\t\t.react-calendar__navigation button:focus-visible {\r\n\t\t\toutline: 2px solid var(--cal-accent);\r\n\t\t\toutline-offset: 1px;\r\n\t\t}\r\n\r\n\t\t/* ------------------------------------------------------------ month view */\r\n\t\t.react-calendar__viewContainer {\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\r\n\t\t&.react-calendar--doubleView .react-calendar__viewContainer {\r\n\t\t\tdisplay: flex;\r\n\t\t\tgap: var(--cal-gap);\r\n\t\t\tmargin: 0;\r\n\r\n\t\t\t> * {\r\n\t\t\t\twidth: auto;\r\n\t\t\t\tflex: 1 1 0;\r\n\t\t\t\tmargin: 0;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.react-calendar__month-view__weekdays {\r\n\t\t\tdisplay: grid !important;\r\n\t\t\tgrid-template-columns: repeat(7, var(--cal-cell));\r\n\t\t\tmargin-bottom: 4px;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 500;\r\n\t\t\ttext-transform: none;\r\n\t\t}\r\n\r\n\t\t.react-calendar__month-view__weekdays__weekday {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\theight: 24px;\r\n\t\t\tpadding: 0;\r\n\t\t\tcolor: var(--color-default-500);\r\n\t\t\ttext-transform: capitalize;\r\n\r\n\t\t\tabbr {\r\n\t\t\t\ttext-decoration: none;\r\n\t\t\t\tcursor: default;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.react-calendar__month-view__days {\r\n\t\t\tdisplay: grid !important;\r\n\t\t\tgrid-template-columns: repeat(7, var(--cal-cell));\r\n\t\t\trow-gap: 4px;\r\n\t\t\tcolumn-gap: 0;\r\n\t\t}\r\n\r\n\t\t/* ------------------------------------------------------------------ días */\r\n\t\t.react-calendar__month-view__days > .react-calendar__tile {\r\n\t\t\tposition: relative;\r\n\t\t\tisolation: isolate;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\twidth: var(--cal-cell);\r\n\t\t\tmax-width: none;\r\n\t\t\theight: var(--cal-cell);\r\n\t\t\tmargin: 0 !important;\r\n\t\t\tpadding: 0;\r\n\t\t\tborder-radius: 0;\r\n\t\t\tbackground: transparent;\r\n\t\t\tfont-size: 14px;\r\n\t\t\tfont-weight: 500;\r\n\t\t\tline-height: 1;\r\n\t\t\tcolor: var(--color-foreground);\r\n\t\t\t-webkit-tap-highlight-color: transparent;\r\n\r\n\t\t\t/* Círculo interactivo */\r\n\t\t\t&::before {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tinset: 0;\r\n\t\t\t\tz-index: -1;\r\n\t\t\t\tborder-radius: var(--cal-cap);\r\n\t\t\t\tbackground: transparent;\r\n\t\t\t\ttransition:\r\n\t\t\t\t\tbackground-color 120ms var(--cal-ease),\r\n\t\t\t\t\tscale 200ms var(--cal-ease);\r\n\t\t\t}\r\n\r\n\t\t\tabbr {\r\n\t\t\t\ttext-decoration: none;\r\n\t\t\t}\r\n\r\n\t\t\t&:focus-visible {\r\n\t\t\t\toutline: none;\r\n\t\t\t}\r\n\r\n\t\t\t/* Anillo hacia adentro: react-calendar pone overflow:hidden inline en cada día. */\r\n\t\t\t&:focus-visible::before {\r\n\t\t\t\tbox-shadow:\r\n\t\t\t\t\tinset 0 0 0 2px var(--cal-accent),\r\n\t\t\t\t\tinset 0 0 0 4px var(--color-content1);\r\n\t\t\t}\r\n\r\n\t\t\t&:enabled:active::before {\r\n\t\t\t\tscale: 0.9;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Fines de semana sin color especial (react-calendar los pinta en rojo). */\r\n\t\t.react-calendar__month-view__days > .react-calendar__month-view__days__day--weekend {\r\n\t\t\tcolor: var(--color-foreground);\r\n\t\t}\r\n\r\n\t\t/* Hover neutro solo en días libres y solo con puntero real (evita \"pegados\" en táctil). */\r\n\t\t@media (hover: hover) {\r\n\t\t\t.react-calendar__month-view__days > .react-calendar__tile:enabled:hover:not(\r\n\t\t\t\t\t.react-calendar__tile--range,\r\n\t\t\t\t\t.react-calendar__tile--hoverStart,\r\n\t\t\t\t\t.react-calendar__tile--hoverEnd\r\n\t\t\t\t)::before {\r\n\t\t\t\tbackground-color: var(--color-default-100);\r\n\t\t\t}\r\n\r\n\t\t\t/* Dentro de un rango ya elegido el hover refuerza el tono del acento en vez de un gris encima de la pista. */\r\n\t\t\t&:not(.react-calendar--selectRange)\r\n\t\t\t\t.react-calendar__month-view__days\r\n\t\t\t\t> .react-calendar__tile--range:enabled:hover:not(\r\n\t\t\t\t\t.react-calendar__tile--rangeStart,\r\n\t\t\t\t\t.react-calendar__tile--rangeEnd,\r\n\t\t\t\t\t.react-calendar__month-view__days__day--neighboringMonth\r\n\t\t\t\t)::before {\r\n\t\t\t\tbackground-color: var(--cal-accent-soft-hover);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Hoy */\r\n\t\t.react-calendar__month-view__days > .react-calendar__tile--now {\r\n\t\t\tcolor: var(--cal-accent);\r\n\r\n\t\t\t&::before {\r\n\t\t\t\tbackground-color: var(--cal-accent-soft);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media (hover: hover) {\r\n\t\t\t.react-calendar__month-view__days > .react-calendar__tile--now:enabled:hover::before {\r\n\t\t\t\tbackground-color: var(--cal-accent-soft-hover);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Días de otro mes (sin el círculo de hoy: en doble vista duplicaría el del otro mes) */\r\n\t\t.react-calendar__month-view__days > .react-calendar__month-view__days__day--neighboringMonth {\r\n\t\t\tcolor: var(--color-default-400);\r\n\t\t\topacity: 0.6;\r\n\r\n\t\t\t&::before {\r\n\t\t\t\tbackground-color: transparent;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Deshabilitados */\r\n\t\t.react-calendar__month-view__days > .react-calendar__tile:disabled {\r\n\t\t\tbackground: transparent;\r\n\t\t\tcolor: var(--color-default-300);\r\n\t\t\ttext-decoration: line-through;\r\n\t\t\tcursor: not-allowed;\r\n\r\n\t\t\t&::before {\r\n\t\t\t\tbackground: transparent;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* ------------------------------------------------------ rango: la pista */\r\n\t\t/* Primer selector: rango confirmado. Segundo: vista previa mientras se elige el segundo extremo. */\r\n\t\t&:not(.react-calendar--selectRange)\r\n\t\t\t.react-calendar__month-view__days\r\n\t\t\t> .react-calendar__tile--range:not(.react-calendar__month-view__days__day--neighboringMonth, .react-calendar__tile--rangeBothEnds),\r\n\t\t&.react-calendar--selectRange\r\n\t\t\t.react-calendar__month-view__days\r\n\t\t\t> .react-calendar__tile--hover:not(.react-calendar__month-view__days__day--neighboringMonth, .react-calendar__tile--hoverBothEnds) {\r\n\t\t\tbackground-color: var(--cal-accent-soft);\r\n\t\t\tcolor: var(--color-foreground);\r\n\t\t}\r\n\r\n\t\t/* Extremos de fila: la pista se corta con un redondeo suave para que cada semana se lea como una cápsula. */\r\n\t\t.react-calendar__month-view__days > .react-calendar__tile:nth-child(7n + 1),\r\n\t\t.react-calendar__month-view__days > .react-calendar__month-view__days__day--neighboringMonth + .react-calendar__tile {\r\n\t\t\tborder-start-start-radius: var(--cal-edge);\r\n\t\t\tborder-end-start-radius: var(--cal-edge);\r\n\t\t}\r\n\r\n\t\t.react-calendar__month-view__days > .react-calendar__tile:nth-child(7n),\r\n\t\t.react-calendar__month-view__days > .react-calendar__tile:has(+ .react-calendar__month-view__days__day--neighboringMonth) {\r\n\t\t\tborder-start-end-radius: var(--cal-edge);\r\n\t\t\tborder-end-end-radius: var(--cal-edge);\r\n\t\t}\r\n\r\n\t\t/* Inicio y fin: el borde de la pista abraza el círculo. */\r\n\t\t&:not(.react-calendar--selectRange) .react-calendar__month-view__days > .react-calendar__tile--rangeStart,\r\n\t\t&.react-calendar--selectRange .react-calendar__month-view__days > .react-calendar__tile--hoverStart {\r\n\t\t\tborder-start-start-radius: var(--cal-cap);\r\n\t\t\tborder-end-start-radius: var(--cal-cap);\r\n\t\t}\r\n\r\n\t\t&:not(.react-calendar--selectRange) .react-calendar__month-view__days > .react-calendar__tile--rangeEnd,\r\n\t\t&.react-calendar--selectRange .react-calendar__month-view__days > .react-calendar__tile--hoverEnd {\r\n\t\t\tborder-start-end-radius: var(--cal-cap);\r\n\t\t\tborder-end-end-radius: var(--cal-cap);\r\n\t\t}\r\n\r\n\t\t/* Un extremo pegado al borde de fila no deja asomar la pista detrás del círculo. */\r\n\t\t.react-calendar__month-view__days\r\n\t\t\t> .react-calendar__tile:is(.react-calendar__tile--rangeEnd, .react-calendar__tile--hoverEnd):is(\r\n\t\t\t\t:nth-child(7n + 1),\r\n\t\t\t\t.react-calendar__month-view__days__day--neighboringMonth + *\r\n\t\t\t) {\r\n\t\t\tborder-start-start-radius: var(--cal-cap);\r\n\t\t\tborder-end-start-radius: var(--cal-cap);\r\n\t\t}\r\n\r\n\t\t.react-calendar__month-view__days\r\n\t\t\t> .react-calendar__tile:is(.react-calendar__tile--rangeStart, .react-calendar__tile--hoverStart):is(\r\n\t\t\t\t:nth-child(7n),\r\n\t\t\t\t:has(+ .react-calendar__month-view__days__day--neighboringMonth)\r\n\t\t\t) {\r\n\t\t\tborder-start-end-radius: var(--cal-cap);\r\n\t\t\tborder-end-end-radius: var(--cal-cap);\r\n\t\t}\r\n\r\n\t\t/* ------------------------------------------------- rango: círculos sólidos */\r\n\t\t/* .react-calendar__tile repetido: iguala la especificidad de la pista para que el texto blanco del extremo gane. */\r\n\t\t.react-calendar__month-view__days\r\n\t\t\t> .react-calendar__tile.react-calendar__tile--rangeStart:not(.react-calendar__month-view__days__day--neighboringMonth),\r\n\t\t.react-calendar__month-view__days\r\n\t\t\t> .react-calendar__tile.react-calendar__tile--rangeEnd:not(.react-calendar__month-view__days__day--neighboringMonth),\r\n\t\t&.react-calendar--selectRange\r\n\t\t\t.react-calendar__month-view__days\r\n\t\t\t> .react-calendar__tile--hoverStart:not(.react-calendar__month-view__days__day--neighboringMonth),\r\n\t\t&.react-calendar--selectRange\r\n\t\t\t.react-calendar__month-view__days\r\n\t\t\t> .react-calendar__tile--hoverEnd:not(.react-calendar__month-view__days__day--neighboringMonth) {\r\n\t\t\tcolor: var(--cal-accent-foreground);\r\n\r\n\t\t\t&::before {\r\n\t\t\t\tbackground-color: var(--cal-accent);\r\n\t\t\t}\r\n\r\n\t\t\t&:enabled:active::before {\r\n\t\t\t\tbackground-color: var(--cal-accent-hover);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* ------------------------------------------------- año / década / siglo */\r\n\t\t.react-calendar__year-view__months,\r\n\t\t.react-calendar__decade-view__years,\r\n\t\t.react-calendar__century-view__decades {\r\n\t\t\trow-gap: 4px;\r\n\t\t}\r\n\r\n\t\t.react-calendar__year-view .react-calendar__tile,\r\n\t\t.react-calendar__decade-view .react-calendar__tile,\r\n\t\t.react-calendar__century-view .react-calendar__tile {\r\n\t\t\tpadding: 12px 4px;\r\n\t\t\tborder-radius: var(--cal-cap);\r\n\t\t\tbackground: transparent;\r\n\t\t\tfont-size: 13px;\r\n\t\t\tfont-weight: 500;\r\n\t\t\tcolor: var(--color-foreground);\r\n\t\t\ttext-transform: capitalize;\r\n\t\t\ttransition: background-color 120ms var(--cal-ease);\r\n\r\n\t\t\tabbr {\r\n\t\t\t\ttext-decoration: none;\r\n\t\t\t}\r\n\r\n\t\t\t&:enabled:focus {\r\n\t\t\t\tbackground: transparent;\r\n\t\t\t}\r\n\r\n\t\t\t&:focus-visible {\r\n\t\t\t\toutline: 2px solid var(--cal-accent);\r\n\t\t\t\toutline-offset: -2px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media (hover: hover) {\r\n\t\t\t.react-calendar__year-view .react-calendar__tile:enabled:hover,\r\n\t\t\t.react-calendar__decade-view .react-calendar__tile:enabled:hover,\r\n\t\t\t.react-calendar__century-view .react-calendar__tile:enabled:hover {\r\n\t\t\t\tbackground-color: var(--color-default-100);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.react-calendar__year-view .react-calendar__tile--now,\r\n\t\t.react-calendar__decade-view .react-calendar__tile--now,\r\n\t\t.react-calendar__century-view .react-calendar__tile--now {\r\n\t\t\tcolor: var(--cal-accent);\r\n\t\t}\r\n\r\n\t\t.react-calendar__year-view .react-calendar__tile--hasActive,\r\n\t\t.react-calendar__year-view .react-calendar__tile--active,\r\n\t\t.react-calendar__decade-view .react-calendar__tile--hasActive,\r\n\t\t.react-calendar__decade-view .react-calendar__tile--active,\r\n\t\t.react-calendar__century-view .react-calendar__tile--hasActive,\r\n\t\t.react-calendar__century-view .react-calendar__tile--active {\r\n\t\t\tbackground-color: var(--cal-accent);\r\n\t\t\tcolor: var(--cal-accent-foreground);\r\n\t\t}\r\n\r\n\t\t.react-calendar__year-view .react-calendar__tile:disabled,\r\n\t\t.react-calendar__decade-view .react-calendar__tile:disabled,\r\n\t\t.react-calendar__century-view .react-calendar__tile:disabled {\r\n\t\t\tbackground: transparent;\r\n\t\t\tcolor: var(--color-default-300);\r\n\t\t\tcursor: not-allowed;\r\n\t\t}\r\n\t}\r\n\r\n\t@media (prefers-reduced-motion: reduce) {\r\n\t\t.react-calendar *,\r\n\t\t.react-calendar *::before {\r\n\t\t\ttransition: none !important;\r\n\t\t}\r\n\t}\r\n`;\r\n","import \"@wojtekmaj/react-daterange-picker/dist/DateRangePicker.css\";\r\nimport \"react-calendar/dist/Calendar.css\";\r\nimport \"react-date-picker/dist/DatePicker.css\";\r\n\r\nimport DateRangePicker from \"@wojtekmaj/react-daterange-picker\";\r\nimport { ChevronLeft, ChevronRight } from \"lucide-react\";\r\nimport CalendarComponent from \"react-calendar\";\r\nimport DatePicker from \"react-date-picker\";\r\nimport { Popover } from \"../../tiny-popover\";\r\n\r\nimport React, { useCallback, useLayoutEffect, useMemo, useState } from \"react\";\r\n\r\nimport { twMerge } from \"tailwind-merge\";\r\n\r\nimport { LabelError } from \"@/components/label-error\";\r\nimport { cn } from \"@/lib/utils\";\r\nimport { IconCalendar, IconCloseCalendar } from \"../icon/icon-calendar\";\r\nimport type { ValueCalendar } from \"../interface/calendar-shared.interface\";\r\nimport { CalendarStyle } from \"./date-picker.style\";\r\nimport type { CalendarProps } from \"./interface/date-picker.interface\";\r\n\r\n/** \"septiembre de 2026\" → \"Septiembre de 2026\": solo la primera letra en mayúscula (el CSS `capitalize` daba \"Septiembre De 2026\"). */\r\nconst formatMonthYearLabel = (locale: string | undefined, date: Date) => {\r\n\tconst label = date.toLocaleDateString(locale, { month: \"long\", year: \"numeric\" });\r\n\treturn label.charAt(0).toLocaleUpperCase(locale) + label.slice(1);\r\n};\r\n\r\nexport const CalendarPicker = ({\r\n\tid,\r\n\tvalue,\r\n\tshowDoubleView = false,\r\n\tclassNameContainer,\r\n\tclassName,\r\n\tcolor = \"primary\",\r\n\tminDate,\r\n\tmaxDate,\r\n\tshowCalendar = false,\r\n\tloading,\r\n\twidthCalendar,\r\n\tlocale = \"es\",\r\n\tformat = \"MM/dd/yyyy\",\r\n\tdisabled,\r\n\terror,\r\n\tlabel,\r\n\ttouched,\r\n\trequired,\r\n\tonChange,\r\n\tonCloseCalendar,\r\n\tonOpenCalendar,\r\n\ttileDisabled,\r\n\tonClearCalendar,\r\n\tonInvalidChange,\r\n\tonKeyDown,\r\n\tonKeyUp,\r\n\tonBlur,\r\n\ttype = \"date-picker\",\r\n\tsize = \"md\",\r\n\tradius = \"input\",\r\n\ttileContent = null,\r\n\tshowActionButtons = true,\r\n\tpopoverAnimation = \"zoom\",\r\n\tpopoverAlign = \"start\",\r\n\tdayPlaceholder = \"dd\",\r\n\tmonthPlaceholder = \"mm\",\r\n\tyearPlaceholder = \"yyyy\",\r\n}: CalendarProps) => {\r\n\tconst [show, setShow] = useState<boolean>(showCalendar);\r\n\tconst [measuredWidth, setMeasuredWidth] = useState(0);\r\n\t// Id estable del contenedor (antes `uuidv4()` en cada render: cambiaba el id del DOM y re-medía siempre).\r\n\tconst uui = React.useId();\r\n\tconst inputId = React.useId();\r\n\tconst resolvedId = id || inputId;\r\n\r\n\tconst isInvalid = !disabled && !!error && touched;\r\n\r\n\t// El calendario simple iguala el ancho del input. Va en estado: un ref no re-renderiza y el valor quedaba viejo.\r\n\tuseLayoutEffect(() => {\r\n\t\tif (showDoubleView || widthCalendar) return;\r\n\t\tconst element = document.getElementById(uui);\r\n\r\n\t\tif (element) setMeasuredWidth(element.clientWidth);\r\n\t}, [showDoubleView, uui, widthCalendar]);\r\n\r\n\tconst calendarWidth = showDoubleView ? 0 : widthCalendar || measuredWidth;\r\n\r\n\tconst handleChange = (value: ValueCalendar) => {\r\n\t\tonChange(value);\r\n\t\tsetShow(false);\r\n\t};\r\n\tconst handleChangeToDay = () => {\r\n\t\tconst dateNow = new Date();\r\n\r\n\t\tconst date = new Date(dateNow.getFullYear(), dateNow.getMonth(), dateNow.getDate(), 0, 0, 0);\r\n\r\n\t\tif (type === \"date-range-picker\") {\r\n\t\t\thandleChange([date, date]);\r\n\t\t} else {\r\n\t\t\thandleChange(date);\r\n\t\t}\r\n\t};\r\n\r\n\t// Helpers de fechas normalizados al inicio del día\r\n\tconst startOfDay = useCallback((d: Date) => new Date(d.getFullYear(), d.getMonth(), d.getDate(), 0, 0, 0, 0), []);\r\n\tconst addDays = useCallback((d: Date, n: number) => startOfDay(new Date(d.getFullYear(), d.getMonth(), d.getDate() + n)), [startOfDay]);\r\n\tconst startOfMonth = useCallback((d: Date) => new Date(d.getFullYear(), d.getMonth(), 1, 0, 0, 0, 0), []);\r\n\tconst endOfMonth = useCallback((d: Date) => new Date(d.getFullYear(), d.getMonth() + 1, 0, 23, 59, 59, 999), []);\r\n\r\n\t// Comparadores\r\n\tconst isSameDay = (a?: Date | null, b?: Date | null) => {\r\n\t\tif (!a || !b) return false;\r\n\t\treturn a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();\r\n\t};\r\n\tconst isSameRange = (range?: ValueCalendar, target?: ValueCalendar) => {\r\n\t\tif (!Array.isArray(range) || !Array.isArray(target)) return false;\r\n\t\tconst [r0, r1] = range as (Date | null | undefined)[];\r\n\t\tconst [t0, t1] = target as (Date | null | undefined)[];\r\n\t\treturn isSameDay(r0, t0) && isSameDay(r1, t1);\r\n\t};\r\n\r\n\t// Presets según tipo\r\n\tinterface PresetItem {\r\n\t\tkey: string;\r\n\t\tlabel: string;\r\n\t\tgetValue?: () => ValueCalendar;\r\n\t\taction?: () => void;\r\n\t\tseparator?: boolean; // para agrupar visualmente\r\n\t}\r\n\r\n\tconst presets = useMemo<PresetItem[]>(() => {\r\n\t\t// «Hoy» se calcula al usar el preset, no al memoizar: si el componente sigue montado pasada la medianoche,\r\n\t\t// los atajos no quedan con el día anterior.\r\n\t\tconst today = () => startOfDay(new Date());\r\n\t\tif (type === \"date-picker\") {\r\n\t\t\treturn [\r\n\t\t\t\t{ key: \"today\", label: \"Hoy\", getValue: () => today() },\r\n\t\t\t\t{ key: \"tomorrow\", label: \"Mañana\", getValue: () => addDays(today(), 1) },\r\n\t\t\t\t{ key: \"in7\", label: \"+7 días\", getValue: () => addDays(today(), 7) },\r\n\t\t\t\t{ key: \"in30\", label: \"+30 días\", getValue: () => addDays(today(), 30) },\r\n\t\t\t\t{ key: \"clear\", label: \"Limpiar\", action: () => onChange(null), separator: true },\r\n\t\t\t];\r\n\t\t} else {\r\n\t\t\tconst lastMonth = () => addDays(startOfMonth(today()), -1);\r\n\t\t\tconst nextMonth = () => addDays(endOfMonth(today()), 1);\r\n\r\n\t\t\treturn [\r\n\t\t\t\t{ key: \"today\", label: \"Hoy\", getValue: () => [today(), today()] },\r\n\t\t\t\t{ key: \"last7\", label: \"Últimos 7 días\", getValue: () => [addDays(today(), -6), today()] },\r\n\t\t\t\t{ key: \"next7\", label: \"Próx. 7 días\", getValue: () => [today(), addDays(today(), 6)] },\r\n\t\t\t\t{ key: \"thisMonth\", label: \"Este mes\", getValue: () => [startOfMonth(today()), endOfMonth(today())] },\r\n\t\t\t\t{ key: \"nextMonth\", label: \"Próximo mes\", getValue: () => [startOfMonth(nextMonth()), endOfMonth(nextMonth())] },\r\n\t\t\t\t{ key: \"lastMonth\", label: \"Mes pasado\", getValue: () => [startOfMonth(lastMonth()), endOfMonth(lastMonth())] },\r\n\t\t\t];\r\n\t\t}\r\n\t}, [type, onChange, addDays, startOfDay, startOfMonth, endOfMonth]);\r\n\r\n\t// Determinar preset activo\r\n\tconst isPresetActive = (preset: PresetItem) => {\r\n\t\tif (preset.getValue) {\r\n\t\t\tconst pv = preset.getValue();\r\n\t\t\tif (type === \"date-picker\") {\r\n\t\t\t\treturn !Array.isArray(value) && !Array.isArray(pv) && isSameDay(value as Date | null, pv as Date | null);\r\n\t\t\t} else {\r\n\t\t\t\treturn Array.isArray(value) && Array.isArray(pv) && isSameRange(value, pv);\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn false;\r\n\t};\r\n\r\n\tconst handlePresetClick = (preset: PresetItem) => {\r\n\t\tif (preset.action) {\r\n\t\t\tpreset.action();\r\n\t\t\tsetShow(false);\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tif (preset.getValue) {\r\n\t\t\tconst v = preset.getValue();\r\n\t\t\tonChange(v);\r\n\t\t\tsetShow(false);\r\n\t\t}\r\n\t};\r\n\r\n\tconst handleCloseCalendar = () => {\r\n\t\tif (disabled) return;\r\n\r\n\t\tsetShow(false);\r\n\r\n\t\tif (onCloseCalendar) onCloseCalendar();\r\n\t};\r\n\r\n\tconst handleOpenCalendar = () => {\r\n\t\tif (disabled) return;\r\n\r\n\t\tconst status = !show;\r\n\t\tsetShow(status);\r\n\r\n\t\tif (status && onOpenCalendar) onOpenCalendar();\r\n\t\telse if (onCloseCalendar) onCloseCalendar();\r\n\t};\r\n\r\n\tconst handleClearCalendar = () => {\r\n\t\tif (disabled) return;\r\n\r\n\t\tif (onClearCalendar) return onClearCalendar();\r\n\r\n\t\tonChange(null);\r\n\t};\r\n\r\n\tconst labelClass = cn(\"form-control-label block font-normal text-sm text-foreground dark:text-default-600 mb-1\", {\r\n\t\t\"text-danger\": isInvalid,\r\n\t});\r\n\r\n\treturn (\r\n\t\t<Popover\r\n\t\t\tisOpen={show}\r\n\t\t\tanimation={popoverAnimation}\r\n\t\t\tcontainerStyle={{\r\n\t\t\t\tzIndex: \"100\",\r\n\t\t\t}}\r\n\t\t\talign={popoverAlign}\r\n\t\t\tcontent={\r\n\t\t\t\t<CalendarStyle\r\n\t\t\t\t\tcolor={color}\r\n\t\t\t\t\tshowcalendar={show.toString()}\r\n\t\t\t\t\twidthcalendar={calendarWidth}\r\n\t\t\t\t\tshowdoubleview={showDoubleView.toString()}\r\n\t\t\t\t\tclassName=\"shadow-medium bg-content1 rounded-2xl overflow-hidden\"\r\n\t\t\t\t\tradius={radius}\r\n\t\t\t\t>\r\n\t\t\t\t\t{loading ? /*  <Loading size=\"sm\" color=\"secondary\" /> */ <p>loading</p> : null}\r\n\t\t\t\t\t<div className=\"w-full relative flex gap-2\">\r\n\t\t\t\t\t\t{showActionButtons && (\r\n\t\t\t\t\t\t\t<div className=\"w-[150px] border-r border-default-100 px-2 py-3 flex flex-col gap-0.5 overflow-y-auto max-h-[360px]\">\r\n\t\t\t\t\t\t\t\t<span className=\"px-2 text-xs font-medium text-default-400 mb-1 select-none uppercase tracking-wide\">Atajos</span>\r\n\t\t\t\t\t\t\t\t{presets.map((p) => {\r\n\t\t\t\t\t\t\t\t\tconst active = isPresetActive(p);\r\n\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\t\tkey={p.key}\r\n\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => handlePresetClick(p)}\r\n\t\t\t\t\t\t\t\t\t\t\tclassName={twMerge(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\"text-left rounded-full px-3 py-1.5 text-sm w-full cursor-pointer transition-colors\",\r\n\t\t\t\t\t\t\t\t\t\t\t\tactive ? \"bg-primary/15 text-primary font-medium\" : \"bg-transparent hover:bg-default-100\",\r\n\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\tdata-active={active || undefined}\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t{p.label}\r\n\t\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\t<div className=\"mt-2 pt-2 border-t border-default-100 flex flex-col gap-1\">\r\n\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\t\t\tonClick={handleChangeToDay}\r\n\t\t\t\t\t\t\t\t\t\tclassName=\"text-left rounded-full px-3 py-1.5 text-sm w-full cursor-pointer bg-transparent hover:bg-default-100 transition-colors\"\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\tIr a hoy (Cerrar)\r\n\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t<CalendarComponent\r\n\t\t\t\t\t\t\tvalue={value}\r\n\t\t\t\t\t\t\tonChange={handleChange}\r\n\t\t\t\t\t\t\tlocale={locale}\r\n\t\t\t\t\t\t\tshowDoubleView={showDoubleView}\r\n\t\t\t\t\t\t\tcalendarType=\"gregory\"\r\n\t\t\t\t\t\t\tminDate={minDate}\r\n\t\t\t\t\t\t\tmaxDate={maxDate}\r\n\t\t\t\t\t\t\ttileDisabled={tileDisabled}\r\n\t\t\t\t\t\t\tselectRange={type === \"date-range-picker\"}\r\n\t\t\t\t\t\t\treturnValue={type === \"date-range-picker\" ? \"range\" : \"start\"}\r\n\t\t\t\t\t\t\tformatMonthYear={formatMonthYearLabel}\r\n\t\t\t\t\t\t\tprevLabel={<ChevronLeft aria-hidden className=\"size-4\" strokeWidth={2.25} />}\r\n\t\t\t\t\t\t\tnextLabel={<ChevronRight aria-hidden className=\"size-4\" strokeWidth={2.25} />}\r\n\t\t\t\t\t\t\tprevAriaLabel={locale === \"es\" ? \"Mes anterior\" : \"Previous month\"}\r\n\t\t\t\t\t\t\tnextAriaLabel={locale === \"es\" ? \"Mes siguiente\" : \"Next month\"}\r\n\t\t\t\t\t\t\ttileContent={tileContent}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</CalendarStyle>\r\n\t\t\t}\r\n\t\t\tpositions={[\"bottom\", \"top\"]}\r\n\t\t\treposition\r\n\t\t\tonClickOutside={handleCloseCalendar}\r\n\t\t\tclickOutsideCapture={true}\r\n\t\t>\r\n\t\t\t<CalendarStyle\r\n\t\t\t\tcolor={color}\r\n\t\t\t\tclassName={twMerge(classNameContainer, \"relative date-picker-component-container\")}\r\n\t\t\t\tonClick={handleOpenCalendar}\r\n\t\t\t\tshowcalendar={show.toString()}\r\n\t\t\t\tid={uui}\r\n\t\t\t\twidthcalendar={calendarWidth}\r\n\t\t\t\tshowdoubleview={showDoubleView.toString()}\r\n\t\t\t\terror={error}\r\n\t\t\t\tsize={size}\r\n\t\t\t\tradius={radius}\r\n\t\t\t>\r\n\t\t\t\t{label && (\r\n\t\t\t\t\t<label htmlFor={resolvedId} className={labelClass}>\r\n\t\t\t\t\t\t{label} {required && <span className=\"text-danger\">*</span>}\r\n\t\t\t\t\t</label>\r\n\t\t\t\t)}\r\n\t\t\t\t{type === \"date-picker\" ? (\r\n\t\t\t\t\t<DatePicker\r\n\t\t\t\t\t\tid={resolvedId}\r\n\t\t\t\t\t\tvalue={value}\r\n\t\t\t\t\t\tonChange={onChange}\r\n\t\t\t\t\t\tcalendarIcon={<IconCalendar disabled={disabled} error={error} />}\r\n\t\t\t\t\t\tshouldOpenCalendar={() => false}\r\n\t\t\t\t\t\tclassName={twMerge(\"w-full h-input-default\", className)}\r\n\t\t\t\t\t\tformat={format}\r\n\t\t\t\t\t\tlocale={locale}\r\n\t\t\t\t\t\tshowLeadingZeros\r\n\t\t\t\t\t\tclearIcon={<IconCloseCalendar disabled={disabled} error={error} onClick={handleClearCalendar} />}\r\n\t\t\t\t\t\tminDate={minDate}\r\n\t\t\t\t\t\tmaxDate={maxDate}\r\n\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\tonInvalidChange={onInvalidChange}\r\n\t\t\t\t\t\tisOpen={false}\r\n\t\t\t\t\t\tonKeyDown={onKeyDown}\r\n\t\t\t\t\t\tonKeyUp={onKeyUp}\r\n\t\t\t\t\t\tonBlur={onBlur}\r\n\t\t\t\t\t\tdayPlaceholder={dayPlaceholder}\r\n\t\t\t\t\t\tmonthPlaceholder={monthPlaceholder}\r\n\t\t\t\t\t\tyearPlaceholder={yearPlaceholder}\r\n\t\t\t\t\t/>\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<DateRangePicker\r\n\t\t\t\t\t\tid={resolvedId}\r\n\t\t\t\t\t\tvalue={value}\r\n\t\t\t\t\t\tonChange={onChange}\r\n\t\t\t\t\t\tcalendarIcon={<IconCalendar disabled={disabled} error={error} />}\r\n\t\t\t\t\t\tshouldOpenCalendar={() => false}\r\n\t\t\t\t\t\tclassName={twMerge(\"w-full\", className)}\r\n\t\t\t\t\t\tformat={format}\r\n\t\t\t\t\t\tlocale={locale}\r\n\t\t\t\t\t\tshowLeadingZeros\r\n\t\t\t\t\t\tclearIcon={<IconCloseCalendar disabled={disabled} error={error} onClick={handleClearCalendar} />}\r\n\t\t\t\t\t\tminDate={minDate}\r\n\t\t\t\t\t\tmaxDate={maxDate}\r\n\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\tonInvalidChange={onInvalidChange}\r\n\t\t\t\t\t\tisOpen={false}\r\n\t\t\t\t\t\tonKeyDown={onKeyDown}\r\n\t\t\t\t\t\tonKeyUp={onKeyUp}\r\n\t\t\t\t\t\tdayPlaceholder={dayPlaceholder}\r\n\t\t\t\t\t\tmonthPlaceholder={monthPlaceholder}\r\n\t\t\t\t\t\tyearPlaceholder={yearPlaceholder}\r\n\t\t\t\t\t/>\r\n\t\t\t\t)}\r\n\r\n\t\t\t\t{!disabled && error ? <LabelError text={error} /> : null}\r\n\t\t\t</CalendarStyle>\r\n\t\t</Popover>\r\n\t);\r\n};\r\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["{ disabled, error }: IconCalendarProps","clsx({\r\n\t\t\t\t\"fill-gray-400\": disabled,\r\n\t\t\t\t\"fill-gray-500\": !disabled && !error,\r\n\t\t\t\t\"fill-red-500\": error && !disabled,\r\n\t\t\t})","!disabled && !error","error && !disabled","<FaCalendar\r\n\t\t\tclassName={clsx({\r\n\t\t\t\t\"fill-gray-400\": disabled,\r\n\t\t\t\t\"fill-gray-500\": !disabled && !error,\r\n\t\t\t\t\"fill-red-500\": error && !disabled,\r\n\t\t\t})}\r\n\t\t/>","{ disabled, error, onClick }: IconCloseProps","clsx(\"w-5 h-5\", {\r\n\t\t\t\t\"fill-gray-400\": disabled,\r\n\t\t\t\t\"fill-gray-500\": !disabled && !error,\r\n\t\t\t\t\"fill-red-500\": error && !disabled,\r\n\t\t\t})","(e) => {\r\n\t\t\t\te.stopPropagation();\r\n\t\t\t\tonClick();\r\n\t\t\t}","<MdOutlineClose\r\n\t\t\tclassName={clsx(\"w-5 h-5\", {\r\n\t\t\t\t\"fill-gray-400\": disabled,\r\n\t\t\t\t\"fill-gray-500\": !disabled && !error,\r\n\t\t\t\t\"fill-red-500\": error && !disabled,\r\n\t\t\t})}\r\n\t\t\tonClick={(e) => {\r\n\t\t\t\te.stopPropagation();\r\n\t\t\t\tonClick();\r\n\t\t\t}}\r\n\t\t/>","clsx(\"w-5 h-5\", {\r\n\t\t\t\t\"fill-gray-400\": disabled,\r\n\t\t\t\t\"fill-gray-500\": !disabled && !error,\r\n\t\t\t\t\"fill-danger-500\": error && !disabled,\r\n\t\t\t})","<FaClock\r\n\t\t\tclassName={clsx(\"w-5 h-5\", {\r\n\t\t\t\t\"fill-gray-400\": disabled,\r\n\t\t\t\t\"fill-gray-500\": !disabled && !error,\r\n\t\t\t\t\"fill-danger-500\": error && !disabled,\r\n\t\t\t})}\r\n\t\t/>","_c","clsx","{\r\n\tid,\r\n\tvalue,\r\n\tshowDoubleView = false,\r\n\tclassNameContainer,\r\n\tclassName,\r\n\tcolor = \"primary\",\r\n\tminDate,\r\n\tmaxDate,\r\n\tshowCalendar = false,\r\n\tloading,\r\n\twidthCalendar,\r\n\tlocale = \"es\",\r\n\tformat = \"MM/dd/yyyy\",\r\n\tdisabled,\r\n\terror,\r\n\tlabel,\r\n\ttouched,\r\n\trequired,\r\n\tonChange,\r\n\tonCloseCalendar,\r\n\tonOpenCalendar,\r\n\ttileDisabled,\r\n\tonClearCalendar,\r\n\tonInvalidChange,\r\n\tonKeyDown,\r\n\tonKeyUp,\r\n\tonBlur,\r\n\ttype = \"date-picker\",\r\n\tsize = \"md\",\r\n\tradius = \"input\",\r\n\ttileContent = null,\r\n\tshowActionButtons = true,\r\n\tpopoverAnimation = \"zoom\",\r\n\tpopoverAlign = \"start\",\r\n\tdayPlaceholder = \"dd\",\r\n\tmonthPlaceholder = \"mm\",\r\n\tyearPlaceholder = \"yyyy\",\r\n}: CalendarProps","showDoubleView = false","color = \"primary\"","showCalendar = false","locale = \"es\"","format = \"MM/dd/yyyy\"","type = \"date-picker\"","size = \"md\"","radius = \"input\"","tileContent = null","showActionButtons = true","popoverAnimation = \"zoom\"","popoverAlign = \"start\"","dayPlaceholder = \"dd\"","monthPlaceholder = \"mm\"","yearPlaceholder = \"yyyy\"","() => {\r\n\t\tif (showDoubleView || widthCalendar) return;\r\n\t\tconst element = document.getElementById(uui);\r\n\r\n\t\tif (element) setMeasuredWidth(element.clientWidth);\r\n\t}","[showDoubleView, uui, widthCalendar]","(value: ValueCalendar) => {\r\n\t\tonChange(value);\r\n\t\tsetShow(false);\r\n\t}","value","() => {\r\n\t\tconst dateNow = new Date();\r\n\r\n\t\tconst date = new Date(dateNow.getFullYear(), dateNow.getMonth(), dateNow.getDate(), 0, 0, 0);\r\n\r\n\t\tif (type === \"date-range-picker\") {\r\n\t\t\thandleChange([date, date]);\r\n\t\t} else {\r\n\t\t\thandleChange(date);\r\n\t\t}\r\n\t}","useCallback((d: Date) => new Date(d.getFullYear(), d.getMonth(), d.getDate(), 0, 0, 0, 0), [])","(d: Date, n: number) => startOfDay(new Date(d.getFullYear(), d.getMonth(), d.getDate() + n))","d","useCallback((d: Date, n: number) => startOfDay(new Date(d.getFullYear(), d.getMonth(), d.getDate() + n)), [startOfDay])","useCallback((d: Date) => new Date(d.getFullYear(), d.getMonth(), 1, 0, 0, 0, 0), [])","useCallback((d: Date) => new Date(d.getFullYear(), d.getMonth() + 1, 0, 23, 59, 59, 999), [])","(a?: Date | null, b?: Date | null) => {\r\n\t\tif (!a || !b) return false;\r\n\t\treturn a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();\r\n\t}","(range?: ValueCalendar, target?: ValueCalendar) => {\r\n\t\tif (!Array.isArray(range) || !Array.isArray(target)) return false;\r\n\t\tconst [r0, r1] = range as (Date | null | undefined)[];\r\n\t\tconst [t0, t1] = target as (Date | null | undefined)[];\r\n\t\treturn isSameDay(r0, t0) && isSameDay(r1, t1);\r\n\t}","t0","t1","useMemo<PresetItem[]>(() => {\r\n\t\t// «Hoy» se calcula al usar el preset, no al memoizar: si el componente sigue montado pasada la medianoche,\r\n\t\t// los atajos no quedan con el día anterior.\r\n\t\tconst today = () => startOfDay(new Date());\r\n\t\tif (type === \"date-picker\") {\r\n\t\t\treturn [\r\n\t\t\t\t{ key: \"today\", label: \"Hoy\", getValue: () => today() },\r\n\t\t\t\t{ key: \"tomorrow\", label: \"Mañana\", getValue: () => addDays(today(), 1) },\r\n\t\t\t\t{ key: \"in7\", label: \"+7 días\", getValue: () => addDays(today(), 7) },\r\n\t\t\t\t{ key: \"in30\", label: \"+30 días\", getValue: () => addDays(today(), 30) },\r\n\t\t\t\t{ key: \"clear\", label: \"Limpiar\", action: () => onChange(null), separator: true },\r\n\t\t\t];\r\n\t\t} else {\r\n\t\t\tconst lastMonth = () => addDays(startOfMonth(today()), -1);\r\n\t\t\tconst nextMonth = () => addDays(endOfMonth(today()), 1);\r\n\r\n\t\t\treturn [\r\n\t\t\t\t{ key: \"today\", label: \"Hoy\", getValue: () => [today(), today()] },\r\n\t\t\t\t{ key: \"last7\", label: \"Últimos 7 días\", getValue: () => [addDays(today(), -6), today()] },\r\n\t\t\t\t{ key: \"next7\", label: \"Próx. 7 días\", getValue: () => [today(), addDays(today(), 6)] },\r\n\t\t\t\t{ key: \"thisMonth\", label: \"Este mes\", getValue: () => [startOfMonth(today()), endOfMonth(today())] },\r\n\t\t\t\t{ key: \"nextMonth\", label: \"Próximo mes\", getValue: () => [startOfMonth(nextMonth()), endOfMonth(nextMonth())] },\r\n\t\t\t\t{ key: \"lastMonth\", label: \"Mes pasado\", getValue: () => [startOfMonth(lastMonth()), endOfMonth(lastMonth())] },\r\n\t\t\t];\r\n\t\t}\r\n\t}, [type, onChange, addDays, startOfDay, startOfMonth, endOfMonth])","() => startOfDay(new Date())","{ key: \"today\", label: \"Hoy\", getValue: () => today() }","{ key: \"tomorrow\", label: \"Mañana\", getValue: () => addDays(today(), 1) }","{ key: \"in7\", label: \"+7 días\", getValue: () => addDays(today(), 7) }","{ key: \"in30\", label: \"+30 días\", getValue: () => addDays(today(), 30) }","[\r\n\t\t\t\t{ key: \"today\", label: \"Hoy\", getValue: () => today() },\r\n\t\t\t\t{ key: \"tomorrow\", label: \"Mañana\", getValue: () => addDays(today(), 1) },\r\n\t\t\t\t{ key: \"in7\", label: \"+7 días\", getValue: () => addDays(today(), 7) },\r\n\t\t\t\t{ key: \"in30\", label: \"+30 días\", getValue: () => addDays(today(), 30) },\r\n\t\t\t\t{ key: \"clear\", label: \"Limpiar\", action: () => onChange(null), separator: true },\r\n\t\t\t]","() => addDays(startOfMonth(today()), -1)","() => addDays(endOfMonth(today()), 1)","{ key: \"today\", label: \"Hoy\", getValue: () => [today(), today()] }","{ key: \"last7\", label: \"Últimos 7 días\", getValue: () => [addDays(today(), -6), today()] }","{ key: \"next7\", label: \"Próx. 7 días\", getValue: () => [today(), addDays(today(), 6)] }","{ key: \"thisMonth\", label: \"Este mes\", getValue: () => [startOfMonth(today()), endOfMonth(today())] }","{ key: \"nextMonth\", label: \"Próximo mes\", getValue: () => [startOfMonth(nextMonth()), endOfMonth(nextMonth())] }","[\r\n\t\t\t\t{ key: \"today\", label: \"Hoy\", getValue: () => [today(), today()] },\r\n\t\t\t\t{ key: \"last7\", label: \"Últimos 7 días\", getValue: () => [addDays(today(), -6), today()] },\r\n\t\t\t\t{ key: \"next7\", label: \"Próx. 7 días\", getValue: () => [today(), addDays(today(), 6)] },\r\n\t\t\t\t{ key: \"thisMonth\", label: \"Este mes\", getValue: () => [startOfMonth(today()), endOfMonth(today())] },\r\n\t\t\t\t{ key: \"nextMonth\", label: \"Próximo mes\", getValue: () => [startOfMonth(nextMonth()), endOfMonth(nextMonth())] },\r\n\t\t\t\t{ key: \"lastMonth\", label: \"Mes pasado\", getValue: () => [startOfMonth(lastMonth()), endOfMonth(lastMonth())] },\r\n\t\t\t]","(preset: PresetItem) => {\r\n\t\tif (preset.getValue) {\r\n\t\t\tconst pv = preset.getValue();\r\n\t\t\tif (type === \"date-picker\") {\r\n\t\t\t\treturn !Array.isArray(value) && !Array.isArray(pv) && isSameDay(value as Date | null, pv as Date | null);\r\n\t\t\t} else {\r\n\t\t\t\treturn Array.isArray(value) && Array.isArray(pv) && isSameRange(value, pv);\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn false;\r\n\t}","(preset: PresetItem) => {\r\n\t\tif (preset.action) {\r\n\t\t\tpreset.action();\r\n\t\t\tsetShow(false);\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tif (preset.getValue) {\r\n\t\t\tconst v = preset.getValue();\r\n\t\t\tonChange(v);\r\n\t\t\tsetShow(false);\r\n\t\t}\r\n\t}","preset","() => {\r\n\t\tif (disabled) return;\r\n\r\n\t\tsetShow(false);\r\n\r\n\t\tif (onCloseCalendar) onCloseCalendar();\r\n\t}","() => {\r\n\t\tif (disabled) return;\r\n\r\n\t\tconst status = !show;\r\n\t\tsetShow(status);\r\n\r\n\t\tif (status && onOpenCalendar) onOpenCalendar();\r\n\t\telse if (onCloseCalendar) onCloseCalendar();\r\n\t}","() => {\r\n\t\tif (disabled) return;\r\n\r\n\t\tif (onClearCalendar) return onClearCalendar();\r\n\r\n\t\tonChange(null);\r\n\t}","cn(\"form-control-label block font-normal text-sm text-foreground dark:text-default-600 mb-1\", {\r\n\t\t\"text-danger\": isInvalid,\r\n\t})","{\r\n\t\t\t\tzIndex: \"100\",\r\n\t\t\t}","show.toString()","showDoubleView.toString()","loading ? /*  <Loading size=\"sm\" color=\"secondary\" /> */ <p>loading</p> : null","showActionButtons && (\r\n\t\t\t\t\t\t\t<div className=\"w-[150px] border-r border-default-100 px-2 py-3 flex flex-col gap-0.5 overflow-y-auto max-h-[360px]\">\r\n\t\t\t\t\t\t\t\t<span className=\"px-2 text-xs font-medium text-default-400 mb-1 select-none uppercase tracking-wide\">Atajos</span>\r\n\t\t\t\t\t\t\t\t{presets.map((p) => {\r\n\t\t\t\t\t\t\t\t\tconst active = isPresetActive(p);\r\n\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\t\tkey={p.key}\r\n\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => handlePresetClick(p)}\r\n\t\t\t\t\t\t\t\t\t\t\tclassName={twMerge(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\"text-left rounded-full px-3 py-1.5 text-sm w-full cursor-pointer transition-colors\",\r\n\t\t\t\t\t\t\t\t\t\t\t\tactive ? \"bg-primary/15 text-primary font-medium\" : \"bg-transparent hover:bg-default-100\",\r\n\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\tdata-active={active || undefined}\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t{p.label}\r\n\t\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\t<div className=\"mt-2 pt-2 border-t border-default-100 flex flex-col gap-1\">\r\n\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\t\t\tonClick={handleChangeToDay}\r\n\t\t\t\t\t\t\t\t\t\tclassName=\"text-left rounded-full px-3 py-1.5 text-sm w-full cursor-pointer bg-transparent hover:bg-default-100 transition-colors\"\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\tIr a hoy (Cerrar)\r\n\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)","<ChevronLeft aria-hidden className=\"size-4\" strokeWidth={2.25} />","<ChevronRight aria-hidden className=\"size-4\" strokeWidth={2.25} />","<CalendarComponent\r\n\t\t\t\t\t\t\tvalue={value}\r\n\t\t\t\t\t\t\tonChange={handleChange}\r\n\t\t\t\t\t\t\tlocale={locale}\r\n\t\t\t\t\t\t\tshowDoubleView={showDoubleView}\r\n\t\t\t\t\t\t\tcalendarType=\"gregory\"\r\n\t\t\t\t\t\t\tminDate={minDate}\r\n\t\t\t\t\t\t\tmaxDate={maxDate}\r\n\t\t\t\t\t\t\ttileDisabled={tileDisabled}\r\n\t\t\t\t\t\t\tselectRange={type === \"date-range-picker\"}\r\n\t\t\t\t\t\t\treturnValue={type === \"date-range-picker\" ? \"range\" : \"start\"}\r\n\t\t\t\t\t\t\tformatMonthYear={formatMonthYearLabel}\r\n\t\t\t\t\t\t\tprevLabel={<ChevronLeft aria-hidden className=\"size-4\" strokeWidth={2.25} />}\r\n\t\t\t\t\t\t\tnextLabel={<ChevronRight aria-hidden className=\"size-4\" strokeWidth={2.25} />}\r\n\t\t\t\t\t\t\tprevAriaLabel={locale === \"es\" ? \"Mes anterior\" : \"Previous month\"}\r\n\t\t\t\t\t\t\tnextAriaLabel={locale === \"es\" ? \"Mes siguiente\" : \"Next month\"}\r\n\t\t\t\t\t\t\ttileContent={tileContent}\r\n\t\t\t\t\t\t/>","type === \"date-range-picker\"","type === \"date-range-picker\" ? \"range\" : \"start\"","locale === \"es\" ? \"Mes anterior\" : \"Previous month\"","locale === \"es\" ? \"Mes siguiente\" : \"Next month\"","<div className=\"w-full relative flex gap-2\">\r\n\t\t\t\t\t\t{showActionButtons && (\r\n\t\t\t\t\t\t\t<div className=\"w-[150px] border-r border-default-100 px-2 py-3 flex flex-col gap-0.5 overflow-y-auto max-h-[360px]\">\r\n\t\t\t\t\t\t\t\t<span className=\"px-2 text-xs font-medium text-default-400 mb-1 select-none uppercase tracking-wide\">Atajos</span>\r\n\t\t\t\t\t\t\t\t{presets.map((p) => {\r\n\t\t\t\t\t\t\t\t\tconst active = isPresetActive(p);\r\n\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\t\tkey={p.key}\r\n\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => handlePresetClick(p)}\r\n\t\t\t\t\t\t\t\t\t\t\tclassName={twMerge(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\"text-left rounded-full px-3 py-1.5 text-sm w-full cursor-pointer transition-colors\",\r\n\t\t\t\t\t\t\t\t\t\t\t\tactive ? \"bg-primary/15 text-primary font-medium\" : \"bg-transparent hover:bg-default-100\",\r\n\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\tdata-active={active || undefined}\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t{p.label}\r\n\t\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\t<div className=\"mt-2 pt-2 border-t border-default-100 flex flex-col gap-1\">\r\n\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\t\t\tonClick={handleChangeToDay}\r\n\t\t\t\t\t\t\t\t\t\tclassName=\"text-left rounded-full px-3 py-1.5 text-sm w-full cursor-pointer bg-transparent hover:bg-default-100 transition-colors\"\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\tIr a hoy (Cerrar)\r\n\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t<CalendarComponent\r\n\t\t\t\t\t\t\tvalue={value}\r\n\t\t\t\t\t\t\tonChange={handleChange}\r\n\t\t\t\t\t\t\tlocale={locale}\r\n\t\t\t\t\t\t\tshowDoubleView={showDoubleView}\r\n\t\t\t\t\t\t\tcalendarType=\"gregory\"\r\n\t\t\t\t\t\t\tminDate={minDate}\r\n\t\t\t\t\t\t\tmaxDate={maxDate}\r\n\t\t\t\t\t\t\ttileDisabled={tileDisabled}\r\n\t\t\t\t\t\t\tselectRange={type === \"date-range-picker\"}\r\n\t\t\t\t\t\t\treturnValue={type === \"date-range-picker\" ? \"range\" : \"start\"}\r\n\t\t\t\t\t\t\tformatMonthYear={formatMonthYearLabel}\r\n\t\t\t\t\t\t\tprevLabel={<ChevronLeft aria-hidden className=\"size-4\" strokeWidth={2.25} />}\r\n\t\t\t\t\t\t\tnextLabel={<ChevronRight aria-hidden className=\"size-4\" strokeWidth={2.25} />}\r\n\t\t\t\t\t\t\tprevAriaLabel={locale === \"es\" ? \"Mes anterior\" : \"Previous month\"}\r\n\t\t\t\t\t\t\tnextAriaLabel={locale === \"es\" ? \"Mes siguiente\" : \"Next month\"}\r\n\t\t\t\t\t\t\ttileContent={tileContent}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</div>","<CalendarStyle\r\n\t\t\t\t\tcolor={color}\r\n\t\t\t\t\tshowcalendar={show.toString()}\r\n\t\t\t\t\twidthcalendar={calendarWidth}\r\n\t\t\t\t\tshowdoubleview={showDoubleView.toString()}\r\n\t\t\t\t\tclassName=\"shadow-medium bg-content1 rounded-2xl overflow-hidden\"\r\n\t\t\t\t\tradius={radius}\r\n\t\t\t\t>\r\n\t\t\t\t\t{loading ? /*  <Loading size=\"sm\" color=\"secondary\" /> */ <p>loading</p> : null}\r\n\t\t\t\t\t<div className=\"w-full relative flex gap-2\">\r\n\t\t\t\t\t\t{showActionButtons && (\r\n\t\t\t\t\t\t\t<div className=\"w-[150px] border-r border-default-100 px-2 py-3 flex flex-col gap-0.5 overflow-y-auto max-h-[360px]\">\r\n\t\t\t\t\t\t\t\t<span className=\"px-2 text-xs font-medium text-default-400 mb-1 select-none uppercase tracking-wide\">Atajos</span>\r\n\t\t\t\t\t\t\t\t{presets.map((p) => {\r\n\t\t\t\t\t\t\t\t\tconst active = isPresetActive(p);\r\n\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\t\tkey={p.key}\r\n\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => handlePresetClick(p)}\r\n\t\t\t\t\t\t\t\t\t\t\tclassName={twMerge(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\"text-left rounded-full px-3 py-1.5 text-sm w-full cursor-pointer transition-colors\",\r\n\t\t\t\t\t\t\t\t\t\t\t\tactive ? \"bg-primary/15 text-primary font-medium\" : \"bg-transparent hover:bg-default-100\",\r\n\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\tdata-active={active || undefined}\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t{p.label}\r\n\t\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\t<div className=\"mt-2 pt-2 border-t border-default-100 flex flex-col gap-1\">\r\n\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\t\t\tonClick={handleChangeToDay}\r\n\t\t\t\t\t\t\t\t\t\tclassName=\"text-left rounded-full px-3 py-1.5 text-sm w-full cursor-pointer bg-transparent hover:bg-default-100 transition-colors\"\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\tIr a hoy (Cerrar)\r\n\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t<CalendarComponent\r\n\t\t\t\t\t\t\tvalue={value}\r\n\t\t\t\t\t\t\tonChange={handleChange}\r\n\t\t\t\t\t\t\tlocale={locale}\r\n\t\t\t\t\t\t\tshowDoubleView={showDoubleView}\r\n\t\t\t\t\t\t\tcalendarType=\"gregory\"\r\n\t\t\t\t\t\t\tminDate={minDate}\r\n\t\t\t\t\t\t\tmaxDate={maxDate}\r\n\t\t\t\t\t\t\ttileDisabled={tileDisabled}\r\n\t\t\t\t\t\t\tselectRange={type === \"date-range-picker\"}\r\n\t\t\t\t\t\t\treturnValue={type === \"date-range-picker\" ? \"range\" : \"start\"}\r\n\t\t\t\t\t\t\tformatMonthYear={formatMonthYearLabel}\r\n\t\t\t\t\t\t\tprevLabel={<ChevronLeft aria-hidden className=\"size-4\" strokeWidth={2.25} />}\r\n\t\t\t\t\t\t\tnextLabel={<ChevronRight aria-hidden className=\"size-4\" strokeWidth={2.25} />}\r\n\t\t\t\t\t\t\tprevAriaLabel={locale === \"es\" ? \"Mes anterior\" : \"Previous month\"}\r\n\t\t\t\t\t\t\tnextAriaLabel={locale === \"es\" ? \"Mes siguiente\" : \"Next month\"}\r\n\t\t\t\t\t\t\ttileContent={tileContent}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</CalendarStyle>","[\"bottom\", \"top\"]","twMerge(classNameContainer, \"relative date-picker-component-container\")","label && (\r\n\t\t\t\t\t<label htmlFor={resolvedId} className={labelClass}>\r\n\t\t\t\t\t\t{label} {required && <span className=\"text-danger\">*</span>}\r\n\t\t\t\t\t</label>\r\n\t\t\t\t)","type === \"date-picker\" ? (\r\n\t\t\t\t\t<DatePicker\r\n\t\t\t\t\t\tid={resolvedId}\r\n\t\t\t\t\t\tvalue={value}\r\n\t\t\t\t\t\tonChange={onChange}\r\n\t\t\t\t\t\tcalendarIcon={<IconCalendar disabled={disabled} error={error} />}\r\n\t\t\t\t\t\tshouldOpenCalendar={() => false}\r\n\t\t\t\t\t\tclassName={twMerge(\"w-full h-input-default\", className)}\r\n\t\t\t\t\t\tformat={format}\r\n\t\t\t\t\t\tlocale={locale}\r\n\t\t\t\t\t\tshowLeadingZeros\r\n\t\t\t\t\t\tclearIcon={<IconCloseCalendar disabled={disabled} error={error} onClick={handleClearCalendar} />}\r\n\t\t\t\t\t\tminDate={minDate}\r\n\t\t\t\t\t\tmaxDate={maxDate}\r\n\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\tonInvalidChange={onInvalidChange}\r\n\t\t\t\t\t\tisOpen={false}\r\n\t\t\t\t\t\tonKeyDown={onKeyDown}\r\n\t\t\t\t\t\tonKeyUp={onKeyUp}\r\n\t\t\t\t\t\tonBlur={onBlur}\r\n\t\t\t\t\t\tdayPlaceholder={dayPlaceholder}\r\n\t\t\t\t\t\tmonthPlaceholder={monthPlaceholder}\r\n\t\t\t\t\t\tyearPlaceholder={yearPlaceholder}\r\n\t\t\t\t\t/>\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<DateRangePicker\r\n\t\t\t\t\t\tid={resolvedId}\r\n\t\t\t\t\t\tvalue={value}\r\n\t\t\t\t\t\tonChange={onChange}\r\n\t\t\t\t\t\tcalendarIcon={<IconCalendar disabled={disabled} error={error} />}\r\n\t\t\t\t\t\tshouldOpenCalendar={() => false}\r\n\t\t\t\t\t\tclassName={twMerge(\"w-full\", className)}\r\n\t\t\t\t\t\tformat={format}\r\n\t\t\t\t\t\tlocale={locale}\r\n\t\t\t\t\t\tshowLeadingZeros\r\n\t\t\t\t\t\tclearIcon={<IconCloseCalendar disabled={disabled} error={error} onClick={handleClearCalendar} />}\r\n\t\t\t\t\t\tminDate={minDate}\r\n\t\t\t\t\t\tmaxDate={maxDate}\r\n\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\tonInvalidChange={onInvalidChange}\r\n\t\t\t\t\t\tisOpen={false}\r\n\t\t\t\t\t\tonKeyDown={onKeyDown}\r\n\t\t\t\t\t\tonKeyUp={onKeyUp}\r\n\t\t\t\t\t\tdayPlaceholder={dayPlaceholder}\r\n\t\t\t\t\t\tmonthPlaceholder={monthPlaceholder}\r\n\t\t\t\t\t\tyearPlaceholder={yearPlaceholder}\r\n\t\t\t\t\t/>\r\n\t\t\t\t)","() => false","!disabled && error ? <LabelError text={error} /> : null","<CalendarStyle\r\n\t\t\t\tcolor={color}\r\n\t\t\t\tclassName={twMerge(classNameContainer, \"relative date-picker-component-container\")}\r\n\t\t\t\tonClick={handleOpenCalendar}\r\n\t\t\t\tshowcalendar={show.toString()}\r\n\t\t\t\tid={uui}\r\n\t\t\t\twidthcalendar={calendarWidth}\r\n\t\t\t\tshowdoubleview={showDoubleView.toString()}\r\n\t\t\t\terror={error}\r\n\t\t\t\tsize={size}\r\n\t\t\t\tradius={radius}\r\n\t\t\t>\r\n\t\t\t\t{label && (\r\n\t\t\t\t\t<label htmlFor={resolvedId} className={labelClass}>\r\n\t\t\t\t\t\t{label} {required && <span className=\"text-danger\">*</span>}\r\n\t\t\t\t\t</label>\r\n\t\t\t\t)}\r\n\t\t\t\t{type === \"date-picker\" ? (\r\n\t\t\t\t\t<DatePicker\r\n\t\t\t\t\t\tid={resolvedId}\r\n\t\t\t\t\t\tvalue={value}\r\n\t\t\t\t\t\tonChange={onChange}\r\n\t\t\t\t\t\tcalendarIcon={<IconCalendar disabled={disabled} error={error} />}\r\n\t\t\t\t\t\tshouldOpenCalendar={() => false}\r\n\t\t\t\t\t\tclassName={twMerge(\"w-full h-input-default\", className)}\r\n\t\t\t\t\t\tformat={format}\r\n\t\t\t\t\t\tlocale={locale}\r\n\t\t\t\t\t\tshowLeadingZeros\r\n\t\t\t\t\t\tclearIcon={<IconCloseCalendar disabled={disabled} error={error} onClick={handleClearCalendar} />}\r\n\t\t\t\t\t\tminDate={minDate}\r\n\t\t\t\t\t\tmaxDate={maxDate}\r\n\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\tonInvalidChange={onInvalidChange}\r\n\t\t\t\t\t\tisOpen={false}\r\n\t\t\t\t\t\tonKeyDown={onKeyDown}\r\n\t\t\t\t\t\tonKeyUp={onKeyUp}\r\n\t\t\t\t\t\tonBlur={onBlur}\r\n\t\t\t\t\t\tdayPlaceholder={dayPlaceholder}\r\n\t\t\t\t\t\tmonthPlaceholder={monthPlaceholder}\r\n\t\t\t\t\t\tyearPlaceholder={yearPlaceholder}\r\n\t\t\t\t\t/>\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<DateRangePicker\r\n\t\t\t\t\t\tid={resolvedId}\r\n\t\t\t\t\t\tvalue={value}\r\n\t\t\t\t\t\tonChange={onChange}\r\n\t\t\t\t\t\tcalendarIcon={<IconCalendar disabled={disabled} error={error} />}\r\n\t\t\t\t\t\tshouldOpenCalendar={() => false}\r\n\t\t\t\t\t\tclassName={twMerge(\"w-full\", className)}\r\n\t\t\t\t\t\tformat={format}\r\n\t\t\t\t\t\tlocale={locale}\r\n\t\t\t\t\t\tshowLeadingZeros\r\n\t\t\t\t\t\tclearIcon={<IconCloseCalendar disabled={disabled} error={error} onClick={handleClearCalendar} />}\r\n\t\t\t\t\t\tminDate={minDate}\r\n\t\t\t\t\t\tmaxDate={maxDate}\r\n\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\tonInvalidChange={onInvalidChange}\r\n\t\t\t\t\t\tisOpen={false}\r\n\t\t\t\t\t\tonKeyDown={onKeyDown}\r\n\t\t\t\t\t\tonKeyUp={onKeyUp}\r\n\t\t\t\t\t\tdayPlaceholder={dayPlaceholder}\r\n\t\t\t\t\t\tmonthPlaceholder={monthPlaceholder}\r\n\t\t\t\t\t\tyearPlaceholder={yearPlaceholder}\r\n\t\t\t\t\t/>\r\n\t\t\t\t)}\r\n\r\n\t\t\t\t{!disabled && error ? <LabelError text={error} /> : null}\r\n\t\t\t</CalendarStyle>","<Popover\r\n\t\t\tisOpen={show}\r\n\t\t\tanimation={popoverAnimation}\r\n\t\t\tcontainerStyle={{\r\n\t\t\t\tzIndex: \"100\",\r\n\t\t\t}}\r\n\t\t\talign={popoverAlign}\r\n\t\t\tcontent={\r\n\t\t\t\t<CalendarStyle\r\n\t\t\t\t\tcolor={color}\r\n\t\t\t\t\tshowcalendar={show.toString()}\r\n\t\t\t\t\twidthcalendar={calendarWidth}\r\n\t\t\t\t\tshowdoubleview={showDoubleView.toString()}\r\n\t\t\t\t\tclassName=\"shadow-medium bg-content1 rounded-2xl overflow-hidden\"\r\n\t\t\t\t\tradius={radius}\r\n\t\t\t\t>\r\n\t\t\t\t\t{loading ? /*  <Loading size=\"sm\" color=\"secondary\" /> */ <p>loading</p> : null}\r\n\t\t\t\t\t<div className=\"w-full relative flex gap-2\">\r\n\t\t\t\t\t\t{showActionButtons && (\r\n\t\t\t\t\t\t\t<div className=\"w-[150px] border-r border-default-100 px-2 py-3 flex flex-col gap-0.5 overflow-y-auto max-h-[360px]\">\r\n\t\t\t\t\t\t\t\t<span className=\"px-2 text-xs font-medium text-default-400 mb-1 select-none uppercase tracking-wide\">Atajos</span>\r\n\t\t\t\t\t\t\t\t{presets.map((p) => {\r\n\t\t\t\t\t\t\t\t\tconst active = isPresetActive(p);\r\n\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\t\tkey={p.key}\r\n\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => handlePresetClick(p)}\r\n\t\t\t\t\t\t\t\t\t\t\tclassName={twMerge(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\"text-left rounded-full px-3 py-1.5 text-sm w-full cursor-pointer transition-colors\",\r\n\t\t\t\t\t\t\t\t\t\t\t\tactive ? \"bg-primary/15 text-primary font-medium\" : \"bg-transparent hover:bg-default-100\",\r\n\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\tdata-active={active || undefined}\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t{p.label}\r\n\t\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\t<div className=\"mt-2 pt-2 border-t border-default-100 flex flex-col gap-1\">\r\n\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\t\t\tonClick={handleChangeToDay}\r\n\t\t\t\t\t\t\t\t\t\tclassName=\"text-left rounded-full px-3 py-1.5 text-sm w-full cursor-pointer bg-transparent hover:bg-default-100 transition-colors\"\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\tIr a hoy (Cerrar)\r\n\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t<CalendarComponent\r\n\t\t\t\t\t\t\tvalue={value}\r\n\t\t\t\t\t\t\tonChange={handleChange}\r\n\t\t\t\t\t\t\tlocale={locale}\r\n\t\t\t\t\t\t\tshowDoubleView={showDoubleView}\r\n\t\t\t\t\t\t\tcalendarType=\"gregory\"\r\n\t\t\t\t\t\t\tminDate={minDate}\r\n\t\t\t\t\t\t\tmaxDate={maxDate}\r\n\t\t\t\t\t\t\ttileDisabled={tileDisabled}\r\n\t\t\t\t\t\t\tselectRange={type === \"date-range-picker\"}\r\n\t\t\t\t\t\t\treturnValue={type === \"date-range-picker\" ? \"range\" : \"start\"}\r\n\t\t\t\t\t\t\tformatMonthYear={formatMonthYearLabel}\r\n\t\t\t\t\t\t\tprevLabel={<ChevronLeft aria-hidden className=\"size-4\" strokeWidth={2.25} />}\r\n\t\t\t\t\t\t\tnextLabel={<ChevronRight aria-hidden className=\"size-4\" strokeWidth={2.25} />}\r\n\t\t\t\t\t\t\tprevAriaLabel={locale === \"es\" ? \"Mes anterior\" : \"Previous month\"}\r\n\t\t\t\t\t\t\tnextAriaLabel={locale === \"es\" ? \"Mes siguiente\" : \"Next month\"}\r\n\t\t\t\t\t\t\ttileContent={tileContent}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</CalendarStyle>\r\n\t\t\t}\r\n\t\t\tpositions={[\"bottom\", \"top\"]}\r\n\t\t\treposition\r\n\t\t\tonClickOutside={handleCloseCalendar}\r\n\t\t\tclickOutsideCapture={true}\r\n\t\t>\r\n\t\t\t<CalendarStyle\r\n\t\t\t\tcolor={color}\r\n\t\t\t\tclassName={twMerge(classNameContainer, \"relative date-picker-component-container\")}\r\n\t\t\t\tonClick={handleOpenCalendar}\r\n\t\t\t\tshowcalendar={show.toString()}\r\n\t\t\t\tid={uui}\r\n\t\t\t\twidthcalendar={calendarWidth}\r\n\t\t\t\tshowdoubleview={showDoubleView.toString()}\r\n\t\t\t\terror={error}\r\n\t\t\t\tsize={size}\r\n\t\t\t\tradius={radius}\r\n\t\t\t>\r\n\t\t\t\t{label && (\r\n\t\t\t\t\t<label htmlFor={resolvedId} className={labelClass}>\r\n\t\t\t\t\t\t{label} {required && <span className=\"text-danger\">*</span>}\r\n\t\t\t\t\t</label>\r\n\t\t\t\t)}\r\n\t\t\t\t{type === \"date-picker\" ? (\r\n\t\t\t\t\t<DatePicker\r\n\t\t\t\t\t\tid={resolvedId}\r\n\t\t\t\t\t\tvalue={value}\r\n\t\t\t\t\t\tonChange={onChange}\r\n\t\t\t\t\t\tcalendarIcon={<IconCalendar disabled={disabled} error={error} />}\r\n\t\t\t\t\t\tshouldOpenCalendar={() => false}\r\n\t\t\t\t\t\tclassName={twMerge(\"w-full h-input-default\", className)}\r\n\t\t\t\t\t\tformat={format}\r\n\t\t\t\t\t\tlocale={locale}\r\n\t\t\t\t\t\tshowLeadingZeros\r\n\t\t\t\t\t\tclearIcon={<IconCloseCalendar disabled={disabled} error={error} onClick={handleClearCalendar} />}\r\n\t\t\t\t\t\tminDate={minDate}\r\n\t\t\t\t\t\tmaxDate={maxDate}\r\n\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\tonInvalidChange={onInvalidChange}\r\n\t\t\t\t\t\tisOpen={false}\r\n\t\t\t\t\t\tonKeyDown={onKeyDown}\r\n\t\t\t\t\t\tonKeyUp={onKeyUp}\r\n\t\t\t\t\t\tonBlur={onBlur}\r\n\t\t\t\t\t\tdayPlaceholder={dayPlaceholder}\r\n\t\t\t\t\t\tmonthPlaceholder={monthPlaceholder}\r\n\t\t\t\t\t\tyearPlaceholder={yearPlaceholder}\r\n\t\t\t\t\t/>\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<DateRangePicker\r\n\t\t\t\t\t\tid={resolvedId}\r\n\t\t\t\t\t\tvalue={value}\r\n\t\t\t\t\t\tonChange={onChange}\r\n\t\t\t\t\t\tcalendarIcon={<IconCalendar disabled={disabled} error={error} />}\r\n\t\t\t\t\t\tshouldOpenCalendar={() => false}\r\n\t\t\t\t\t\tclassName={twMerge(\"w-full\", className)}\r\n\t\t\t\t\t\tformat={format}\r\n\t\t\t\t\t\tlocale={locale}\r\n\t\t\t\t\t\tshowLeadingZeros\r\n\t\t\t\t\t\tclearIcon={<IconCloseCalendar disabled={disabled} error={error} onClick={handleClearCalendar} />}\r\n\t\t\t\t\t\tminDate={minDate}\r\n\t\t\t\t\t\tmaxDate={maxDate}\r\n\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\tonInvalidChange={onInvalidChange}\r\n\t\t\t\t\t\tisOpen={false}\r\n\t\t\t\t\t\tonKeyDown={onKeyDown}\r\n\t\t\t\t\t\tonKeyUp={onKeyUp}\r\n\t\t\t\t\t\tdayPlaceholder={dayPlaceholder}\r\n\t\t\t\t\t\tmonthPlaceholder={monthPlaceholder}\r\n\t\t\t\t\t\tyearPlaceholder={yearPlaceholder}\r\n\t\t\t\t\t/>\r\n\t\t\t\t)}\r\n\r\n\t\t\t\t{!disabled && error ? <LabelError text={error} /> : null}\r\n\t\t\t</CalendarStyle>\r\n\t\t</Popover>","_c"],"sources":["../../src/components/calendar/icon/icon-calendar.tsx","../../src/components/calendar/date-picker/date-picker.style.ts","../../src/components/calendar/date-picker/date-picker.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { FaClock, FaCalendar } from \"react-icons/fa\";\r\nimport { MdOutlineClose } from \"react-icons/md\";\r\n\r\nexport interface IconCalendarProps {\r\n\tdisabled?: boolean;\r\n\terror?: string;\r\n}\r\nexport interface IconCloseProps extends IconCalendarProps {\r\n\tonClick: () => void;\r\n}\r\n\r\nexport const IconCalendar = ({ disabled, error }: IconCalendarProps) => {\r\n\treturn (\r\n\t\t<FaCalendar\r\n\t\t\tclassName={clsx({\r\n\t\t\t\t\"fill-gray-400\": disabled,\r\n\t\t\t\t\"fill-gray-500\": !disabled && !error,\r\n\t\t\t\t\"fill-red-500\": error && !disabled,\r\n\t\t\t})}\r\n\t\t/>\r\n\t);\r\n};\r\n\r\nexport const IconCloseCalendar = ({ disabled, error, onClick }: IconCloseProps) => {\r\n\treturn (\r\n\t\t<MdOutlineClose\r\n\t\t\tclassName={clsx(\"w-5 h-5\", {\r\n\t\t\t\t\"fill-gray-400\": disabled,\r\n\t\t\t\t\"fill-gray-500\": !disabled && !error,\r\n\t\t\t\t\"fill-red-500\": error && !disabled,\r\n\t\t\t})}\r\n\t\t\tonClick={(e) => {\r\n\t\t\t\te.stopPropagation();\r\n\t\t\t\tonClick();\r\n\t\t\t}}\r\n\t\t/>\r\n\t);\r\n};\r\n\r\nexport const IconTimeCalendar = ({ disabled, error }: IconCalendarProps) => {\r\n\treturn (\r\n\t\t<FaClock\r\n\t\t\tclassName={clsx(\"w-5 h-5\", {\r\n\t\t\t\t\"fill-gray-400\": disabled,\r\n\t\t\t\t\"fill-gray-500\": !disabled && !error,\r\n\t\t\t\t\"fill-danger-500\": error && !disabled,\r\n\t\t\t})}\r\n\t\t/>\r\n\t);\r\n};\r\n","import type { ColorProps, ExcludeType, RadiusProps, SizeProps } from \"@/types\";\r\nimport styled, { css } from \"styled-components\";\r\n\r\nexport const CalendarStyle = styled.div<{\r\n\tcolor?: ExcludeType<ColorProps, \"secondary\">;\r\n\tshowcalendar: string;\r\n\twidthcalendar: number;\r\n\tshowdoubleview: string;\r\n\terror?: string;\r\n\tsize?: ExcludeType<SizeProps, \"xs\">;\r\n\tradius?: RadiusProps;\r\n}>`\r\n\tposition: relative;\r\n\r\n\tinput[type=\"number\"]::-webkit-inner-spin-button,\r\n\tinput[type=\"number\"]::-webkit-outer-spin-button {\r\n\t\t-webkit-appearance: none;\r\n\t\tmargin: 0;\r\n\t}\r\n\r\n\tinput[type=\"number\"] {\r\n\t\t-moz-appearance: none;\r\n\t\tappearance: none;\r\n\t}\r\n\r\n\t.react-daterange-picker--disabled,\r\n\t.react-date-picker--disabled {\r\n\t\tborder-radius: 6px;\r\n\t}\r\n\r\n\t.react-date-picker--disabled .react-date-picker__wrapper,\r\n\t.react-daterange-picker--disabled .react-daterange-picker__wrapper {\r\n\t\tborder: 1px solid var(--color-gray-300);\r\n\t\tbox-shadow: inherit !important;\r\n\t\tbackground-color: var(--color-gray-50);\r\n\t}\r\n\r\n\t.react-date-picker__inputGroup__input,\r\n\t.react-date-picker__inputGroup__divider,\r\n\t.react-date-picker__inputGroup__leadingZero,\r\n\t.react-daterange-picker__inputGroup__input,\r\n\t.react-daterange-picker__inputGroup__divider,\r\n\t.react-daterange-picker__inputGroup__leadingZero,\r\n\t.react-daterange-picker__range-divider {\r\n\t\tfont-size: 14px;\r\n\t\tcolor: ${({ error }) => (error ? \"var(--color-danger)\" : \"var(--color-gray-500)\")};\r\n\t\toutline: none;\r\n\t\tborder: 0px;\r\n\t}\r\n\r\n\t.react-date-picker__inputGroup__input:invalid,\r\n\t.react-daterange-picker__inputGroup__input:invalid {\r\n\t\tcolor: var(--color-danger);\r\n\t}\r\n\r\n\t.react-date-picker__wrapper,\r\n\t.react-daterange-picker__wrapper {\r\n\t\tmin-height: var(--input-default);\r\n\t\tpadding-right: 8px;\r\n\t\tpadding-left: 8px;\r\n\t\tborder: 1px solid var(--input);\r\n\t\tborder-radius: ${({ radius }) => {\r\n\t\t\tlet radiusInput = \"var(--radius-md)\";\r\n\r\n\t\t\tif (radius === \"lg\") {\r\n\t\t\t\tradiusInput = \"var(--radius-lg)\";\r\n\t\t\t}\r\n\r\n\t\t\tif (radius === \"sm\") {\r\n\t\t\t\tradiusInput = \"var(--radius-sm)\";\r\n\t\t\t}\r\n\r\n\t\t\tif (radius === \"xs\") {\r\n\t\t\t\tradiusInput = \"var(--radius-xs)\";\r\n\t\t\t}\r\n\r\n\t\t\tif (radius === \"full\") {\r\n\t\t\t\tradiusInput = \"calc(infinity * 1px)\";\r\n\t\t\t}\r\n\r\n\t\t\tif (radius === \"none\") {\r\n\t\t\t\tradiusInput = \"0px\";\r\n\t\t\t}\r\n\r\n\t\t\tif (radius === \"input\") {\r\n\t\t\t\tradiusInput = \"var(--radius-input)\";\r\n\t\t\t}\r\n\r\n\t\t\treturn radiusInput;\r\n\t\t}};\r\n\t\tbackground-color: var(--select-input-bg);\r\n\t\tdisplay: flex;\r\n\t\tflex-grow: 1;\r\n\t\tflex-shrink: 0;\r\n\r\n\t\t${({ showcalendar, error }) => {\r\n\t\t\tif (error) {\r\n\t\t\t\treturn css`\r\n\t\t\t\t\t/* box-shadow: var(--shadow-inputError); */\r\n\t\t\t\t\tborder-color: var(--color-danger);\r\n\t\t\t\t`;\r\n\t\t\t} else if (showcalendar === \"true\") {\r\n\t\t\t\treturn css`\r\n\t\t\t\t\t/* box-shadow: var(--shadow-inputBase); */\r\n\t\t\t\t\t/* border-color: var(--color-primary-700); */\r\n\t\t\t\t`;\r\n\t\t\t}\r\n\t\t}}\r\n\t\t${({ size }) => {\r\n\t\t\tif (size === \"sm\")\r\n\t\t\t\treturn css`\r\n\t\t\t\t\tpadding-top: 2px;\r\n\t\t\t\t\tpadding-bottom: 2px;\r\n\t\t\t\t`;\r\n\t\t\telse if (size === \"md\")\r\n\t\t\t\treturn css`\r\n\t\t\t\t\tpadding-top: 4px;\r\n\t\t\t\t\tpadding-bottom: 4px;\r\n\t\t\t\t`;\r\n\t\t\telse if (size === \"lg\")\r\n\t\t\t\treturn css`\r\n\t\t\t\t\tpadding-top: 6px;\r\n\t\t\t\t\tpadding-bottom: 6px;\r\n\t\t\t\t`;\r\n\t\t}}\r\n\t}\r\n\r\n\t/* ============== DATE ============== */\r\n\r\n\t.react-date-picker__button {\r\n\t\tpadding: 0;\r\n\t}\r\n\r\n\t.react-date-picker__inputGroup {\r\n\t\tpadding: 0;\r\n\t\torder: 2;\r\n\r\n\t\tbox-sizing: content-box;\r\n\t\tflex-grow: 1;\r\n\t\tmin-width: calc(12px + 3.674em);\r\n\t}\r\n\r\n\t.react-date-picker__calendar-button {\r\n\t\torder: 1;\r\n\t\tmargin-right: 8px;\r\n\t}\r\n\r\n\t.react-date-picker__clear-button {\r\n\t\torder: 3;\r\n\t}\r\n\r\n\t.react-date-picker--disabled .react-date-picker__inputGroup__input,\r\n\t.react-date-picker--disabled .react-date-picker__inputGroup__divider,\r\n\t.react-date-picker--disabled .react-date-picker__inputGroup__leadingZero {\r\n\t\tcolor: var(--color-green-700);\r\n\t}\r\n\r\n\t/* ============ RANGE ============= */\r\n\r\n\t.react-daterange-picker__button {\r\n\t\tpadding: 0;\r\n\t}\r\n\r\n\t.react-daterange-picker__wrapper .react-daterange-picker__inputGroup:first-child {\r\n\t\torder: 2;\r\n\t}\r\n\t.react-daterange-picker__range-divider {\r\n\t\torder: 3;\r\n\t}\r\n\t.react-daterange-picker__wrapper .react-daterange-picker__inputGroup:nth-child(3) {\r\n\t\torder: 4;\r\n\t}\r\n\t.react-daterange-picker__clear-button {\r\n\t\torder: 5;\r\n\t}\r\n\r\n\t.react-daterange-picker__calendar-button {\r\n\t\torder: 1;\r\n\t\tmargin-right: 8px;\r\n\t}\r\n\r\n\t.react-daterange-picker--disabled .react-daterange-picker__inputGroup__input,\r\n\t.react-daterange-picker--disabled .react-date-picker__inputGroup__divider,\r\n\t.react-daterange-picker--disabled .react-daterange-picker__inputGroup__leadingZero,\r\n\t.react-daterange-picker--disabled .react-daterange-picker__range-divider {\r\n\t\tcolor: var(--color-gray-400);\r\n\t}\r\n\r\n\t/* =========== RANGE ============== */\r\n\r\n\t/* .react-date-picker__calendar {\r\n\t\tmax-width: 100vw;\r\n\t\twidth: auto;\r\n\t\tposition: absolute;\r\n\t\ttop: 100%;\r\n\t\tleft: 0;\r\n\t\tz-index: 10px;\r\n\t} */\r\n\r\n\t/* =============================================================================\r\n\t * react-calendar — estilo upstream (calendar.css / range-calendar.css v3)\r\n\t *\r\n\t * Modelo: cada día es la \"pista\" del rango (fondo continuo, sin huecos entre columnas)\r\n\t * y el círculo interactivo vive en ::before. Inicio/fin = círculo sólido, hoy = círculo\r\n\t * suave, hover = círculo neutro. Los extremos de fila y los cortes contra días de otro\r\n\t * mes se redondean para que el rango se lea como una cápsula por semana.\r\n\t *\r\n\t * Los selectores se anidan bajo .react-calendar para ganar en especificidad a\r\n\t * react-calendar/dist/Calendar.css sin depender del orden de carga.\r\n\t * ========================================================================== */\r\n\r\n\t${({ color = \"primary\" }) => {\r\n\t\tconst accents: Record<string, [string, string]> = {\r\n\t\t\tprimary: [\"var(--color-primary)\", \"var(--color-primary-foreground)\"],\r\n\t\t\tsuccess: [\"var(--color-success)\", \"var(--color-success-foreground)\"],\r\n\t\t\twarning: [\"var(--color-warning)\", \"var(--color-warning-foreground)\"],\r\n\t\t\tdanger: [\"var(--color-danger)\", \"var(--color-danger-foreground)\"],\r\n\t\t\tdefault: [\"var(--color-foreground)\", \"var(--color-content1)\"],\r\n\t\t};\r\n\t\tconst [accent, accentForeground] = accents[color] ?? accents.primary;\r\n\r\n\t\treturn css`\r\n\t\t\t--cal-accent: ${accent};\r\n\t\t\t--cal-accent-foreground: ${accentForeground};\r\n\t\t\t--cal-accent-hover: color-mix(in oklab, var(--cal-accent) 88%, black);\r\n\t\t\t--cal-accent-soft: color-mix(in oklab, var(--cal-accent) 14%, transparent);\r\n\t\t\t--cal-accent-soft-hover: color-mix(in oklab, var(--cal-accent) 24%, transparent);\r\n\t\t`;\r\n\t}}\r\n\r\n\t.react-calendar {\r\n\t\t--cal-cell: 36px;\r\n\t\t--cal-gap: 24px;\r\n\t\t--cal-cap: 9999px;\r\n\t\t--cal-edge: 8px;\r\n\t\t--cal-ease: cubic-bezier(0.22, 1, 0.36, 1);\r\n\r\n\t\twidth: calc(var(--cal-cell) * 7 + 24px);\r\n\t\tmax-width: 100%;\r\n\t\tpadding: 12px;\r\n\t\tborder: none;\r\n\t\tbackground: transparent;\r\n\t\tfont-family: inherit;\r\n\t\tline-height: normal;\r\n\t\tcolor: var(--color-foreground);\r\n\r\n\t\t&.react-calendar--doubleView {\r\n\t\t\twidth: calc(var(--cal-cell) * 14 + var(--cal-gap) + 24px);\r\n\t\t}\r\n\r\n\t\tbutton {\r\n\t\t\tfont: inherit;\r\n\t\t}\r\n\r\n\t\t/* ---------------------------------------------------------------- header */\r\n\t\t.react-calendar__navigation {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 2px;\r\n\t\t\theight: auto;\r\n\t\t\tmargin-bottom: 12px;\r\n\t\t\tpadding: 0 2px;\r\n\t\t}\r\n\r\n\t\t.react-calendar__navigation__arrow.react-calendar__navigation__prev2-button,\r\n\t\t.react-calendar__navigation__arrow.react-calendar__navigation__next2-button {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\r\n\t\t/* Título a la izquierda y flechas juntas a la derecha, como upstream. */\r\n\t\t.react-calendar__navigation__label {\r\n\t\t\torder: 0;\r\n\t\t\tflex: 1;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: flex-start;\r\n\t\t\tmin-width: 0;\r\n\t\t\theight: 28px;\r\n\t\t\tpadding: 0 8px;\r\n\t\t\tborder-radius: var(--cal-cap);\r\n\t\t\tbackground: transparent;\r\n\t\t\tfont-size: 14px;\r\n\t\t\tfont-weight: 600;\r\n\t\t\tcolor: var(--color-foreground);\r\n\t\t\ttext-align: left;\r\n\t\t\ttransition: background-color 100ms var(--cal-ease);\r\n\t\t}\r\n\r\n\t\t.react-calendar__navigation__label span {\r\n\t\t\tfont-size: 14px;\r\n\t\t\tfont-weight: 600;\r\n\t\t\tcolor: var(--color-foreground);\r\n\t\t}\r\n\r\n\t\t.react-calendar__navigation__prev-button {\r\n\t\t\torder: 1;\r\n\t\t}\r\n\r\n\t\t.react-calendar__navigation__next-button {\r\n\t\t\torder: 2;\r\n\t\t}\r\n\r\n\t\t.react-calendar__navigation__arrow {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\tflex: none;\r\n\t\t\twidth: 28px;\r\n\t\t\tmin-width: 28px;\r\n\t\t\theight: 28px;\r\n\t\t\tpadding: 0;\r\n\t\t\tborder-radius: var(--cal-cap);\r\n\t\t\tbackground: transparent;\r\n\t\t\tcolor: var(--cal-accent);\r\n\t\t\ttransition:\r\n\t\t\t\tbackground-color 100ms var(--cal-ease),\r\n\t\t\t\ttransform 200ms var(--cal-ease),\r\n\t\t\t\topacity 150ms var(--cal-ease);\r\n\t\t}\r\n\r\n\t\t.react-calendar__navigation button:enabled:focus {\r\n\t\t\tbackground: transparent;\r\n\t\t}\r\n\r\n\t\t@media (hover: hover) {\r\n\t\t\t.react-calendar__navigation button:enabled:hover {\r\n\t\t\t\tbackground-color: var(--color-default-100);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.react-calendar__navigation__arrow:enabled:active {\r\n\t\t\ttransform: scale(0.92);\r\n\t\t}\r\n\r\n\t\t.react-calendar__navigation button:disabled {\r\n\t\t\tbackground: transparent;\r\n\t\t\topacity: 0.35;\r\n\t\t\tcursor: not-allowed;\r\n\t\t}\r\n\r\n\t\t.react-calendar__navigation button:focus-visible {\r\n\t\t\toutline: 2px solid var(--cal-accent);\r\n\t\t\toutline-offset: 1px;\r\n\t\t}\r\n\r\n\t\t/* ------------------------------------------------------------ month view */\r\n\t\t.react-calendar__viewContainer {\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\r\n\t\t&.react-calendar--doubleView .react-calendar__viewContainer {\r\n\t\t\tdisplay: flex;\r\n\t\t\tgap: var(--cal-gap);\r\n\t\t\tmargin: 0;\r\n\r\n\t\t\t> * {\r\n\t\t\t\twidth: auto;\r\n\t\t\t\tflex: 1 1 0;\r\n\t\t\t\tmargin: 0;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.react-calendar__month-view__weekdays {\r\n\t\t\tdisplay: grid !important;\r\n\t\t\tgrid-template-columns: repeat(7, var(--cal-cell));\r\n\t\t\tmargin-bottom: 4px;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 500;\r\n\t\t\ttext-transform: none;\r\n\t\t}\r\n\r\n\t\t.react-calendar__month-view__weekdays__weekday {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\theight: 24px;\r\n\t\t\tpadding: 0;\r\n\t\t\tcolor: var(--color-default-500);\r\n\t\t\ttext-transform: capitalize;\r\n\r\n\t\t\tabbr {\r\n\t\t\t\ttext-decoration: none;\r\n\t\t\t\tcursor: default;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.react-calendar__month-view__days {\r\n\t\t\tdisplay: grid !important;\r\n\t\t\tgrid-template-columns: repeat(7, var(--cal-cell));\r\n\t\t\trow-gap: 4px;\r\n\t\t\tcolumn-gap: 0;\r\n\t\t}\r\n\r\n\t\t/* ------------------------------------------------------------------ días */\r\n\t\t.react-calendar__month-view__days > .react-calendar__tile {\r\n\t\t\tposition: relative;\r\n\t\t\tisolation: isolate;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\twidth: var(--cal-cell);\r\n\t\t\tmax-width: none;\r\n\t\t\theight: var(--cal-cell);\r\n\t\t\tmargin: 0 !important;\r\n\t\t\tpadding: 0;\r\n\t\t\tborder-radius: 0;\r\n\t\t\tbackground: transparent;\r\n\t\t\tfont-size: 14px;\r\n\t\t\tfont-weight: 500;\r\n\t\t\tline-height: 1;\r\n\t\t\tcolor: var(--color-foreground);\r\n\t\t\t-webkit-tap-highlight-color: transparent;\r\n\r\n\t\t\t/* Círculo interactivo */\r\n\t\t\t&::before {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tinset: 0;\r\n\t\t\t\tz-index: -1;\r\n\t\t\t\tborder-radius: var(--cal-cap);\r\n\t\t\t\tbackground: transparent;\r\n\t\t\t\ttransition:\r\n\t\t\t\t\tbackground-color 120ms var(--cal-ease),\r\n\t\t\t\t\tscale 200ms var(--cal-ease);\r\n\t\t\t}\r\n\r\n\t\t\tabbr {\r\n\t\t\t\ttext-decoration: none;\r\n\t\t\t}\r\n\r\n\t\t\t&:focus-visible {\r\n\t\t\t\toutline: none;\r\n\t\t\t}\r\n\r\n\t\t\t/* Anillo hacia adentro: react-calendar pone overflow:hidden inline en cada día. */\r\n\t\t\t&:focus-visible::before {\r\n\t\t\t\tbox-shadow:\r\n\t\t\t\t\tinset 0 0 0 2px var(--cal-accent),\r\n\t\t\t\t\tinset 0 0 0 4px var(--color-content1);\r\n\t\t\t}\r\n\r\n\t\t\t&:enabled:active::before {\r\n\t\t\t\tscale: 0.9;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Fines de semana sin color especial (react-calendar los pinta en rojo). */\r\n\t\t.react-calendar__month-view__days > .react-calendar__month-view__days__day--weekend {\r\n\t\t\tcolor: var(--color-foreground);\r\n\t\t}\r\n\r\n\t\t/* Hover neutro solo en días libres y solo con puntero real (evita \"pegados\" en táctil). */\r\n\t\t@media (hover: hover) {\r\n\t\t\t.react-calendar__month-view__days > .react-calendar__tile:enabled:hover:not(\r\n\t\t\t\t\t.react-calendar__tile--range,\r\n\t\t\t\t\t.react-calendar__tile--hoverStart,\r\n\t\t\t\t\t.react-calendar__tile--hoverEnd\r\n\t\t\t\t)::before {\r\n\t\t\t\tbackground-color: var(--color-default-100);\r\n\t\t\t}\r\n\r\n\t\t\t/* Dentro de un rango ya elegido el hover refuerza el tono del acento en vez de un gris encima de la pista. */\r\n\t\t\t&:not(.react-calendar--selectRange)\r\n\t\t\t\t.react-calendar__month-view__days\r\n\t\t\t\t> .react-calendar__tile--range:enabled:hover:not(\r\n\t\t\t\t\t.react-calendar__tile--rangeStart,\r\n\t\t\t\t\t.react-calendar__tile--rangeEnd,\r\n\t\t\t\t\t.react-calendar__month-view__days__day--neighboringMonth\r\n\t\t\t\t)::before {\r\n\t\t\t\tbackground-color: var(--cal-accent-soft-hover);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Hoy */\r\n\t\t.react-calendar__month-view__days > .react-calendar__tile--now {\r\n\t\t\tcolor: var(--cal-accent);\r\n\r\n\t\t\t&::before {\r\n\t\t\t\tbackground-color: var(--cal-accent-soft);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media (hover: hover) {\r\n\t\t\t.react-calendar__month-view__days > .react-calendar__tile--now:enabled:hover::before {\r\n\t\t\t\tbackground-color: var(--cal-accent-soft-hover);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Días de otro mes (sin el círculo de hoy: en doble vista duplicaría el del otro mes) */\r\n\t\t.react-calendar__month-view__days > .react-calendar__month-view__days__day--neighboringMonth {\r\n\t\t\tcolor: var(--color-default-400);\r\n\t\t\topacity: 0.6;\r\n\r\n\t\t\t&::before {\r\n\t\t\t\tbackground-color: transparent;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Deshabilitados */\r\n\t\t.react-calendar__month-view__days > .react-calendar__tile:disabled {\r\n\t\t\tbackground: transparent;\r\n\t\t\tcolor: var(--color-default-300);\r\n\t\t\ttext-decoration: line-through;\r\n\t\t\tcursor: not-allowed;\r\n\r\n\t\t\t&::before {\r\n\t\t\t\tbackground: transparent;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* ------------------------------------------------------ rango: la pista */\r\n\t\t/* Primer selector: rango confirmado. Segundo: vista previa mientras se elige el segundo extremo. */\r\n\t\t&:not(.react-calendar--selectRange)\r\n\t\t\t.react-calendar__month-view__days\r\n\t\t\t> .react-calendar__tile--range:not(.react-calendar__month-view__days__day--neighboringMonth, .react-calendar__tile--rangeBothEnds),\r\n\t\t&.react-calendar--selectRange\r\n\t\t\t.react-calendar__month-view__days\r\n\t\t\t> .react-calendar__tile--hover:not(.react-calendar__month-view__days__day--neighboringMonth, .react-calendar__tile--hoverBothEnds) {\r\n\t\t\tbackground-color: var(--cal-accent-soft);\r\n\t\t\tcolor: var(--color-foreground);\r\n\t\t}\r\n\r\n\t\t/* Extremos de fila: la pista se corta con un redondeo suave para que cada semana se lea como una cápsula. */\r\n\t\t.react-calendar__month-view__days > .react-calendar__tile:nth-child(7n + 1),\r\n\t\t.react-calendar__month-view__days > .react-calendar__month-view__days__day--neighboringMonth + .react-calendar__tile {\r\n\t\t\tborder-start-start-radius: var(--cal-edge);\r\n\t\t\tborder-end-start-radius: var(--cal-edge);\r\n\t\t}\r\n\r\n\t\t.react-calendar__month-view__days > .react-calendar__tile:nth-child(7n),\r\n\t\t.react-calendar__month-view__days > .react-calendar__tile:has(+ .react-calendar__month-view__days__day--neighboringMonth) {\r\n\t\t\tborder-start-end-radius: var(--cal-edge);\r\n\t\t\tborder-end-end-radius: var(--cal-edge);\r\n\t\t}\r\n\r\n\t\t/* Inicio y fin: el borde de la pista abraza el círculo. */\r\n\t\t&:not(.react-calendar--selectRange) .react-calendar__month-view__days > .react-calendar__tile--rangeStart,\r\n\t\t&.react-calendar--selectRange .react-calendar__month-view__days > .react-calendar__tile--hoverStart {\r\n\t\t\tborder-start-start-radius: var(--cal-cap);\r\n\t\t\tborder-end-start-radius: var(--cal-cap);\r\n\t\t}\r\n\r\n\t\t&:not(.react-calendar--selectRange) .react-calendar__month-view__days > .react-calendar__tile--rangeEnd,\r\n\t\t&.react-calendar--selectRange .react-calendar__month-view__days > .react-calendar__tile--hoverEnd {\r\n\t\t\tborder-start-end-radius: var(--cal-cap);\r\n\t\t\tborder-end-end-radius: var(--cal-cap);\r\n\t\t}\r\n\r\n\t\t/* Un extremo pegado al borde de fila no deja asomar la pista detrás del círculo. */\r\n\t\t.react-calendar__month-view__days\r\n\t\t\t> .react-calendar__tile:is(.react-calendar__tile--rangeEnd, .react-calendar__tile--hoverEnd):is(\r\n\t\t\t\t:nth-child(7n + 1),\r\n\t\t\t\t.react-calendar__month-view__days__day--neighboringMonth + *\r\n\t\t\t) {\r\n\t\t\tborder-start-start-radius: var(--cal-cap);\r\n\t\t\tborder-end-start-radius: var(--cal-cap);\r\n\t\t}\r\n\r\n\t\t.react-calendar__month-view__days\r\n\t\t\t> .react-calendar__tile:is(.react-calendar__tile--rangeStart, .react-calendar__tile--hoverStart):is(\r\n\t\t\t\t:nth-child(7n),\r\n\t\t\t\t:has(+ .react-calendar__month-view__days__day--neighboringMonth)\r\n\t\t\t) {\r\n\t\t\tborder-start-end-radius: var(--cal-cap);\r\n\t\t\tborder-end-end-radius: var(--cal-cap);\r\n\t\t}\r\n\r\n\t\t/* ------------------------------------------------- rango: círculos sólidos */\r\n\t\t/* .react-calendar__tile repetido: iguala la especificidad de la pista para que el texto blanco del extremo gane. */\r\n\t\t.react-calendar__month-view__days\r\n\t\t\t> .react-calendar__tile.react-calendar__tile--rangeStart:not(.react-calendar__month-view__days__day--neighboringMonth),\r\n\t\t.react-calendar__month-view__days\r\n\t\t\t> .react-calendar__tile.react-calendar__tile--rangeEnd:not(.react-calendar__month-view__days__day--neighboringMonth),\r\n\t\t&.react-calendar--selectRange\r\n\t\t\t.react-calendar__month-view__days\r\n\t\t\t> .react-calendar__tile--hoverStart:not(.react-calendar__month-view__days__day--neighboringMonth),\r\n\t\t&.react-calendar--selectRange\r\n\t\t\t.react-calendar__month-view__days\r\n\t\t\t> .react-calendar__tile--hoverEnd:not(.react-calendar__month-view__days__day--neighboringMonth) {\r\n\t\t\tcolor: var(--cal-accent-foreground);\r\n\r\n\t\t\t&::before {\r\n\t\t\t\tbackground-color: var(--cal-accent);\r\n\t\t\t}\r\n\r\n\t\t\t&:enabled:active::before {\r\n\t\t\t\tbackground-color: var(--cal-accent-hover);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* ------------------------------------------------- año / década / siglo */\r\n\t\t.react-calendar__year-view__months,\r\n\t\t.react-calendar__decade-view__years,\r\n\t\t.react-calendar__century-view__decades {\r\n\t\t\trow-gap: 4px;\r\n\t\t}\r\n\r\n\t\t.react-calendar__year-view .react-calendar__tile,\r\n\t\t.react-calendar__decade-view .react-calendar__tile,\r\n\t\t.react-calendar__century-view .react-calendar__tile {\r\n\t\t\tpadding: 12px 4px;\r\n\t\t\tborder-radius: var(--cal-cap);\r\n\t\t\tbackground: transparent;\r\n\t\t\tfont-size: 13px;\r\n\t\t\tfont-weight: 500;\r\n\t\t\tcolor: var(--color-foreground);\r\n\t\t\ttext-transform: capitalize;\r\n\t\t\ttransition: background-color 120ms var(--cal-ease);\r\n\r\n\t\t\tabbr {\r\n\t\t\t\ttext-decoration: none;\r\n\t\t\t}\r\n\r\n\t\t\t&:enabled:focus {\r\n\t\t\t\tbackground: transparent;\r\n\t\t\t}\r\n\r\n\t\t\t&:focus-visible {\r\n\t\t\t\toutline: 2px solid var(--cal-accent);\r\n\t\t\t\toutline-offset: -2px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media (hover: hover) {\r\n\t\t\t.react-calendar__year-view .react-calendar__tile:enabled:hover,\r\n\t\t\t.react-calendar__decade-view .react-calendar__tile:enabled:hover,\r\n\t\t\t.react-calendar__century-view .react-calendar__tile:enabled:hover {\r\n\t\t\t\tbackground-color: var(--color-default-100);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.react-calendar__year-view .react-calendar__tile--now,\r\n\t\t.react-calendar__decade-view .react-calendar__tile--now,\r\n\t\t.react-calendar__century-view .react-calendar__tile--now {\r\n\t\t\tcolor: var(--cal-accent);\r\n\t\t}\r\n\r\n\t\t.react-calendar__year-view .react-calendar__tile--hasActive,\r\n\t\t.react-calendar__year-view .react-calendar__tile--active,\r\n\t\t.react-calendar__decade-view .react-calendar__tile--hasActive,\r\n\t\t.react-calendar__decade-view .react-calendar__tile--active,\r\n\t\t.react-calendar__century-view .react-calendar__tile--hasActive,\r\n\t\t.react-calendar__century-view .react-calendar__tile--active {\r\n\t\t\tbackground-color: var(--cal-accent);\r\n\t\t\tcolor: var(--cal-accent-foreground);\r\n\t\t}\r\n\r\n\t\t.react-calendar__year-view .react-calendar__tile:disabled,\r\n\t\t.react-calendar__decade-view .react-calendar__tile:disabled,\r\n\t\t.react-calendar__century-view .react-calendar__tile:disabled {\r\n\t\t\tbackground: transparent;\r\n\t\t\tcolor: var(--color-default-300);\r\n\t\t\tcursor: not-allowed;\r\n\t\t}\r\n\t}\r\n\r\n\t@media (prefers-reduced-motion: reduce) {\r\n\t\t.react-calendar *,\r\n\t\t.react-calendar *::before {\r\n\t\t\ttransition: none !important;\r\n\t\t}\r\n\t}\r\n`;\r\n","import \"@wojtekmaj/react-daterange-picker/dist/DateRangePicker.css\";\r\nimport \"react-calendar/dist/Calendar.css\";\r\nimport \"react-date-picker/dist/DatePicker.css\";\r\n\r\nimport DateRangePicker from \"@wojtekmaj/react-daterange-picker\";\r\nimport { ChevronLeft, ChevronRight } from \"lucide-react\";\r\nimport CalendarComponent from \"react-calendar\";\r\nimport DatePicker from \"react-date-picker\";\r\nimport { Popover } from \"../../tiny-popover\";\r\n\r\nimport React, { useCallback, useLayoutEffect, useMemo, useState } from \"react\";\r\n\r\nimport { twMerge } from \"tailwind-merge\";\r\n\r\nimport { LabelError } from \"@/components/label-error\";\r\nimport { cn } from \"@/lib/utils\";\r\nimport { IconCalendar, IconCloseCalendar } from \"../icon/icon-calendar\";\r\nimport type { ValueCalendar } from \"../interface/calendar-shared.interface\";\r\nimport { CalendarStyle } from \"./date-picker.style\";\r\nimport type { CalendarProps } from \"./interface/date-picker.interface\";\r\n\r\n/** \"septiembre de 2026\" → \"Septiembre de 2026\": solo la primera letra en mayúscula (el CSS `capitalize` daba \"Septiembre De 2026\"). */\r\nconst formatMonthYearLabel = (locale: string | undefined, date: Date) => {\r\n\tconst label = date.toLocaleDateString(locale, { month: \"long\", year: \"numeric\" });\r\n\treturn label.charAt(0).toLocaleUpperCase(locale) + label.slice(1);\r\n};\r\n\r\nexport const CalendarPicker = ({\r\n\tid,\r\n\tvalue,\r\n\tshowDoubleView = false,\r\n\tclassNameContainer,\r\n\tclassName,\r\n\tcolor = \"primary\",\r\n\tminDate,\r\n\tmaxDate,\r\n\tshowCalendar = false,\r\n\tloading,\r\n\twidthCalendar,\r\n\tlocale = \"es\",\r\n\tformat = \"MM/dd/yyyy\",\r\n\tdisabled,\r\n\terror,\r\n\tlabel,\r\n\ttouched,\r\n\trequired,\r\n\tonChange,\r\n\tonCloseCalendar,\r\n\tonOpenCalendar,\r\n\ttileDisabled,\r\n\tonClearCalendar,\r\n\tonInvalidChange,\r\n\tonKeyDown,\r\n\tonKeyUp,\r\n\tonBlur,\r\n\ttype = \"date-picker\",\r\n\tsize = \"md\",\r\n\tradius = \"input\",\r\n\ttileContent = null,\r\n\tshowActionButtons = true,\r\n\tpopoverAnimation = \"zoom\",\r\n\tpopoverAlign = \"start\",\r\n\tdayPlaceholder = \"dd\",\r\n\tmonthPlaceholder = \"mm\",\r\n\tyearPlaceholder = \"yyyy\",\r\n}: CalendarProps) => {\r\n\tconst [show, setShow] = useState<boolean>(showCalendar);\r\n\tconst [measuredWidth, setMeasuredWidth] = useState(0);\r\n\t// Id estable del contenedor (antes `uuidv4()` en cada render: cambiaba el id del DOM y re-medía siempre).\r\n\tconst uui = React.useId();\r\n\tconst inputId = React.useId();\r\n\tconst resolvedId = id || inputId;\r\n\r\n\tconst isInvalid = !disabled && !!error && touched;\r\n\r\n\t// El calendario simple iguala el ancho del input. Va en estado: un ref no re-renderiza y el valor quedaba viejo.\r\n\tuseLayoutEffect(() => {\r\n\t\tif (showDoubleView || widthCalendar) return;\r\n\t\tconst element = document.getElementById(uui);\r\n\r\n\t\tif (element) setMeasuredWidth(element.clientWidth);\r\n\t}, [showDoubleView, uui, widthCalendar]);\r\n\r\n\tconst calendarWidth = showDoubleView ? 0 : widthCalendar || measuredWidth;\r\n\r\n\tconst handleChange = (value: ValueCalendar) => {\r\n\t\tonChange(value);\r\n\t\tsetShow(false);\r\n\t};\r\n\tconst handleChangeToDay = () => {\r\n\t\tconst dateNow = new Date();\r\n\r\n\t\tconst date = new Date(dateNow.getFullYear(), dateNow.getMonth(), dateNow.getDate(), 0, 0, 0);\r\n\r\n\t\tif (type === \"date-range-picker\") {\r\n\t\t\thandleChange([date, date]);\r\n\t\t} else {\r\n\t\t\thandleChange(date);\r\n\t\t}\r\n\t};\r\n\r\n\t// Helpers de fechas normalizados al inicio del día\r\n\tconst startOfDay = useCallback((d: Date) => new Date(d.getFullYear(), d.getMonth(), d.getDate(), 0, 0, 0, 0), []);\r\n\tconst addDays = useCallback((d: Date, n: number) => startOfDay(new Date(d.getFullYear(), d.getMonth(), d.getDate() + n)), [startOfDay]);\r\n\tconst startOfMonth = useCallback((d: Date) => new Date(d.getFullYear(), d.getMonth(), 1, 0, 0, 0, 0), []);\r\n\tconst endOfMonth = useCallback((d: Date) => new Date(d.getFullYear(), d.getMonth() + 1, 0, 23, 59, 59, 999), []);\r\n\r\n\t// Comparadores\r\n\tconst isSameDay = (a?: Date | null, b?: Date | null) => {\r\n\t\tif (!a || !b) return false;\r\n\t\treturn a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();\r\n\t};\r\n\tconst isSameRange = (range?: ValueCalendar, target?: ValueCalendar) => {\r\n\t\tif (!Array.isArray(range) || !Array.isArray(target)) return false;\r\n\t\tconst [r0, r1] = range as (Date | null | undefined)[];\r\n\t\tconst [t0, t1] = target as (Date | null | undefined)[];\r\n\t\treturn isSameDay(r0, t0) && isSameDay(r1, t1);\r\n\t};\r\n\r\n\t// Presets según tipo\r\n\tinterface PresetItem {\r\n\t\tkey: string;\r\n\t\tlabel: string;\r\n\t\tgetValue?: () => ValueCalendar;\r\n\t\taction?: () => void;\r\n\t\tseparator?: boolean; // para agrupar visualmente\r\n\t}\r\n\r\n\tconst presets = useMemo<PresetItem[]>(() => {\r\n\t\t// «Hoy» se calcula al usar el preset, no al memoizar: si el componente sigue montado pasada la medianoche,\r\n\t\t// los atajos no quedan con el día anterior.\r\n\t\tconst today = () => startOfDay(new Date());\r\n\t\tif (type === \"date-picker\") {\r\n\t\t\treturn [\r\n\t\t\t\t{ key: \"today\", label: \"Hoy\", getValue: () => today() },\r\n\t\t\t\t{ key: \"tomorrow\", label: \"Mañana\", getValue: () => addDays(today(), 1) },\r\n\t\t\t\t{ key: \"in7\", label: \"+7 días\", getValue: () => addDays(today(), 7) },\r\n\t\t\t\t{ key: \"in30\", label: \"+30 días\", getValue: () => addDays(today(), 30) },\r\n\t\t\t\t{ key: \"clear\", label: \"Limpiar\", action: () => onChange(null), separator: true },\r\n\t\t\t];\r\n\t\t} else {\r\n\t\t\tconst lastMonth = () => addDays(startOfMonth(today()), -1);\r\n\t\t\tconst nextMonth = () => addDays(endOfMonth(today()), 1);\r\n\r\n\t\t\treturn [\r\n\t\t\t\t{ key: \"today\", label: \"Hoy\", getValue: () => [today(), today()] },\r\n\t\t\t\t{ key: \"last7\", label: \"Últimos 7 días\", getValue: () => [addDays(today(), -6), today()] },\r\n\t\t\t\t{ key: \"next7\", label: \"Próx. 7 días\", getValue: () => [today(), addDays(today(), 6)] },\r\n\t\t\t\t{ key: \"thisMonth\", label: \"Este mes\", getValue: () => [startOfMonth(today()), endOfMonth(today())] },\r\n\t\t\t\t{ key: \"nextMonth\", label: \"Próximo mes\", getValue: () => [startOfMonth(nextMonth()), endOfMonth(nextMonth())] },\r\n\t\t\t\t{ key: \"lastMonth\", label: \"Mes pasado\", getValue: () => [startOfMonth(lastMonth()), endOfMonth(lastMonth())] },\r\n\t\t\t];\r\n\t\t}\r\n\t}, [type, onChange, addDays, startOfDay, startOfMonth, endOfMonth]);\r\n\r\n\t// Determinar preset activo\r\n\tconst isPresetActive = (preset: PresetItem) => {\r\n\t\tif (preset.getValue) {\r\n\t\t\tconst pv = preset.getValue();\r\n\t\t\tif (type === \"date-picker\") {\r\n\t\t\t\treturn !Array.isArray(value) && !Array.isArray(pv) && isSameDay(value as Date | null, pv as Date | null);\r\n\t\t\t} else {\r\n\t\t\t\treturn Array.isArray(value) && Array.isArray(pv) && isSameRange(value, pv);\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn false;\r\n\t};\r\n\r\n\tconst handlePresetClick = (preset: PresetItem) => {\r\n\t\tif (preset.action) {\r\n\t\t\tpreset.action();\r\n\t\t\tsetShow(false);\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tif (preset.getValue) {\r\n\t\t\tconst v = preset.getValue();\r\n\t\t\tonChange(v);\r\n\t\t\tsetShow(false);\r\n\t\t}\r\n\t};\r\n\r\n\tconst handleCloseCalendar = () => {\r\n\t\tif (disabled) return;\r\n\r\n\t\tsetShow(false);\r\n\r\n\t\tif (onCloseCalendar) onCloseCalendar();\r\n\t};\r\n\r\n\tconst handleOpenCalendar = () => {\r\n\t\tif (disabled) return;\r\n\r\n\t\tconst status = !show;\r\n\t\tsetShow(status);\r\n\r\n\t\tif (status && onOpenCalendar) onOpenCalendar();\r\n\t\telse if (onCloseCalendar) onCloseCalendar();\r\n\t};\r\n\r\n\tconst handleClearCalendar = () => {\r\n\t\tif (disabled) return;\r\n\r\n\t\tif (onClearCalendar) return onClearCalendar();\r\n\r\n\t\tonChange(null);\r\n\t};\r\n\r\n\tconst labelClass = cn(\"form-control-label block font-normal text-sm text-foreground dark:text-default-600 mb-1\", {\r\n\t\t\"text-danger\": isInvalid,\r\n\t});\r\n\r\n\treturn (\r\n\t\t<Popover\r\n\t\t\tisOpen={show}\r\n\t\t\tanimation={popoverAnimation}\r\n\t\t\tcontainerStyle={{\r\n\t\t\t\tzIndex: \"100\",\r\n\t\t\t}}\r\n\t\t\talign={popoverAlign}\r\n\t\t\tcontent={\r\n\t\t\t\t<CalendarStyle\r\n\t\t\t\t\tcolor={color}\r\n\t\t\t\t\tshowcalendar={show.toString()}\r\n\t\t\t\t\twidthcalendar={calendarWidth}\r\n\t\t\t\t\tshowdoubleview={showDoubleView.toString()}\r\n\t\t\t\t\tclassName=\"shadow-medium bg-content1 rounded-2xl overflow-hidden\"\r\n\t\t\t\t\tradius={radius}\r\n\t\t\t\t>\r\n\t\t\t\t\t{loading ? /*  <Loading size=\"sm\" color=\"secondary\" /> */ <p>loading</p> : null}\r\n\t\t\t\t\t<div className=\"w-full relative flex gap-2\">\r\n\t\t\t\t\t\t{showActionButtons && (\r\n\t\t\t\t\t\t\t<div className=\"w-[150px] border-r border-default-100 px-2 py-3 flex flex-col gap-0.5 overflow-y-auto max-h-[360px]\">\r\n\t\t\t\t\t\t\t\t<span className=\"px-2 text-xs font-medium text-default-400 mb-1 select-none uppercase tracking-wide\">Atajos</span>\r\n\t\t\t\t\t\t\t\t{presets.map((p) => {\r\n\t\t\t\t\t\t\t\t\tconst active = isPresetActive(p);\r\n\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\t\tkey={p.key}\r\n\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => handlePresetClick(p)}\r\n\t\t\t\t\t\t\t\t\t\t\tclassName={twMerge(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\"text-left rounded-full px-3 py-1.5 text-sm w-full cursor-pointer transition-colors\",\r\n\t\t\t\t\t\t\t\t\t\t\t\tactive ? \"bg-primary/15 text-primary font-medium\" : \"bg-transparent hover:bg-default-100\",\r\n\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\tdata-active={active || undefined}\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t{p.label}\r\n\t\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\t<div className=\"mt-2 pt-2 border-t border-default-100 flex flex-col gap-1\">\r\n\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\t\t\tonClick={handleChangeToDay}\r\n\t\t\t\t\t\t\t\t\t\tclassName=\"text-left rounded-full px-3 py-1.5 text-sm w-full cursor-pointer bg-transparent hover:bg-default-100 transition-colors\"\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\tIr a hoy (Cerrar)\r\n\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t<CalendarComponent\r\n\t\t\t\t\t\t\tvalue={value}\r\n\t\t\t\t\t\t\tonChange={handleChange}\r\n\t\t\t\t\t\t\tlocale={locale}\r\n\t\t\t\t\t\t\tshowDoubleView={showDoubleView}\r\n\t\t\t\t\t\t\tcalendarType=\"gregory\"\r\n\t\t\t\t\t\t\tminDate={minDate}\r\n\t\t\t\t\t\t\tmaxDate={maxDate}\r\n\t\t\t\t\t\t\ttileDisabled={tileDisabled}\r\n\t\t\t\t\t\t\tselectRange={type === \"date-range-picker\"}\r\n\t\t\t\t\t\t\treturnValue={type === \"date-range-picker\" ? \"range\" : \"start\"}\r\n\t\t\t\t\t\t\tformatMonthYear={formatMonthYearLabel}\r\n\t\t\t\t\t\t\tprevLabel={<ChevronLeft aria-hidden className=\"size-4\" strokeWidth={2.25} />}\r\n\t\t\t\t\t\t\tnextLabel={<ChevronRight aria-hidden className=\"size-4\" strokeWidth={2.25} />}\r\n\t\t\t\t\t\t\tprevAriaLabel={locale === \"es\" ? \"Mes anterior\" : \"Previous month\"}\r\n\t\t\t\t\t\t\tnextAriaLabel={locale === \"es\" ? \"Mes siguiente\" : \"Next month\"}\r\n\t\t\t\t\t\t\ttileContent={tileContent}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</CalendarStyle>\r\n\t\t\t}\r\n\t\t\tpositions={[\"bottom\", \"top\"]}\r\n\t\t\treposition\r\n\t\t\tonClickOutside={handleCloseCalendar}\r\n\t\t\tclickOutsideCapture={true}\r\n\t\t>\r\n\t\t\t<CalendarStyle\r\n\t\t\t\tcolor={color}\r\n\t\t\t\tclassName={twMerge(classNameContainer, \"relative date-picker-component-container\")}\r\n\t\t\t\tonClick={handleOpenCalendar}\r\n\t\t\t\tshowcalendar={show.toString()}\r\n\t\t\t\tid={uui}\r\n\t\t\t\twidthcalendar={calendarWidth}\r\n\t\t\t\tshowdoubleview={showDoubleView.toString()}\r\n\t\t\t\terror={error}\r\n\t\t\t\tsize={size}\r\n\t\t\t\tradius={radius}\r\n\t\t\t>\r\n\t\t\t\t{label && (\r\n\t\t\t\t\t<label htmlFor={resolvedId} className={labelClass}>\r\n\t\t\t\t\t\t{label} {required && <span className=\"text-danger\">*</span>}\r\n\t\t\t\t\t</label>\r\n\t\t\t\t)}\r\n\t\t\t\t{type === \"date-picker\" ? (\r\n\t\t\t\t\t<DatePicker\r\n\t\t\t\t\t\tid={resolvedId}\r\n\t\t\t\t\t\tvalue={value}\r\n\t\t\t\t\t\tonChange={onChange}\r\n\t\t\t\t\t\tcalendarIcon={<IconCalendar disabled={disabled} error={error} />}\r\n\t\t\t\t\t\tshouldOpenCalendar={() => false}\r\n\t\t\t\t\t\tclassName={twMerge(\"w-full h-input-default\", className)}\r\n\t\t\t\t\t\tformat={format}\r\n\t\t\t\t\t\tlocale={locale}\r\n\t\t\t\t\t\tshowLeadingZeros\r\n\t\t\t\t\t\tclearIcon={<IconCloseCalendar disabled={disabled} error={error} onClick={handleClearCalendar} />}\r\n\t\t\t\t\t\tminDate={minDate}\r\n\t\t\t\t\t\tmaxDate={maxDate}\r\n\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\tonInvalidChange={onInvalidChange}\r\n\t\t\t\t\t\tisOpen={false}\r\n\t\t\t\t\t\tonKeyDown={onKeyDown}\r\n\t\t\t\t\t\tonKeyUp={onKeyUp}\r\n\t\t\t\t\t\tonBlur={onBlur}\r\n\t\t\t\t\t\tdayPlaceholder={dayPlaceholder}\r\n\t\t\t\t\t\tmonthPlaceholder={monthPlaceholder}\r\n\t\t\t\t\t\tyearPlaceholder={yearPlaceholder}\r\n\t\t\t\t\t/>\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<DateRangePicker\r\n\t\t\t\t\t\tid={resolvedId}\r\n\t\t\t\t\t\tvalue={value}\r\n\t\t\t\t\t\tonChange={onChange}\r\n\t\t\t\t\t\tcalendarIcon={<IconCalendar disabled={disabled} error={error} />}\r\n\t\t\t\t\t\tshouldOpenCalendar={() => false}\r\n\t\t\t\t\t\tclassName={twMerge(\"w-full\", className)}\r\n\t\t\t\t\t\tformat={format}\r\n\t\t\t\t\t\tlocale={locale}\r\n\t\t\t\t\t\tshowLeadingZeros\r\n\t\t\t\t\t\tclearIcon={<IconCloseCalendar disabled={disabled} error={error} onClick={handleClearCalendar} />}\r\n\t\t\t\t\t\tminDate={minDate}\r\n\t\t\t\t\t\tmaxDate={maxDate}\r\n\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\tonInvalidChange={onInvalidChange}\r\n\t\t\t\t\t\tisOpen={false}\r\n\t\t\t\t\t\tonKeyDown={onKeyDown}\r\n\t\t\t\t\t\tonKeyUp={onKeyUp}\r\n\t\t\t\t\t\tdayPlaceholder={dayPlaceholder}\r\n\t\t\t\t\t\tmonthPlaceholder={monthPlaceholder}\r\n\t\t\t\t\t\tyearPlaceholder={yearPlaceholder}\r\n\t\t\t\t\t/>\r\n\t\t\t\t)}\r\n\r\n\t\t\t\t{!disabled && error ? <LabelError text={error} /> : null}\r\n\t\t\t</CalendarStyle>\r\n\t\t</Popover>\r\n\t);\r\n};\r\n"],"mappings":"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"}