Release/v2.2.2

README.md

@@ -577,7 +577,7 @@ timerPickerRef.current.reset(options?: { animated: boolean });
 `setValue` - imperative method to set the selected duration to a particular value
 
 ```javascript
-timerPickerRef.current.setValue({ hours: number, minutes: number, seconds: number }, options?: { animated: boolean });
+timerPickerRef.current.setValue({ days?: number, hours?: number, minutes?: number, seconds?: number }, options?: { animated: boolean });
 ```
 
 It also exposes the following ref object:
@@ -587,6 +587,7 @@ It also exposes the following ref object:
 ```javascript
 const latestDuration = timerPickerRef.current?.latestDuration;
 const newDuration = {
+    days: latestDuration?.days?.current,
     hours: latestDuration?.hours?.current,
     minutes: latestDuration?.minutes?.current,
     seconds: latestDuration?.seconds?.current,

package.json

@@ -6,7 +6,7 @@
         "url": "https://github.com/troberts-28"
     },
     "license": "MIT",
-    "version": "2.2.1",
+    "version": "2.2.2",
     "main": "dist/commonjs/index.js",
     "module": "dist/module/index.js",
     "types": "dist/typescript/index.d.ts",

src/components/TimerPicker/TimerPicker.tsx

@@ -158,20 +158,34 @@ const TimerPicker = forwardRef<TimerPickerRef, TimerPickerProps>(
                 secondsDurationScrollRef.current?.reset(options);
             },
             setValue: (value, options) => {
-                setSelectedDays(value.days);
-                setSelectedHours(value.hours);
-                setSelectedMinutes(value.minutes);
-                setSelectedSeconds(value.seconds);
-                daysDurationScrollRef.current?.setValue(value.days, options);
-                hoursDurationScrollRef.current?.setValue(value.hours, options);
-                minutesDurationScrollRef.current?.setValue(
-                    value.minutes,
-                    options
-                );
-                secondsDurationScrollRef.current?.setValue(
-                    value.seconds,
-                    options
-                );
+                if (value.days) {
+                    setSelectedDays(value.days);
+                    daysDurationScrollRef.current?.setValue(
+                        value.days,
+                        options
+                    );
+                }
+                if (value.hours) {
+                    setSelectedHours(value.hours);
+                    hoursDurationScrollRef.current?.setValue(
+                        value.hours,
+                        options
+                    );
+                }
+                if (value.minutes) {
+                    setSelectedMinutes(value.minutes);
+                    minutesDurationScrollRef.current?.setValue(
+                        value.minutes,
+                        options
+                    );
+                }
+                if (value.seconds) {
+                    setSelectedSeconds(value.seconds);
+                    secondsDurationScrollRef.current?.setValue(
+                        value.seconds,
+                        options
+                    );
+                }
             },
             latestDuration: {
                 days: daysDurationScrollRef.current?.latestDuration,

src/components/TimerPicker/types.ts

@@ -20,10 +20,10 @@ export interface TimerPickerRef {
     reset: (options?: { animated?: boolean }) => void;
     setValue: (
         value: {
-            days: number;
-            hours: number;
-            minutes: number;
-            seconds: number;
+            days?: number;
+            hours?: number;
+            minutes?: number;
+            seconds?: number;
         },
         options?: { animated?: boolean }
     ) => void;