build(deps): Update storybook to 6.2.x (#1190)

package.json

@@ -67,8 +67,8 @@
   "devDependencies": {
     "@babel/core": "^7.10.5",
     "@babel/preset-react": "^7.10.4",
-    "@storybook/addon-essentials": "^6.1.5",
-    "@storybook/react": "^6.1.5",
+    "@storybook/addon-essentials": "^6.2.9",
+    "@storybook/react": "^6.2.9",
     "@storybook/storybook-deployer": "^2.8.6",
     "@testing-library/dom": "^7.22.3",
     "@testing-library/jest-dom": "^5.3.0",
@@ -99,7 +99,7 @@
     "eslint-plugin-react-hooks": "^4.0.0",
     "eslint-plugin-security": "^1.4.0",
     "file-loader": "^6.0.0",
-    "happo-plugin-storybook": "^2.5.3",
+    "happo-plugin-storybook": "^2.7.0",
     "happo.io": "^6.0.0",
     "husky": "^4.3.8",
     "jest": "^26.1.0",

src/components/forms/TimePicker/TimePicker.stories.tsx

@@ -35,13 +35,19 @@ export const completeTimePicker = (argTypes): React.ReactElement => (
       label="Appointment Time"
       hint="hh:mm"
       onChange={noop}
+      disabled={argTypes.disabled}
     />
   </Form>
 )
 
 export const defaultTimePicker = (argTypes): React.ReactElement => (
   <Form onSubmit={argTypes.onSubmit}>
-    <TimePicker id="appointment-time" name="appointment-time" onChange={noop} />
+    <TimePicker
+      id="appointment-time"
+      name="appointment-time"
+      onChange={noop}
+      disabled={argTypes.disabled}
+    />
   </Form>
 )
 
@@ -55,6 +61,7 @@ export const withMinAndMaxTimes = (argTypes): React.ReactElement => (
       minTime="9:00"
       maxTime="17:00"
       onChange={noop}
+      disabled={argTypes.disabled}
     />
   </Form>
 )
@@ -68,6 +75,7 @@ export const withDefaultValue = (argTypes): React.ReactElement => (
       hint="hh:mm"
       defaultValue="12:00"
       onChange={noop}
+      disabled={argTypes.disabled}
     />
   </Form>
 )