Bump project dependencies and regressions

docusaurus/package.json

@@ -27,7 +27,7 @@
   "devDependencies": {
     "@docusaurus/module-type-aliases": "^3.7.0",
     "@tsconfig/docusaurus": "^2.0.3",
-    "typescript": "^5.7.3"
+    "typescript": "^5.8.3"
   },
   "browserslist": {
     "production": [

example/app.json

@@ -1,11 +1,8 @@
 {
-  "name": "react-native-paper-dates-example",
-  "displayName": "PaperDates Example",
   "expo": {
     "name": "react-native-paper-dates-example",
     "slug": "react-native-paper-dates-example",
     "description": "Example app for react-native-paper-dates",
-    "privacy": "public",
     "version": "1.0.0",
     "platforms": [
       "ios",

example/package.json

@@ -12,21 +12,22 @@
     "test": "jest"
   },
   "dependencies": {
-    "crypto-browserify": "^3.12.0",
-    "expo": "^52.0.44",
-    "expo-splash-screen": "~0.29.22",
-    "expo-status-bar": "~2.0.1",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
-    "react-native": "0.76.9",
-    "react-native-paper": "^5.12.3",
-    "react-native-web": "~0.19.12",
+    "crypto-browserify": "^3.12.1",
+    "expo": "^53.0.8",
+    "expo-splash-screen": "~0.30.8",
+    "expo-status-bar": "~2.2.3",
+    "react": "19.0.0",
+    "react-dom": "19.0.0",
+    "react-native": "0.79.2",
+    "react-native-paper": "^5.14.0",
+    "react-native-safe-area-context": "^5.4.0",
+    "react-native-web": "~0.20.0",
     "stream-browserify": "^3.0.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.24.8",
+    "@babel/core": "^7.27.1",
     "@expo/webpack-config": "^19.0.1",
-    "babel-loader": "^9.1.3",
+    "babel-loader": "^10.0.0",
     "babel-plugin-module-resolver": "^5.0.2"
   }
 }

package.json

@@ -50,43 +50,45 @@
     "registry": "https://registry.npmjs.org/"
   },
   "devDependencies": {
-    "@commitlint/config-conventional": "^19.6.0",
+    "@commitlint/config-conventional": "^19.8.0",
     "@react-native-community/eslint-config": "^3.2.0",
-    "@release-it/conventional-changelog": "^10.0.0",
-    "@testing-library/jest-native": "^5.4.3",
-    "@testing-library/react-native": "^13.0.1",
+    "@react-native-vector-icons/common": "^11.0.0",
+    "@react-native-vector-icons/material-design-icons": "^7.4.47",
+    "@react-native/babel-preset": "^0.79.2",
+    "@release-it/conventional-changelog": "^10.0.1",
+    "@testing-library/react-native": "^13.2.0",
     "@types/color": "^4.2.0",
     "@types/jest": "^29.5.14",
-    "@types/react": "^18.3.18",
+    "@types/react": "~19.0.10",
     "@types/react-native-vector-icons": "^6.4.18",
-    "@types/react-test-renderer": "^18.3.1",
-    "babel-loader": "^9.2.1",
-    "caniuse-lite": "^1.0.30001695",
-    "commitlint": "^19.6.1",
+    "@types/react-test-renderer": "~19.0.0",
+    "babel-loader": "^10.0.0",
+    "caniuse-lite": "^1.0.30001716",
+    "commitlint": "^19.8.0",
     "eslint": "^8.57.1",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.2.3",
+    "eslint-config-prettier": "^10.1.2",
+    "eslint-plugin-prettier": "^5.2.6",
     "eslint-plugin-testing-library": "^7.1.1",
     "husky": "^9.1.7",
     "jest": "^29.7.0",
     "metro-react-native-babel-preset": "^0.77.0",
-    "pod-install": "^0.3.4",
-    "prettier": "^3.4.2",
-    "react": "^18.3.1",
-    "react-native": "^0.76.6",
-    "react-native-builder-bob": "^0.36.0",
-    "react-native-paper": "^5.13.1",
-    "react-native-safe-area-context": "^5.1.0",
+    "pod-install": "^0.3.9",
+    "prettier": "^3.5.3",
+    "react": "~19.0.0",
+    "react-native": "^0.79.2",
+    "react-native-builder-bob": "^0.40.0",
+    "react-native-paper": "^5.14.0",
+    "react-native-safe-area-context": "^5.4.0",
     "react-native-vector-icons": "^10.2.0",
-    "react-test-renderer": "^18.3.1",
-    "release-it": "^18.1.2",
-    "typescript": "~5.5.3"
+    "react-test-renderer": "~19.0.0",
+    "release-it": "^19.0.1",
+    "typescript": "~5.8.3"
   },
   "peerDependencies": {
     "react": "*",
     "react-native": "*",
     "react-native-paper": "*",
-    "react-native-vector-icons": "*"
+    "react-native-safe-area-context": "*"
   },
   "husky": {
     "hooks": {
@@ -133,7 +135,8 @@
           "useTabs": false,
           "semi": false
         }
-      ]
+      ],
+      "react/react-in-jsx-scope": "off"
     }
   },
   "eslintIgnore": [

src/Date/DatePickerModalHeader.tsx

@@ -43,13 +43,14 @@ export default function DatePickerModalHeader(
             color={color}
             testID="react-native-paper-dates-close"
           />
-          <Appbar.Content title="" />
           <Button
             textColor={theme.isV3 ? theme.colors.primary : color}
             onPress={props.onSave}
             disabled={props.saveLabelDisabled ?? false}
             uppercase={props.uppercase ?? true}
             contentStyle={styles.buttonStyle}
+            mode="text"
+            labelStyle={styles.buttonLabel}
             testID="react-native-paper-dates-save"
           >
             {saveLabel}
@@ -67,8 +68,12 @@ const styles = StyleSheet.create({
   appbarHeader: {
     elevation: 0,
     backgroundColor: 'transparent',
+    justifyContent: 'space-between',
   },
   buttonStyle: {
     paddingHorizontal: 8,
   },
+  buttonLabel: {
+    flexGrow: 1,
+  },
 })

src/__tests__/Date/AnimatedCrossView.test.tsx

@@ -1,43 +1,13 @@
-import renderer from 'react-test-renderer'
-import Calendar from '../../Date/Calendar'
+import { render } from '@testing-library/react-native'
 import AnimatedCrossView from '../../Date/AnimatedCrossView'
-import CalendarEdit from '../../Date/CalendarEdit'
 
-it('renders collapsed AnimatedCrossView', () => {
-  const tree = renderer
-    .create(
-      <AnimatedCrossView
-        collapsed
-        calendar={
-          <Calendar
-            locale="en"
-            mode={'single'}
-            startDate={new Date('01/01/2022')}
-            endDate={new Date('01/01/2022')}
-            date={new Date('01/01/2022')}
-            onChange={() => null}
-            dates={[]}
-            dateMode={'start'}
-          />
-        }
-        calendarEdit={
-          <CalendarEdit
-            mode={'single'}
-            state={{
-              startDate: new Date('01/01/2022'),
-              endDate: new Date('01/01/2022'),
-              date: new Date('01/01/2022'),
-              dates: [new Date('01/01/2022')],
-            }}
-            collapsed={false}
-            onChange={() => null}
-            validRange={undefined}
-            locale={'en'}
-          />
-        }
-      />
-    )
-    .toJSON()
-
-  expect(tree).toMatchSnapshot()
+it('renders AnimatedCrossView', () => {
+  const { toJSON } = render(
+    <AnimatedCrossView
+      collapsed={false}
+      calendar={<></>}
+      calendarEdit={<></>}
+    />
+  )
+  expect(toJSON()).toMatchSnapshot()
 })

src/__tests__/Date/AutoSize.test.tsx

@@ -1,8 +1,7 @@
-import renderer from 'react-test-renderer'
+import { render } from '@testing-library/react-native'
 import AutoSizer from '../../Date/AutoSizer'
 
 it('renders AutoSizer', () => {
-  const tree = renderer.create(<AutoSizer>{() => <></>}</AutoSizer>).toJSON()
-
-  expect(tree).toMatchSnapshot()
+  const { toJSON } = render(<AutoSizer>{() => <></>}</AutoSizer>)
+  expect(toJSON()).toMatchSnapshot()
 })

src/__tests__/Date/Calendar.test.tsx

@@ -1,21 +1,14 @@
-import renderer from 'react-test-renderer'
+import { render } from '@testing-library/react-native'
 import Calendar from '../../Date/Calendar'
 
 it('renders Calendar', () => {
-  const tree = renderer
-    .create(
-      <Calendar
-        locale="en"
-        mode={'single'}
-        startDate={new Date('01/01/2022')}
-        endDate={new Date('01/01/2022')}
-        date={new Date('01/01/2022')}
-        onChange={() => null}
-        dates={[]}
-        dateMode={'start'}
-      />
-    )
-    .toJSON()
-
-  expect(tree).toMatchSnapshot()
+  const { toJSON } = render(
+    <Calendar
+      locale="en"
+      mode="single"
+      date={new Date()}
+      onChange={() => null}
+    />
+  )
+  expect(toJSON()).toMatchSnapshot()
 })

src/__tests__/Date/CalendarEdit.test.tsx

@@ -1,24 +1,21 @@
-import renderer from 'react-test-renderer'
+import { render } from '@testing-library/react-native'
 import CalendarEdit from '../../Date/CalendarEdit'
 
 it('renders CalendarEdit', () => {
-  const tree = renderer
-    .create(
-      <CalendarEdit
-        mode={'single'}
-        state={{
-          startDate: new Date('01/01/2022'),
-          endDate: new Date('01/01/2022'),
-          date: new Date('01/01/2022'),
-          dates: [new Date('01/01/2022')],
-        }}
-        collapsed={false}
-        onChange={() => null}
-        validRange={undefined}
-        locale={'en'}
-      />
-    )
-    .toJSON()
-
-  expect(tree).toMatchSnapshot()
+  const { toJSON } = render(
+    <CalendarEdit
+      mode="single"
+      state={{
+        startDate: new Date(),
+        endDate: new Date(),
+        date: new Date(),
+        dates: [new Date()],
+      }}
+      collapsed={false}
+      onChange={() => null}
+      validRange={undefined}
+      locale="en"
+    />
+  )
+  expect(toJSON()).toMatchSnapshot()
 })

src/__tests__/Date/CalendarHeader.test.tsx

@@ -1,18 +1,15 @@
-import renderer from 'react-test-renderer'
+import { render } from '@testing-library/react-native'
 import CalendarHeader from '../../Date/CalendarHeader'
 
 it('renders CalendarHeader', () => {
-  const tree = renderer
-    .create(
-      <CalendarHeader
-        locale={'en'}
-        onPrev={() => null}
-        onNext={() => null}
-        scrollMode={'vertical'}
-        startWeekOnMonday={false}
-      />
-    )
-    .toJSON()
-
-  expect(tree).toMatchSnapshot()
+  const { toJSON } = render(
+    <CalendarHeader
+      locale="en"
+      onPrev={() => null}
+      onNext={() => null}
+      scrollMode="vertical"
+      startWeekOnMonday={false}
+    />
+  )
+  expect(toJSON()).toMatchSnapshot()
 })

src/__tests__/Date/DatePickerInput.test.tsx

@@ -1,21 +1,14 @@
-import renderer from 'react-test-renderer'
+import { render } from '@testing-library/react-native'
 import DatePickerInput from '../../Date/DatePickerInput'
-import { SafeAreaProvider } from 'react-native-safe-area-context'
 
 it('renders DatePickerInput', () => {
-  const tree = renderer
-    .create(
-      <SafeAreaProvider>
-        <DatePickerInput
-          locale={'en'}
-          value={new Date('12/26/2022')}
-          onChange={() => null}
-          inputMode="start"
-          autoComplete={'birthdate-full'}
-        />
-      </SafeAreaProvider>
-    )
-    .toJSON()
-
-  expect(tree).toMatchSnapshot()
+  const { toJSON } = render(
+    <DatePickerInput
+      locale="en"
+      value={new Date()}
+      onChange={() => null}
+      inputMode="start"
+    />
+  )
+  expect(toJSON()).toMatchSnapshot()
 })

src/__tests__/Date/DatePickerInputWithoutModal.test.tsx

@@ -1,18 +1,14 @@
-import renderer from 'react-test-renderer'
+import { render } from '@testing-library/react-native'
 import DatePickerInputWithoutModal from '../../Date/DatePickerInputWithoutModal'
 
-it('renders DatePickerInput', () => {
-  const tree = renderer
-    .create(
-      <DatePickerInputWithoutModal
-        locale={'en'}
-        value={new Date('12/26/2022')}
-        onChange={() => null}
-        inputMode="start"
-        autoComplete={'birthdate-full'}
-      />
-    )
-    .toJSON()
-
-  expect(tree).toMatchSnapshot()
+it('renders DatePickerInputWithoutModal', () => {
+  const { toJSON } = render(
+    <DatePickerInputWithoutModal
+      locale="en"
+      value={new Date()}
+      onChange={() => null}
+      inputMode="start"
+    />
+  )
+  expect(toJSON()).toMatchSnapshot()
 })