@carbon/web-components 2.60.0 → 2.61.0

package/lib/components/date-picker/defs.js

@@ -9,6 +9,24 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_globals_shared_enums = require("../../globals/shared-enums.js");
 //#region src/components/date-picker/defs.ts
 /**
+* Input sizes.
+*/
+let INPUT_SIZE = /* @__PURE__ */ function(INPUT_SIZE) {
+	/**
+	* Small size.
+	*/
+	INPUT_SIZE["SMALL"] = "sm";
+	/**
+	* Medium size (default).
+	*/
+	INPUT_SIZE["MEDIUM"] = "md";
+	/**
+	* Large size.
+	*/
+	INPUT_SIZE["LARGE"] = "lg";
+	return INPUT_SIZE;
+}({});
+/**
 * Date picker input kinds.
 */
 let DATE_PICKER_INPUT_KIND = /* @__PURE__ */ function(DATE_PICKER_INPUT_KIND) {
@@ -33,5 +51,6 @@ let DATE_PICKER_INPUT_KIND = /* @__PURE__ */ function(DATE_PICKER_INPUT_KIND) {
 //#endregion
 exports.DATE_PICKER_INPUT_COLOR_SCHEME = require_globals_shared_enums.FORM_ELEMENT_COLOR_SCHEME;
 exports.DATE_PICKER_INPUT_KIND = DATE_PICKER_INPUT_KIND;
+exports.INPUT_SIZE = INPUT_SIZE;
 
 //# sourceMappingURL=defs.js.map

package/lib/components/date-picker/defs.js.map

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/date-picker/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2022, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nexport { FORM_ELEMENT_COLOR_SCHEME as DATE_PICKER_INPUT_COLOR_SCHEME } from '../../globals/shared-enums';\n\n/**\n * Date picker input kinds.\n */\nexport enum DATE_PICKER_INPUT_KIND {\n  /**\n   * One for simple variant of date picker, comes without the calendar dropdown.\n   */\n  SIMPLE = 'simple',\n\n  /**\n   * One for single variant of date picker.\n   */\n  SINGLE = 'single',\n\n  /**\n   * One for the start date for the range variant.\n   */\n  FROM = 'from',\n\n  /**\n   * One for the end date for the range variant.\n   */\n  TO = 'to',\n}\n"],"mappings":";;;;;;;;;;;;;AAYA,IAAY,yBAAL,yBAAA,wBAAA;;;;CAIL,uBAAA,YAAA;;;;CAKA,uBAAA,YAAA;;;;CAKA,uBAAA,UAAA;;;;CAKA,uBAAA,QAAA;;AACF,EAAA,CAAA,CAAA"}
+{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/date-picker/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nexport { FORM_ELEMENT_COLOR_SCHEME as DATE_PICKER_INPUT_COLOR_SCHEME } from '../../globals/shared-enums';\n\n/**\n * Input sizes.\n */\nexport enum INPUT_SIZE {\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium size (default).\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n}\n\n/**\n * Date picker input kinds.\n */\nexport enum DATE_PICKER_INPUT_KIND {\n  /**\n   * One for simple variant of date picker, comes without the calendar dropdown.\n   */\n  SIMPLE = 'simple',\n\n  /**\n   * One for single variant of date picker.\n   */\n  SINGLE = 'single',\n\n  /**\n   * One for the start date for the range variant.\n   */\n  FROM = 'from',\n\n  /**\n   * One for the end date for the range variant.\n   */\n  TO = 'to',\n}\n"],"mappings":";;;;;;;;;;;;;AAYA,IAAY,aAAL,yBAAA,YAAA;;;;CAIL,WAAA,WAAA;;;;CAKA,WAAA,YAAA;;;;CAKA,WAAA,WAAA;;AACF,EAAA,CAAA,CAAA;;;;AAKA,IAAY,yBAAL,yBAAA,wBAAA;;;;CAIL,uBAAA,YAAA;;;;CAKA,uBAAA,YAAA;;;;CAKA,uBAAA,UAAA;;;;CAKA,uBAAA,QAAA;;AACF,EAAA,CAAA,CAAA"}

package/lib/components/date-picker/next/adapters/web-component-adapter.d.ts

@@ -0,0 +1,143 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { DatePickerState } from '@carbon/utilities/date-picker';
+import type { DatePickerContext, StateTransition } from '@carbon/utilities/date-picker';
+import type CDSDatePicker from '../components/date-picker';
+/**
+ * Adapter configuration
+ */
+export interface AdapterConfig {
+    /** The date picker component instance */
+    component: CDSDatePicker;
+    /** Initial context values */
+    initialContext?: Partial<DatePickerContext>;
+    /** Callback when state changes */
+    onStateChange?: (transition: StateTransition) => void;
+    /** Callback when the calendar should open */
+    onCalendarOpen?: () => void;
+    /** Callback when the calendar should close */
+    onCalendarClose?: () => void;
+    /** Callback when the date is selected */
+    onDateSelect?: (context: DatePickerContext) => void;
+}
+/**
+ * Web Component Adapter
+ * Bridges the state machine with the Web Component implementation
+ */
+export declare class WebComponentAdapter {
+    private machine;
+    private component;
+    private config;
+    private unsubscribe?;
+    /**
+     * Create a new adapter
+     *
+     * @param {AdapterConfig} config - Adapter configuration
+     */
+    constructor(config: AdapterConfig);
+    /**
+     * Send an event to the state machine
+     *
+     * @param {string} event - Event type
+     * @param {unknown} payload - Event payload
+     * @returns Updated context
+     */
+    send(event: string, payload?: unknown): DatePickerContext;
+    /**
+     * Get the current state
+     *
+     * @returns Current state
+     */
+    getState(): DatePickerState;
+    /**
+     * Get the current context
+     *
+     * @returns Current context
+     */
+    getContext(): DatePickerContext;
+    /**
+     * Update context directly
+     *
+     * @param {Partial<DatePickerContext>} updates - Context updates
+     * @returns Updated context
+     */
+    updateContext(updates: Partial<DatePickerContext>): DatePickerContext;
+    /**
+     * Check if a transition is valid
+     *
+     * @param {string} event - Event type
+     * @returns True if transition is valid
+     */
+    canTransition(event: string): boolean;
+    /**
+     * Handle state changes
+     *
+     * @param {StateTransition} transition - State transition
+     */
+    private handleStateChange;
+    /**
+     * Sync component properties with context
+     *
+     * @param {DatePickerContext} context - Current context
+     */
+    private syncComponentProperties;
+    /**
+     * Handle transition-specific effects
+     *
+     * @param {string} from - Previous state
+     * @param {string} to - New state
+     * @param {DatePickerContext} context - Current context
+     */
+    private handleTransitionEffects;
+    /**
+     * Handle calendar date selection
+     * Call this from the calendar's onChange callback
+     *
+     * @param {Date[]} selectedDates - Selected dates from calendar
+     */
+    handleCalendarChange(selectedDates: Date[]): void;
+    /**
+     * Handle calendar open event
+     */
+    handleCalendarOpen(): void;
+    /**
+     * Handle calendar close event
+     */
+    handleCalendarClose(): void;
+    /**
+     * Handle input focus
+     *
+     * @param {('from' | 'to')} inputType - Type of input ('from' or 'to')
+     */
+    handleInputFocus(inputType: 'from' | 'to'): void;
+    /**
+     * Handle input blur
+     */
+    handleInputBlur(): void;
+    /**
+     * Handle outside click
+     */
+    handleOutsideClick(): void;
+    /**
+     * Handle keyboard events
+     *
+     * @param {string} key - Key pressed
+     * @param {boolean} shiftKey - Whether shift key was pressed
+     */
+    handleKeyboard(key: string, shiftKey?: boolean): void;
+    /**
+     * Reset the state machine
+     *
+     * @param {Partial<DatePickerContext>} initialContext - Optional new initial context
+     */
+    reset(initialContext?: Partial<DatePickerContext>): void;
+    /**
+     * Cleanup and unsubscribe
+     */
+    destroy(): void;
+}
+//# sourceMappingURL=web-component-adapter.d.ts.map

package/lib/components/date-picker/next/adapters/web-component-adapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"web-component-adapter.d.ts","sourceRoot":"","sources":["../../../../../src/components/date-picker/next/adapters/web-component-adapter.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EACL,eAAe,EAEhB,MAAM,+BAA+B,CAAC;AAEvC,OAAO,KAAK,EACV,iBAAiB,EACjB,eAAe,EAEhB,MAAM,+BAA+B,CAAC;AACvC,OAAO,KAAK,aAAa,MAAM,2BAA2B,CAAC;AAE3D;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,yCAAyC;IACzC,SAAS,EAAE,aAAa,CAAC;IACzB,6BAA6B;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAC5C,kCAAkC;IAClC,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,eAAe,KAAK,IAAI,CAAC;IACtD,6CAA6C;IAC7C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,8CAA8C;IAC9C,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,yCAAyC;IACzC,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,iBAAiB,KAAK,IAAI,CAAC;CACrD;AAED;;;GAGG;AACH,qBAAa,mBAAmB;IAC9B,OAAO,CAAC,OAAO,CAAyB;IACxC,OAAO,CAAC,SAAS,CAAgB;IACjC,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,WAAW,CAAC,CAAa;IAEjC;;;;OAIG;gBACS,MAAM,EAAE,aAAa;IAWjC;;;;;;OAMG;IACI,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,GAAG,iBAAiB;IAIhE;;;;OAIG;IACI,QAAQ,IAAI,eAAe;IAIlC;;;;OAIG;IACI,UAAU,IAAI,iBAAiB;IAItC;;;;;OAKG;IACI,aAAa,CAAC,OAAO,EAAE,OAAO,CAAC,iBAAiB,CAAC,GAAG,iBAAiB;IAI5E;;;;;OAKG;IACI,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IAI5C;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IAwBzB;;;;OAIG;IACH,OAAO,CAAC,uBAAuB;IAsB/B;;;;;;OAMG;IACH,OAAO,CAAC,uBAAuB;IAiC/B;;;;;OAKG;IACI,oBAAoB,CAAC,aAAa,EAAE,IAAI,EAAE,GAAG,IAAI;IAuBxD;;OAEG;IACI,kBAAkB,IAAI,IAAI;IAOjC;;OAEG;IACI,mBAAmB,IAAI,IAAI;IAOlC;;;;OAIG;IACI,gBAAgB,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAIvD;;OAEG;IACI,eAAe,IAAI,IAAI;IAI9B;;OAEG;IACI,kBAAkB,IAAI,IAAI;IAIjC;;;;;OAKG;IACI,cAAc,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,UAAQ,GAAG,IAAI;IAoB1D;;;;OAIG;IACI,KAAK,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,GAAG,IAAI;IAI/D;;OAEG;IACI,OAAO,IAAI,IAAI;CAKvB"}

package/lib/components/date-picker/next/components/calendar-renderer.d.ts

@@ -0,0 +1,136 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { LitElement } from 'lit';
+import type { PropertyValues } from 'lit';
+/**
+ * Calendar renderer for date picker.
+ * Replaces Flatpickr's calendar UI with a lightweight, framework-agnostic implementation.
+ *
+ * @element cds-preview-date-picker-calendar
+ * @fires cds-preview-date-picker-calendar-date-select - Fired when a date is selected
+ * @fires cds-preview-date-picker-calendar-month-change - Fired when the month changes
+ */
+declare class CDSDatePickerCalendar extends LitElement {
+    /**
+     * The currently displayed month (Temporal.PlainYearMonth)
+     */
+    private _currentMonth;
+    /**
+     * The selected date(s)
+     */
+    selectedDates: Temporal.PlainDate[];
+    /**
+     * The view date from the state machine (used to sync calendar month)
+     */
+    viewDate?: Temporal.PlainDate;
+    /**
+     * The focused date for keyboard navigation
+     */
+    focusedDate?: Temporal.PlainDate | null;
+    /**
+     * The currently hovered date (for range preview)
+     */
+    private _hoveredDate?;
+    /**
+     * The minimum selectable date
+     */
+    minDate?: Temporal.PlainDate;
+    /**
+     * The maximum selectable date
+     */
+    maxDate?: Temporal.PlainDate;
+    /**
+     * Whether range selection is enabled
+     */
+    rangeMode: boolean;
+    /**
+     * The date format for display
+     */
+    dateFormat: string;
+    /**
+     * Locale for date formatting
+     */
+    locale: string;
+    /**
+     * Navigate to previous month
+     */
+    private _handlePrevMonth;
+    /**
+     * Navigate to next month
+     */
+    private _handleNextMonth;
+    /**
+     * Handle date selection
+     * @param {Temporal.PlainDate} date - The date to select
+     */
+    private _handleDateSelect;
+    /**
+     * Dispatch month change event
+     */
+    private _dispatchMonthChange;
+    /**
+     * Check if a date is disabled
+     * @param {Temporal.PlainDate} date - The date to check
+     */
+    private _isDateDisabled;
+    /**
+     * Check if previous month navigation should be disabled
+     */
+    private _isPrevMonthDisabled;
+    /**
+     * Check if next month navigation should be disabled
+     */
+    private _isNextMonthDisabled;
+    /**
+     * Check if a date is selected
+     * @param {Temporal.PlainDate} date - The date to check
+     */
+    private _isDateSelected;
+    /**
+     * Check if a date is in range (for range mode)
+     * @param {Temporal.PlainDate} date - The date to check
+     */
+    private _isDateInRange;
+    /**
+     * Check if a date is focused (for keyboard navigation)
+     * @param {Temporal.PlainDate} date - The date to check
+     */
+    private _isDateFocused;
+    /**
+     * Handle mouse enter on a date
+     * @param {Temporal.PlainDate} date - The date being hovered
+     */
+    private _handleDateMouseEnter;
+    /**
+     * Handle mouse leave on a date
+     */
+    private _handleDateMouseLeave;
+    /**
+     * Render the calendar header with month/year and navigation
+     */
+    private _renderHeader;
+    /**
+     * Render the weekday headers
+     */
+    private _renderWeekdays;
+    /**
+     * Render the calendar days grid
+     */
+    private _renderDays;
+    /**
+     * Lifecycle method called when properties change
+     * @param {PropertyValues} changedProperties - Changed properties
+     */
+    updated(changedProperties: PropertyValues): void;
+    /**
+     * Renders the calendar component
+     */
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: any;
+}
+export default CDSDatePickerCalendar;
+//# sourceMappingURL=calendar-renderer.d.ts.map

package/lib/components/date-picker/next/components/calendar-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-renderer.d.ts","sourceRoot":"","sources":["../../../../../src/components/date-picker/next/components/calendar-renderer.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAiB1C;;;;;;;GAOG;AACH,cACM,qBAAsB,SAAQ,UAAU;IAC5C;;OAEG;IAEH,OAAO,CAAC,aAAa,CAC4B;IAEjD;;OAEG;IAEH,aAAa,EAAE,QAAQ,CAAC,SAAS,EAAE,CAAM;IAEzC;;OAEG;IAEH,QAAQ,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAE9B;;OAEG;IAEH,WAAW,CAAC,EAAE,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAC;IAExC;;OAEG;IAEH,OAAO,CAAC,YAAY,CAAC,CAAqB;IAE1C;;OAEG;IAEH,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAE7B;;OAEG;IAEH,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAE7B;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,UAAU,SAAW;IAErB;;OAEG;IAEH,MAAM,SAAW;IAEjB;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAKxB;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAKxB;;;OAGG;IACH,OAAO,CAAC,iBAAiB;IAczB;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAU5B;;;OAGG;IACH,OAAO,CAAC,eAAe;IAUvB;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAY5B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAU5B;;;OAGG;IACH,OAAO,CAAC,eAAe;IASvB;;;OAGG;IACH,OAAO,CAAC,cAAc;IAgDtB;;;OAGG;IACH,OAAO,CAAC,cAAc;IAOtB;;;OAGG;IACH,OAAO,CAAC,qBAAqB;IAO7B;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAK7B;;OAEG;IACH,OAAO,CAAC,aAAa;IAoCrB;;OAEG;IACH,OAAO,CAAC,eAAe;IAcvB;;OAEG;IACH,OAAO,CAAC,WAAW;IA+CnB;;;OAGG;IACH,OAAO,CAAC,iBAAiB,EAAE,cAAc;IAWzC;;OAEG;IACH,MAAM;IAQN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,qBAAqB,CAAC"}

package/lib/components/date-picker/next/components/date-picker-input-skeleton.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { LitElement } from 'lit';
+import { DATE_PICKER_INPUT_KIND } from '../../defs';
+/**
+ * Skeleton version of the input box for date picker.
+ */
+declare class CDSDatePickerInputSkeleton extends LitElement {
+    /**
+     * Specify whether the label should be hidden, or not
+     */
+    hideLabel: boolean;
+    /**
+     * * @deprecated use `range` instead
+     * Date picker input kind. Corresponds to the attribute with the same name.
+     */
+    kind: DATE_PICKER_INPUT_KIND;
+    /**
+     * Specify whether the skeleton should be of range date picker.
+     */
+    range: boolean;
+    /**
+     * Renders the component template.
+     *
+     * @returns {TemplateResult} The template result
+     */
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: any;
+}
+export default CDSDatePickerInputSkeleton;
+//# sourceMappingURL=date-picker-input-skeleton.d.ts.map

package/lib/components/date-picker/next/components/date-picker-input-skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker-input-skeleton.d.ts","sourceRoot":"","sources":["../../../../../src/components/date-picker/next/components/date-picker-input-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAIpD;;GAEG;AACH,cACM,0BAA2B,SAAQ,UAAU;IACjD;;OAEG;IAEH,SAAS,UAAS;IAElB;;;OAGG;IAEH,IAAI,yBAAiC;IAErC;;OAEG;IAEH,KAAK,UAAS;IAEd;;;;OAIG;IACH,MAAM;IAqBN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,0BAA0B,CAAC"}

package/lib/components/date-picker/next/components/date-picker-input.d.ts

@@ -0,0 +1,196 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { LitElement } from 'lit';
+import { INPUT_SIZE, DATE_PICKER_INPUT_COLOR_SCHEME, DATE_PICKER_INPUT_KIND } from '../../defs';
+export { DATE_PICKER_INPUT_COLOR_SCHEME, DATE_PICKER_INPUT_KIND };
+declare const CDSDatePickerInput_base: (new (...args: any[]) => {
+    focus(): void;
+}) & typeof LitElement;
+/**
+ * The input box for date picker.
+ *
+ * @element cds-preview-date-picker-input
+ */
+declare class CDSDatePickerInput extends CDSDatePickerInput_base {
+    /**
+     * `true` if there is an AI Label.
+     */
+    private _hasAILabel;
+    /**
+     * Handles `slotchange` event.
+     *
+     * @param {object} root0 - Event object
+     * @param {EventTarget} root0.target - The event target
+     */
+    protected _handleAILabelSlotChange({ target }: Event): void;
+    /**
+     * Handles `click` event on the calendar icon button.
+     * Dispatches a custom event and does NOT move focus to the text input,
+     * matching the React implementation where the icon is a separate button.
+     *
+     * @param {MouseEvent} event - The click event.
+     */
+    private _handleIconButtonClick;
+    /**
+     * Handles `click` event on `<input>` in the shadow DOM.
+     * Dispatches a custom event so the parent date picker can reopen the calendar
+     * when the input already has focus (clicking a focused input does not fire
+     * a new `focus` event, so a dedicated click event is required).
+     */
+    private _handleInputClick;
+    /**
+     * Handles `input` event on `<input>` in the shadow DOM.
+     *
+     * @param {Event} event - The event.
+     * @param {HTMLInputElement} event.target - The event target.
+     */
+    private _handleInput;
+    /**
+     * Handles `focus` event on `<input>` in the shadow DOM.
+     */
+    private _handleFocus;
+    /**
+     * Handles `blur` event on `<input>` in the shadow DOM.
+     */
+    private _handleBlur;
+    /**
+     * @returns The template for the calendar icon button.
+     * Rendered as a focusable-false button (tabindex="-1") so clicking it does
+     * not move focus to the text input — matching the React implementation.
+     */
+    private _renderIcon;
+    /**
+     * `true` if there is helper text content.
+     */
+    protected _hasHelperText: boolean;
+    /**
+     * Handles `slotchange` event on the default `<slot>`.
+     *
+     * @param {object} root0 - Event object
+     * @param {EventTarget} root0.target - The event target
+     */
+    protected _handleSlotChange({ target }: Event): void;
+    /**
+     * The `<input>`, used for Flatpickr to grab.
+     */
+    input: HTMLInputElement;
+    /**
+     * The color scheme.
+     */
+    colorScheme: DATE_PICKER_INPUT_COLOR_SCHEME;
+    /**
+     * `true` if the check box should be disabled.
+     */
+    disabled: boolean;
+    /**
+     * `true` if the label should be hidden.
+     */
+    hideLabel: boolean;
+    /**
+     * Controls the invalid state and visibility of the `validityMessage`.
+     */
+    invalid: boolean;
+    /**
+     * Message which is displayed if the value is invalid.
+     */
+    invalidText: string;
+    /**
+     * Date picker input kind.
+     */
+    kind: DATE_PICKER_INPUT_KIND;
+    /**
+     * The label text.
+     */
+    labelText: string;
+    /**
+     * The `pattern` attribute for the `<input>` in the shadow DOM.
+     */
+    pattern: string;
+    /**
+     * The placeholder text.
+     */
+    placeholder: string;
+    /**
+     * Specify if the component should be read-only
+     */
+    readonly: boolean;
+    /**
+     * `true` if the value is required.
+     */
+    required: boolean;
+    /**
+     * true to use the short version.
+     */
+    short: boolean;
+    /**
+     * Vertical size of this date picker input.
+     */
+    size: INPUT_SIZE;
+    /**
+     * The `type` attribute for the `<input>` in the shadow DOM.
+     */
+    type: string;
+    /**
+     * The value.
+     */
+    value: string;
+    /**
+     * Specify whether the control is currently in warning state
+     */
+    warn: boolean;
+    /**
+     * Provide the text that is displayed when the control is in warning state
+     */
+    warnText: string;
+    /**
+     * Renders the component template.
+     *
+     * @returns {TemplateResult} The template result
+     */
+    render(): import("lit-html").TemplateResult<1>;
+    /**
+     * Lifecycle method called after component updates.
+     */
+    updated(): void;
+    /**
+     * The default value for `pattern` property.
+     */
+    static defaultPattern: string;
+    /**
+     * The default value for `type` property.
+     */
+    static defaultType: string;
+    /**
+     * A selector that will return the parent date picker.
+     */
+    static get selectorParent(): string;
+    /**
+     * A selector that will return the slug item.
+     *
+     * remove in v12
+     */
+    static get slugItem(): string;
+    /**
+     * A selector that will return the AI Label item.
+     */
+    static get aiLabelItem(): string;
+    /**
+     * The name of the custom event fired when the input is clicked.
+     */
+    static get inputClickEventName(): string;
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        clonable?: boolean;
+        customElementRegistry?: CustomElementRegistry | null;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+    };
+    static styles: any;
+}
+export default CDSDatePickerInput;
+//# sourceMappingURL=date-picker-input.d.ts.map

package/lib/components/date-picker/next/components/date-picker-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker-input.d.ts","sourceRoot":"","sources":["../../../../../src/components/date-picker/next/components/date-picker-input.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,OAAO,EACL,UAAU,EACV,8BAA8B,EAC9B,sBAAsB,EACvB,MAAM,YAAY,CAAC;AAQpB,OAAO,EAAE,8BAA8B,EAAE,sBAAsB,EAAE,CAAC;;;;AAElE;;;;GAIG;AACH,cACM,kBAAmB,SAAQ,uBAAsB;IACrD;;OAEG;IACH,OAAO,CAAC,WAAW,CAAS;IAE5B;;;;;OAKG;IACH,SAAS,CAAC,wBAAwB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAoBpD;;;;;;OAMG;IACH,OAAO,CAAC,sBAAsB;IAU9B;;;;;OAKG;IACH,OAAO,CAAC,iBAAiB,CAUvB;IAEF;;;;;OAKG;IACH,OAAO,CAAC,YAAY;IAKpB;;OAEG;IACH,OAAO,CAAC,YAAY,CAWlB;IAEF;;OAEG;IACH,OAAO,CAAC,WAAW,CAWjB;IAEF;;;;OAIG;IACH,OAAO,CAAC,WAAW;IAenB;;OAEG;IAEH,SAAS,CAAC,cAAc,UAAS;IAEjC;;;;;OAKG;IACH,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAW7C;;OAEG;IAEH,KAAK,EAAG,gBAAgB,CAAC;IAEzB;;OAEG;IAEH,WAAW,iCAA0C;IAErD;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,WAAW,SAAM;IAEjB;;OAEG;IAEH,IAAI,yBAAiC;IAErC;;OAEG;IAEH,SAAS,EAAG,MAAM,CAAC;IAEnB;;OAEG;IAEH,OAAO,EAAG,MAAM,CAAC;IAEjB;;OAEG;IAEH,WAAW,EAAG,MAAM,CAAC;IAErB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,IAAI,aAAqB;IAEzB;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,KAAK,EAAG,MAAM,CAAC;IAEf;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,QAAQ,SAAM;IAEd;;;;OAIG;IACH,MAAM;IA6HN;;OAEG;IACH,OAAO;IAmBP;;OAEG;IACH,MAAM,CAAC,cAAc,SAAkC;IAEvD;;OAEG;IACH,MAAM,CAAC,WAAW,SAAU;IAE5B;;OAEG;IACH,MAAM,KAAK,cAAc,WAExB;IAED;;;;OAIG;IACH,MAAM,KAAK,QAAQ,WAElB;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED,MAAM,CAAC,iBAAiB;;;;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,kBAAkB,CAAC"}