adding month toggle value to useEffect hook

cloudscape-design · Feb 10, 2025 · b1ebdf9 · b1ebdf9
1 parent ee506de
commit b1ebdf9
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/pages/date-picker/simple.page.tsx b/pages/date-picker/simple.page.tsx
@@ -24,16 +24,17 @@ export default function DateInputScenario() {
   const { urlParams, setUrlParams } = useContext(AppContext as DatePickerDemoContext);
   const monthOnly = urlParams.monthOnly ?? dateRangePickerDemoDefaults.monthOnly;
   const hasValue = urlParams.hasValue ?? dateRangePickerDemoDefaults.hasValue;
-  const initValue = '2025-02-14';
+
   const [value, setValue] = useState<DatePickerProps['value']>('');
 
   useEffect(() => {
+    const initValue = monthOnly ? '2025-02' : '2025-02-00';
     if (hasValue) {
       setValue(initValue);
     } else {
       setValue('');
     }
-  }, [hasValue]);
+  }, [hasValue, monthOnly]);
 
   return (
     <Box padding="s">