fix: delay handle change on one tick

.gitignore

@@ -23,3 +23,5 @@ nbbuild/
 dist/
 nbdist/
 .nb-gradle/
+
+.vscode

src/inputs/DateTimeInput.js

@@ -16,7 +16,7 @@ import {
   getInitializer,
   TIME_FORMAT,
 } from './parse';
-import { getUnhandledProps } from '../lib';
+import { getUnhandledProps, tick } from '../lib';
 
 function getNextMode(currentMode) {
   if (currentMode === 'year') return 'month';
@@ -130,6 +130,10 @@ class DateTimeInput extends BaseInput {
   }
 
   handleSelect = (e, { value }) => {
+    tick(this.handleSelectUndelayed, e, { value });
+  }
+
+  handleSelectUndelayed = (e, { value }) => {
     if (this.props.closable && this.state.mode === 'minute') {
       this.closePopup();
     }

src/inputs/TimeInput.js

@@ -12,7 +12,7 @@ import {
   getInitializer,
   TIME_FORMAT,
 } from './parse';
-import { getUnhandledProps } from '../lib';
+import { getUnhandledProps, tick } from '../lib';
 
 function getNextMode(currentMode) {
   if (currentMode === 'hour') return 'minute';
@@ -35,6 +35,10 @@ class TimeInput extends BaseInput {
   }
 
   handleSelect = (e, { value }) => {
+    tick(this.handleSelectUndelayed, e, { value });
+  }
+
+  handleSelectUndelayed = (e, { value }) => {
     const {
       hour,
       minute,

src/lib/index.js

@@ -1 +1,2 @@
 export { default as getUnhandledProps } from './getUnhandledProps';
+export { default as tick } from './tick';

src/lib/tick.js

@@ -0,0 +1,15 @@
+/** Set zero timeout.
+ * 
+ * Sometimes we need to delay rerendering components
+ * on one tick (if they are inside  `Popup` and rerendering could
+ * change `Popup`'s content sizes).
+ * Becouse it races with Popup's onclick handler.
+ * `Popup` relies on it's content sizes when computing
+ * should popup stay open or be closed. So we need
+ * to wait until `Popup`'s onclick handler done its job.
+ */
+const tick = (leadToRerendering, ...args) => {
+  setTimeout(leadToRerendering, 0, ...args);
+};
+
+export default tick;