[fix] edge case in datetime control

storybookjs · Mar 26, 2021 · f1df09e · f1df09e
1 parent d6c9bfc
commit f1df09e
Showing 1 changed file with 2 additions and 6 deletions.
diff --git a/lib/components/src/controls/Date.tsx b/lib/components/src/controls/Date.tsx
@@ -7,9 +7,7 @@ import { ControlProps, DateValue, DateConfig } from './types';
 const parseDate = (value: string) => {
   const [year, month, day] = value.split('-');
   const result = new Date();
-  result.setFullYear(parseInt(year, 10));
-  result.setMonth(parseInt(month, 10) - 1);
-  result.setDate(parseInt(day, 10));
+  result.setFullYear(parseInt(year, 10), parseInt(month, 10) - 1, parseInt(day, 10));
   return result;
 };
 
@@ -75,9 +73,7 @@ export const DateControl: FC<DateProps> = ({ name, value, onChange, onFocus, onB
   const onDateChange = (e: ChangeEvent<HTMLInputElement>) => {
     const parsed = parseDate(e.target.value);
     const result = new Date(value);
-    result.setFullYear(parsed.getFullYear());
-    result.setMonth(parsed.getMonth());
-    result.setDate(parsed.getDate());
+    result.setFullYear(parsed.getFullYear(), parsed.getMonth(), parsed.getDate());
     const time = result.getTime();
     if (time) onChange(time);
     setValid(!!time);