feat(Datepicker): add tooltipLabel prop

kronostechnologies · Jan 4, 2022 · fd6f816 · fd6f816
1 parent a84120f
commit fd6f816
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/packages/react/src/components/datepicker/datepicker.tsx b/packages/react/src/components/datepicker/datepicker.tsx
@@ -282,6 +282,7 @@ interface DatepickerProps {
     id?: string;
     /** Sets input label */
     label?: string;
+    tooltipLabel?: string;
     /**
      * Sets localization
      * @default en-CA
@@ -338,6 +339,7 @@ export const Datepicker = forwardRef(({
     hasTodayButton,
     id,
     label,
+    tooltipLabel,
     locale = 'en-CA',
     maxDate,
     minDate,
@@ -477,6 +479,7 @@ export const Datepicker = forwardRef(({
                 noMargin={noMargin}
                 fieldId={fieldId}
                 label={label}
+                tooltipLabel={tooltipLabel}
                 hint={hint}
                 valid={valid}
                 validationErrorMessage={validationErrorMessage || t('validationErrorMessage')}

diff --git a/packages/storybook/stories/datepicker.stories.tsx b/packages/storybook/stories/datepicker.stories.tsx
@@ -25,6 +25,10 @@ export const Normal: Story = () => (
     <Datepicker label="Date" hint="Hint" />
 );
 
+export const WithTooltip: Story = () => (
+    <Datepicker label="Date" tooltipLabel="Tooltip text content" hint="Hint" />
+);
+
 export const InsideShadowDom: Story = () => (
     <Datepicker label="Date" hint="Hint" />
 );