focus event fix

Switched focus and blur out for focusin and focusout due to unintended side effect. React appears to have switch to using it even though it fires a warning. facebook/react#19186
thang2162 · May 24, 2023 · d7f7cab · d7f7cab
1 parent 2a2696a
commit d7f7cab
Show file tree

Hide file tree

Showing 6 changed files with 7 additions and 7 deletions.
diff --git a/docs/686.5e2d4e37.iframe.bundle.js → docs/686.eeece4d4.iframe.bundle.js b/docs/686.5e2d4e37.iframe.bundle.js → docs/686.eeece4d4.iframe.bundle.js
diff --git a/...686.5e2d4e37.iframe.bundle.js.LICENSE.txt → ...686.eeece4d4.iframe.bundle.js.LICENSE.txt b/...686.5e2d4e37.iframe.bundle.js.LICENSE.txt → ...686.eeece4d4.iframe.bundle.js.LICENSE.txt
diff --git a/docs/iframe.html b/docs/iframe.html
@@ -348,7 +348,7 @@
             window['DOCS_OPTIONS'] = {"defaultName":"Docs","autodocs":"tag"};</script><script type="module">import './sb-preview/runtime.js';
 
 
-      import './runtime~main.df457fb3.iframe.bundle.js';
+      import './runtime~main.55532680.iframe.bundle.js';
 
       import './476.1675bf9f.iframe.bundle.js';
 

diff --git a/docs/project.json b/docs/project.json
@@ -1 +1 @@
-{"generatedAt":1684968700113,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"packageManager":{"type":"npm","version":"9.6.6"},"framework":{"name":"@storybook/react-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","storybookVersion":"7.0.15","storybookVersionSpecifier":"^7.0.15","language":"javascript","storybookPackages":{"@storybook/blocks":{"version":"7.0.15"},"@storybook/react":{"version":"7.0.15"},"@storybook/react-webpack5":{"version":"7.0.15"},"@storybook/testing-library":{"version":"0.1.0"},"storybook":{"version":"7.0.15"}},"addons":{"@storybook/addon-links":{"version":"7.0.15"},"@storybook/addon-essentials":{"version":"7.0.15"},"@storybook/addon-interactions":{"version":"7.0.15"},"@storybook/addon-mdx-gfm":{"version":"7.0.15"}}}
+{"generatedAt":1684969061125,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"packageManager":{"type":"npm","version":"9.6.6"},"framework":{"name":"@storybook/react-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","storybookVersion":"7.0.15","storybookVersionSpecifier":"^7.0.15","language":"javascript","storybookPackages":{"@storybook/blocks":{"version":"7.0.15"},"@storybook/react":{"version":"7.0.15"},"@storybook/react-webpack5":{"version":"7.0.15"},"@storybook/testing-library":{"version":"0.1.0"},"storybook":{"version":"7.0.15"}},"addons":{"@storybook/addon-links":{"version":"7.0.15"},"@storybook/addon-essentials":{"version":"7.0.15"},"@storybook/addon-interactions":{"version":"7.0.15"},"@storybook/addon-mdx-gfm":{"version":"7.0.15"}}}
diff --git a/docs/runtime~main.df457fb3.iframe.bundle.js → docs/runtime~main.55532680.iframe.bundle.js b/docs/runtime~main.df457fb3.iframe.bundle.js → docs/runtime~main.55532680.iframe.bundle.js
diff --git a/src/components/DatePicker.js b/src/components/DatePicker.js
@@ -38,13 +38,13 @@ const DatePicker = (props) => {
         style={mergedStyle.input}
         value={selectedDate}
         onChange={handleDateChange}
-        onFocus={(e) =>
+        onFocusIn={(e) =>
           (e.target.style = {
             ...mergedStyle.input,
             ...mergedStyle.input_focused,
           })
         }
-        onBlur={(e) => (e.target.style = mergedStyle.input)}
+        onFocusOut={(e) => (e.target.style = mergedStyle.input)}
         {...ariaProps}
       />
     </div>