@aurodesignsystem/auro-formkit 5.6.0 → 5.8.0

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

@@ -135,6 +135,12 @@ export class AuroCalendarCell extends LitElement {
      * @returns {Boolean} True if the hovered date is the latest hovered date in the calendar.
      */
     private isLastHoveredDate;
+    /**
+     * Checks if the current date is a highlighted date.
+     * @param {Object} dateStr - The date string in MM_DD_YYYY format.
+     * @returns Boolean - True if the date is a highlighted date.
+     */
+    isReferenceDate(dateStr: any): boolean;
     /**
      * Determines the title of the auro-calendar-cell.
      * @private

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

@@ -62,6 +62,14 @@ export class AuroCalendar extends RangeDatepicker {
         dropdown: {
             type: ObjectConstructor;
         };
+        /**
+         * Mobile breakpoint for responsive design.
+         * @private
+         */
+        mobileBreakpoint: {
+            type: NumberConstructor;
+            reflect: boolean;
+        };
         /**
          * @private
          */

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

@@ -1,6 +1,7 @@
 /**
  * @slot helpText - Defines the content of the helpText.
  * @slot ariaLabel.bib.close - Sets aria-label on close button in fullscreen bib
+ * @slot ariaLabel.input.clear - Sets aria-label on clear button
  * @slot bib.fullscreen.headline - Defines the headline to display above bib.fullscreen.dateLabels in the mobile layout.
  * @slot bib.fullscreen.dateLabel - Defines the content to display above selected dates in the mobile layout.
  * @slot toLabel - Defines the label content for the second input when the `range` attribute is used.
@@ -22,6 +23,15 @@
  */
 export class AuroDatePicker extends AuroElement {
     static get properties(): {
+        /**
+         * Defines whether the component will be on lighter or darker backgrounds.
+         * @property {'default', 'inverse'}
+         * @default 'default'
+         */
+        appearance: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
         /**
          * If declared, bib's position will be automatically calculated where to appear.
          * @default false
@@ -188,7 +198,7 @@ export class AuroDatePicker extends AuroElement {
             reflect: boolean;
         };
         /**
-         * If declared, onDark styles will be applied to the trigger.
+         * DEPRECATED - use `appearance` instead.
          */
         onDark: {
             type: BooleanConstructor;
@@ -230,6 +240,14 @@ export class AuroDatePicker extends AuroElement {
             type: BooleanConstructor;
             reflect: boolean;
         };
+        /**
+         * Dates that the user should have for reference as part of their decision making when selecting a date.
+         * This should be a JSON string array of dates in the format of `MM-DD-YYYY`.
+         */
+        referenceDates: {
+            type: ArrayConstructor;
+            reflect: boolean;
+        };
         /**
          * Populates the `required` attribute on the input. Used for client-side validation.
          */
@@ -320,6 +338,7 @@ export class AuroDatePicker extends AuroElement {
      */
     private calendarRenderUtil;
     formattedStartDate: boolean;
+    appearance: string;
     touched: boolean;
     disabled: boolean;
     dvInputOnly: boolean;
@@ -541,6 +560,7 @@ export class AuroDatePicker extends AuroElement {
      * @returns {void}
      */
     private handleReadOnly;
+    mobileBreakpoint: number;
     /**
      * Keep the datepicker in sync with the calendar's central date.
      * @private