@coinbase/cds-mobile 8.53.1 → 8.54.0

package/CHANGELOG.md

@@ -8,6 +8,16 @@ All notable changes to this project will be documented in this file.
 
 <!-- template-start -->
 
+## 8.54.0 (3/18/2026 PST)
+
+#### 🚀 Updates
+
+- Added Calendar component and included new Calendar in DatePicker. [[#139](https://github.com/coinbase/cds/pull/139)]
+
+#### 🐞 Fixes
+
+- Removed react-native-date-picker dependency. [[#139](https://github.com/coinbase/cds/pull/139)]
+
 ## 8.53.1 (3/17/2026 PST)
 
 #### 🐞 Fixes

package/README.md

@@ -6,9 +6,12 @@ Components for React Native.
 
 Add the relative path to the CDS icon font to your react-native.config.js. If your project lives in the monorepo this lives in the root `react-native.config.js` file. There is an example for CDS playground in there.
 
-You will need to run `npx react-native link` to link the assets for Android and iOS and then run build, `npx react-native run-ios` or `npx react-native run-android` for them to be available.
+In this monorepo, run the `mobile-app` targets from the repo root:
 
-### Outside mono/repo
+- `yarn nx run mobile-app:go` for Expo Go development
+- `yarn nx run mobile-app:launch:ios-debug` or `yarn nx run mobile-app:launch:android-debug` for local debug launch
+
+### Outside monorepo
 
 - Install package with `yarn add @coinbase/cds-mobile`.
 - Update `react-native.config.js` to include icon font in assets, i.e. `assets: ['./node_modules/@coinbase/cds-mobile/icons/font']`.

package/dts/buttons/IconButton.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { type View } from 'react-native';
 import type {
   IconButtonVariant,
   IconName,
@@ -26,5 +27,26 @@ export type IconButtonBaseProps = SharedProps &
     variant?: IconButtonVariant;
   };
 export type IconButtonProps = IconButtonBaseProps;
-export declare const IconButton: React.NamedExoticComponent<IconButtonBaseProps>;
+export declare const IconButton: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    SharedProps &
+      Omit<PressableBaseProps, 'children'> &
+      Pick<ButtonBaseProps, 'transparent' | 'disabled' | 'loading' | 'compact' | 'flush'> & {
+        /** Name of the icon, as defined in Figma. */
+        name: IconName;
+        /**
+         * Size for the icon rendered inside the button.
+         * @default compact ? 's' : 'm'
+         */
+        iconSize?: IconSize;
+        /** Whether the icon is active */
+        active?: boolean;
+        /**
+         * Toggle design and visual variants.
+         * @default primary
+         */
+        variant?: IconButtonVariant;
+      } & React.RefAttributes<View>
+  >
+>;
 //# sourceMappingURL=IconButton.d.ts.map

package/dts/buttons/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../src/buttons/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAI1D,OAAO,KAAK,EACV,iBAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,WAAW,EACZ,MAAM,4BAA4B,CAAC;AAKpC,OAAO,EAAa,KAAK,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAEzE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAC3C,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,GACpC,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC,GAAG;IACpF,6CAA6C;IAC7C,IAAI,EAAE,QAAQ,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,iCAAiC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B,CAAC;AAEJ,MAAM,MAAM,eAAe,GAAG,mBAAmB,CAAC;AAElD,eAAO,MAAM,UAAU,iDAiFrB,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../src/buttons/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,EAGL,KAAK,IAAI,EAEV,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EACV,iBAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,WAAW,EACZ,MAAM,4BAA4B,CAAC;AAKpC,OAAO,EAAa,KAAK,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAEzE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAC3C,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,GACpC,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC,GAAG;IACpF,6CAA6C;IAC7C,IAAI,EAAE,QAAQ,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,iCAAiC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B,CAAC;AAEJ,MAAM,MAAM,eAAe,GAAG,mBAAmB,CAAC;AAElD,eAAO,MAAM,UAAU;IAlBnB,6CAA6C;UACvC,QAAQ;IACd;;;OAGG;eACQ,QAAQ;IACnB,iCAAiC;aACxB,OAAO;IAChB;;;OAGG;cACO,iBAAiB;+BAkG9B,CAAC"}

package/dts/controls/InputIconButton.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { View } from 'react-native';
 import type { IconButtonVariant, InputVariant } from '@coinbase/cds-common/types';
 import { type IconButtonProps } from '../buttons/IconButton';
 export declare const variantTransformMap: Record<InputVariant, IconButtonVariant>;
@@ -9,5 +10,25 @@ export type InputIconButtonProps = IconButtonProps & {
    * */
   disableInheritFocusStyle?: boolean;
 };
-export declare const InputIconButton: React.NamedExoticComponent<InputIconButtonProps>;
+export declare const InputIconButton: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    import('@coinbase/cds-common').SharedProps &
+      Omit<import('../system').PressableBaseProps, 'children'> &
+      Pick<
+        import('../buttons').ButtonBaseProps,
+        'transparent' | 'disabled' | 'loading' | 'compact' | 'flush'
+      > & {
+        name: import('@coinbase/cds-common').IconName;
+        iconSize?: import('@coinbase/cds-common').IconSize;
+        active?: boolean;
+        variant?: IconButtonVariant;
+      } & {
+        /**
+         * If set to true, when parent input is focused, the icon will match the color of the focus state
+         * @default false
+         * */
+        disableInheritFocusStyle?: boolean;
+      } & React.RefAttributes<View>
+  >
+>;
 //# sourceMappingURL=InputIconButton.d.ts.map

package/dts/controls/InputIconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputIconButton.d.ts","sourceRoot":"","sources":["../../src/controls/InputIconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAElF,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAKzE,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,YAAY,EAAE,iBAAiB,CAOvE,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,eAAe,GAAG;IACnD;;;SAGK;IACL,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,eAAe,kDAsB1B,CAAC"}
+{"version":3,"file":"InputIconButton.d.ts","sourceRoot":"","sources":["../../src/controls/InputIconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAElF,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAKzE,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,YAAY,EAAE,iBAAiB,CAOvE,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,eAAe,GAAG;IACnD;;;SAGK;IACL,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;IAP1B;;;SAGK;+BACsB,OAAO;+BA+BnC,CAAC"}

package/dts/dates/Calendar.d.ts

@@ -0,0 +1,170 @@
+import { type StyleProp, type TextStyle, type ViewStyle } from 'react-native';
+import type { SharedProps } from '@coinbase/cds-common/types';
+import { type BoxBaseProps } from '../layout/Box';
+import { type VStackProps } from '../layout/VStack';
+import { type PressableBaseProps } from '../system/Pressable';
+export type CalendarPressableBaseProps = PressableBaseProps & {
+  borderRadius?: number;
+  width?: number;
+  height?: number;
+  background?: 'transparent' | 'bg' | 'bgPrimary';
+};
+export type CalendarDayProps = {
+  /** Date of this CalendarDay. */
+  date: Date;
+  /** Callback function fired when pressing this CalendarDay. */
+  onPress?: (date: Date) => void;
+  /** Toggle active styles. */
+  active?: boolean;
+  /** Disables user interaction. */
+  disabled?: boolean;
+  /** Toggle highlighted styles. */
+  highlighted?: boolean;
+  /** Toggle today's date styles. */
+  isToday?: boolean;
+  /** Toggle current month styles. */
+  isCurrentMonth?: boolean;
+  /** Tooltip content shown when hovering or focusing a disabled Calendar Day. */
+  disabledError?: string;
+  /** Accessibility hint for the current day when it is not disabled. */
+  todayAccessibilityHint?: string;
+  /** Accessibility hint announced for highlighted dates. */
+  highlightedDateAccessibilityHint?: string;
+  /** Custom style for the date cell pressable wrapper */
+  style?: StyleProp<ViewStyle>;
+};
+export type CalendarRefHandle = {
+  /** Sets accessibility focus on the selected date, seed date, or today. */
+  focusInitialDate: () => void;
+};
+export type CalendarBaseProps = SharedProps &
+  Omit<BoxBaseProps, 'children'> & {
+    /** Currently selected Calendar date. Date used to generate the Calendar month. Will be rendered with active styles. */
+    selectedDate?: Date | null;
+    /** Date used to generate the Calendar month when there is no value for the `selectedDate` prop, defaults to today. */
+    seedDate?: Date;
+    /** Callback function fired when pressing a Calendar date. */
+    onPressDate?: (date: Date) => void;
+    /** Disables user interaction. */
+    disabled?: boolean;
+    /** Hides the Calendar next and previous month arrows. This probably only makes sense to be used when `minDate` and `maxDate` are set to the first and last days of the same month. */
+    hideControls?: boolean;
+    /** Array of disabled dates, and date tuples for date ranges. Make sure to set `disabledDateError` as well. A number is created for every individual date within a tuple range, so do not abuse this with massive ranges. */
+    disabledDates?: (Date | [Date, Date])[];
+    /** Array of highlighted dates, and date tuples for date ranges. A number is created for every individual date within a tuple range, so do not abuse this with massive ranges. */
+    highlightedDates?: (Date | [Date, Date])[];
+    /** Minimum date allowed to be selected, inclusive. Dates before the `minDate` are disabled. All navigation to months before the `minDate` is disabled. */
+    minDate?: Date;
+    /** Maximum date allowed to be selected, inclusive. Dates after the `maxDate` are disabled. All navigation to months after the `maxDate` is disabled. */
+    maxDate?: Date;
+    /**
+     * Tooltip content shown when hovering or focusing a disabled date, including dates before the `minDate` or after the `maxDate`.
+     * @default 'Date unavailable'
+     */
+    disabledDateError?: string;
+    /**
+     * Accessibility label describing the Calendar next month arrow.
+     * @default 'Go to next month'
+     */
+    nextArrowAccessibilityLabel?: string;
+    /**
+     * Accessibility label describing the Calendar previous month arrow.
+     * @default 'Go to previous month'
+     */
+    previousArrowAccessibilityLabel?: string;
+    /**
+     * Accessibility hint for the current day when it is not disabled. Omit or leave default for non-localized usage.
+     * @default 'Today'
+     */
+    todayAccessibilityHint?: string;
+    /**
+     * Accessibility hint announced for highlighted dates. Applied to all highlighted dates.
+     * @default 'Highlighted'
+     */
+    highlightedDateAccessibilityHint?: string;
+  };
+export type CalendarProps = CalendarBaseProps &
+  Omit<VStackProps, 'children' | 'ref'> & {
+    /** Custom styles for individual elements of the Calendar component. */
+    styles?: {
+      /** Root container element */
+      root?: StyleProp<ViewStyle>;
+      /** Header row containing month label and navigation arrows */
+      header?: StyleProp<ViewStyle>;
+      /** Month and year title text element */
+      title?: StyleProp<TextStyle>;
+      /** Navigation controls element */
+      navigation?: StyleProp<ViewStyle>;
+      /** Container for the days-of-week header and the date grid */
+      content?: StyleProp<ViewStyle>;
+      /** Individual date cell element, basic ViewStyle applied to the pressable wrapper */
+      day?: StyleProp<ViewStyle>;
+    };
+  };
+export declare const Calendar: import('react').MemoExoticComponent<
+  import('react').ForwardRefExoticComponent<
+    SharedProps &
+      Omit<BoxBaseProps, 'children'> & {
+        /** Currently selected Calendar date. Date used to generate the Calendar month. Will be rendered with active styles. */
+        selectedDate?: Date | null;
+        /** Date used to generate the Calendar month when there is no value for the `selectedDate` prop, defaults to today. */
+        seedDate?: Date;
+        /** Callback function fired when pressing a Calendar date. */
+        onPressDate?: (date: Date) => void;
+        /** Disables user interaction. */
+        disabled?: boolean;
+        /** Hides the Calendar next and previous month arrows. This probably only makes sense to be used when `minDate` and `maxDate` are set to the first and last days of the same month. */
+        hideControls?: boolean;
+        /** Array of disabled dates, and date tuples for date ranges. Make sure to set `disabledDateError` as well. A number is created for every individual date within a tuple range, so do not abuse this with massive ranges. */
+        disabledDates?: (Date | [Date, Date])[];
+        /** Array of highlighted dates, and date tuples for date ranges. A number is created for every individual date within a tuple range, so do not abuse this with massive ranges. */
+        highlightedDates?: (Date | [Date, Date])[];
+        /** Minimum date allowed to be selected, inclusive. Dates before the `minDate` are disabled. All navigation to months before the `minDate` is disabled. */
+        minDate?: Date;
+        /** Maximum date allowed to be selected, inclusive. Dates after the `maxDate` are disabled. All navigation to months after the `maxDate` is disabled. */
+        maxDate?: Date;
+        /**
+         * Tooltip content shown when hovering or focusing a disabled date, including dates before the `minDate` or after the `maxDate`.
+         * @default 'Date unavailable'
+         */
+        disabledDateError?: string;
+        /**
+         * Accessibility label describing the Calendar next month arrow.
+         * @default 'Go to next month'
+         */
+        nextArrowAccessibilityLabel?: string;
+        /**
+         * Accessibility label describing the Calendar previous month arrow.
+         * @default 'Go to previous month'
+         */
+        previousArrowAccessibilityLabel?: string;
+        /**
+         * Accessibility hint for the current day when it is not disabled. Omit or leave default for non-localized usage.
+         * @default 'Today'
+         */
+        todayAccessibilityHint?: string;
+        /**
+         * Accessibility hint announced for highlighted dates. Applied to all highlighted dates.
+         * @default 'Highlighted'
+         */
+        highlightedDateAccessibilityHint?: string;
+      } & Omit<import('../layout').BoxProps, 'children' | 'ref'> & {
+        /** Custom styles for individual elements of the Calendar component. */
+        styles?: {
+          /** Root container element */
+          root?: StyleProp<ViewStyle>;
+          /** Header row containing month label and navigation arrows */
+          header?: StyleProp<ViewStyle>;
+          /** Month and year title text element */
+          title?: StyleProp<TextStyle>;
+          /** Navigation controls element */
+          navigation?: StyleProp<ViewStyle>;
+          /** Container for the days-of-week header and the date grid */
+          content?: StyleProp<ViewStyle>;
+          /** Individual date cell element, basic ViewStyle applied to the pressable wrapper */
+          day?: StyleProp<ViewStyle>;
+        };
+      } & import('react').RefAttributes<CalendarRefHandle>
+  >
+>;
+//# sourceMappingURL=Calendar.d.ts.map

package/dts/dates/Calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../src/dates/Calendar.tsx"],"names":[],"mappings":"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"}

package/dts/dates/DateInput.d.ts

@@ -6,7 +6,7 @@ export type DateInputProps = {
   /** Date format separator character, e.g. the / in "MM/DD/YYYY". Defaults to forward slash (/). */
   separator?: string;
   style?: StyleProp<ViewStyle>;
-} & Omit<DateInputOptions, 'disabledDates' | 'intlDateFormat'> &
+} & Omit<DateInputOptions, 'intlDateFormat'> &
   Omit<TextInputProps, 'inputNode' | 'value' | 'defaultValue' | 'style'>;
 export declare const DateInput: React.MemoExoticComponent<
   React.ForwardRefExoticComponent<
@@ -14,7 +14,7 @@ export declare const DateInput: React.MemoExoticComponent<
       /** Date format separator character, e.g. the / in "MM/DD/YYYY". Defaults to forward slash (/). */
       separator?: string;
       style?: StyleProp<ViewStyle>;
-    } & Omit<DateInputOptions, 'disabledDates' | 'intlDateFormat'> &
+    } & Omit<DateInputOptions, 'intlDateFormat'> &
       Omit<TextInputProps, 'value' | 'style' | 'defaultValue' | 'inputNode'> &
       React.RefAttributes<NativeTextInput>
   >

package/dts/dates/DateInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../src/dates/DateInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAC9E,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,SAAS,IAAI,eAAe,EAIjC,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,KAAK,gBAAgB,EAAgB,MAAM,yCAAyC,CAAC;AAG9F,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGvE,MAAM,MAAM,cAAc,GAAG;IAC3B,kGAAkG;IAClG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,GAAG,IAAI,CAAC,gBAAgB,EAAE,eAAe,GAAG,gBAAgB,CAAC,GAC5D,IAAI,CAAC,cAAc,EAAE,WAAW,GAAG,OAAO,GAAG,cAAc,GAAG,OAAO,CAAC,CAAC;AAEzE,eAAO,MAAM,SAAS;IANpB,kGAAkG;gBACtF,MAAM;YACV,SAAS,CAAC,SAAS,CAAC;gLAoH7B,CAAC"}
+{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../src/dates/DateInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAC9E,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,SAAS,IAAI,eAAe,EAIjC,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,KAAK,gBAAgB,EAAgB,MAAM,yCAAyC,CAAC;AAG9F,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGvE,MAAM,MAAM,cAAc,GAAG;IAC3B,kGAAkG;IAClG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,GAAG,IAAI,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,GAC1C,IAAI,CAAC,cAAc,EAAE,WAAW,GAAG,OAAO,GAAG,cAAc,GAAG,OAAO,CAAC,CAAC;AAEzE,eAAO,MAAM,SAAS;IANpB,kGAAkG;gBACtF,MAAM;YACV,SAAS,CAAC,SAAS,CAAC;8JAsH7B,CAAC"}

package/dts/dates/DatePicker.d.ts

@@ -2,12 +2,26 @@ import {
   type NativeSyntheticEvent,
   type StyleProp,
   type TextInputChangeEventData,
+  type TextStyle,
   type View,
   type ViewStyle,
 } from 'react-native';
-import { type DateInputValidationError } from '@coinbase/cds-common/dates/DateInputValidationError';
+import type { DateInputValidationError } from '@coinbase/cds-common/dates/DateInputValidationError';
+import { type CalendarBaseProps } from './Calendar';
 import { type DateInputProps } from './DateInput';
-export type DatePickerProps = {
+export type DatePickerBaseProps = Pick<
+  CalendarBaseProps,
+  | 'disabled'
+  | 'disabledDates'
+  | 'disabledDateError'
+  | 'highlightedDateAccessibilityHint'
+  | 'highlightedDates'
+  | 'maxDate'
+  | 'minDate'
+  | 'nextArrowAccessibilityLabel'
+  | 'previousArrowAccessibilityLabel'
+  | 'seedDate'
+> & {
   /** Control the date value of the DatePicker. */
   date: Date | null;
   /** Callback function fired when the date changes, e.g. when a valid date is selected or unselected. */
@@ -16,49 +30,84 @@ export type DatePickerProps = {
   error: DateInputValidationError | null;
   /** Callback function fired when validation finds an error, e.g. required input fields and impossible or disabled dates. Will always be called after `onChangeDate`. */
   onErrorDate: (error: DateInputValidationError | null) => void;
-  /** Date that the react-native-date-picker keyboard control will open to when there is no value for the `date` prop, defaults to today. */
-  seedDate?: Date;
-  /** Disables user interaction. */
-  disabled?: boolean;
-  /** Minimum date allowed to be selected, inclusive. Dates before the `minDate` are disabled. All navigation to months before the `minDate` is disabled. */
-  minDate?: Date;
-  /** Maximum date allowed to be selected, inclusive. Dates after the `maxDate` are disabled. All navigation to months after the `maxDate` is disabled. */
-  maxDate?: Date;
-  /**
-   * Error text to display when a disabled date is selected with the DateInput, including dates before the `minDate` or after the `maxDate`.
-   * @default 'Date unavailable'
-   */
-  disabledDateError?: string;
-  /** Callback function fired when the DateInput text value changes. Prefer to use `onChangeDate` instead. Will always be called before `onChangeDate`. This prop should only be used for edge cases, such as custom error handling.  */
-  onChange?: (event: NativeSyntheticEvent<TextInputChangeEventData>) => void;
-  /** Callback function fired when the react-native-date-picker keyboard control is opened.  */
+  /** Callback function fired when the picker is opened. */
   onOpen?: () => void;
-  /** Callback function fired when the react-native-date-picker keyboard control is closed. Will always be called after `onCancel`, `onConfirm`, and `onChangeDate`.  */
+  /** Callback function fired when the picker is closed. Will always be called after `onCancel`, `onConfirm`, and `onChangeDate`. */
   onClose?: () => void;
-  /** Callback function fired when the user selects a date using the react-native-date-picker keyboard control. Interacting with the DateInput does not fire this callback. Will always be called before `onClose`. */
+  /** Callback function fired when the user selects a date using the picker. Interacting with the DateInput does not fire this callback. Will always be called before `onClose`. */
   onConfirm?: () => void;
-  /** Callback function fired when the user closes the react-native-date-picker keyboard control without selecting a date. Interacting with the DateInput does not fire this callback. Will always be called before `onClose`. */
+  /** Callback function fired when the user closes the picker without selecting a date. Interacting with the DateInput does not fire this callback. Will always be called before `onClose`. */
   onCancel?: () => void;
   /**
    * Accessibility label describing the calendar IconButton, which opens the calendar when pressed.
-   * @default 'Open calendar' / 'Close calendar'
+   * @deprecated Use openCalendarAccessibilityLabel/closeCalendarAccessibilityLabel instead
    */
   calendarIconButtonAccessibilityLabel?: string;
-  dateInputStyle?: StyleProp<ViewStyle>;
-} & Omit<
-  DateInputProps,
-  | 'date'
-  | 'separator'
-  | 'onChangeDate'
-  | 'disabledDates'
-  | 'minDate'
-  | 'maxDate'
-  | 'disabledDateError'
-  | 'style'
->;
+  /**
+   * Accessibility label for the calendar IconButton, which opens the calendar when pressed.
+   * @default 'Open calendar'
+   */
+  openCalendarAccessibilityLabel?: string;
+  /**
+   * Accessibility label for the handle bar that closes the picker.
+   * @default 'Close calendar without selecting a date'
+   */
+  closeCalendarAccessibilityLabel?: string;
+};
+export type DatePickerProps = DatePickerBaseProps &
+  Omit<
+    DateInputProps,
+    | 'date'
+    | 'separator'
+    | 'onChangeDate'
+    | 'disabledDates'
+    | 'minDate'
+    | 'maxDate'
+    | 'disabledDateError'
+    | 'style'
+  > & {
+    /** Callback function fired when the DateInput text value changes. Prefer to use `onChangeDate` instead. Will always be called before `onChangeDate`. This prop should only be used for edge cases, such as custom error handling.  */
+    onChange?: (event: NativeSyntheticEvent<TextInputChangeEventData>) => void;
+    /**
+     * Custom style to apply to the DateInput.
+     * @deprecated Use `styles.dateInput` instead.
+     */
+    dateInputStyle?: StyleProp<ViewStyle>;
+    /**
+     * Text to display on the confirm button.
+     * @default 'Confirm'
+     */
+    confirmText?: string;
+    /**
+     * Accessibility hint for the confirm button.
+     */
+    confirmButtonAccessibilityHint?: string;
+    /** Custom styles for the DateInput and Calendar subcomponents. */
+    styles?: {
+      dateInput?: DateInputProps['style'];
+      calendar?: StyleProp<ViewStyle>;
+      calendarHeader?: StyleProp<ViewStyle>;
+      calendarTitle?: StyleProp<TextStyle>;
+      calendarNavigation?: StyleProp<ViewStyle>;
+      calendarContent?: StyleProp<ViewStyle>;
+      calendarDay?: StyleProp<ViewStyle>;
+    };
+  };
 export declare const DatePicker: import('react').MemoExoticComponent<
   import('react').ForwardRefExoticComponent<
-    {
+    Pick<
+      CalendarBaseProps,
+      | 'disabled'
+      | 'previousArrowAccessibilityLabel'
+      | 'nextArrowAccessibilityLabel'
+      | 'highlightedDateAccessibilityHint'
+      | 'seedDate'
+      | 'disabledDates'
+      | 'highlightedDates'
+      | 'minDate'
+      | 'maxDate'
+      | 'disabledDateError'
+    > & {
       /** Control the date value of the DatePicker. */
       date: Date | null;
       /** Callback function fired when the date changes, e.g. when a valid date is selected or unselected. */
@@ -67,47 +116,67 @@ export declare const DatePicker: import('react').MemoExoticComponent<
       error: DateInputValidationError | null;
       /** Callback function fired when validation finds an error, e.g. required input fields and impossible or disabled dates. Will always be called after `onChangeDate`. */
       onErrorDate: (error: DateInputValidationError | null) => void;
-      /** Date that the react-native-date-picker keyboard control will open to when there is no value for the `date` prop, defaults to today. */
-      seedDate?: Date;
-      /** Disables user interaction. */
-      disabled?: boolean;
-      /** Minimum date allowed to be selected, inclusive. Dates before the `minDate` are disabled. All navigation to months before the `minDate` is disabled. */
-      minDate?: Date;
-      /** Maximum date allowed to be selected, inclusive. Dates after the `maxDate` are disabled. All navigation to months after the `maxDate` is disabled. */
-      maxDate?: Date;
-      /**
-       * Error text to display when a disabled date is selected with the DateInput, including dates before the `minDate` or after the `maxDate`.
-       * @default 'Date unavailable'
-       */
-      disabledDateError?: string;
-      /** Callback function fired when the DateInput text value changes. Prefer to use `onChangeDate` instead. Will always be called before `onChangeDate`. This prop should only be used for edge cases, such as custom error handling.  */
-      onChange?: (event: NativeSyntheticEvent<TextInputChangeEventData>) => void;
-      /** Callback function fired when the react-native-date-picker keyboard control is opened.  */
+      /** Callback function fired when the picker is opened. */
       onOpen?: () => void;
-      /** Callback function fired when the react-native-date-picker keyboard control is closed. Will always be called after `onCancel`, `onConfirm`, and `onChangeDate`.  */
+      /** Callback function fired when the picker is closed. Will always be called after `onCancel`, `onConfirm`, and `onChangeDate`. */
       onClose?: () => void;
-      /** Callback function fired when the user selects a date using the react-native-date-picker keyboard control. Interacting with the DateInput does not fire this callback. Will always be called before `onClose`. */
+      /** Callback function fired when the user selects a date using the picker. Interacting with the DateInput does not fire this callback. Will always be called before `onClose`. */
       onConfirm?: () => void;
-      /** Callback function fired when the user closes the react-native-date-picker keyboard control without selecting a date. Interacting with the DateInput does not fire this callback. Will always be called before `onClose`. */
+      /** Callback function fired when the user closes the picker without selecting a date. Interacting with the DateInput does not fire this callback. Will always be called before `onClose`. */
       onCancel?: () => void;
       /**
        * Accessibility label describing the calendar IconButton, which opens the calendar when pressed.
-       * @default 'Open calendar' / 'Close calendar'
+       * @deprecated Use openCalendarAccessibilityLabel/closeCalendarAccessibilityLabel instead
        */
       calendarIconButtonAccessibilityLabel?: string;
-      dateInputStyle?: StyleProp<ViewStyle>;
+      /**
+       * Accessibility label for the calendar IconButton, which opens the calendar when pressed.
+       * @default 'Open calendar'
+       */
+      openCalendarAccessibilityLabel?: string;
+      /**
+       * Accessibility label for the handle bar that closes the picker.
+       * @default 'Close calendar without selecting a date'
+       */
+      closeCalendarAccessibilityLabel?: string;
     } & Omit<
-      DateInputProps,
-      | 'style'
-      | 'separator'
-      | 'disabledDates'
-      | 'date'
-      | 'onChangeDate'
-      | 'minDate'
-      | 'maxDate'
-      | 'disabledDateError'
-    > &
-      import('react').RefAttributes<View>
+        DateInputProps,
+        | 'style'
+        | 'separator'
+        | 'date'
+        | 'disabledDates'
+        | 'minDate'
+        | 'maxDate'
+        | 'disabledDateError'
+        | 'onChangeDate'
+      > & {
+        /** Callback function fired when the DateInput text value changes. Prefer to use `onChangeDate` instead. Will always be called before `onChangeDate`. This prop should only be used for edge cases, such as custom error handling.  */
+        onChange?: (event: NativeSyntheticEvent<TextInputChangeEventData>) => void;
+        /**
+         * Custom style to apply to the DateInput.
+         * @deprecated Use `styles.dateInput` instead.
+         */
+        dateInputStyle?: StyleProp<ViewStyle>;
+        /**
+         * Text to display on the confirm button.
+         * @default 'Confirm'
+         */
+        confirmText?: string;
+        /**
+         * Accessibility hint for the confirm button.
+         */
+        confirmButtonAccessibilityHint?: string;
+        /** Custom styles for the DateInput and Calendar subcomponents. */
+        styles?: {
+          dateInput?: DateInputProps['style'];
+          calendar?: StyleProp<ViewStyle>;
+          calendarHeader?: StyleProp<ViewStyle>;
+          calendarTitle?: StyleProp<TextStyle>;
+          calendarNavigation?: StyleProp<ViewStyle>;
+          calendarContent?: StyleProp<ViewStyle>;
+          calendarDay?: StyleProp<ViewStyle>;
+        };
+      } & import('react').RefAttributes<View>
   >
 >;
 //# sourceMappingURL=DatePicker.d.ts.map

package/dts/dates/DatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../src/dates/DatePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,SAAS,EAEd,KAAK,wBAAwB,EAC7B,KAAK,IAAI,EACT,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,qDAAqD,CAAC;AAKpG,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7D,MAAM,MAAM,eAAe,GAAG;IAC5B,gDAAgD;IAChD,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,uGAAuG;IACvG,YAAY,EAAE,CAAC,YAAY,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,iDAAiD;IACjD,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC;IACvC,uKAAuK;IACvK,WAAW,EAAE,CAAC,KAAK,EAAE,wBAAwB,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9D,0IAA0I;IAC1I,QAAQ,CAAC,EAAE,IAAI,CAAC;IAChB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0JAA0J;IAC1J,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,wJAAwJ;IACxJ,OAAO,CAAC,EAAE,IAAI,CAAC;IACf;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,sOAAsO;IACtO,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,wBAAwB,CAAC,KAAK,IAAI,CAAC;IAC3E,6FAA6F;IAC7F,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,sKAAsK;IACtK,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oNAAoN;IACpN,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,+NAA+N;IAC/N,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;OAGG;IACH,oCAAoC,CAAC,EAAE,MAAM,CAAC;IAC9C,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACvC,GAAG,IAAI,CACN,cAAc,EACZ,MAAM,GACN,WAAW,GACX,cAAc,GACd,eAAe,GACf,SAAS,GACT,SAAS,GACT,mBAAmB,GACnB,OAAO,CACV,CAAC;AAEF,eAAO,MAAM,UAAU;IAjDrB,gDAAgD;UAC1C,IAAI,GAAG,IAAI;IACjB,uGAAuG;kBACzF,CAAC,YAAY,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI;IACjD,iDAAiD;WAC1C,wBAAwB,GAAG,IAAI;IACtC,uKAAuK;iBAC1J,CAAC,KAAK,EAAE,wBAAwB,GAAG,IAAI,KAAK,IAAI;IAC7D,0IAA0I;eAC/H,IAAI;IACf,iCAAiC;eACtB,OAAO;IAClB,0JAA0J;cAChJ,IAAI;IACd,wJAAwJ;cAC9I,IAAI;IACd;;;OAGG;wBACiB,MAAM;IAC1B,sOAAsO;eAC3N,CAAC,KAAK,EAAE,oBAAoB,CAAC,wBAAwB,CAAC,KAAK,IAAI;IAC1E,6FAA6F;aACpF,MAAM,IAAI;IACnB,sKAAsK;cAC5J,MAAM,IAAI;IACpB,oNAAoN;gBACxM,MAAM,IAAI;IACtB,+NAA+N;eACpN,MAAM,IAAI;IACrB;;;OAGG;2CACoC,MAAM;qBAC5B,SAAS,CAAC,SAAS,CAAC;iLAmJtC,CAAC"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../src/dates/DatePicker.tsx"],"names":[],"mappings":"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"}

package/dts/overlays/drawer/Drawer.d.ts

@@ -71,6 +71,8 @@ export type DrawerBaseProps = SharedProps &
      * the slide transform so the drawer follows the user's finger naturally.
      */
     reduceMotion?: boolean;
+    /** Callback fired when the open animation completes. */
+    onOpenComplete?: () => void;
   };
 export type DrawerProps = DrawerBaseProps & {
   styles?: {
@@ -148,6 +150,8 @@ export declare const Drawer: React.MemoExoticComponent<
          * the slide transform so the drawer follows the user's finger naturally.
          */
         reduceMotion?: boolean;
+        /** Callback fired when the open animation completes. */
+        onOpenComplete?: () => void;
       } & {
         styles?: {
           /** Root container element */

package/dts/overlays/drawer/Drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/overlays/drawer/Drawer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/overlays/drawer/Drawer.tsx"],"names":[],"mappings":"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"}

package/dts/overlays/tooltip/Tooltip.d.ts

@@ -1,5 +1,12 @@
 import React from 'react';
-import type { TooltipProps } from './TooltipProps';
+import { type AccessibilityState } from 'react-native';
+import type { TooltipBaseProps } from './TooltipProps';
+export type TooltipProps = TooltipBaseProps & {
+  /**
+   * Accessibility state for the trigger.
+   */
+  accessibilityState?: AccessibilityState;
+};
 export declare const Tooltip: React.MemoExoticComponent<
   ({
     children,
@@ -14,6 +21,7 @@ export declare const Tooltip: React.MemoExoticComponent<
     accessibilityHint,
     accessibilityLabelForContent,
     accessibilityHintForContent,
+    accessibilityState,
     visible,
     invertColorScheme,
     elevation,