import { Meta, StoryObj } from '@storybook/web-components-vite';
/** Documentation and examples of the `lukso-input-date-picker` component. */
declare const meta: Meta;
export default meta;
/** Input with a pre-selected date and time. Click to open the calendar. */
export declare const Default: StoryObj;
/** No initial value — shows placeholder text. */
export declare const NoValue: StoryObj;
/** Date-only mode: hides the time picker and time from the displayed value. */
export declare const DateOnly: StoryObj;
/** Long date format (e.g. "May 15, 2026 08:00 PM"). */
export declare const LongFormat: StoryObj;
/** Explicit 12-hour time format with AM/PM. */
export declare const TwelveHour: StoryObj;
/** Explicit 24-hour time format. */
export declare const TwentyFourHour: StoryObj;
/** With label and description above the input. */
export declare const WithLabelAndDescription: StoryObj;
/** With error state. */
export declare const WithError: StoryObj;
/** Small size preset. */
export declare const SmallSize: StoryObj;
/** Medium size preset. */
export declare const MediumSize: StoryObj;
/** X-large size preset. */
export declare const XLargeSize: StoryObj;
/** Full-width input. */
export declare const FullWidth: StoryObj;
/** Only dates within a specific range are selectable. */
export declare const WithMinMax: StoryObj;
/** Italian locale. */
export declare const ItalianLocale: StoryObj;
/** Custom selected-day color forwarded to the date picker. */
export declare const CustomColor: StoryObj;
/** Disabled — input cannot be opened. */
export declare const Disabled: StoryObj;
/** Read-only — shows value but cannot open picker. */
export declare const Readonly: StoryObj;
/**
 * Calendar opens below the input, aligned to the right edge.
 * Useful when the input is near the left edge of the screen.
 */
export declare const OpenRight: StoryObj;
/**
 * Calendar opens above the input, aligned to the left edge.
 * The story adds padding-top so the calendar has room to render upward.
 */
export declare const OpenTop: StoryObj;
/**
 * Calendar opens above the input, aligned to the right edge.
 * Ideal when the input is in the bottom-right area of the screen.
 */
export declare const OpenTopRight: StoryObj;
/**
 * Preset selector with common time shortcuts.
 * Selecting "Now" or "Forever" emits the resolved value immediately.
 * Selecting a relative preset (e.g. "In a month") opens the calendar pre-navigated
 * to the resolved date so the user can fine-tune before confirming.
 * The emitted `on-change` event carries both the chosen ISO date and the originating
 * preset reference (`preset: { amount, unit }`).
 * Selecting "Pick a date…" opens the calendar for fully manual selection.
 */
export declare const WithPresets: StoryObj;
/**
 * Presets with a default preset pre-selected via the `value` prop.
 * Any string sentinel ('now', 'forever', 'pick') can be passed as `value` to pre-select a preset.
 * Object-based presets ({ amount, unit }) cannot be pre-selected via `value` since objects don't round-trip through HTML attributes.
 */
export declare const WithPresetsPreselected: StoryObj;
/**
 * Selecting a relative preset opens the calendar without emitting immediately.
 * After the user confirms a date, `on-change` fires with the ISO date and the
 * originating preset reference. The trigger displays the formatted date, not
 * the preset label.
 */
export declare const TestRelativePresetOpensPicker: StoryObj;
/**
 * Selecting "Now" emits immediately without opening the calendar.
 */
export declare const TestNowPresetEmitsImmediately: StoryObj;
/**
 * Regression: selecting a relative preset, adjusting time only (no day click),
 * then clicking outside should commit the adjusted value — not restore the original.
 */
export declare const TestRelativePresetTimeAdjustOutsideClick: StoryObj;
/**
 * Regression: selecting a relative preset and immediately clicking outside
 * (without interacting with the calendar) should commit the resolved date,
 * not clear the input.
 */
export declare const TestRelativePresetOutsideClickWithoutCalendarCommits: StoryObj;
/**
 * Two date pickers side by side — use this to verify that opening one
 * closes the other and that outside-click works correctly.
 */
export declare const TwoPickers: StoryObj;
//# sourceMappingURL=lukso-input-date-picker.stories.d.ts.map