fix: Datepicker renders input description if inputProps.onRenderDescr…

…iption is set (microsoft#27784)
chpalac · Jul 24, 2023 · 1a8fcde · 1a8fcde
1 parent 99e835a
commit 1a8fcde
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/change/@fluentui-react-75983ba2-b5ea-4e4e-9578-6fc0293ce309.json b/change/@fluentui-react-75983ba2-b5ea-4e4e-9578-6fc0293ce309.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix: Datepicker renders input description if onRenderDescription is passed in",
+  "packageName": "@fluentui/react",
+  "email": "sarah.higley@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react/src/components/DatePicker/DatePicker.base.tsx b/packages/react/src/components/DatePicker/DatePicker.base.tsx
@@ -410,7 +410,7 @@ export const DatePickerBase: React.FunctionComponent<IDatePickerProps> = React.f
   const renderTextfieldDescription = (inputProps: ITextFieldProps, defaultRender: IRenderFunction<ITextFieldProps>) => {
     return (
       <>
-        {inputProps.description ? defaultRender(inputProps) : null}
+        {inputProps.description || inputProps.onRenderDescription ? defaultRender(inputProps) : null}
         <div aria-live="assertive" className={classNames.statusMessage}>
           {statusMessage}
         </div>