Merge branch 'patch/v1.5.4'

Author: troberts-28

README.md

@@ -11,26 +11,26 @@ Great for timers, alarms and duration inputs ⏰🕰️⏳
 
 Works with Expo and bare React Native apps.
 
-- [Demos 📱](#demos-)
-- [Peer Dependencies 👶](#peer-dependencies-)
-- [Installation 🚀](#installation-)
-- [Examples 😎](#examples-)
-    - [Timer Picker Modal (Dark Mode) 🌚](#timer-picker-modal-dark-mode-)
-    - [Timer Picker Modal (Light Mode) 🌞](#timer-picker-modal-light-mode-)
-    - [Timer Picker with Customisation (Dark Mode) 🌒](#timer-picker-with-customisation-dark-mode-)
-    - [Timer Picker with Customisation (Light Mode) 🌔](#timer-picker-with-customisation-light-mode-)
-- [Props 💅](#props-)
-    - [TimerPicker ⏲️](#timerpicker-️)
-        - [Custom Styles 👗](#custom-styles-)
-    - [TimerPickerModal ⏰](#timerpickermodal-)
-        - [Custom Styles 👕](#custom-styles--1)
-- [Methods 🔄](#methods-)
-    - [TimerPicker](#timerpicker)
-    - [TimerPickerModal](#timerpickermodal)
-- [Contributing 🧑‍🤝‍🧑](#contributing-)
-    - [Dev Setup](#dev-setup)
-    - [GitHub Guidelines](#github-guidelines)
-- [License 📝](#license-)
+-   [Demos 📱](#demos-)
+-   [Peer Dependencies 👶](#peer-dependencies-)
+-   [Installation 🚀](#installation-)
+-   [Examples 😎](#examples-)
+    -   [Timer Picker Modal (Dark Mode) 🌚](#timer-picker-modal-dark-mode-)
+    -   [Timer Picker Modal (Light Mode) 🌞](#timer-picker-modal-light-mode-)
+    -   [Timer Picker with Customisation (Dark Mode) 🌒](#timer-picker-with-customisation-dark-mode-)
+    -   [Timer Picker with Customisation (Light Mode) 🌔](#timer-picker-with-customisation-light-mode-)
+-   [Props 💅](#props-)
+    -   [TimerPicker ⏲️](#timerpicker-️)
+        -   [Custom Styles 👗](#custom-styles-)
+    -   [TimerPickerModal ⏰](#timerpickermodal-)
+        -   [Custom Styles 👕](#custom-styles--1)
+-   [Methods 🔄](#methods-)
+    -   [TimerPicker](#timerpicker)
+    -   [TimerPickerModal](#timerpickermodal)
+-   [Contributing 🧑‍🤝‍🧑](#contributing-)
+    -   [Dev Setup](#dev-setup)
+    -   [GitHub Guidelines](#github-guidelines)
+-   [License 📝](#license-)
 
 <br>
 
@@ -260,6 +260,16 @@ return (
                 pickerContainer: {
                     marginRight: 6,
                 },
+                pickerItemContainer: {
+                    width: 100
+                },
+                pickerLabelContainer: {
+                    right: -20,
+                    top: 0,
+                    bottom: 6,
+                    width: 40,
+                    alignItems: "center",
+                },
             }}
         />
     </View>

example/App.tsx

@@ -205,6 +205,16 @@ export default function App() {
                         pickerContainer: {
                             marginRight: 6,
                         },
+                        pickerItemContainer: {
+                            width: 100
+                        },
+                        pickerLabelContainer: {
+                            right: -20,
+                            top: 0,
+                            bottom: 6,
+                            width: 40,
+                            alignItems: "center",
+                        },
                     }}
                 />
             </View>

package.json

@@ -6,7 +6,7 @@
         "url": "https://github.com/troberts-28"
     },
     "license": "MIT",
-    "version": "1.5.3",
+    "version": "1.5.4",
     "main": "dist/commonjs/index.js",
     "types": "dist/typescript/src/index.d.ts",
     "scripts": {

src/components/TimerPicker/DurationScroll.tsx

@@ -339,7 +339,7 @@ const DurationScroll = forwardRef<DurationScrollRef, DurationScrollProps>(
                 style={{
                     height:
                         styles.pickerItemContainer.height * numberOfItemsToShow,
-                    overflow: "hidden",
+                    overflow: "visible",
                 }}>
                 <FlatList
                     ref={flatListRef}