@aurodesignsystem-dev/auro-formkit 0.0.0-pr802.0 → 0.0.0-pr806.0

package/components/datepicker/demo/readme.md

@@ -83,7 +83,7 @@ This configuration enables proper module resolution for the component's TypeScri
 <!-- The below code snippet is automatically added from ./apiExamples/basic.html -->
 
 ```html
-<auro-datepicker>
+<auro-datepicker required="">
   <span slot="bib.fullscreen.headline">Datepicker Headline</span>
   <span slot="fromLabel">Choose a date</span>
   <span slot="bib.fullscreen.dateLabel">Choose a date</span>

package/components/datepicker/dist/auro-datepicker.d.ts

@@ -354,6 +354,13 @@ export class AuroDatePicker extends AuroElement {
      * @private
      */
     private helpTextTag;
+    /**
+     * Handles click events on the datepicker.
+     * @param {PointerEvent} event - The pointer event object.
+     * @private
+     * @returns {void}
+     */
+    private handleClick;
     layout: string;
     shape: string;
     size: string;
@@ -379,7 +386,8 @@ export class AuroDatePicker extends AuroElement {
      * @param {String} focusInput - Pass in `endDate` to focus on the return input. No parameter is needed to focus on the depart input.
      * @returns {void}
      */
-    focus(focusInput: string): void;
+    focus(focusInput?: string): void;
+    hasFocus: boolean;
     /**
      * Converts valid time number to format used by wc-date-range API.
      * @private
@@ -448,6 +456,16 @@ export class AuroDatePicker extends AuroElement {
      * @returns {void}
      */
     private configureDatepicker;
+    /**
+     * Hides the dropdown bib if its open.
+     * @returns {void}
+     */
+    hideBib(): void;
+    /**
+     * Shows the dropdown bib if there are options to show.
+     * @returns {void}
+     */
+    showBib(): void;
     /**
      * Sets the readonly attribute on the inputs based on the window width.
      * @private
@@ -500,13 +518,16 @@ export class AuroDatePicker extends AuroElement {
      * @param {boolean} [force=false] - Whether to force validation.
      */
     validate(force?: boolean): void;
-    setHasFocus(): void;
-    hasFocus: boolean;
-    setHasValue(): void;
+    /**
+     * Private method for interacting with the `hasValue` property.
+     * @private
+     */
+    private setHasValue;
     hasValue: boolean;
     get hasError(): boolean;
     updated(changedProperties: any): void;
     monthFirst: boolean;
+    previousTabIndex: string;
     formattedFocusDate: boolean;
     formattedEndDate: boolean;
     formattedValue: boolean;
@@ -522,6 +543,12 @@ export class AuroDatePicker extends AuroElement {
      * @throws {Error} Throws an error if the slot cannot be found or injected.
      */
     private handleSlotToSlot;
+    /**
+     * Set up click handling for the datepicker.
+     * @private
+     * @returns {void}
+     */
+    private configureClickHandler;
     firstUpdated(): void;
     /**
      * Renders the snowflake layout for the datepicker.
@@ -530,7 +557,15 @@ export class AuroDatePicker extends AuroElement {
      */
     private renderSnowflakeLayout;
     /**
+     * Renders the snowflake layout for the datepicker.
+     * @private
+     * @returns {import("lit").TemplateResult}
+     */
+    private renderClassicLayout;
+    /**
+     * Renders the layout based on the `layout` attribute.
      * @private
+     * @returns {import('lit').TemplateResult}
      */
     private renderLayoutFromAttributes;
     /**
@@ -538,26 +573,52 @@ export class AuroDatePicker extends AuroElement {
      * Returns formatted date like Apr 21 or Dec 25.
      * @private
      * @param {string} date - Date format should be in a format Date constructor accepts, like '2023-04-21' or '2023/04/21'.
-     * @return {string}
+     * @returns {string}
      */
     private formatShortDate;
     /**
      * Format and render the provided date value.
      * @private
-     * @param dateValue
-     * @return {TemplateResult}
+     * @param {string} dateValue - The date value to format and render.
+     * @returns {import('lit').TemplateResult}
      */
     private renderDisplayTextDate;
-    renderHtmlInputs(): import("lit-html").TemplateResult;
-    renderHtmlActionClear(): import("lit-html").TemplateResult;
-    renderHtmlIconError(): import("lit-html").TemplateResult;
-    renderHtmlIconCalendar(): import("lit-html").TemplateResult;
+    /**
+     * Renders the HTML inputs for the datepicker.
+     * @private
+     * @returns {import('lit').TemplateResult}
+     */
+    private renderHtmlInputs;
+    /**
+     * Renders the clear action button.
+     * @private
+     * @returns {import('lit').TemplateResult}
+     */
+    private renderHtmlActionClear;
+    /**
+     * Renders the error icon.
+     * @private
+     * @returns {import('lit').TemplateResult}
+     */
+    private renderHtmlIconError;
+    /**
+     * Renders the calendar icon.
+     * @private
+     * @returns {import('lit').TemplateResult}
+     */
+    private renderHtmlIconCalendar;
     /**
      * Returns HTML for the help text and error message.
      * @private
-     * @returns {html} - Returns HTML for the help text and error message.
+     * @returns {import('lit').TemplateResult} - Returns HTML for the help text and error message.
      */
     private renderHtmlHelpText;
+    /**
+     * Separate method for rendering the calendar.
+     * @private
+     * @returns {import('lit').TemplateResult}
+     */
+    private renderCalendar;
     render(): import("lit-html").TemplateResult;
 }
 import { AuroElement } from "@aurodesignsystem/auro-layout-element";