Disabled end date based on start date

SquashApps · Nov 22, 2018 · 510fe92 · 510fe92
1 parent 1bea0d6
commit 510fe92
Showing 1 changed file with 36 additions and 6 deletions.
diff --git a/client/components/TimePicker/index.js b/client/components/TimePicker/index.js
@@ -23,12 +23,42 @@ const transformDate = (start, stop, selector) => {
   }
 }; 
 
-const TimeRange = ({ onChange, value:{start, stop}, ...props }) => (
-<section>
-  <TimePicker {...filterDOMProps(props)} name="start" label="start" value={transformDate(start, null, 'moment')} onChange={start => transformValues(start, stop, onChange)} />
-  <TimePicker {...filterDOMProps(props)} name="stop" label="stop" value={transformDate(stop, null, 'moment')} onChange={stop => transformValues(start, stop, onChange)} />
-</section>
-);
+
+const TimeRange = ({ onChange, value: { start, stop }, ...props }) => {
+
+  const fetchDisabledDate = date => {
+    let disabled = [];
+    for (let i = 0; i < date; i++) {
+      disabled.push(i);
+    }
+    return disabled;
+  };
+
+  const options = { disabledHours: () => fetchDisabledDate(start.getHours()), 
+    disabledMinutes: () => fetchDisabledDate(start.getMinutes()), 
+    disabledSeconds: () => fetchDisabledDate(start.getSeconds()) 
+  };
+
+  return (
+    <section>
+      <TimePicker
+        {...filterDOMProps(props)}
+        name="start"
+        label="start"
+        value={transformDate(start, null, "moment")}
+        onChange={start => transformValues(start, stop, onChange)}
+      />
+      <TimePicker
+        {...options}
+        {...filterDOMProps(props)}
+        name="stop"
+        label="stop"
+        value={transformDate(stop, null, "moment")}
+        onChange={stop => transformValues(start, stop, onChange)}
+      />
+    </section>
+  );
+};
 
 
 export default  connectField(TimeRange);