datex-ui 1.0.7 → 1.1.9

package/README.md

@@ -9,10 +9,10 @@ A modern, lightweight, and customizable date range picker for TypeScript/JavaScr
 ## Features
 
 - 📅 **Date Range Selection** - Select start and end dates with intuitive interface
-- � **\*Single Date Mode** - Use as a single date picker
+- 📆 **Single Date Mode** - Use as a single date picker
 - ⏰ **Time Picker** - Optional time selection with 12/24 hour formats
 - 🎨 **Customizable Themes** - Built-in themes (Default, Bootstrap, Material) or create your own
-- � **Inteernationalization** - Built-in Spanish locale with easy customization
+- 🌍 **Internationalization** - Built-in Spanish locale with easy customization
 - 📱 **Responsive Design** - Works on desktop and mobile devices
 - 🚀 **Zero Dependencies** - Pure JavaScript/TypeScript implementation
 - 🎛️ **Predefined Ranges** - Quick selection with common date ranges

package/dist/constants/locales.d.ts

@@ -1,9 +1,6 @@
 /**
- * Predefined locales for DateX
+ * Predefined locales for Datex date picker
  */
-import type { DateRangePickerLocale } from "../types";
-export declare const ENGLISH_LOCALE: DateRangePickerLocale;
-export declare const SPANISH_LOCALE: DateRangePickerLocale;
-export declare const SPANISH_LOCALE_WITH_TIME: DateRangePickerLocale;
-export declare const FRENCH_LOCALE: DateRangePickerLocale;
-export declare const GERMAN_LOCALE: DateRangePickerLocale;
+import { DatexLocale } from "../types/datex-types";
+export declare const SPANISH_LOCALE: DatexLocale;
+export declare const SPANISH_LOCALE_WITH_TIME: DatexLocale;

package/dist/constants/themes.d.ts

@@ -1,8 +1,7 @@
 /**
- * Predefined themes for DateX
+ * Predefined themes for Datex date picker
  */
-import type { DateRangePickerTheme } from "../types";
-export declare const DEFAULT_THEME: DateRangePickerTheme;
-export declare const BOOTSTRAP_THEME: DateRangePickerTheme;
-export declare const MATERIAL_THEME: DateRangePickerTheme;
-export declare const DARK_THEME: DateRangePickerTheme;
+import { DatexTheme } from "../types/datex-types";
+export declare const DEFAULT_THEME: DatexTheme;
+export declare const BOOTSTRAP_THEME: DatexTheme;
+export declare const MATERIAL_THEME: DatexTheme;

package/dist/datex.d.ts

@@ -1,136 +1,103 @@
-export interface DatexTheme {
-    primaryColor?: string;
-    secondaryColor?: string;
-    backgroundColor?: string;
-    borderColor?: string;
-    textColor?: string;
-    hoverColor?: string;
-    selectedColor?: string;
-    rangeColor?: string;
-    todayColor?: string;
-    disabledColor?: string;
-    applyButtonColor?: string;
-    cancelButtonColor?: string;
-    borderRadius?: string;
-    fontSize?: string;
-    fontFamily?: string;
-}
-export declare const DEFAULT_THEME: DatexTheme;
-export declare const BOOTSTRAP_THEME: DatexTheme;
-export declare const MATERIAL_THEME: DatexTheme;
-export interface DatexOptions {
-    startDate?: Date;
-    endDate?: Date;
-    minDate?: Date | null;
-    maxDate?: Date | null;
-    minYear?: number;
-    maxYear?: number;
-    maxSpan?: {
-        days?: number;
-    } | null;
-    autoApply?: boolean;
-    singleDatePicker?: boolean;
-    showDropdowns?: boolean;
-    linkedCalendars?: boolean;
-    autoUpdateInput?: boolean;
-    alwaysShowCalendars?: boolean;
-    showCustomRangeLabel?: boolean;
-    timePicker?: boolean;
-    timePicker24Hour?: boolean;
-    timePickerIncrement?: number;
-    timePickerSeconds?: boolean;
-    ranges?: Record<string, [Date, Date]>;
-    opens?: "left" | "right" | "center";
-    drops?: "up" | "down" | "auto";
-    locale?: DatexLocale;
-    buttonClasses?: string;
-    applyButtonClasses?: string;
-    cancelButtonClasses?: string;
-    theme?: DatexTheme;
-}
-export interface DatexLocale {
-    format: string;
-    separator: string;
-    applyLabel: string;
-    cancelLabel: string;
-    customRangeLabel: string;
-    daysOfWeek: string[];
-    monthNames: string[];
-    firstDay: number;
-}
-export declare const SPANISH_LOCALE: DatexLocale;
-export declare const SPANISH_LOCALE_WITH_TIME: DatexLocale;
-export type DatexCallback = (startDate: Date, endDate: Date, label?: string) => void;
+/**
+ * Datex - Modern Date Range Picker
+ * Refactored for better maintainability and clean code principles
+ */
+import { ValidationResult, DatexValidation } from "./services/validation-service";
+import { DatexOptions, DatexCallback, DatexTheme } from "./types/datex-types";
+export * from "./types/datex-types";
+export * from "./constants/themes";
+export * from "./constants/locales";
 export declare class Datex {
     private element;
     private container;
     private options;
     private locale;
-    private theme;
     private callback;
     private state;
-    private boundHandlers;
-    private resizeHandler?;
-    private scrollHandler?;
-    private documentClickHandler?;
-    private documentFocusHandler?;
+    private themeService;
+    private eventService;
+    private positionService;
+    private calendarService;
+    private validationService;
+    private keyboardService;
     constructor(element: HTMLElement | string, options?: DatexOptions, callback?: DatexCallback);
-    private applyTheme;
-    private generateThemeCSS;
-    setTheme(theme: DatexTheme): void;
-    refreshTheme(): void;
-    getCurrentTheme(): DatexTheme;
-    testDropdowns(): void;
-    private mergeOptions;
+    private resolveElement;
+    private mergeWithDefaults;
+    private initializeState;
+    private initializeServices;
     private createContainer;
-    private renderRanges;
-    private setupEventListeners;
-    private addEventHandler;
-    private containerChange;
-    private containerMouseOver;
-    private containerMouseLeave;
-    private containerClick;
-    private preventBlur;
+    private buildContainerTemplate;
+    private initializeContainerServices;
+    private setupContainerClasses;
+    private setupInitialVisibility;
     show(): void;
     hide(): void;
-    private removeDocumentListeners;
-    private outsideClick;
-    private outsideFocus;
     toggle(): void;
+    setStartDate(date: Date): void;
+    setEndDate(date: Date): void;
+    getStartDate(): Date;
+    getEndDate(): Date | null;
+    setTheme(theme: DatexTheme): void;
+    setThemeMode(mode: "light" | "dark" | "auto"): void;
+    getThemeMode(): "light" | "dark" | "auto";
+    getCurrentThemeMode(): "light" | "dark";
+    updateValidation(validation: DatexValidation): void;
+    validateDate(date: Date): ValidationResult;
+    validateDateRange(startDate: Date, endDate: Date): ValidationResult;
+    enableKeyboardNavigation(): void;
+    disableKeyboardNavigation(): void;
+    setKeyboardFocusedDate(date: Date): void;
+    remove(): void;
+    private storeOldValues;
+    private setupDocumentListeners;
+    private removeDocumentListeners;
+    private displayContainer;
+    private hideContainer;
+    private positionContainer;
+    private revertIfIncomplete;
+    private triggerCallbackIfChanged;
+    private roundToIncrement;
+    private dispatchShowEvent;
+    private dispatchHideEvent;
+    private cleanup;
+    private handleKeyboardDateSelect;
+    private clearSelection;
+    private showValidationError;
+    private setupEventListeners;
+    private setupElementEvents;
+    private setupContainerEvents;
+    private isInputOrButton;
+    private handleContainerClick;
+    private handleContainerMouseOver;
+    private handleContainerMouseLeave;
+    private handleContainerChange;
+    private handleOutsideClick;
+    private handleOutsideFocus;
+    private handleElementChange;
+    private parseDateParts;
+    private handleKeydown;
+    private handleRangeClick;
+    private handleApplyClick;
+    private handleCancelClick;
+    private handlePrevClick;
+    private handleNextClick;
+    private handleDateClick;
+    private handleDateHover;
+    private handleMonthYearChange;
+    private handleTimeChange;
     private updateView;
+    private updateTimePickerControls;
     private updateMonthsInView;
-    private getStartOfMonth;
-    private getEndOfMonth;
-    private getStartOfWeek;
     private updateCalendars;
     private renderCalendar;
-    private renderDropdowns;
-    private getDayClasses;
     private updateFormInputs;
     private updateSelectedDisplay;
-    private renderTimePicker;
-    private timeChanged;
     private updateElement;
-    private move;
-    private clickRange;
-    private clickPrev;
-    private clickNext;
-    private clickDate;
-    private hoverDate;
-    private updateDateClasses;
-    private clickApply;
-    private clickCancel;
-    private monthOrYearChanged;
-    private elementChanged;
-    private keydown;
-    private showCalendars;
-    private hideCalendars;
+    private renderRanges;
     private calculateChosenLabel;
-    setStartDate(date: Date): void;
-    setEndDate(date: Date): void;
-    getStartDate(): Date;
-    getEndDate(): Date | null;
-    remove(): void;
-    updateRanges(newRanges: Record<string, [Date, Date]>): void;
-    private dispatchEvent;
+    private updateActiveRange;
+    private showCalendars;
+    private updateDateClasses;
+    private applyTimeToDate;
+    private createRangeService;
 }

package/dist/index.d.ts

@@ -1,5 +1,10 @@
-import "./datex.scss";
+/**
+ * Datex - Modern Date Range Picker
+ * Main entry point for the library
+ */
 export { Datex } from "./datex";
-export type { DatexOptions, DatexTheme, DatexLocale, DatexCallback, } from "./datex";
-export { DEFAULT_THEME, BOOTSTRAP_THEME, MATERIAL_THEME } from "./datex";
-export { SPANISH_LOCALE, SPANISH_LOCALE_WITH_TIME } from "./datex";
+export type { DatexOptions, DatexCallback, DatexTheme, DatexLocale, DatexEvents, CalendarState, PickerState, } from "./types/datex-types";
+export type { DatexValidation, ValidationResult, } from "./services/validation-service";
+export { DEFAULT_THEME, BOOTSTRAP_THEME, MATERIAL_THEME, } from "./constants/themes";
+export { SPANISH_LOCALE, SPANISH_LOCALE_WITH_TIME } from "./constants/locales";
+export { formatDate, addMonths, startOfDay, endOfDay, isAfterDate, isBeforeDate, parseDate, isSameDate, isValidDate, getStartOfMonth, } from "./utils/date-utils";