bord-design-system 0.0.51 → 0.0.52

package/dist/components/BordDatePicker/BordDatePicker.constants.d.ts

@@ -0,0 +1,7 @@
+import type { IBordDatePickerAriaLabels } from './BordDatePicker.types';
+/**
+ * Devuelve los textos para lectores de pantalla del calendario según el locale.
+ * Cualquier locale que empiece con "en" usa inglés; el resto, español.
+ */
+export declare const getDatePickerAriaLabels: (locale: string) => IBordDatePickerAriaLabels;
+//# sourceMappingURL=BordDatePicker.constants.d.ts.map

package/dist/components/BordDatePicker/BordDatePicker.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BordDatePicker.constants.d.ts","sourceRoot":"","sources":["../../../src/components/BordDatePicker/BordDatePicker.constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAcxE;;;GAGG;AACH,eAAO,MAAM,uBAAuB,WAAY,MAAM,KAAG,yBAC0B,CAAC"}

package/dist/components/BordDatePicker/BordDatePicker.d.ts

@@ -1,5 +1,9 @@
 import { IBordDatePickerProps } from "./BordDatePicker.types";
 import "./BordDatePicker.scss";
-declare const BordDatePicker: ({ updateCurrentValueCallback, isFilled, defaultValue, desiredTimeZone, label, errorText, isDisabled, hideErrorText, debounceTime, handleFocus, customWidth, }: IBordDatePickerProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Selector de fecha del DS. Con `variant="native"` (default) usa el input de tipo date del navegador;
+ * con `variant="calendar"` abre un calendario custom. Ambas variantes emiten un datetime ISO en UTC.
+ */
+declare const BordDatePicker: ({ variant, debounceTime, ...props }: IBordDatePickerProps) => import("react/jsx-runtime").JSX.Element;
 export default BordDatePicker;
 //# sourceMappingURL=BordDatePicker.d.ts.map

package/dist/components/BordDatePicker/BordDatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BordDatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/BordDatePicker/BordDatePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAM9D,OAAO,uBAAuB,CAAC;AAE/B,QAAA,MAAM,cAAc,kKAYjB,oBAAoB,4CA2EtB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"BordDatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/BordDatePicker/BordDatePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAO9D,OAAO,uBAAuB,CAAC;AA8F/B;;;GAGG;AACH,QAAA,MAAM,cAAc,wCAAoD,oBAAoB,4CAG3F,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/BordDatePicker/BordDatePicker.types.d.ts

@@ -1,3 +1,11 @@
+/** Variante visual del date picker: input nativo del navegador o calendario custom del DS. */
+export type TBordDatePickerVariant = 'native' | 'calendar';
+/** Textos para lectores de pantalla de la variante `calendar`, localizados según `locale`. */
+export interface IBordDatePickerAriaLabels {
+    dialog: string;
+    previousMonth: string;
+    nextMonth: string;
+}
 export interface IBordDatePickerProps {
     updateCurrentValueCallback: (inputText: string) => void;
     isFilled: boolean;
@@ -10,5 +18,21 @@ export interface IBordDatePickerProps {
     debounceTime?: number;
     customWidth?: string;
     handleFocus?: () => void;
+    /** Variante del picker. Default `'native'` (input de tipo date). */
+    variant?: TBordDatePickerVariant;
+    /** Solo variante `calendar`: texto cuando no hay fecha seleccionada. Default `'dd/mm/aaaa'`. */
+    placeholder?: string;
+    /** Solo variante `calendar`: locale para nombres de meses y días (ej. `'es'`, `'en'`). Default `'es'`. */
+    locale?: string;
+    /** Solo variante `calendar`: valor controlado (datetime ISO). Un string vacío limpia la selección. */
+    value?: string;
+    /** Solo variante `calendar`: se ejecuta cada vez que el calendario se abre o se cierra. */
+    onCalendarOpen?: (isOpen: boolean) => void;
+    /** Solo variante `calendar`: primera fecha seleccionable, en formato `yyyy-LL-dd`. */
+    minDate?: string;
+    /** Solo variante `calendar`: última fecha seleccionable, en formato `yyyy-LL-dd`. */
+    maxDate?: string;
+    /** Solo variante `calendar`: permite deshabilitar días puntuales. Recibe la fecha en formato `yyyy-LL-dd`. */
+    isDateDisabled?: (simpleDate: string) => boolean;
 }
 //# sourceMappingURL=BordDatePicker.types.d.ts.map

package/dist/components/BordDatePicker/BordDatePicker.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BordDatePicker.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordDatePicker/BordDatePicker.types.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,oBAAoB;IACnC,0BAA0B,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B"}
+{"version":3,"file":"BordDatePicker.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordDatePicker/BordDatePicker.types.ts"],"names":[],"mappings":"AAEA,8FAA8F;AAC9F,MAAM,MAAM,sBAAsB,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE3D,8FAA8F;AAC9F,MAAM,WAAW,yBAAyB;IACxC,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,oBAAoB;IACnC,0BAA0B,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,oEAAoE;IACpE,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,gGAAgG;IAChG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0GAA0G;IAC1G,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sGAAsG;IACtG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2FAA2F;IAC3F,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,sFAAsF;IACtF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qFAAqF;IACrF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8GAA8G;IAC9G,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC;CAClD"}

package/dist/components/BordDatePicker/components/BordDatePickerCalendar/BordDatePickerCalendar.d.ts

@@ -0,0 +1,9 @@
+import type { IBordDatePickerCalendarProps } from './BordDatePickerCalendar.types';
+import './BordDatePickerCalendar.scss';
+/**
+ * Variante `calendar` de BordDatePicker: trigger con ícono a la izquierda que abre un calendario custom en un popover.
+ * Emite el mismo formato que la variante nativa: datetime ISO en UTC a las 13:00 de la zona indicada.
+ */
+declare const BordDatePickerCalendar: ({ updateCurrentValueCallback, isFilled, defaultValue, value, desiredTimeZone, label, placeholder, locale, errorText, isDisabled, hideErrorText, handleFocus, onCalendarOpen, customWidth, minDate, maxDate, isDateDisabled, }: IBordDatePickerCalendarProps) => import("react/jsx-runtime").JSX.Element;
+export default BordDatePickerCalendar;
+//# sourceMappingURL=BordDatePickerCalendar.d.ts.map

package/dist/components/BordDatePicker/components/BordDatePickerCalendar/BordDatePickerCalendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BordDatePickerCalendar.d.ts","sourceRoot":"","sources":["../../../../../src/components/BordDatePicker/components/BordDatePickerCalendar/BordDatePickerCalendar.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAEnF,OAAO,+BAA+B,CAAC;AAIvC;;;GAGG;AACH,QAAA,MAAM,sBAAsB,kOAkBzB,4BAA4B,4CA2F9B,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/components/BordDatePicker/components/BordDatePickerCalendar/BordDatePickerCalendar.types.d.ts

@@ -0,0 +1,4 @@
+import type { IBordDatePickerProps } from '../../BordDatePicker.types';
+/** Props de la variante `calendar`: todas las de BordDatePicker salvo las que solo aplican al input nativo. */
+export type IBordDatePickerCalendarProps = Omit<IBordDatePickerProps, 'variant' | 'debounceTime'>;
+//# sourceMappingURL=BordDatePickerCalendar.types.d.ts.map

package/dist/components/BordDatePicker/components/BordDatePickerCalendar/BordDatePickerCalendar.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BordDatePickerCalendar.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/BordDatePicker/components/BordDatePickerCalendar/BordDatePickerCalendar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAEvE,+GAA+G;AAC/G,MAAM,MAAM,4BAA4B,GAAG,IAAI,CAAC,oBAAoB,EAAE,SAAS,GAAG,cAAc,CAAC,CAAC"}

package/dist/components/BordDatePicker/components/BordDatePickerMonthGrid/BordDatePickerMonthGrid.d.ts

@@ -0,0 +1,9 @@
+import type { IBordDatePickerMonthGridProps } from './BordDatePickerMonthGrid.types';
+import './BordDatePickerMonthGrid.scss';
+/**
+ * Grilla mensual del calendario de BordDatePicker: header con mes y flechas, y una grilla accesible
+ * (fila de días de la semana + 6 filas de semanas). Soporta navegación con teclado y días deshabilitados.
+ */
+declare const BordDatePickerMonthGrid: ({ visibleMonth, selectedDate, locale, minDate, maxDate, isDateDisabled, activeDayRef, onSelectDate, onChangeVisibleMonth, }: IBordDatePickerMonthGridProps) => import("react/jsx-runtime").JSX.Element;
+export default BordDatePickerMonthGrid;
+//# sourceMappingURL=BordDatePickerMonthGrid.d.ts.map

package/dist/components/BordDatePicker/components/BordDatePickerMonthGrid/BordDatePickerMonthGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BordDatePickerMonthGrid.d.ts","sourceRoot":"","sources":["../../../../../src/components/BordDatePicker/components/BordDatePickerMonthGrid/BordDatePickerMonthGrid.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAErF,OAAO,gCAAgC,CAAC;AAWxC;;;GAGG;AACH,QAAA,MAAM,uBAAuB,gIAU1B,6BAA6B,4CA6J/B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/dist/components/BordDatePicker/components/BordDatePickerMonthGrid/BordDatePickerMonthGrid.types.d.ts

@@ -0,0 +1,22 @@
+import type { MutableRefObject } from 'react';
+export interface IBordDatePickerMonthGridProps {
+    /** Cualquier fecha del mes visible, en formato `yyyy-LL-dd`. */
+    visibleMonth: string;
+    /** Fecha seleccionada en formato `yyyy-LL-dd`, o string vacío si no hay selección. */
+    selectedDate: string;
+    /** Locale para nombres de meses, días y textos de lectores de pantalla. */
+    locale: string;
+    /** Primera fecha seleccionable, en formato `yyyy-LL-dd`. */
+    minDate?: string;
+    /** Última fecha seleccionable, en formato `yyyy-LL-dd`. */
+    maxDate?: string;
+    /** Permite deshabilitar días puntuales. Recibe la fecha en formato `yyyy-LL-dd`. */
+    isDateDisabled?: (simpleDate: string) => boolean;
+    /** Ref que apunta al día activo (el único con tabIndex 0), usado como foco inicial al abrir el calendario. */
+    activeDayRef?: MutableRefObject<HTMLElement | null>;
+    /** Se ejecuta al elegir un día habilitado. */
+    onSelectDate: (simpleDate: string) => void;
+    /** Se ejecuta al cambiar de mes (flechas o navegación con teclado). Recibe el primer día del mes. */
+    onChangeVisibleMonth: (monthSimpleDate: string) => void;
+}
+//# sourceMappingURL=BordDatePickerMonthGrid.types.d.ts.map

package/dist/components/BordDatePicker/components/BordDatePickerMonthGrid/BordDatePickerMonthGrid.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BordDatePickerMonthGrid.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/BordDatePicker/components/BordDatePickerMonthGrid/BordDatePickerMonthGrid.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAE9C,MAAM,WAAW,6BAA6B;IAC5C,gEAAgE;IAChE,YAAY,EAAE,MAAM,CAAC;IACrB,sFAAsF;IACtF,YAAY,EAAE,MAAM,CAAC;IACrB,2EAA2E;IAC3E,MAAM,EAAE,MAAM,CAAC;IACf,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oFAAoF;IACpF,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC;IACjD,8GAA8G;IAC9G,YAAY,CAAC,EAAE,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACpD,8CAA8C;IAC9C,YAAY,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,qGAAqG;IACrG,oBAAoB,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;CACzD"}

package/dist/components/BordDatePicker/components/BordDatePickerTrigger/BordDatePickerTrigger.d.ts

@@ -0,0 +1,9 @@
+import type { IBordDatePickerTriggerProps } from './BordDatePickerTrigger.types';
+import './BordDatePickerTrigger.scss';
+/**
+ * Trigger de la variante `calendar` de BordDatePicker: label, botón con ícono y fecha (o placeholder) y texto de error.
+ * Asocia el valor y el error al botón para lectores de pantalla.
+ */
+declare const BordDatePickerTrigger: ({ label, displayValue, placeholder, errorText, hideErrorText, isFilled, isOpen, isDisabled, customWidth, triggerRef, referenceProps, }: IBordDatePickerTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export default BordDatePickerTrigger;
+//# sourceMappingURL=BordDatePickerTrigger.d.ts.map

package/dist/components/BordDatePicker/components/BordDatePickerTrigger/BordDatePickerTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BordDatePickerTrigger.d.ts","sourceRoot":"","sources":["../../../../../src/components/BordDatePicker/components/BordDatePickerTrigger/BordDatePickerTrigger.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,2BAA2B,EAE5B,MAAM,+BAA+B,CAAC;AAEvC,OAAO,8BAA8B,CAAC;AAqBtC;;;GAGG;AACH,QAAA,MAAM,qBAAqB,2IAYxB,2BAA2B,4CA+C7B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/components/BordDatePicker/components/BordDatePickerTrigger/BordDatePickerTrigger.types.d.ts

@@ -0,0 +1,28 @@
+export interface IBordDatePickerTriggerProps {
+    /** Label que se muestra arriba y da el nombre accesible al botón. */
+    label?: string;
+    /** Fecha seleccionada ya formateada (dd/mm/aaaa), o string vacío si no hay. */
+    displayValue: string;
+    /** Texto cuando no hay fecha seleccionada. Default `'dd/mm/aaaa'`. */
+    placeholder?: string;
+    errorText?: string;
+    hideErrorText?: boolean;
+    /** Fuerza el estilo "filled" aunque no haya fecha seleccionada. */
+    isFilled: boolean;
+    isOpen: boolean;
+    isDisabled?: boolean;
+    customWidth?: string;
+    /** Ref del botón, usado por floating-ui como referencia del popover. */
+    triggerRef: (triggerNode: HTMLElement | null) => void;
+    /** Props de interacción de floating-ui (`getReferenceProps()`). */
+    referenceProps: Record<string, unknown>;
+}
+/** Estados que determinan las clases del trigger. */
+export interface IBordDatePickerTriggerStateClassNames {
+    isFilled: boolean;
+    hasValue: boolean;
+    hasError: boolean;
+    isDisabled?: boolean;
+    isOpen: boolean;
+}
+//# sourceMappingURL=BordDatePickerTrigger.types.d.ts.map

package/dist/components/BordDatePicker/components/BordDatePickerTrigger/BordDatePickerTrigger.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BordDatePickerTrigger.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/BordDatePicker/components/BordDatePickerTrigger/BordDatePickerTrigger.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,2BAA2B;IAC1C,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+EAA+E;IAC/E,YAAY,EAAE,MAAM,CAAC;IACrB,sEAAsE;IACtE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mEAAmE;IACnE,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wEAAwE;IACxE,UAAU,EAAE,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACtD,mEAAmE;IACnE,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACzC;AAED,qDAAqD;AACrD,MAAM,WAAW,qCAAqC;IACpD,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;CACjB"}

package/dist/hooks/useDatePickerSelection.d.ts

@@ -0,0 +1,18 @@
+export interface IUseDatePickerSelectionProps {
+    /** Valor controlado (datetime ISO). Si viene definido, es la única fuente de la fecha seleccionada. */
+    value?: string;
+    /** Valor inicial (datetime ISO) para el modo no controlado, mientras el usuario no elija otra fecha. */
+    defaultValue?: string;
+    /** Offset UTC en el que se interpreta la fecha. */
+    desiredTimeZone?: number;
+}
+/**
+ * Resuelve la fecha seleccionada de un date picker, controlado o no controlado, sin sincronizar estado con efectos.
+ * Controlado: la fecha sale solo de `value`. No controlado: la elegida por el usuario o, mientras no elija, `defaultValue`.
+ * @returns la fecha seleccionada en formato yyyy-LL-dd (o string vacío) y la función para guardar una nueva selección
+ */
+export declare const useDatePickerSelection: ({ value, defaultValue, desiredTimeZone }: IUseDatePickerSelectionProps) => {
+    selectedDate: string;
+    saveSelectedDate: (simpleDate: string) => void;
+};
+//# sourceMappingURL=useDatePickerSelection.d.ts.map

package/dist/hooks/useDatePickerSelection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDatePickerSelection.d.ts","sourceRoot":"","sources":["../../src/hooks/useDatePickerSelection.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,4BAA4B;IAC3C,uGAAuG;IACvG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wGAAwG;IACxG,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mDAAmD;IACnD,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,6CAA8C,4BAA4B;;mCAWrE,MAAM;CAM7C,CAAC"}

package/dist/index.d.ts

@@ -371,6 +371,13 @@ declare enum FORM_COMPONENTS_STANDARD_SIZES {
 type TformComponentsStandardSizes = 'w-80' | 'w-180' | 'w-280' | 'w-380' | 'w-464' | (string & {});
 type TSemanticColors = 'informative' | 'success' | 'warning' | 'danger' | 'backlog';
 type TTabValue = string | number;
+/** Celda de un día dentro de la grilla mensual del calendario. */
+interface ICalendarDay {
+    simpleDate: string;
+    dayNumber: number;
+    isCurrentMonth: boolean;
+    isToday: boolean;
+}
 
 declare const BordOneToneIcon: ({ variant, standardSize, customWidth, style, customClassName, ...rest }: IbordOneToneIconProps) => react_jsx_runtime.JSX.Element;
 
@@ -1979,6 +1986,14 @@ interface IBordCheckBoxProps extends ComponentProps<"div"> {
  */
 declare const BordCheckBox: ({ label, isButtonActive, isButtonDisabled, handleClickButton, customSize, labelProps, }: IBordCheckBoxProps) => react_jsx_runtime.JSX.Element;
 
+/** Variante visual del date picker: input nativo del navegador o calendario custom del DS. */
+type TBordDatePickerVariant = 'native' | 'calendar';
+/** Textos para lectores de pantalla de la variante `calendar`, localizados según `locale`. */
+interface IBordDatePickerAriaLabels {
+    dialog: string;
+    previousMonth: string;
+    nextMonth: string;
+}
 interface IBordDatePickerProps {
     updateCurrentValueCallback: (inputText: string) => void;
     isFilled: boolean;
@@ -1991,9 +2006,29 @@ interface IBordDatePickerProps {
     debounceTime?: number;
     customWidth?: string;
     handleFocus?: () => void;
+    /** Variante del picker. Default `'native'` (input de tipo date). */
+    variant?: TBordDatePickerVariant;
+    /** Solo variante `calendar`: texto cuando no hay fecha seleccionada. Default `'dd/mm/aaaa'`. */
+    placeholder?: string;
+    /** Solo variante `calendar`: locale para nombres de meses y días (ej. `'es'`, `'en'`). Default `'es'`. */
+    locale?: string;
+    /** Solo variante `calendar`: valor controlado (datetime ISO). Un string vacío limpia la selección. */
+    value?: string;
+    /** Solo variante `calendar`: se ejecuta cada vez que el calendario se abre o se cierra. */
+    onCalendarOpen?: (isOpen: boolean) => void;
+    /** Solo variante `calendar`: primera fecha seleccionable, en formato `yyyy-LL-dd`. */
+    minDate?: string;
+    /** Solo variante `calendar`: última fecha seleccionable, en formato `yyyy-LL-dd`. */
+    maxDate?: string;
+    /** Solo variante `calendar`: permite deshabilitar días puntuales. Recibe la fecha en formato `yyyy-LL-dd`. */
+    isDateDisabled?: (simpleDate: string) => boolean;
 }
 
-declare const BordDatePicker: ({ updateCurrentValueCallback, isFilled, defaultValue, desiredTimeZone, label, errorText, isDisabled, hideErrorText, debounceTime, handleFocus, customWidth, }: IBordDatePickerProps) => react_jsx_runtime.JSX.Element;
+/**
+ * Selector de fecha del DS. Con `variant="native"` (default) usa el input de tipo date del navegador;
+ * con `variant="calendar"` abre un calendario custom. Ambas variantes emiten un datetime ISO en UTC.
+ */
+declare const BordDatePicker: ({ variant, debounceTime, ...props }: IBordDatePickerProps) => react_jsx_runtime.JSX.Element;
 
 type TcomponentSize = "xsSmall" | "extraSmall-74" | "extraSmall" | "small" | "small-184" | "medium" | "large" | "extraLarge" | "w256" | "w368" | "w-380" | "w-280" | "w-180" | "w-80";
 interface IBordDropdown<T> {
@@ -3282,4 +3317,4 @@ declare const COMPACT_MESSAGE_CONTAINER_SIZE: {
 declare const INCIDENT_TYPE_CONFIG: Record<TIncidentType, IIncidentTypeConfig>;
 
 export { BORD_AVATARS, BORD_ILUSTRATION_ICONS, BORD_NOTIFICATION_ICONS, BORD_NOTIFICATION_VARIANT, BORD_ONE_TONE_ICONS, BORD_TIMELINE_MARKER_VARIANT, BORD_TWO_TONE_ICONS, BORD_VERTICAL_STEPPER_STATUS, BORD_VERTICAL_STEPPER_VARIANT, BordAccordion, BordActionButton, BordAnimationLoader, BordAssignUsersButton, BordAssignUsersDropdown, BordAttentionButton, BordAvatar, BordAvatarStack, BordBackButton, BordBadge, BordBanner, BordBreadCrumb, BordButton, BordCapacity, BordCard, BordCellCard, BordCheckBox, BordComment, BordCommentBubble, BordCommentInput, BordCommentsPanel, BordComposeMetricCards, BordConditionBadge, BordConditionTooltip, BordConfigStatusCard, BordConfigStatusReport, BordDatePicker, BordDinamic, BordDinamicList, BordDropdown, BordEmailPreview, BordEmptyState, BordFavoriteButton, BordFeedbackAlert, BordFilters, BordFiltersExpandableSelect, BordFlag, BordFloatDropdown, BordGenericSelect, BordGlass, BordGroupedComboBox, BordIlustrationIcon, BordIncidentCard, BordIncidentClosureList, BordIncidentDatesForm, BordInfoBanner, BordInfoCard, BordInfoRow, BordLateralModal, BordLogo, BordMarketplaceButton, BordMentions, BordMetricCard, BordMetricCards, BordModal, BordNotificationBell, BordNotificationIcon, BordNotificationModal, BordNotificationPanel, BordNotificationRow, BordNotificationRowSkeleton, BordOneToneIcon, BordPasswordInput, BordPhoto, BordPopover, BordProfileSummary, BordProgressBar, BordRadioButton, BordScrollBar, BordSearchBar, BordSelect, BordSelectDropdown, BordSelectTriggerBare, BordSelectTriggerDefault, BordSelectTriggerGradient, BordSidebar, BordSidebarButton, BordSidebarWithFilters, BordSortSelect, BordStatus, BordStepper, BordSwitch, BordSwitchGroup, BordTab, BordTabBar, BordTable, BordTabs, BordTabsGroupWithBadge, BordTag, BordTags, BordTextArea, BordTextButton, BordTextInput, BordTickSpinner, BordTimelineEvent, BordTimelineGroupHeader, BordTimelineHolderChip, BordTimelineMarker, BordTimelineSpine, BordTimelineStandaloneEvent, BordToast, BordToolModelMarker, BordToolsPhotos, BordTooltip, BordTooltipKeyValueMessage, BordTrackingEtaCard, BordTrackingEventCard, BordTrelloRowFooterBadgeList, BordTwoToneIcon, BordUploadImage, BordUploaderButton, BordVerticalStepper, COMPACT_MESSAGE_CONTAINER_SIZE, COUNTRY_CODES, FORM_COMPONENTS_STANDARD_SIZES, INCIDENT_TYPE_CONFIG, ModalContent, STATUS_VARIANTS, ThemeProvider };
-export type { BordCardCheckboxConfig, BordCardProps, BordConditionTooltipProps, BordConditionTooltipTexts, BordFiltersProps, BordTableColumn, BordTableProps, BordTableRowData, BordVerticalStepperListItem, BordVerticalStepperProps, BordVerticalStepperStepStatus, BordVerticalStepperSubStep, BordVerticalStepperVariant, CardBottomContentConfig, CardCollapsedRightContentConfig, CardLeftContentProps, CardLeftFeatureTag, CardRightCollapsedContentProps, CardRightContentProps, CardTextInputFieldConfig, GradingCondition, IBordAccordionCta, IBordAccordionItem, IBordAccordionProps, IBordAccordionSubItem, IBordAnimationLoaderProps, IBordAssignUsersButtonProps, IBordAssignUsersDropdownProps, IBordAssignableUser, IBordAttentionButton, IBordAvatarProps, IBordAvatarStackProps, IBordAvatarStackUser, IBordBackButtonProps, IBordBanner, IBordBreadCrumbProps, IBordButton, IBordCapacityProps, IBordCellCard, IBordCellHeader, IBordCellItem, IBordCellItemData, IBordCheckBoxProps, IBordCheckBoxSvgProps, IBordCommentBubbleProps, IBordCommentInputProps, IBordCommentMention, IBordCommentMentionableUser, IBordCommentProps, IBordCommentSelectedMention, IBordCommentThreadItem, IBordCommentsPanelProps, IBordComposeMetricCardsItem, IBordComposeMetricCardsProps, IBordConditionBadgeProps, IBordDatePickerProps, IBordEmptyStateProps, IBordFavoriteButtonProps, IBordFavoriteStore, IBordFiltersExpandableSelect, IBordFloatDropdown, IBordFloatDropdownOption, IBordGenericSelectProps, IBordGroupCellItem, IBordIlustrationIconProps, IBordIncidentCardProps, IBordInfoBanner, IBordInfoBannerDivProps, IBordInfoBannerSpanProps, IBordInfoCard, IBordInfoCardHeader, IBordInfoCardItem, IBordInfoRow, IBordLogoProps, IBordMarketplaceButtonProps, IBordNotificationBellProps, IBordNotificationDateGroup, IBordNotificationIconProps, IBordNotificationModalProps, IBordNotificationPanelProps, IBordNotificationRowData, IBordNotificationRowProps, IBordPasswordInputProps, IBordPopoverProps, IBordProfileSummaryProps, IBordProgressBarProps, IBordProgressBarSegment, IBordRadioButtonProps, IBordRadioButtonSvgProps, IBordSearchBar, IBordSelectDropdownProps, IBordSelectTriggerProps, IBordSortByOption, IBordSortSelect, IBordSwitchProps, IBordTagProps, IBordTagsProps, IBordTextAreaProps, IBordTimelineEventProps, IBordTimelineGroupHeaderProps, IBordTimelineHolderChipProps, IBordTimelineMarkerProps, IBordTimelineSpineProps, IBordTimelineStandaloneEventProps, IBordTrackingEtaCardProps, IBordTrackingEventCardProps, IBordTwoToneIconProps, IBordUploadImageProps, IBordUploaderButton, IBordVerticalStepperDefaultProps, IBordVerticalStepperLocationStepProps, IDocumentDetail, IIncidentTypeConfig, IModuleFilterInfo, ITwoToneIconProps, IbordComponentColors, IbordSidebarButtonProps, IbordSidebarModulesList, IbordSidebarProps, IbordSidebarWithFilersProps, IcheckBoxButton, IcolorTones, IrawSelectOption, IsidebarFilter, IsidebarFilterValue, IsidebarLogoProps, TBordAssignUsersDropdownAlign, TBordAssignUsersVariant, TBordBannerContentVariant, TBordBannerVariant, TBordCommentAuthorType, TBordComposeMetricCardsItemsPosition, TBordComposeMetricCardsVariant, TBordConditionBadge, TBordConditionBadgeVariant, TBordFavoriteButtonSize, TBordFavoriteButtonVariant, TBordFavoriteStoreId, TBordMetricCardColorVariant, TBordMetricCardIconConfig, TBordMetricCardOneToneIconConfig, TBordMetricCardSizes, TBordMetricCardTwoToneIconConfig, TBordNotificationModalState, TBordNotificationVariant, TBordProgressBarColor, TBordSelectDropdownAlign, TBordSelectDropdownSide, TBordSelectIndicatorPlacement, TBordSelectMultiProps, TBordSelectOption, TBordSelectOptionRowVariant, TBordSelectProps, TBordSelectSingleProps, TBordSelectTriggerAccent, TBordSelectTriggerVariant, TBordSortOnOpenChange, TBordSortOnOrderChange, TBordSortOnSortByChange, TBordSwitchVariant, TBordTimelineMarkerVariant, TBordUploadImageVariant, TFiltersOptionsPanelVariant, TFlexDirection, TIncidentStatus, TIncidentType, TIncidentVariant, TSTATUS_VARIANTS, TSemanticColors, TSortOrder, TTabValue, TTagColors, TTagStandardSizes, TbordAvatarsVariant, TbordOneToneIcon, TbordTwoToneIcon, TbordilustrationIcon, TcountryCode, TformComponentsStandardSizes, TupdateFiltersCallback };
+export type { BordCardCheckboxConfig, BordCardProps, BordConditionTooltipProps, BordConditionTooltipTexts, BordFiltersProps, BordTableColumn, BordTableProps, BordTableRowData, BordVerticalStepperListItem, BordVerticalStepperProps, BordVerticalStepperStepStatus, BordVerticalStepperSubStep, BordVerticalStepperVariant, CardBottomContentConfig, CardCollapsedRightContentConfig, CardLeftContentProps, CardLeftFeatureTag, CardRightCollapsedContentProps, CardRightContentProps, CardTextInputFieldConfig, GradingCondition, IBordAccordionCta, IBordAccordionItem, IBordAccordionProps, IBordAccordionSubItem, IBordAnimationLoaderProps, IBordAssignUsersButtonProps, IBordAssignUsersDropdownProps, IBordAssignableUser, IBordAttentionButton, IBordAvatarProps, IBordAvatarStackProps, IBordAvatarStackUser, IBordBackButtonProps, IBordBanner, IBordBreadCrumbProps, IBordButton, IBordCapacityProps, IBordCellCard, IBordCellHeader, IBordCellItem, IBordCellItemData, IBordCheckBoxProps, IBordCheckBoxSvgProps, IBordCommentBubbleProps, IBordCommentInputProps, IBordCommentMention, IBordCommentMentionableUser, IBordCommentProps, IBordCommentSelectedMention, IBordCommentThreadItem, IBordCommentsPanelProps, IBordComposeMetricCardsItem, IBordComposeMetricCardsProps, IBordConditionBadgeProps, IBordDatePickerAriaLabels, IBordDatePickerProps, IBordEmptyStateProps, IBordFavoriteButtonProps, IBordFavoriteStore, IBordFiltersExpandableSelect, IBordFloatDropdown, IBordFloatDropdownOption, IBordGenericSelectProps, IBordGroupCellItem, IBordIlustrationIconProps, IBordIncidentCardProps, IBordInfoBanner, IBordInfoBannerDivProps, IBordInfoBannerSpanProps, IBordInfoCard, IBordInfoCardHeader, IBordInfoCardItem, IBordInfoRow, IBordLogoProps, IBordMarketplaceButtonProps, IBordNotificationBellProps, IBordNotificationDateGroup, IBordNotificationIconProps, IBordNotificationModalProps, IBordNotificationPanelProps, IBordNotificationRowData, IBordNotificationRowProps, IBordPasswordInputProps, IBordPopoverProps, IBordProfileSummaryProps, IBordProgressBarProps, IBordProgressBarSegment, IBordRadioButtonProps, IBordRadioButtonSvgProps, IBordSearchBar, IBordSelectDropdownProps, IBordSelectTriggerProps, IBordSortByOption, IBordSortSelect, IBordSwitchProps, IBordTagProps, IBordTagsProps, IBordTextAreaProps, IBordTimelineEventProps, IBordTimelineGroupHeaderProps, IBordTimelineHolderChipProps, IBordTimelineMarkerProps, IBordTimelineSpineProps, IBordTimelineStandaloneEventProps, IBordTrackingEtaCardProps, IBordTrackingEventCardProps, IBordTwoToneIconProps, IBordUploadImageProps, IBordUploaderButton, IBordVerticalStepperDefaultProps, IBordVerticalStepperLocationStepProps, ICalendarDay, IDocumentDetail, IIncidentTypeConfig, IModuleFilterInfo, ITwoToneIconProps, IbordComponentColors, IbordSidebarButtonProps, IbordSidebarModulesList, IbordSidebarProps, IbordSidebarWithFilersProps, IcheckBoxButton, IcolorTones, IrawSelectOption, IsidebarFilter, IsidebarFilterValue, IsidebarLogoProps, TBordAssignUsersDropdownAlign, TBordAssignUsersVariant, TBordBannerContentVariant, TBordBannerVariant, TBordCommentAuthorType, TBordComposeMetricCardsItemsPosition, TBordComposeMetricCardsVariant, TBordConditionBadge, TBordConditionBadgeVariant, TBordDatePickerVariant, TBordFavoriteButtonSize, TBordFavoriteButtonVariant, TBordFavoriteStoreId, TBordMetricCardColorVariant, TBordMetricCardIconConfig, TBordMetricCardOneToneIconConfig, TBordMetricCardSizes, TBordMetricCardTwoToneIconConfig, TBordNotificationModalState, TBordNotificationVariant, TBordProgressBarColor, TBordSelectDropdownAlign, TBordSelectDropdownSide, TBordSelectIndicatorPlacement, TBordSelectMultiProps, TBordSelectOption, TBordSelectOptionRowVariant, TBordSelectProps, TBordSelectSingleProps, TBordSelectTriggerAccent, TBordSelectTriggerVariant, TBordSortOnOpenChange, TBordSortOnOrderChange, TBordSortOnSortByChange, TBordSwitchVariant, TBordTimelineMarkerVariant, TBordUploadImageVariant, TFiltersOptionsPanelVariant, TFlexDirection, TIncidentStatus, TIncidentType, TIncidentVariant, TSTATUS_VARIANTS, TSemanticColors, TSortOrder, TTabValue, TTagColors, TTagStandardSizes, TbordAvatarsVariant, TbordOneToneIcon, TbordTwoToneIcon, TbordilustrationIcon, TcountryCode, TformComponentsStandardSizes, TupdateFiltersCallback };