@react-native-community/datetimepicker - npm Package Compare versions

Comparing version 6.6.0 to 6.7.0

package.json

 {
   "name": "@react-native-community/datetimepicker",
-  "version": "6.6.0",
+  "version": "6.7.0",
   "description": "DateTimePicker component for React Native",
@@ -5,0 +5,0 @@ "main": "./src/index.js",

README.md

@@ -79,8 +79,9 @@ ### 🚧🚧 Looking for collaborators and backers 🚧🚧
     - [`is24Hour` (`optional`, `Windows and Android only`)](#is24hour-optional-windows-and-android-only)
-    - [`positiveButtonLabel` (`optional`, `Android only`)](#positiveButtonLabel-optional-android-only)
-    - [`negativeButtonLabel` (`optional`, `Android only`)](#negativeButtonLabel-optional-android-only)
-    - [`neutralButtonLabel` (`optional`, `Android only`)](#neutralbuttonlabel-optional-android-only)
+    - [`positiveButton` (`optional`, `Android only`)](#positiveButton-optional-android-only)
+    - [`negativeButton` (`optional`, `Android only`)](#negativeButton-optional-android-only)
+    - [`neutralButton` (`optional`, `Android only`)](#neutralButton-optional-android-only)
     - [`minuteInterval` (`optional`)](#minuteinterval-optional)
     - [`style` (`optional`, `iOS only`)](#style-optional-ios-only)
     - [`disabled` (`optional`, `iOS only`)](#disabled-optional-ios-only)
+    - [`view props` (`optional`, `iOS only`)](#view-props-optional-ios-only)
     - [`onError` (`optional`, `Android only`)](#onError-optional-android-only)
@@ -452,3 +453,3 @@ - [Testing with Jest](#testing-with-jest)
 ```js
-<RNDateTimePicker neutralButton={{label: 'Clear', textColor: 'red'}} />
+<RNDateTimePicker neutralButton={{label: 'Clear', textColor: 'grey'}} />
 ```
@@ -520,2 +521,6 @@
 
+#### `View Props` (`optional`, `iOS only`)
+
+On iOS, you can pass any [View props](https://reactnative.dev/docs/view#props) to the component. Given that the underlying component is a native view, not all of them are guaranteed to be supported, but `testID` and `onLayout` are known to work.
+
 #### `onError` (`optional`, `Android only`)
@@ -522,0 +527,0 @@

src/datetimepicker.ios.js

@@ -51,4 +51,2 @@ /**
   minimumDate,
-  style,
-  testID,
   minuteInterval,
@@ -63,2 +61,3 @@ timeZoneOffsetInMinutes,
   disabled = false,
+  ...other
 }: IOSNativeProps): React.Node {
@@ -97,4 +96,3 @@ sharedPropsValidation({value});
     <RNDateTimePicker
-      testID={testID}
-      style={style}
+      {...other}
       date={dateToMilliseconds(value)}
@@ -101,0 +99,0 @@ locale={locale !== null && locale !== '' ? locale : undefined}

src/index.d.ts

@@ -66,3 +66,3 @@ import {FC, Ref, SyntheticEvent} from 'react';
 
-export type BaseProps = Readonly<ViewProps & DateOptions>;
+export type BaseProps = Readonly<Omit<ViewProps, 'children'> & DateOptions>;
 
@@ -69,0 +69,0 @@ export type IOSNativeProps = Readonly<

src/types.js

@@ -9,3 +9,3 @@ /**
 import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
-import type {ElementRef} from 'react';
+import type {ElementRef, Node} from 'react';
 import type {ColorValue} from 'react-native/Libraries/StyleSheet/StyleSheet';
@@ -88,4 +88,9 @@ import {
 
+type ViewPropsWithoutChildren = $Diff<
+  ViewProps,
+  {children: ViewProps['children']},
+>;
+
 export type BaseProps = $ReadOnly<{|
-  ...ViewProps,
+  ...ViewPropsWithoutChildren,
   ...DateOptions,
@@ -92,0 +97,0 @@ |}>;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

203386

increased by0.22%

Lines of code

1264

increased by0.16%

Number of lines in readme file

558

increased by0.9%

No dependency changes