@aurodesignsystem/auro-formkit 5.1.0-rc-1157.1 → 5.1.0-rc-1176.1

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;
@@ -320,6 +330,7 @@ export class AuroDatePicker extends AuroElement {
      */
     private calendarRenderUtil;
     formattedStartDate: boolean;
+    appearance: string;
     touched: boolean;
     disabled: boolean;
     dvInputOnly: boolean;
@@ -541,6 +552,7 @@ export class AuroDatePicker extends AuroElement {
      * @returns {void}
      */
     private handleReadOnly;
+    mobileBreakpoint: number;
     /**
      * Keep the datepicker in sync with the calendar's central date.
      * @private