@latty-ds/web 0.2.0

package/dist/components/date-input/date-input.d.ts

@@ -0,0 +1,66 @@
+import { ThemeableElement } from '../../base';
+import '@latty-ds/icons';
+import '../calendar/calendar';
+import '../text/text';
+import type { DateInputSize, DateInputVariant, DateInputFormat } from './date-input.types';
+import type { Calendar } from '../calendar/calendar';
+/**
+ * A text field that opens an `lt-calendar` popover for visual date selection.
+ *
+ * @element lt-date-input
+ *
+ * @fires {CustomEvent<{value: string}>} change - Fired when the user selects a date.
+ *
+ * @example
+ * ```html
+ * <lt-date-input label="Start date"></lt-date-input>
+ * ```
+ *
+ * @example
+ * ```html
+ * <lt-date-input value="2026-06-15" min="2026-01-01" max="2026-12-31"></lt-date-input>
+ * ```
+ */
+export declare class DateInput extends ThemeableElement {
+    static styles: import("lit").CSSResult[];
+    /** Selected date in ISO format (YYYY-MM-DD). */
+    value: string;
+    /** Minimum selectable date (ISO format). Dates before this are disabled. */
+    min: string;
+    /** Maximum selectable date (ISO format). Dates after this are disabled. */
+    max: string;
+    /** BCP 47 locale used for formatting the display value and calendar labels. */
+    locale: string;
+    /** How to format the selected date in the trigger field. Maps to `Intl.DateTimeFormat` `dateStyle`. */
+    format: DateInputFormat;
+    /** First day of the week in the calendar. 0 = Sunday, 1 = Monday. */
+    weekStart: '0' | '1';
+    /** Field label displayed above the trigger. */
+    label: string;
+    /** Placeholder text shown when no date is selected. */
+    placeholder: string;
+    /** Helper or error text displayed below the field. */
+    helperText: string;
+    /** Visual state variant. */
+    variant: DateInputVariant;
+    /** Visual size. */
+    size: DateInputSize;
+    /** Whether the field is disabled. */
+    disabled: boolean;
+    /** Whether the field is required. */
+    required: boolean;
+    /** Name used in form submission via a hidden input. */
+    name: string;
+    /** Individual dates to disable in the calendar, as Date objects. */
+    disabledDates: Calendar['disabledDates'];
+    private _open;
+    private _cleanupClickOutside;
+    private _floatingCleanup;
+    private get _displayValue();
+    private _openDropdown;
+    private _closeDropdown;
+    disconnectedCallback(): void;
+    private _handleCalendarChange;
+    private _handleDropdownKeyDown;
+    render(): import("lit").TemplateResult<1>;
+}

package/dist/components/date-input/date-input.styles.d.ts

@@ -0,0 +1 @@
+export declare const dateInputStyles: import("lit").CSSResult[];

package/dist/components/date-input/date-input.types.d.ts

@@ -0,0 +1,3 @@
+export type DateInputSize = 'sm' | 'md' | 'lg';
+export type DateInputVariant = 'default' | 'success' | 'warning' | 'error';
+export type DateInputFormat = 'short' | 'medium' | 'long' | 'full';

package/dist/components/date-input/index.d.ts

@@ -0,0 +1,2 @@
+export { DateInput } from './date-input';
+export type { DateInputSize, DateInputVariant, DateInputFormat } from './date-input.types';