try husky

Author: RichardLindhout

package.json

@@ -25,7 +25,7 @@
     "test": "jest",
     "typescript": "tsc --noEmit",
     "lint": "eslint \"**/*.{js,ts,tsx}\"",
-    "prepare": "bob build",
+    "prepare": "husky install && bob build",
     "release": "release-it",
     "example": "yarn --cwd example",
     "pods": "cd example && pod-install --quiet",
@@ -47,29 +47,29 @@
     "registry": "https://registry.npmjs.org/"
   },
   "devDependencies": {
-    "@commitlint/config-conventional": "^11.0.0",
-    "@react-native-community/eslint-config": "^3.0.1",
-    "@release-it/conventional-changelog": "^2.0.0",
-    "@types/color": "^3.0.2",
-    "@types/jest": "^26.0.24",
-    "@types/react": "^16.14.20",
-    "@types/react-native": "^0.66.1",
-    "babel-loader": "^8.2.3",
-    "commitlint": "^11.0.0",
-    "eslint": "^7.32.0",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-prettier": "^4.0.0",
-    "expo-cli": "^5.0.3",
-    "husky": "^4.2.5",
-    "jest": "^26.0.1",
-    "pod-install": "^0.1.28",
-    "prettier": "^2.4.1",
-    "react": "16.13.1",
-    "react-native": "^0.64.2",
-    "react-native-builder-bob": "latest",
-    "react-native-paper": "^4.10.0",
-    "release-it": "^14.11.6",
-    "typescript": "^4.4.4"
+    "@commitlint/config-conventional": "^17.0.3",
+    "@react-native-community/eslint-config": "^3.1.0",
+    "@release-it/conventional-changelog": "^5.1.0",
+    "@types/color": "^3.0.3",
+    "@types/jest": "^28.1.8",
+    "@types/react": "^18.0.17",
+    "@types/react-native": "^0.69.5",
+    "babel-loader": "^8.2.5",
+    "commitlint": "^17.0.3",
+    "eslint": "^8.22.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "expo-cli": "^6.0.5",
+    "husky": "^8.0.1",
+    "jest": "^29.0.0",
+    "pod-install": "^0.1.38",
+    "prettier": "^2.7.1",
+    "react": "^18.2.0",
+    "react-native": "^0.69.5",
+    "react-native-builder-bob": "^0.18.3",
+    "react-native-paper": "^4.12.4",
+    "release-it": "^15.4.0",
+    "typescript": "^4.7.4"
   },
   "peerDependencies": {
     "react": "*",

src/Date/DatePickerInput.tsx

@@ -87,11 +87,17 @@ function DatePickerInput(
             onPress={() => setVisible(true)}
           />
         ) : null}
-        <View style={styles.helperText}>
-          <HelperText style={styles.helperText} type="error" visible={!!error}>
-            {error}
-          </HelperText>
-        </View>
+        {!!error ? (
+          <View style={styles.helperText}>
+            <HelperText
+              style={styles.helperText}
+              type="error"
+              visible={!!error}
+            >
+              {error}
+            </HelperText>
+          </View>
+        ) : null}
       </View>
       {withModal ? (
         <DatePickerModal
@@ -127,15 +133,15 @@ function getLabel({
 const styles = StyleSheet.create({
   root: {
     minWidth: 150,
-    display: "flex",
     flexGrow: 1,
   },
   helperTextContainer: {
-    flexDirection: 'row'
+    flexDirection: 'row',
   },
   helperText: {
     flex: 1,
   },
+  input: {},
   calendarButton: { position: 'absolute', right: 0, zIndex: 10 },
 })
 export default React.forwardRef(DatePickerInput)

src/Date/inputUtils.ts

@@ -21,7 +21,7 @@ export default function useDateInput({
   const [error, setError] = React.useState<null | string>(null)
   const formatter = useInputFormatter({ locale })
   const inputFormat = useInputFormat({ formatter, locale })
-  const formattedValue = formatter.format(value)
+  const formattedValue = value !== null ? formatter.format(value) : '';
   const onChangeText = (date: string) => {
     const dayIndex = inputFormat.indexOf('DD')
     const monthIndex = inputFormat.indexOf('MM')

src/Time/AnalogClockHours.tsx

@@ -34,7 +34,7 @@ function AnalogClockHours({
           <View style={styles.outerHourInner}>
             {/* Display 00 instead of 12 for AM hours */}
             <Text style={hours === i + 1 ? { color } : null} selectable={false}>
-              {mode === 'AM' && i + 1 === 12 ? '00' : i + 1}
+              {mode === 'AM' && !is24Hour && i + 1 === 12 ? '00' : i + 1}
             </Text>
           </View>
         </View>

src/translations/ko.ts

@@ -1,7 +1,7 @@
 import type { TranslationsType } from './utils'
 
 const ko: TranslationsType = {
-  save: '저장,
+  save: '저장',
   selectSingle: '날짜 선택',
   selectMultiple: '여러 날짜 선택',
   selectRange: '기간 선택',