import { Meta, StoryObj } from '@storybook/react';
import { DatePicker } from '../index';
declare const meta: Meta<typeof DatePicker>;
export default meta;
type Story = StoryObj<typeof meta>;
/**
 * **Story básica** - DatePicker en su configuración por defecto
 *
 * Muestra el componente con todas las opciones por defecto:
 * - Modo de fecha única
 * - Vista de días
 * - Configuración regional en español
 * - Inicio de semana en lunes
 */
export declare const Default: Story;
/**
 * **Fecha pre-seleccionada** - DatePicker con una fecha ya seleccionada
 *
 * Útil para mostrar el componente con un valor inicial,
 * como en formularios de edición o cuando se carga una fecha existente.
 */
export declare const WithSelectedDate: Story;
/**
 * **Deshabilitado** - Muestra el valor pero no abre el calendario
 *
 * Con `disabled`, el input queda desactivado: no se abre el popup al pulsar el campo ni el icono
 * (a diferencia de un campo solo con restricciones de fechas, donde el icono sigue abriendo el calendario).
 */
export declare const Disabled: Story;
/**
 * **Estado controlado** - DatePicker con estado manejado externamente
 *
 * El componente padre controla completamente el estado de la fecha.
 * Permite sincronización con otros componentes y validaciones personalizadas.
 */
export declare const Controlled: Story;
/**
 * **Modo no controlado** - DatePicker sin estado externo
 *
 * El componente maneja su propio estado interno.
 * Solo recibe callbacks para notificar cambios.
 */
export declare const UncontrolledWithCallback: Story;
/**
 * **Rango de fechas** - DatePicker en modo rango con fechas pre-seleccionadas
 *
 * Permite seleccionar un período de tiempo con fecha de inicio y fin.
 * Ideal para filtros de reportes, reservas de hoteles, etc.
 */
export declare const DateRangeStory: Story;
/**
 * **Rango controlado** - DatePicker en modo rango con estado controlado
 *
 * El componente padre controla el estado del rango de fechas.
 * Permite sincronización y validaciones personalizadas.
 */
export declare const ControlledRange: Story;
/**
 * **Formatos de fecha y timezone (range)** - Diferentes orígenes de fecha y análisis de fallos
 *
 * Prueba el DatePicker en modo range con distintos tipos de fechas (ISO UTC, ISO sin Z,
 * construcción local, etc.) y documenta en cuáles podría haber desfase de un día.
 */
export declare const RangeDateFormatsAndTimezone: Story;
/**
 * **Rango de fechas permitidas** - DatePicker con fechas mínima y máxima
 *
 * Restringe la selección a un período específico.
 * Útil para evitar fechas pasadas o futuras muy lejanas.
 */
export declare const WithDateRange: Story;
/**
 * **Validación de fechas** - DatePicker con validación del mes actual
 *
 * Restringe la selección al mes actual para demostrar validaciones más específicas.
 */
export declare const WithValidation: Story;
/**
 * **Idioma inglés** - DatePicker configurado en inglés
 *
 * Muestra el componente con configuración regional en inglés.
 * Incluye nombres de meses y días de la semana en inglés.
 */
export declare const EnglishLocale: Story;
/**
 * **Inicio de semana en domingo** - DatePicker con domingo como primer día
 *
 * Configuración común en países anglosajones donde la semana comienza en domingo.
 */
export declare const SundayStart: Story;
/**
 * **Números de semana** - DatePicker mostrando números de semana
 *
 * Incluye el número de semana en la vista de días.
 * Útil para aplicaciones empresariales o de planificación.
 */
export declare const WithWeekNumbers: Story;
/**
 * **Vista inicial de meses** - DatePicker iniciando en vista de meses
 *
 * El calendario se abre directamente mostrando los meses del año.
 */
export declare const MonthsView: Story;
/**
 * **Vista inicial de años** - DatePicker iniciando en vista de años
 *
 * El calendario se abre directamente mostrando los años disponibles.
 */
export declare const YearsView: Story;
/**
 * **Cierre automático** - DatePicker que se cierra al seleccionar
 *
 * El calendario se cierra automáticamente cuando se selecciona una fecha.
 * Mejora la experiencia de usuario en formularios simples.
 */
export declare const AutoClose: Story;
/**
 * **Cierre automático de rango** - DatePicker que se cierra al completar un rango
 *
 * El calendario se cierra automáticamente cuando se completa la selección de un rango de fechas.
 * Mejora la experiencia de usuario en formularios de rangos.
 */
export declare const AutoCloseRange: Story;
/**
 * **Ejemplo completo** - DatePicker con todas las funcionalidades
 *
 * Demuestra un uso completo del componente con:
 * - Cambio entre modo único y rango
 * - Estado controlado
 * - Botones de acción
 * - Información en tiempo real
 */
export declare const CompleteExample: Story;
export declare const WithRange: Story;
/**
 * **Con Scroll** - DatePicker en página con scroll
 *
 * Demuestra el comportamiento del DatePicker cuando está en una página con scroll.
 * Útil para probar el posicionamiento del portal en diferentes posiciones de la página.
 */
/**
 * **Filtros con limpieza** - DatePicker con botón de limpiar como en filtros
 *
 * Simula el comportamiento del DatePicker dentro del componente Filters.
 * Demuestra la corrección del problema donde los campos date no se limpiaban.
 */
export declare const FilterClearTest: Story;
export declare const WithScroll: Story;
//# sourceMappingURL=DatePicker.stories.d.ts.map