fix: code reveux

zendeskgarden · Apr 30, 2024 · 885c177 · 885c177
1 parent d46ebbb
commit 885c177
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 6 deletions.
diff --git a/packages/datepickers/demo/datepicker.stories.mdx b/packages/datepickers/demo/datepicker.stories.mdx
@@ -16,7 +16,12 @@ import README from '../README.md';
 <Canvas>
   <Story
     name="Datepicker"
-    args={{ dateStyle: DATE_STYLE_OPTIONS[1], eventsEnabled: true, isAnimated: true }}
+    args={{
+      dateStyle: DATE_STYLE_OPTIONS[1],
+      eventsEnabled: true,
+      isAnimated: true,
+      message: 'Message'
+    }}
     argTypes={{
       value: { control: 'date' },
       minValue: { control: 'date' },
@@ -26,15 +31,16 @@ import README from '../README.md';
         options: DATE_STYLE_OPTIONS,
         table: { category: 'Story' }
       },
+      hasMessage: { name: 'Message', control: { type: 'boolean' }, table: 'Story' },
       message: { name: 'children', control: { type: 'text' }, table: { category: 'Message' } },
       validation: {
         options: ['success', 'warning', 'error'],
         control: { type: 'radio' },
-        table: { category: 'Message' }
+        table: { category: 'Input' }
       },
       validationLabel: {
         control: { type: 'text' },
-        table: { category: 'Message' }
+        table: { category: 'Input' }
       }
     }}
     parameters={{

diff --git a/packages/datepickers/demo/stories/DatepickerStory.tsx b/packages/datepickers/demo/stories/DatepickerStory.tsx
@@ -14,6 +14,7 @@ import { DATE_STYLE } from './types';
 
 interface IArgs extends IDatepickerProps {
   dateStyle: DATE_STYLE;
+  hasMessage?: boolean;
   message?: string;
   validation?: 'success' | 'warning' | 'error';
   validationLabel?: string;
@@ -22,6 +23,7 @@ interface IArgs extends IDatepickerProps {
 export const DatepickerStory: Story<IArgs> = ({
   dateStyle,
   isCompact,
+  hasMessage,
   message,
   validation,
   validationLabel,
@@ -33,13 +35,13 @@ export const DatepickerStory: Story<IArgs> = ({
   return (
     <Grid>
       <Row justifyContent="center" style={{ height: 'calc(100vh - 80px)' }}>
-        <Col alignSelf="center" xs={12} md={4}>
+        <Col alignSelf="center">
           <Field>
             <Label hidden>{Datepicker.displayName}</Label>
             <Datepicker {...args} formatDate={formatDate} isCompact={isCompact}>
-              <Input isCompact={isCompact} />
+              <Input isCompact={isCompact} validation={validation} />
             </Datepicker>
-            {message && (
+            {hasMessage && (
               <Message validation={validation} validationLabel={validationLabel}>
                 {message}
               </Message>