ngxsmk-datepicker 2.2.0 → 2.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngxsmk-datepicker",
-  "version": "2.2.0",
+  "version": "2.2.2",
   "author": {
     "name": "Sachin Dilshan",
     "url": "https://www.linkedin.com/in/sachindilshan/"

package/styles/ionic-integration.css

@@ -1,226 +1,220 @@
-/**
- * Ionic Framework Integration Styles
- * 
- * This file contains CSS fixes and overrides to ensure ngxsmk-datepicker
- * works correctly with Ionic Angular applications.
- * 
- * Import this file in your global styles or Ionic app stylesheet:
- * @import 'ngxsmk-datepicker/styles/ionic-integration.css';
- */
-
-/* ============================================
-   1. Z-INDEX CONFLICTS FIX
-   ============================================ */
-
-/* Default z-index for Ionic compatibility */
-ion-app ngxsmk-datepicker {
-  --datepicker-z-index-base: 10001;
-  /* Below ion-alert (20001), above ion-popover (10000) */
-  --datepicker-z-index-backdrop: 10000;
-}
-
-/* When inside ion-modal, use higher z-index */
-ion-modal ngxsmk-datepicker {
-  --datepicker-z-index-base: 20001;
-  /* Above modal backdrop (20000) */
-  --datepicker-z-index-backdrop: 20000;
-}
-
-/* When inside ion-popover, use appropriate z-index */
-ion-popover ngxsmk-datepicker {
-  --datepicker-z-index-base: 10001;
-  /* Above popover (10000) */
-  --datepicker-z-index-backdrop: 10000;
-}
-
-/* ============================================
-   2. BODY SCROLL LOCK DISABLE
-   ============================================ */
-
-/* Disable body scroll lock in Ionic apps */
-ion-app body:has(.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode)),
-ion-app html:has(.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode)) {
-  overflow: auto !important;
-  position: static !important;
-  width: auto !important;
-  height: auto !important;
-}
-
-/* Use Ionic's scroll lock instead */
-ion-content:has(.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode)) {
-  --overflow: hidden;
-}
-
-/* ============================================
-   3. POSITIONING IN ION-CONTENT
-   ============================================ */
-
-/* Fix positioning when inside ion-content */
-ion-content .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) {
-  /* Use absolute positioning relative to ion-content */
-  position: absolute !important;
-  /* Position will be calculated by JavaScript or use inline mode */
-}
-
-/* Alternative: Use inline mode in ion-content (recommended) */
-
-
-/* ============================================
-   4. SAFE AREA INSETS (iOS)
-   ============================================ */
-
-/* Bottom sheet with safe area insets */
-.ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-bottom-sheet:not(.ngxsmk-inline-container) {
-  padding-bottom: env(safe-area-inset-bottom) !important;
-  max-height: calc(90vh - env(safe-area-inset-bottom)) !important;
-  max-height: calc(90dvh - env(safe-area-inset-bottom)) !important;
-}
-
-/* Fullscreen with safe area insets */
-.ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-fullscreen:not(.ngxsmk-inline-container) {
-  padding-top: env(safe-area-inset-top) !important;
-  padding-bottom: env(safe-area-inset-bottom) !important;
-  height: calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
-  height: calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
-}
-
-/* ============================================
-   5. CSS VARIABLE MAPPING (Ionic Theming)
-   ============================================ */
-
-/* Map Ionic theme variables to datepicker variables */
-ion-app ngxsmk-datepicker {
-  --datepicker-primary-color: var(--ion-color-primary, #6d28d9);
-  --datepicker-primary-contrast: var(--ion-color-primary-contrast, #ffffff);
-  --datepicker-background: var(--ion-background-color, #ffffff);
-  --datepicker-text-color: var(--ion-text-color, #1f2937);
-  --datepicker-subtle-text-color: var(--ion-text-color-step-400, #6b7280);
-  --datepicker-border-color: var(--ion-border-color, #e5e7eb);
-  --datepicker-hover-background: var(--ion-color-light, #f3f4f6);
-  --datepicker-range-background: var(--ion-color-primary-tint, #f5f3ff);
-}
-
-/* Dark theme mapping */
-ion-app.ion-theme-dark ngxsmk-datepicker {
-  --datepicker-background: var(--ion-background-color, #1f2937);
-  --datepicker-text-color: var(--ion-text-color, #f3f4f6);
-  --datepicker-subtle-text-color: var(--ion-text-color-step-400, #9ca3af);
-  --datepicker-border-color: var(--ion-border-color, #374151);
-  --datepicker-hover-background: var(--ion-color-step-100, #374151);
-  --datepicker-range-background: rgba(var(--ion-color-primary-rgb), 0.15);
-}
-
-/* ============================================
-   6. TOUCH GESTURE COMPATIBILITY
-   ============================================ */
-
-/* Allow Ionic gestures to work when datepicker is in inline mode */
-
-
-/* Prevent touch event conflicts in popover mode */
-.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) {
-  /* Ionic gestures may be blocked - use inline mode instead */
-  touch-action: pan-y;
-  /* Allow vertical scrolling */
-}
-
-/* ============================================
-   7. FOCUS MANAGEMENT
-   ============================================ */
-
-/* When inside ion-modal, let Ionic handle focus */
-
-
-/* ============================================
-   8. KEYBOARD BEHAVIOR
-   ============================================ */
-
-/* Prevent keyboard from covering datepicker on iOS */
-@supports (-webkit-touch-callout: none) {
-
-  /* iOS Safari */
-  .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) {
-    /* Adjust position when keyboard is visible */
-    max-height: calc(100dvh - env(keyboard-inset-height, 0px)) !important;
-  }
-}
-
-/* ============================================
-   9. SHADOW DOM SUPPORT
-   ============================================ */
-
-/* Ensure variables cascade into Shadow DOM */
-
-
-/* Global variables for Shadow DOM */
-:root {
-  --datepicker-primary-color: var(--ion-color-primary, #6d28d9);
-  --datepicker-background: var(--ion-background-color, #ffffff);
-  --datepicker-text-color: var(--ion-text-color, #1f2937);
-}
-
-/* ============================================
-   10. ION-ITEM INTEGRATION
-   ============================================ */
-
-/* Better integration with ion-item */
-ion-item ngxsmk-datepicker {
-  --padding-start: 0;
-  --padding-end: 0;
-  --inner-padding-end: 0;
-}
-
-ion-item ngxsmk-datepicker .ngxsmk-input-group {
-  width: 100%;
-  border: none;
-  background: transparent;
-}
-
-/* ============================================
-   11. RESPONSIVE BEHAVIOR
-   ============================================ */
-
-/* On mobile, prefer inline mode in Ionic */
-
-
-/* ============================================
-   12. CAPACITOR SPECIFIC
-   ============================================ */
-
-/* Capacitor status bar spacing */
-@supports (padding-top: env(safe-area-inset-top)) {
-  .ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-fullscreen:not(.ngxsmk-inline-container) {
-    padding-top: calc(env(safe-area-inset-top) + var(--ion-safe-area-top, 0px)) !important;
-  }
-}
-
-/* ============================================
-   13. POSITIONING FIXES (Mobile)
-   ============================================ */
-
-/* Bottom Sheet Positioning */
-.ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-bottom-sheet:not(.ngxsmk-inline-container) {
-  top: auto !important;
-  left: 0 !important;
-  right: 0 !important;
-  bottom: 0 !important;
-  transform: none !important;
-  width: 100% !important;
-  max-width: 100% !important;
-  border-radius: 20px 20px 0 0 !important;
-  margin: 0 !important;
-}
-
-/* Fullscreen Positioning */
-.ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-fullscreen:not(.ngxsmk-inline-container) {
-  top: 0 !important;
-  left: 0 !important;
-  right: 0 !important;
-  bottom: 0 !important;
-  transform: none !important;
-  width: 100% !important;
-  height: 100% !important;
-  max-width: 100% !important;
-  border-radius: 0 !important;
-  margin: 0 !important;
-}
+/**
+ * Ionic Framework Integration Styles
+ * 
+ * This file contains CSS fixes and overrides to ensure ngxsmk-datepicker
+ * works correctly with Ionic Angular applications.
+ * 
+ * Import this file in your global styles or Ionic app stylesheet:
+ * @import 'ngxsmk-datepicker/styles/ionic-integration.css';
+ */
+
+/* ============================================
+   1. Z-INDEX CONFLICTS FIX
+   ============================================ */
+
+/* Default z-index for Ionic compatibility */
+ion-app ngxsmk-datepicker {
+  --datepicker-z-index-base: 10001;
+  /* Below ion-alert (20001), above ion-popover (10000) */
+  --datepicker-z-index-backdrop: 10000;
+}
+
+/* When inside ion-modal, use higher z-index */
+ion-modal ngxsmk-datepicker {
+  --datepicker-z-index-base: 20001;
+  /* Above modal backdrop (20000) */
+  --datepicker-z-index-backdrop: 20000;
+}
+
+/* When inside ion-popover, use appropriate z-index */
+ion-popover ngxsmk-datepicker {
+  --datepicker-z-index-base: 10001;
+  /* Above popover (10000) */
+  --datepicker-z-index-backdrop: 10000;
+}
+
+/* ============================================
+   2. BODY SCROLL LOCK DISABLE
+   ============================================ */
+
+/* Disable body scroll lock in Ionic apps */
+ion-app body:has(.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode)),
+ion-app html:has(.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode)) {
+  overflow: auto !important;
+  position: static !important;
+  width: auto !important;
+  height: auto !important;
+}
+
+/* Use Ionic's scroll lock instead */
+ion-content:has(.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode)) {
+  --overflow: hidden;
+}
+
+/* ============================================
+   3. POSITIONING IN ION-CONTENT
+   ============================================ */
+
+/* Fix positioning when inside ion-content */
+ion-content .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) {
+  /* Use absolute positioning relative to ion-content */
+  position: absolute !important;
+  /* Position will be calculated by JavaScript or use inline mode */
+}
+
+/* Alternative: Use inline mode in ion-content (recommended) */
+
+/* ============================================
+   4. SAFE AREA INSETS (iOS)
+   ============================================ */
+
+/* Bottom sheet with safe area insets */
+.ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-bottom-sheet:not(.ngxsmk-inline-container) {
+  padding-bottom: env(safe-area-inset-bottom) !important;
+  max-height: calc(90vh - env(safe-area-inset-bottom)) !important;
+  max-height: calc(90dvh - env(safe-area-inset-bottom)) !important;
+}
+
+/* Fullscreen with safe area insets */
+.ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-fullscreen:not(.ngxsmk-inline-container) {
+  padding-top: env(safe-area-inset-top) !important;
+  padding-bottom: env(safe-area-inset-bottom) !important;
+  height: calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
+  height: calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
+}
+
+/* ============================================
+   5. CSS VARIABLE MAPPING (Ionic Theming)
+   ============================================ */
+
+/* Map Ionic theme variables to datepicker variables */
+ion-app ngxsmk-datepicker {
+  --datepicker-primary-color: var(--ion-color-primary, #6d28d9);
+  --datepicker-primary-contrast: var(--ion-color-primary-contrast, #ffffff);
+  --datepicker-background: var(--ion-background-color, #ffffff);
+  --datepicker-text-color: var(--ion-text-color, #1f2937);
+  --datepicker-subtle-text-color: var(--ion-text-color-step-400, #6b7280);
+  --datepicker-border-color: var(--ion-border-color, #e5e7eb);
+  --datepicker-hover-background: var(--ion-color-light, #f3f4f6);
+  --datepicker-range-background: var(--ion-color-primary-tint, #f5f3ff);
+}
+
+/* Dark theme mapping */
+ion-app.ion-theme-dark ngxsmk-datepicker {
+  --datepicker-background: var(--ion-background-color, #1f2937);
+  --datepicker-text-color: var(--ion-text-color, #f3f4f6);
+  --datepicker-subtle-text-color: var(--ion-text-color-step-400, #9ca3af);
+  --datepicker-border-color: var(--ion-border-color, #374151);
+  --datepicker-hover-background: var(--ion-color-step-100, #374151);
+  --datepicker-range-background: rgba(var(--ion-color-primary-rgb), 0.15);
+}
+
+/* ============================================
+   6. TOUCH GESTURE COMPATIBILITY
+   ============================================ */
+
+/* Allow Ionic gestures to work when datepicker is in inline mode */
+
+/* Prevent touch event conflicts in popover mode */
+.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) {
+  /* Ionic gestures may be blocked - use inline mode instead */
+  touch-action: pan-y;
+  /* Allow vertical scrolling */
+}
+
+/* ============================================
+   7. FOCUS MANAGEMENT
+   ============================================ */
+
+/* When inside ion-modal, let Ionic handle focus */
+
+/* ============================================
+   8. KEYBOARD BEHAVIOR
+   ============================================ */
+
+/* Prevent keyboard from covering datepicker on iOS */
+@supports (-webkit-touch-callout: none) {
+  /* iOS Safari */
+  .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) {
+    /* Adjust position when keyboard is visible */
+    max-height: calc(100dvh - env(keyboard-inset-height, 0px)) !important;
+  }
+}
+
+/* ============================================
+   9. SHADOW DOM SUPPORT
+   ============================================ */
+
+/* Ensure variables cascade into Shadow DOM */
+
+/* Global variables for Shadow DOM */
+:root {
+  --datepicker-primary-color: var(--ion-color-primary, #6d28d9);
+  --datepicker-background: var(--ion-background-color, #ffffff);
+  --datepicker-text-color: var(--ion-text-color, #1f2937);
+}
+
+/* ============================================
+   10. ION-ITEM INTEGRATION
+   ============================================ */
+
+/* Better integration with ion-item */
+ion-item ngxsmk-datepicker {
+  --padding-start: 0;
+  --padding-end: 0;
+  --inner-padding-end: 0;
+}
+
+ion-item ngxsmk-datepicker .ngxsmk-input-group {
+  width: 100%;
+  border: none;
+  background: transparent;
+}
+
+/* ============================================
+   11. RESPONSIVE BEHAVIOR
+   ============================================ */
+
+/* On mobile, prefer inline mode in Ionic */
+
+/* ============================================
+   12. CAPACITOR SPECIFIC
+   ============================================ */
+
+/* Capacitor status bar spacing */
+@supports (padding-top: env(safe-area-inset-top)) {
+  .ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-fullscreen:not(.ngxsmk-inline-container) {
+    padding-top: calc(env(safe-area-inset-top) + var(--ion-safe-area-top, 0px)) !important;
+  }
+}
+
+/* ============================================
+   13. POSITIONING FIXES (Mobile)
+   ============================================ */
+
+/* Bottom Sheet Positioning */
+.ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-bottom-sheet:not(.ngxsmk-inline-container) {
+  top: auto !important;
+  left: 0 !important;
+  right: 0 !important;
+  bottom: 0 !important;
+  transform: none !important;
+  width: 100% !important;
+  max-width: 100% !important;
+  border-radius: 20px 20px 0 0 !important;
+  margin: 0 !important;
+}
+
+/* Fullscreen Positioning */
+.ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-fullscreen:not(.ngxsmk-inline-container) {
+  top: 0 !important;
+  left: 0 !important;
+  right: 0 !important;
+  bottom: 0 !important;
+  transform: none !important;
+  width: 100% !important;
+  height: 100% !important;
+  max-width: 100% !important;
+  border-radius: 0 !important;
+  margin: 0 !important;
+}

package/types/ngxsmk-datepicker.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, ElementRef, AfterViewInit, OnDestroy, TemplateRef, InjectionToken, EffectRef, Signal, OnInit, OnChanges, SimpleChanges, Provider } from '@angular/core';
+import { EventEmitter, ElementRef, AfterViewInit, OnDestroy, TemplateRef, InjectionToken, EffectRef, Signal, OnInit, OnChanges, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { Subject } from 'rxjs';
 
@@ -731,6 +731,8 @@ interface MatFormFieldControlMock<T> {
 declare class NgxsmkDatepickerComponent implements OnInit, OnChanges, OnDestroy, AfterViewInit, ControlValueAccessor, MatFormFieldControlMock<DatepickerValue> {
     private static _idCounter;
     private static _allInstances;
+    private static _materialSupportRegistered;
+    static withMaterialSupport(matFormFieldControlToken: any): void;
     _uniqueId: string;
     mode: 'single' | 'range' | 'multiple' | 'week' | 'month' | 'quarter' | 'year' | 'timeRange';
     calendarViewMode: 'month' | 'year' | 'decade' | 'timeline' | 'time-slider';
@@ -1444,6 +1446,8 @@ declare class NgxsmkDatepickerComponent implements OnInit, OnChanges, OnDestroy,
     private scrollDebounceTimer;
     private readonly updatePositionOnScroll;
     private updateOpeningState;
+    private _startOpeningState;
+    private _startClosingState;
     private renderInBody;
     /** Hides the body-appended popover so loading/calendar are not visible at wrong position. */
     private hideBodyPopoverUntilPositioned;
@@ -1650,6 +1654,9 @@ declare class NgxsmkDatepickerComponent implements OnInit, OnChanges, OnDestroy,
      * For large constraint lists (>1000), consider optimizing with Set or DateRange tree.
      */
     isDateDisabled(date: Date | null): boolean;
+    private _isInDisabledDates;
+    private _isInDisabledRanges;
+    private _isOutOfMinMaxBounds;
     /**
      * Checks if a date is selected in multiple selection mode.
      *
@@ -1703,6 +1710,20 @@ declare class NgxsmkDatepickerComponent implements OnInit, OnChanges, OnDestroy,
      * - Calendar regeneration is optimized with caching
      */
     onDateClick(day: Date | null): void;
+    /**
+     * Returns true (and cleans up touch state) when the click event should be
+     * ignored because it was already handled by the touch handler within the
+     * deduplication window (250 ms).
+     */
+    private _shouldSkipDueToTouchGuard;
+    private _navigateToMonthOfDay;
+    private _handleSingleModeClick;
+    private _handleRangeModeClick;
+    private _handleRangeEndSelection;
+    private _handlePeriodModeClick;
+    private _handleMultipleModeClick;
+    private _applyRecurringPattern;
+    private _syncTimeAfterDateClick;
     onDateHover(day: Date | null): void;
     onDateCellTouchStart(event: TouchEvent, day: Date | null): void;
     onDateCellTouchMove(event: TouchEvent): void;
@@ -2221,6 +2242,8 @@ interface DatepickerTheme {
         sm?: string;
         md?: string;
         lg?: string;
+        /** Focus ring (e.g. input focus). Use a color-mix or rgba for 15% opacity. Example: 0 0 0 3px color-mix(in srgb, var(--datepicker-primary-color) 15%, transparent) */
+        focus?: string;
         [key: string]: string | undefined;
     };
 }
@@ -2385,47 +2408,5 @@ declare class HapticFeedbackService {
     static ɵprov: i0.ɵɵInjectableDeclaration<HapticFeedbackService>;
 }
 
-/**
- * Helper function to provide Angular Material form field control token
- * Use this when using ngxsmk-datepicker inside mat-form-field in non-standalone components
- *
- * IMPORTANT: This requires @angular/material to be installed. Import MAT_FORM_FIELD_CONTROL
- * from @angular/material/form-field and pass it to this function.
- *
- * @example For NgModule (non-standalone):
- * ```typescript
- * import { NgModule } from '@angular/core';
- * import { MAT_FORM_FIELD_CONTROL } from '@angular/material/form-field';
- * import { NgxsmkDatepickerComponent, provideMaterialFormFieldControl } from 'ngxsmk-datepicker';
- *
- * @NgModule({
- *   imports: [NgxsmkDatepickerComponent],
- *   providers: [provideMaterialFormFieldControl(MAT_FORM_FIELD_CONTROL)]
- * })
- * export class MyModule { }
- * ```
- *
- * @example For standalone component:
- * ```typescript
- * import { Component } from '@angular/core';
- * import { MAT_FORM_FIELD_CONTROL } from '@angular/material/form-field';
- * import { NgxsmkDatepickerComponent, provideMaterialFormFieldControl } from 'ngxsmk-datepicker';
- *
- * @Component({
- *   standalone: true,
- *   imports: [NgxsmkDatepickerComponent],
- *   providers: [provideMaterialFormFieldControl(MAT_FORM_FIELD_CONTROL)]
- * })
- * export class MyComponent { }
- * ```
- *
- * ### Troubleshooting
- * If you see the error `mat-form-field must contain a MatFormFieldControl`:
- * 1. Ensure you are passing `MAT_FORM_FIELD_CONTROL` (not `MAT_FORM_FIELD`) to this function.
- * 2. Ensure you have added the provider to the `providers` array of your component or module.
- * 3. In standalone components, make sure `NgxsmkDatepickerComponent` is in the `imports` array.
- */
-declare function provideMaterialFormFieldControl(matFormFieldControlToken: unknown): Provider;
-
-export { AriaLiveService, CustomDateFormatService, CustomSelectComponent, DATEPICKER_CONFIG, DEFAULT_ANIMATION_CONFIG, DEFAULT_DATEPICKER_CONFIG, DatePresetsService, DefaultTranslationService, FieldSyncService, FocusTrapService, HapticFeedbackService, LocaleRegistryService, NativeDateAdapter, NgxsmkDatepickerComponent, NgxsmkDatepickerModule, ThemeBuilderService, TranslationRegistryService, addMonths, convertTimezone, exportToCsv, exportToIcs, exportToJson, formatDateWithTimezone, formatLocaleNumber, generateDecadeGrid, generateMonthOptions, generateTimeOptions, generateWeekDays, generateYearGrid, generateYearOptions, get24Hour, getEndOfDay, getEndOfMonth, getFirstDayOfWeek, getStartOfDay, getStartOfMonth, getTimezoneOffset, importFromCsv, importFromIcs, importFromJson, isSameDay, isValidTimezone, normalizeDate, parseDateWithTimezone, processDateRanges, provideDatepickerConfig, provideMaterialFormFieldControl, subtractDays, update12HourState };
+export { AriaLiveService, CustomDateFormatService, CustomSelectComponent, DATEPICKER_CONFIG, DEFAULT_ANIMATION_CONFIG, DEFAULT_DATEPICKER_CONFIG, DatePresetsService, DefaultTranslationService, FieldSyncService, FocusTrapService, HapticFeedbackService, LocaleRegistryService, NativeDateAdapter, NgxsmkDatepickerComponent, NgxsmkDatepickerModule, ThemeBuilderService, TranslationRegistryService, addMonths, convertTimezone, exportToCsv, exportToIcs, exportToJson, formatDateWithTimezone, formatLocaleNumber, generateDecadeGrid, generateMonthOptions, generateTimeOptions, generateWeekDays, generateYearGrid, generateYearOptions, get24Hour, getEndOfDay, getEndOfMonth, getFirstDayOfWeek, getStartOfDay, getStartOfMonth, getTimezoneOffset, importFromCsv, importFromIcs, importFromJson, isSameDay, isValidTimezone, normalizeDate, parseDateWithTimezone, processDateRanges, provideDatepickerConfig, subtractDays, update12HourState };
 export type { AnimationConfig, CalendarSystem, DateAdapter, DateFormatHook, DateInput, DatePreset, DateRange, DatepickerConfig, DatepickerHooks, DatepickerTheme, DatepickerTranslations, DatepickerValue, DayCellRenderHook, EventHook, ExportOptions, HolidayProvider, KeyboardShortcutContext, KeyboardShortcutHelp, KeyboardShortcutHook, LocaleData, PartialDatepickerTranslations, SignalFormField, SignalFormFieldConfig, TranslationService, ValidationHook };