@pglejzer/datepicker-ui 1.0.0 → 1.1.0

package/dist/esm/kit.d.ts

@@ -1,15 +1,15 @@
-import { A as SurfaceMode, F as formatHint, I as resolvePattern, L as DatePart, M as FormatPattern, N as HintLetters, P as formatDate, U as PlainDate, j as FormatOption, z as CalendarMode } from "./shared.js";
-//#region src/managers/renderers/SurfaceHost.d.ts
+import { $ as PlainDate, B as formatHint, G as formatFullDate, H as DatePart, I as FormatOption, J as weekdayNames, K as formatMonthYear, L as FormatPattern, R as HintLetters, U as FullDateOptions, V as resolvePattern, W as WeekStartOption, Y as CalendarMode, et as Weekday, q as resolveWeekStart, tt as YearMonth, u as ThemeName, z as formatDate } from "./shared.js";
+type SurfaceMode = "docked" | "modal" | "inline";
 interface SurfaceHost {
   readonly root: HTMLElement;
   readonly body: HTMLElement;
   open(): Promise<void>;
   close(): Promise<void>;
   destroy(): void;
+  /** Renames the surface by the constructor's rule: a non-empty `labelledBy` sets `aria-labelledby` and removes `aria-label`; otherwise `label` becomes the `aria-label` and `aria-labelledby` is removed. */
+  setLabel(label: string, labelledBy?: string): void;
 }
 export declare function waitForExit(element: HTMLElement): Promise<void>;
-//#endregion
-//#region src/managers/renderers/DialogHost.d.ts
 export declare class DialogHost implements SurfaceHost {
   readonly root: HTMLElement;
   readonly body: HTMLElement;
@@ -24,35 +24,36 @@ export declare class DialogHost implements SurfaceHost {
   constructor(options: {
     parent: HTMLElement;
     label: string;
+    /** Id, or space-separated ids, of a visible title that names the surface. When set, the root gets `aria-labelledby` and no `aria-label`. */
+    labelledBy?: string;
     allowPageScroll: boolean;
     onCancel(reason: "escape" | "outside"): void;
   });
   open(): Promise<void>;
   close(): Promise<void>;
   destroy(): void;
+  setLabel(label: string, labelledBy?: string): void;
   private unlock;
 }
-//#endregion
-//#region src/managers/renderers/InlineHost.d.ts
 export declare class InlineHost implements SurfaceHost {
   readonly root: HTMLElement;
   readonly body: HTMLElement;
   constructor(options: {
     container: HTMLElement;
     label: string;
+    /** Id, or space-separated ids, of a visible title that names the surface. When set, the root gets `aria-labelledby` and no `aria-label`. */
+    labelledBy?: string;
   });
   open(): Promise<void>;
   close(): Promise<void>;
   destroy(): void;
+  setLabel(label: string, labelledBy?: string): void;
 }
-//#endregion
-//#region src/managers/renderers/PopoverHost.d.ts
 export declare class PopoverHost implements SurfaceHost {
   readonly root: HTMLElement;
   readonly body: HTMLElement;
   private readonly anchor;
   private readonly anchorName;
-  private readonly rtl;
   private readonly fallback;
   private readonly controller;
   private stopTracking;
@@ -68,6 +69,8 @@ export declare class PopoverHost implements SurfaceHost {
     instanceId: string;
     rtl: boolean;
     label: string;
+    /** Id, or space-separated ids, of a visible title that names the surface. When set, the root gets `aria-labelledby` and no `aria-label`. */
+    labelledBy?: string;
     inside: readonly HTMLElement[];
     ignoreOutsideClick: boolean;
     onOutside(): void;
@@ -76,26 +79,116 @@ export declare class PopoverHost implements SurfaceHost {
   open(): Promise<void>;
   close(): Promise<void>;
   destroy(): void;
+  setLabel(label: string, labelledBy?: string): void;
   private endTracking;
   private show;
   private hide;
   private enableFallback;
   private update;
 }
-//#endregion
-//#region src/utils/surface.d.ts
+export declare const createTextButton: (modifier: string, label: string) => HTMLButtonElement;
+interface PagerOptions<K> {
+  /** Right-to-left: dragging left goes back. */
+  readonly rtl: boolean;
+  /** Drag and wheel paging. */
+  readonly swipe: boolean;
+  /** Slide animation. Reduced motion turns it into a fade. */
+  readonly animate: boolean;
+  /** Sets the pager height to the shown page through `pageHeight`. Default `false`. */
+  readonly fitHeight?: boolean;
+  /** Builds the page for `key`. */
+  renderPage(key: K): HTMLElement;
+  /** Height of the page for `key`, used with `fitHeight`. */
+  pageHeight?(key: K): number;
+  /** The key one page before (`-1`) or after (`1`) `key`. */
+  step(key: K, direction: -1 | 1): K;
+  /** Whether two keys name the same page. */
+  isSame(a: K, b: K): boolean;
+  /** A drag or wheel gesture finished on a neighbour page. Call `slide()` to show it. */
+  onCommit(direction: -1 | 1, source: "drag" | "wheel"): void;
+}
+export declare class Pager<K> {
+  private readonly viewport;
+  private readonly options;
+  private readonly track;
+  private readonly controller;
+  private readonly previousTouchAction;
+  private readonly strip;
+  private readonly animator;
+  private drag;
+  private wheel;
+  private resizeObserver;
+  private observedWidth;
+  private offset;
+  private revision;
+  constructor(viewport: HTMLElement, options: PagerOptions<K>);
+  /** Shows `key` without animation. */
+  show(key: K): void;
+  /** Slides to `key` in `direction`. */
+  slide(key: K, direction: -1 | 1): void;
+  /** Ends a running slide at once. */
+  finish(): void;
+  destroy(): void;
+  private get destroyed();
+  private enableSwipe;
+  private observeWidth;
+  private cancelGestures;
+  private release;
+  private settle;
+  private fitHeight;
+  private rest;
+  private setOffset;
+  private transformFor;
+  private pageWidth;
+}
 export declare const resolveSurfaceMode: (option: "auto" | "docked" | "modal", inlineEnabled: boolean, viewportWidth: number, viewportHeight: number) => SurfaceMode;
 export declare const isFullscreenRange: (mode: CalendarMode, surface: SurfaceMode, viewportWidth: number, fullscreenBelow: number) => boolean;
-//#endregion
-//#region src/utils/colorScheme.d.ts
+/**
+ * Whether a docked surface fits the window entirely below its anchor or
+ * entirely above it, keeping an 8 px margin to the window edge. These are
+ * the two sides the popover tries, below first. The anchor is measured where
+ * it is now, so call it while the surface is shown.
+ */
+export declare function fitsViewport(root: HTMLElement, anchor: HTMLElement): boolean;
 type Scheme = "light" | "dark";
 export declare function detectColorScheme(from: HTMLElement): Scheme;
 export declare function watchColorScheme(onChange: () => void): () => void;
-//#endregion
-//#region src/utils/date/mask.d.ts
+/** Theme settings for a surface root. */
+interface SurfaceTheme {
+  /** Theme name, written to `data-theme`. */
+  readonly theme: ThemeName;
+  /** Resolved scheme, written to `data-color-scheme`. For `"auto"` use `detectColorScheme()`. */
+  readonly colorScheme: Scheme;
+  /** Extra classes, like `ui.cssClass`. Classes from the previous call are removed. */
+  readonly className?: string;
+  /** Right-to-left: toggles `dp-ui__container--rtl` on the surface container. */
+  readonly rtl?: boolean;
+}
+/** Applies theme settings to a surface root (`host.root`). Safe to call again. */
+export declare function applyTheme(root: HTMLElement, theme: SurfaceTheme): void;
 export declare function maskDateText(text: string, pattern: FormatPattern): string;
-//#endregion
-//#region src/utils/date/parse.d.ts
+/**
+ * Length of the date at the start of `text`, in characters of `text` as
+ * given: the index just after the last digit group `pattern` expects, or the
+ * separator before the next group. A separator after the last group is not
+ * part of the date. Bidi marks, locale digits and characters the mask skips
+ * count as written. Returns 0 when `text` holds no digit.
+ */
+export declare function leadingDateLength(text: string, pattern: FormatPattern): number;
+/**
+ * Whether `text` starts with a whole date: every group `pattern` expects is
+ * there and the last one has all its digits. A separator closes an earlier
+ * group, so `1.5.2026` is complete. Text after the date is ignored.
+ */
+export declare function isDateTextComplete(text: string, pattern: FormatPattern): boolean;
+/** Maps Arabic-Indic and Persian digits to Latin digits, drops bidi marks and trims. */
+export declare function normalizeDigits(text: string): string;
 export declare function parseDate(text: string, pattern: FormatPattern): PlainDate | null;
-//#endregion
-export { type DatePart, type FormatOption, type FormatPattern, type HintLetters, type PlainDate, type Scheme, type SurfaceHost, type SurfaceMode, formatDate, formatHint, resolvePattern };
+export declare const RANGE_SEPARATOR = " – ";
+/**
+ * Splits range text into its start and end text the way the picker does:
+ * at an en or em dash with optional spaces, or at a hyphen with spaces
+ * around it. Returns `null` unless the text splits into exactly two parts.
+ */
+export declare function splitRangeText(text: string): readonly [string, string] | null;
+export { type DatePart, type FormatOption, type FormatPattern, type FullDateOptions, type HintLetters, type PagerOptions, type PlainDate, type Scheme, type SurfaceHost, type SurfaceMode, type SurfaceTheme, type ThemeName, type WeekStartOption, type Weekday, type YearMonth, formatDate, formatFullDate, formatHint, formatMonthYear, resolvePattern, resolveWeekStart, weekdayNames };

package/dist/esm/kit.js

@@ -1 +1 @@
-export{i as DialogHost,r as InlineHost,n as PopoverHost,l as detectColorScheme,b as formatDate,x as formatHint,E as isFullscreenRange,t as maskDateText,_ as parseDate,w as resolvePattern,D as resolveSurfaceMode,a as waitForExit,u as watchColorScheme}from"./shared.js";
+export{i as DialogHost,r as InlineHost,o as Pager,n as PopoverHost,b as RANGE_SEPARATOR,t as applyTheme,h as createTextButton,k as detectColorScheme,y as fitsViewport,it as formatDate,G as formatFullDate,at as formatHint,q as formatMonthYear,c as isDateTextComplete,St as isFullscreenRange,l as leadingDateLength,u as maskDateText,U as normalizeDigits,W as parseDate,ct as resolvePattern,Ct as resolveSurfaceMode,tt as resolveWeekStart,T as splitRangeText,a as waitForExit,A as watchColorScheme,nt as weekdayNames}from"./shared.js";

package/dist/esm/shared.d.ts

@@ -1,22 +1,31 @@
-//#region src/types/date.d.ts
 interface PlainDate {
   readonly year: number;
   readonly month: number;
   readonly day: number;
 }
+interface YearMonth {
+  readonly year: number;
+  readonly month: number;
+}
 type DateInput = Date | string;
-//#endregion
-//#region src/types/selection.d.ts
+type Weekday = 0 | 1 | 2 | 3 | 4 | 5 | 6;
 type CalendarMode = "single" | "range" | "multiple";
 type Precision = "day" | "month" | "year";
 type PageBy = "month" | "view";
 type RangeEnd = "start" | "end";
-//#endregion
-//#region src/utils/date/intl.d.ts
 type WeekStartOption = "auto" | "sunday" | "monday" | "saturday";
 type DatePart = "day" | "month" | "year";
-//#endregion
-//#region src/utils/date/format.d.ts
+declare function weekdayNames(locale: string, width: "long" | "short" | "narrow"): readonly string[];
+interface FullDateOptions {
+  /**
+   * `false` leaves the year out, e.g. "Wednesday, October 21".
+   * @default true
+   */
+  readonly year?: boolean;
+}
+declare function formatFullDate(date: PlainDate, locale: string, options?: FullDateOptions): string;
+declare function formatMonthYear(view: YearMonth, locale: string): string;
+declare function resolveWeekStart(locale: string, option: WeekStartOption): Weekday;
 type FormatOption = "auto" | (string & Record<never, never>);
 interface FormatPattern {
   readonly order: readonly DatePart[];
@@ -33,13 +42,6 @@ interface HintLetters {
 }
 declare function formatHint(pattern: FormatPattern, letters?: HintLetters): string;
 declare function formatDate(date: PlainDate, pattern: FormatPattern): string;
-//#endregion
-//#region src/types/internal.d.ts
-type SurfaceMode = "docked" | "modal" | "inline";
-type NavigateSource = "drag" | "wheel" | "button" | "keyboard" | "menu" | "api";
-type CancelReason = "button" | "escape" | "outside";
-//#endregion
-//#region src/types/types.d.ts
 /** A committed date in every representation the consumer may need. */
 interface DateValue {
   /**
@@ -62,11 +64,13 @@ interface RangeValue {
 }
 /** The committed value: a day (`single`), a range (`range`) or the sorted days (`multiple`). */
 type PickerValue = DateValue | RangeValue | readonly DateValue[];
-/** Accepted by `setValue()`; the shape has to match `calendar.mode`. */
+/** Accepted by `setValue()`; the shape has to match `calendar.mode`. Any date can be `"today"`. */
 type PickerValueInput = DateInput | {
   readonly start: DateInput;
   readonly end: DateInput;
 } | readonly DateInput[];
+/** Which view a picker shows: the calendar or the text fields. */
+type PickerView = "calendar" | "input";
 /** Payload of the `open` event. */
 interface OpenEventData {
   /** The surface that was opened. */
@@ -74,9 +78,14 @@ interface OpenEventData {
 }
 /** Payload of the `close` event. */
 type CloseEventData = Record<string, never>;
+type CancelReason = "button" | "escape" | "outside" | "toggle";
 /** Payload of the `cancel` event. */
 interface CancelEventData {
-  /** What dismissed the picker without committing. */
+  /**
+   * What dismissed the picker without committing: `"button"` (the Cancel or
+   * close button), `"escape"`, `"outside"` (a click outside a docked picker or
+   * on the modal backdrop) or `"toggle"` (`ui.toggleButton` on an open picker).
+   */
   reason: CancelReason;
 }
 /** Payload of the `confirm` event. */
@@ -94,7 +103,7 @@ interface UpdateEventData {
 /** Payload of the `select:day` event. */
 interface SelectDayEventData {
   /**
-   * The day the user picked (not yet committed in modal flow). With
+   * The day the user picked or typed (not yet committed in modal flow). With
    * `calendar.precision` `"month"` or `"year"` it is the picked month or year,
    * as its first day (`value.value` is `YYYY-MM` or `YYYY`).
    */
@@ -104,7 +113,7 @@ interface SelectDayEventData {
 }
 /** Payload of the `range:start` event. */
 interface RangeStartEventData {
-  /** The first day of the range that was just picked. */
+  /** The first day of the range that was just picked or typed. */
   value: DateValue;
 }
 /** Payload of the `range:end` event. */
@@ -126,16 +135,50 @@ interface SelectYearEventData {
   /** Chosen year. */
   year: number;
 }
+/** The first and last day a picker shows. */
+interface VisibleRange {
+  /** First day shown, at day precision (`value` is `YYYY-MM-DD`). */
+  readonly from: DateValue;
+  /** Last day shown, at day precision. */
+  readonly to: DateValue;
+}
+/** What moved the shown days. */
+type NavigateSource = "drag" | "wheel" | "button" | "keyboard" | "menu" | "open" | "api" | "resize" | "scroll";
 /** Payload of the `navigate` event. */
 interface NavigateEventData {
-  /** Year of the first month now displayed. */
+  /** Year of the first month shown. */
   year: number;
-  /** First month now displayed, 1-12 (with `calendar.months` above 1 it is the first of the months shown). */
+  /** First month shown, 1-12. */
   month: number;
-  /** `-1` backwards, `1` forwards, `0` for a jump that keeps the month. */
+  /** `-1` backwards, `1` forwards, `0` when the first month shown stays. */
   direction: -1 | 0 | 1;
-  /** What caused the navigation. `setValue()` and `open()` move the view without this event. */
-  source: Exclude<NavigateSource, "api">;
+  /**
+   * What changed the shown days: a user action (`drag`, `wheel`, `button`,
+   * `keyboard`, `menu`), opening or mounting the picker (`open`), `setValue()`,
+   * `setOptions()`, `goTo()` or a value the picker sets itself, such as a
+   * range preset or a typed date (`api`), a window resize that changes the
+   * months shown (`resize`), or the range month list rendering more months
+   * (`scroll`).
+   */
+  source: NavigateSource;
+  /** First day shown. */
+  from: DateValue;
+  /** Last day shown. */
+  to: DateValue;
+}
+/**
+ * Payload of the `clear` event, fired by `clear()` and the Clear button.
+ * `clear()` also fires `input` and `change` on the input. `setValue(null)`
+ * empties the value quietly, without either.
+ */
+interface ClearEventData {
+  /** The value before clearing, or the draft when only the draft was cleared. */
+  previousValue: PickerValue | null;
+}
+/** Payload of the `switch:view` event. */
+interface SwitchViewEventData {
+  /** The view now shown. */
+  view: PickerView;
 }
 /** Why a date cannot be selected, in the order the rules are checked. */
 type UnavailableReason = "min" | "max" | "disabled" | "weekday" | "range-length" | "multiple-max";
@@ -166,9 +209,9 @@ interface DatepickerEventMap {
   "range:start": RangeStartEventData;
   "range:end": RangeEndEventData;
   navigate: NavigateEventData;
+  "switch:view": SwitchViewEventData;
+  clear: ClearEventData;
 }
-//#endregion
-//#region src/types/options.d.ts
 /** Built-in theme names. */
 type ThemeName = "basic" | "m3-green" | "crane" | "crane-straight" | "m2" | "glassmorphic" | "pastel" | "ai" | "cyberpunk" | "blueprint";
 /** A label that is a plain string or a map from `Intl.PluralRules` categories to strings. `{count}` is replaced by the number. */
@@ -203,6 +246,15 @@ interface CalendarOptions {
    * @default "single"
    */
   mode?: CalendarMode;
+  /**
+   * Starting value for an empty input, in the shape of `setValue()`: a date,
+   * `{ start, end }` or an array of dates, matching `calendar.mode`. Any date
+   * can be `"today"`. Text already in the input wins when it is a date (with
+   * `ui.endInput`, the two fields). The value is written to the input and the
+   * form field, and a form reset restores it. Read when `create()` runs.
+   * @default undefined
+   */
+  defaultValue?: PickerValueInput;
   /**
    * What one selection is: a day, a month or a year. With `"month"` the value
    * is `YYYY-MM` and with `"year"` it is `YYYY`, both standing for the first
@@ -214,8 +266,9 @@ interface CalendarOptions {
   precision?: Precision;
   /**
    * How many months are shown side by side, a positive integer. Applies to
-   * the docked and inline surfaces and to day precision, as many as fit the
-   * width at open (up to this number). A modal shows one month.
+   * the docked look (`ui.layout`) at day precision, as many as fit the width
+   * at open (up to this number). The modal and full-screen looks show one
+   * month.
    * @default 1
    */
   months?: number;
@@ -318,6 +371,19 @@ interface UIOptions {
    * @default "auto"
    */
   displayMode?: "auto" | "docked" | "modal";
+  /**
+   * The look of the calendar on any surface. `"auto"` gives each surface its
+   * own look: docked for the popover and inline, modal for the dialog (full
+   * screen for a range below `ui.fullscreen`). `"docked"` uses the docked
+   * header with month and year menus everywhere. `"modal"` uses the headline,
+   * a month row with arrows on every page, and month and year grids
+   * everywhere. `"fullscreen"` gives a range picker the full-screen layout: in
+   * a dialog at every window width, inline sized to the container. Other
+   * modes, and the popover, treat it as `"modal"`. An inline calendar with the
+   * modal look fits its rows to the month unless `ui.fixedWeeks` is set.
+   * @default "auto"
+   */
+  layout?: "auto" | "docked" | "modal" | "fullscreen";
   /**
    * Render the calendar permanently into a container instead of opening it.
    * `container` is a selector or an element.
@@ -326,6 +392,26 @@ interface UIOptions {
   inline?: {
     enabled?: boolean;
     container?: string | HTMLElement;
+    /**
+     * `false` leaves out the headline (the modal title, selected value and
+     * view switch, or the range header), for a host that shows its own. The
+     * full-screen top bar keeps its close and save buttons.
+     * @default true
+     */
+    headline?: boolean;
+    /**
+     * `"caption"` shows the month and year as plain text next to the arrows,
+     * with no month or year menus. Day precision only.
+     * @default "menus"
+     */
+    navigation?: "menus" | "caption";
+    /**
+     * `false` stops the inline calendar from announcing selection changes, for
+     * a host that announces them itself. Month changes and errors are still
+     * announced.
+     * @default true
+     */
+    announceSelection?: boolean;
   };
   /**
    * `auto` follows the locale's numeric order and separators; otherwise a
@@ -354,11 +440,12 @@ interface UIOptions {
    */
   colorScheme?: "auto" | "light" | "dark";
   /**
-   * Range pickers in a modal open full screen below this window width:
+   * Range pickers in a dialog open full screen below this window width:
    * `true` below 600 px, a number below that many px (for example 840), `false`
    * never. With `displayMode: "auto"` the surface is docked from 600 px, so a
-   * value above 600 only matters with `displayMode: "modal"`. Decided when the
-   * picker opens.
+   * value above 600 only matters with `displayMode: "modal"`. Used with
+   * `ui.layout` `"auto"` and `"modal"`. `"fullscreen"` opens full screen at
+   * every width and `"docked"` never does. Decided when the picker opens.
    * @default true
    */
   fullscreen?: boolean | number;
@@ -443,19 +530,21 @@ interface UIOptions {
   swipe?: boolean;
   /**
    * Show the button that switches between the calendar and the text input
-   * view, where the mode and surface support it.
+   * view, where the mode and look support it.
    * @default true
    */
   viewSwitch?: boolean;
   /**
-   * View shown when the picker opens, where the mode and surface support the
-   * input view.
+   * View shown when the picker opens, where the input view exists: every
+   * range picker, and a single picker with the modal or full-screen look
+   * (`ui.layout`), at day precision.
    * @default "calendar"
    */
-  initialView?: "calendar" | "input";
+  initialView?: PickerView;
   /**
    * Mask the text typed into the input to `ui.format` (digits only, separators added).
    * Single mode and the split range fields (`ui.endInput`), day precision only.
+   * The fields of the picker's input view are always masked.
    * @default false
    */
   mask?: boolean;
@@ -471,8 +560,9 @@ interface UIOptions {
   endInput?: string | HTMLElement;
   /**
    * First calendar panel when the picker opens: the day grid, the month list
-   * (docked, inline) or grid (modal), or the year list or grid. `initialView:
-   * "input"` wins; ignored in `range` mode and when `calendar.precision` is not
+   * (docked look) or grid (modal look), or the year list or grid.
+   * `initialView: "input"` wins. Ignored in `range` mode, with
+   * `ui.inline.navigation: "caption"` and when `calendar.precision` is not
    * `"day"`.
    * @default "day"
    */
@@ -585,6 +675,12 @@ interface LabelsOptions {
    * @default "End"
    */
   rangeEnd?: string;
+  /**
+   * Added to the accessible name of the days between the start and the end of
+   * a range.
+   * @default "In range"
+   */
+  inRange?: string;
   /**
    * Headline in `multiple` mode; `{count}` is the number of selected days.
    * @default "{count} selected"
@@ -724,18 +820,22 @@ interface CallbacksOptions {
   onUpdate?: (data: UpdateEventData) => void;
   /** Called for invalid typed dates and rejected options. */
   onError?: (data: ErrorEventData) => void;
-  /** Called when a day is picked. */
+  /** Called when a day is picked, or typed in the text fields. */
   onSelectDay?: (data: SelectDayEventData) => void;
   /** Called when a month is chosen in the month menu. */
   onSelectMonth?: (data: SelectMonthEventData) => void;
   /** Called when a year is chosen. */
   onSelectYear?: (data: SelectYearEventData) => void;
-  /** Called when the first day of a range is picked. */
+  /** Called when the first day of a range is picked or typed. */
   onRangeStart?: (data: RangeStartEventData) => void;
   /** Called when the range is completed. */
   onRangeEnd?: (data: RangeEndEventData) => void;
-  /** Called when the displayed month changes. */
+  /** Called when the days shown change, and once when the picker is opened or mounted. */
   onNavigate?: (data: NavigateEventData) => void;
+  /** Called when the picker switches between the calendar and the text fields. */
+  onSwitchView?: (data: SwitchViewEventData) => void;
+  /** Called when `clear()` or the Clear button clears the value or the draft. */
+  onClear?: (data: ClearEventData) => void;
 }
 /** Options accepted by the `DatepickerUI` constructor and `setOptions()`. */
 interface DatepickerOptions {
@@ -750,5 +850,4 @@ interface DatepickerOptions {
   /** Event callbacks. */
   callbacks?: CallbacksOptions;
 }
-//#endregion
-export { SurfaceMode as A, PageBy as B, RangeStartEventData as C, SelectYearEventData as D, SelectMonthEventData as E, formatHint as F, RangeEnd as H, resolvePattern as I, DatePart as L, FormatPattern as M, HintLetters as N, UnavailableReason as O, formatDate as P, WeekStartOption as R, RangeEndEventData as S, SelectDayEventData as T, PlainDate as U, Precision as V, ErrorEventData as _, DatepickerOptions as a, PickerValue as b, RangePreset as c, UIOptions as d, CancelEventData as f, DatepickerEventMap as g, DateValue as h, DateDecoration as i, FormatOption as j, UpdateEventData as k, RangePresetValue as l, ConfirmEventData as m, CalendarOptions as n, LabelsOptions as o, CloseEventData as p, CallbacksOptions as r, PluralLabel as s, BehaviorOptions as t, ThemeName as u, NavigateEventData as v, RangeValue as w, PickerValueInput as x, OpenEventData as y, CalendarMode as z };
+export { PlainDate as $, SelectMonthEventData as A, formatHint as B, PickerValue as C, RangeStartEventData as D, RangeEndEventData as E, VisibleRange as F, formatFullDate as G, DatePart as H, FormatOption as I, weekdayNames as J, formatMonthYear as K, FormatPattern as L, SwitchViewEventData as M, UnavailableReason as N, RangeValue as O, UpdateEventData as P, RangeEnd as Q, HintLetters as R, OpenEventData as S, PickerView as T, FullDateOptions as U, resolvePattern as V, WeekStartOption as W, PageBy as X, CalendarMode as Y, Precision as Z, DateValue as _, DatepickerOptions as a, NavigateEventData as b, RangePreset as c, UIOptions as d, Weekday as et, CancelEventData as f, ConfirmEventData as g, CloseEventData as h, DateDecoration as i, SelectYearEventData as j, SelectDayEventData as k, RangePresetValue as l, ClearEventData as m, CalendarOptions as n, LabelsOptions as o, CancelReason as p, resolveWeekStart as q, CallbacksOptions as r, PluralLabel as s, BehaviorOptions as t, YearMonth as tt, ThemeName as u, DatepickerEventMap as v, PickerValueInput as w, NavigateSource as x, ErrorEventData as y, formatDate as z };