Fix start end year (#479)

* Work in progress

* Fix tests

* Any arbitrary start and end year seems to work

* Bump project dependencies

* Revert "Bump project dependencies"

This reverts commit bf93989.

* Put example app back in order

* Clean up code

* Fix pre commit issues

* Fix yarn bootstrap warning with typescript

* Bump example app dependencies

* Remove extra space in docs

Author: iM-GeeKy

example/package.json

@@ -13,21 +13,37 @@
   },
   "dependencies": {
     "crypto-browserify": "^3.12.1",
-    "expo": "^53.0.8",
-    "expo-splash-screen": "~0.30.8",
+    "expo": "^53.0.10",
+    "expo-splash-screen": "~0.30.9",
     "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": "0.79.3",
+    "react-native-paper": "^5.14.5",
+    "react-native-safe-area-context": "^5.4.1",
     "react-native-web": "~0.20.0",
     "stream-browserify": "^3.0.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.27.1",
+    "@babel/core": "^7.27.4",
     "@expo/webpack-config": "^19.0.1",
     "babel-loader": "^10.0.0",
     "babel-plugin-module-resolver": "^5.0.2"
+  },
+  "expo": {
+    "doctor": {
+      "reactNativeDirectoryCheck": {
+        "exclude": [
+          "jwt-decode"
+        ],
+        "listUnknownPackages": false
+      }
+    },
+    "install": {
+      "exclude": [
+        "react-native",
+        "react-native-safe-area-context"
+      ]
+    }
   }
 }

example/yarn.lock

@@ -164,7 +164,8 @@
       [
         "typescript",
         {
-          "project": "tsconfig.build.json"
+          "project": "tsconfig.build.json",
+          "tsc": "./node_modules/.bin/tsc"
         }
       ]
     ]

package.json

@@ -16,6 +16,7 @@ import Color from 'color'
 import { useTheme } from 'react-native-paper'
 import { darkenBy, lightenBy, useLatest } from '../shared/utils'
 import { sharedStyles } from '../shared/styles'
+import { defaultStartYear, defaultEndYear } from './dateUtils'
 
 export type ModeType = 'single' | 'range' | 'multiple'
 
@@ -174,10 +175,12 @@ function Calendar(
   return (
     <View style={sharedStyles.root}>
       <Swiper
-        initialIndex={getInitialIndex(firstDate)}
+        initialIndex={getInitialIndex(firstDate, startYear, endYear)}
         selectedYear={selectedYear}
         scrollMode={scrollMode}
         startWeekOnMonday={startWeekOnMonday || false}
+        startYear={startYear}
+        endYear={endYear}
         renderItem={({ index }) => (
           <Month
             locale={locale}
@@ -198,6 +201,8 @@ function Calendar(
             roundness={theme.roundness}
             disableWeekDays={disableWeekDays}
             startWeekOnMonday={startWeekOnMonday || false}
+            startYear={startYear}
+            endYear={endYear}
           />
         )}
         renderHeader={({ onPrev, onNext }) => (
@@ -216,8 +221,8 @@ function Calendar(
           selectedYear={selectedYear}
           selectingYear={selectingYear}
           onPressYear={onPressYear}
-          startYear={startYear || 1800}
-          endYear={endYear || 2200}
+          startYear={startYear || defaultStartYear}
+          endYear={endYear || defaultEndYear}
         />
       ) : null}
     </View>

src/Date/Calendar.tsx

@@ -5,6 +5,7 @@ import type { DatePickerInputProps } from './DatePickerInput.shared'
 import DatePickerInputWithoutModal from './DatePickerInputWithoutModal'
 import { Platform, StyleProp, ViewStyle } from 'react-native'
 import { forwardRef, useCallback, useState } from 'react'
+import { defaultStartYear, defaultEndYear } from './dateUtils'
 
 function DatePickerInput(
   {
@@ -78,8 +79,8 @@ function DatePickerInput(
             saveLabel={saveLabel}
             saveLabelDisabled={saveLabelDisabled ?? false}
             uppercase={uppercase}
-            startYear={startYear ?? 1800}
-            endYear={endYear ?? 2200}
+            startYear={startYear ?? defaultStartYear}
+            endYear={endYear ?? defaultEndYear}
             inputEnabled={inputEnabled}
             disableStatusBarPadding={disableStatusBarPadding ?? false}
             animationType={animationType}