@hero-design/rn 8.84.0 → 8.84.1

package/.turbo/turbo-build.log

@@ -1,7 +1,7 @@
-(node:2999) ExperimentalWarning: Importing JSON modules is an experimental feature and might change at any time
+(node:3048) ExperimentalWarning: Importing JSON modules is an experimental feature and might change at any time
 (Use `node --trace-warnings ...` to show where the warning was created)
 
 src/index.ts → lib/index.js, es/index.js...
 (!) [plugin replace] @rollup/plugin-replace: 'preventAssignment' currently defaults to false. It is recommended to set this option to `true`, as the next major version will default this option to `true`.
 (!) [plugin node-resolve] preferring built-in module 'events' over local alternative at '/home/runner/work/hero-design/hero-design/node_modules/events/events.js', pass 'preferBuiltins: false' to disable this behavior or 'preferBuiltins: true' to disable this warning.or passing a function to 'preferBuiltins' to provide more fine-grained control over which built-in modules to prefer.
-created lib/index.js, es/index.js in 52.3s
+created lib/index.js, es/index.js in 50.4s

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @hero-design/rn
 
+## 8.84.1
+
+### Patch Changes
+
+- [#3582](https://github.com/Thinkei/hero-design/pull/3582) [`2200c47a7d703b4f1d558370307a7de3529c4823`](https://github.com/Thinkei/hero-design/commit/2200c47a7d703b4f1d558370307a7de3529c4823) Thanks [@vinhphan-eh](https://github.com/vinhphan-eh)! - [DatePicker] Add custom locale support for iOS
+
 ## 8.84.0
 
 ### Minor Changes

package/es/index.js

@@ -14502,7 +14502,8 @@ var DatePickerIOS = function DatePickerIOS(_ref) {
     _ref$supportedOrienta = _ref.supportedOrientations,
     supportedOrientations = _ref$supportedOrienta === void 0 ? ['portrait'] : _ref$supportedOrienta,
     _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? 'default' : _ref$variant;
+    variant = _ref$variant === void 0 ? 'default' : _ref$variant,
+    locale = _ref.locale;
   var _useState = useState(getDateValue(value || new Date(), minDate, maxDate)),
     _useState2 = _slicedToArray(_useState, 2),
     selectingDate = _useState2[0],
@@ -14557,6 +14558,7 @@ var DatePickerIOS = function DatePickerIOS(_ref) {
     supportedOrientations: supportedOrientations
   }, /*#__PURE__*/React__default.createElement(StyledPickerWrapper$1, null, variant === 'month-year' ? /*#__PURE__*/React__default.createElement(MonthYearPickerViewIOS, {
     value: value,
+    locale: locale,
     minimumDate: minDate,
     maximumDate: maxDate,
     onChange: function onChange(date) {
@@ -14568,6 +14570,7 @@ var DatePickerIOS = function DatePickerIOS(_ref) {
       flex: 1
     }
   }) : null, variant === 'default' ? /*#__PURE__*/React__default.createElement(DateTimePicker, {
+    locale: locale,
     testID: "datePickerIOS",
     value: selectingDate,
     minimumDate: minDate,

package/lib/index.js

@@ -14530,7 +14530,8 @@ var DatePickerIOS = function DatePickerIOS(_ref) {
     _ref$supportedOrienta = _ref.supportedOrientations,
     supportedOrientations = _ref$supportedOrienta === void 0 ? ['portrait'] : _ref$supportedOrienta,
     _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? 'default' : _ref$variant;
+    variant = _ref$variant === void 0 ? 'default' : _ref$variant,
+    locale = _ref.locale;
   var _useState = React.useState(getDateValue(value || new Date(), minDate, maxDate)),
     _useState2 = _slicedToArray(_useState, 2),
     selectingDate = _useState2[0],
@@ -14585,6 +14586,7 @@ var DatePickerIOS = function DatePickerIOS(_ref) {
     supportedOrientations: supportedOrientations
   }, /*#__PURE__*/React__namespace.default.createElement(StyledPickerWrapper$1, null, variant === 'month-year' ? /*#__PURE__*/React__namespace.default.createElement(reactNativeMonthYearPicker.MonthYearPickerViewIOS, {
     value: value,
+    locale: locale,
     minimumDate: minDate,
     maximumDate: maxDate,
     onChange: function onChange(date) {
@@ -14596,6 +14598,7 @@ var DatePickerIOS = function DatePickerIOS(_ref) {
       flex: 1
     }
   }) : null, variant === 'default' ? /*#__PURE__*/React__namespace.default.createElement(DateTimePicker__default.default, {
+    locale: locale,
     testID: "datePickerIOS",
     value: selectingDate,
     minimumDate: minDate,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "8.84.0",
+  "version": "8.84.1",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",

package/src/components/DatePicker/DatePickerIOS.tsx

@@ -35,6 +35,7 @@ const DatePickerIOS = ({
   testID,
   supportedOrientations = ['portrait'],
   variant = 'default',
+  locale,
 }: DatePickerIOSProps) => {
   const [selectingDate, setSelectingDate] = useState<Date>(
     getDateValue(value || new Date(), minDate, maxDate)
@@ -83,6 +84,7 @@ const DatePickerIOS = ({
           {variant === 'month-year' ? (
             <MonthYearPickerViewIOS
               value={value}
+              locale={locale}
               minimumDate={minDate}
               maximumDate={maxDate}
               onChange={(date: Date | undefined) => {
@@ -95,6 +97,7 @@ const DatePickerIOS = ({
           ) : null}
           {variant === 'default' ? (
             <DateTimePicker
+              locale={locale}
               testID="datePickerIOS"
               value={selectingDate}
               minimumDate={minDate}

package/src/components/DatePicker/__tests__/DatePickerIOS.spec.tsx

@@ -102,6 +102,40 @@ describe('DatePickerIOS', () => {
     expect(onChange).toBeCalledWith(new Date('December 17, 1995'));
   });
 
+  it('renders correctly with custom locale', () => {
+    const onChange = jest.fn();
+    const { getByText, queryByTestId, toJSON } = renderWithTheme(
+      <DatePickerIOS
+        locale="zh-CN"
+        value={new Date('December 21, 1995')}
+        label="Start date"
+        confirmLabel="Confirm"
+        onChange={onChange}
+      />
+    );
+
+    expect(getByText('Start date')).toBeDefined();
+    expect(queryByTestId('text-input').props.value).toBe('21/12/1995');
+    expect(queryByTestId('datePickerIOS')).toBeNull();
+
+    // Open date picker
+    fireEvent.press(getByText('Start date'));
+    expect(queryByTestId('datePickerIOS')).toBeTruthy();
+
+    expect(toJSON()).toMatchSnapshot();
+
+    // Change date
+    fireEvent(
+      queryByTestId('datePickerIOS'),
+      'onChange',
+      null,
+      new Date('December 17, 1995')
+    );
+    fireEvent.press(getByText('Confirm'));
+
+    expect(onChange).toBeCalledWith(new Date('December 17, 1995'));
+  });
+
   it('renders correct help text', () => {
     const { getByText } = renderWithTheme(
       <DatePickerIOS