refactor(odyssey-react-mui): adding missing props to Storybook

okta · Aug 2, 2024 · dec1a31 · dec1a31
1 parent 766f3e7
commit dec1a31
Show file tree

Hide file tree

Showing 3 changed files with 40 additions and 10 deletions.
diff --git a/packages/odyssey-react-mui/src/labs/DateField.tsx b/packages/odyssey-react-mui/src/labs/DateField.tsx
@@ -43,6 +43,7 @@ export type DateFieldProps = {
     | "errorMessage"
     | "hasInitialFocus"
     | "hint"
+    | "HintLinkComponent"
     | "id"
     | "isDisabled"
     | "isOptional"
@@ -71,6 +72,7 @@ const DateField = ({
   errorMessage,
   hasInitialFocus,
   hint,
+  HintLinkComponent,
   id: idOverride,
   inputRef,
   isDisabled = false,
@@ -253,6 +255,7 @@ const DateField = ({
       fieldType="single"
       hasVisibleLabel
       hint={hint}
+      HintLinkComponent={HintLinkComponent}
       id={idOverride}
       isDisabled={isDisabled}
       isOptional={isOptional}

diff --git a/packages/odyssey-react-mui/src/labs/DatePicker.tsx b/packages/odyssey-react-mui/src/labs/DatePicker.tsx
@@ -154,13 +154,19 @@ export type DatePickerProps = {
 } & OdysseyDateFieldProps &
   Pick<
     FieldComponentProps,
-    "errorMessage" | "hint" | "isDisabled" | "isReadOnly" | "isOptional"
+    | "errorMessage"
+    | "hint"
+    | "HintLinkComponent"
+    | "isDisabled"
+    | "isReadOnly"
+    | "isOptional"
   >;
 
 const DatePicker = ({
   defaultValue: defaultValueProp,
   errorMessage,
   hint,
+  HintLinkComponent,
   isDateEnabled = () => true,
   isDisabled,
   isOptional,
@@ -267,6 +273,7 @@ const DatePicker = ({
           }
           errorMessage={errorMessage}
           hint={hint}
+          HintLinkComponent={HintLinkComponent}
           inputRef={inputRef}
           isDisabled={isDisabled}
           isOptional={isOptional}
@@ -284,6 +291,7 @@ const DatePicker = ({
     [
       errorMessage,
       hint,
+      HintLinkComponent,
       internalTimeZone,
       isDisabled,
       isOptional,

diff --git a/packages/odyssey-storybook/src/components/odyssey-labs/DatePicker/DatePicker.stories.tsx b/packages/odyssey-storybook/src/components/odyssey-labs/DatePicker/DatePicker.stories.tsx
@@ -42,15 +42,8 @@ const storybookMeta: Meta<DatePickerProps> = {
       },
     },
     errorMessage: fieldComponentPropsMetaData.errorMessage,
-    hint: {
-      control: "text",
-      description: "The hint text for the autocomplete input",
-      table: {
-        type: {
-          summary: "string",
-        },
-      },
-    },
+    hint: fieldComponentPropsMetaData.hint,
+    HintLinkComponent: fieldComponentPropsMetaData.HintLinkComponent,
     isDisabled: fieldComponentPropsMetaData.isDisabled,
     isOptional: fieldComponentPropsMetaData.isOptional,
     isReadOnly: fieldComponentPropsMetaData.isReadOnly,
@@ -70,6 +63,32 @@ const storybookMeta: Meta<DatePickerProps> = {
         },
       },
     },
+    timeZone: {
+      description: "an IANA time zone applied to the DatePicker",
+      table: {
+        type: {
+          summary: "string",
+        },
+      },
+    },
+    timeZonePickerLabel: {
+      description:
+        "label applied to the `TimeZonePicker` field if `TimeZonePicker` field is rendered",
+      table: {
+        type: {
+          summary: "string",
+        },
+      },
+    },
+    timeZoneOptions: {
+      control: "none",
+      description: "an array of options for the TimeZonePicker",
+      table: {
+        type: {
+          summary: "[{label: string, value: string(valid IANA time zone)}]",
+        },
+      },
+    },
   },
   args: {
     label: "Date picker label",