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;
/**
 * **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;
/**
 * **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;
/**
 * **Rango de años personalizado** - DatePicker con rango de años expandido
 *
 * Muestra más años en la vista de años para facilitar la navegación.
 */
export declare const CustomYearRange: 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;
/**
 * **Estilos personalizados** - DatePicker con clases CSS personalizadas
 *
 * Aplica estilos personalizados a diferentes partes del componente.
 * Demuestra la flexibilidad de personalización visual.
 */
export declare const CustomStyling: Story;
/**
 * **Clases dinámicas** - DatePicker con estilos condicionales
 *
 * Aplica estilos diferentes según la fecha, como resaltar el día actual
 * o los fines de semana con colores especiales.
 */
export declare const DynamicClasses: Story;
/**
 * **Header personalizado** - DatePicker con header completamente personalizado
 *
 * Reemplaza el header por defecto con un diseño personalizado.
 * Incluye navegación y cambio de vista con estilos únicos.
 */
export declare const CustomHeader: Story;
/**
 * **Renderizado personalizado de días** - DatePicker con días renderizados personalmente
 *
 * Personaliza completamente cómo se renderizan los días del calendario.
 * Permite agregar contenido adicional o cambiar la estructura visual.
 */
export declare const CustomDayRender: 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;
/**
 * **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.
 */
export declare const WithScroll: Story;
//# sourceMappingURL=DatePicker.stories.d.ts.map