diff --git a/common/changes/office-ui-fabric-react/joem-fix-datepicker-hit-target_2018-01-29-21-52.json b/common/changes/office-ui-fabric-react/joem-fix-datepicker-hit-target_2018-01-29-21-52.json new file mode 100644 index 0000000000000..a36036eefa442 --- /dev/null +++ b/common/changes/office-ui-fabric-react/joem-fix-datepicker-hit-target_2018-01-29-21-52.json @@ -0,0 +1,11 @@ +{ + "changes": [ + { + "packageName": "office-ui-fabric-react", + "comment": "Moves DatePicker label outside of hit target", + "type": "patch" + } + ], + "packageName": "office-ui-fabric-react", + "email": "joem@microsoft.com" +} \ No newline at end of file diff --git a/packages/office-ui-fabric-react/src/components/DatePicker/DatePicker.tsx b/packages/office-ui-fabric-react/src/components/DatePicker/DatePicker.tsx index 995bfedeeebbf..d47d43274308e 100644 --- a/packages/office-ui-fabric-react/src/components/DatePicker/DatePicker.tsx +++ b/packages/office-ui-fabric-react/src/components/DatePicker/DatePicker.tsx @@ -11,6 +11,7 @@ import { FirstWeekOfYear } from '../../utilities/dateValues/DateValues'; import { Callout } from '../../Callout'; import { DirectionalHint } from '../../common/DirectionalHint'; import { TextField } from '../../TextField'; +import { Label } from '../../Label'; import { autobind, BaseComponent, @@ -189,6 +190,9 @@ export class DatePicker extends BaseComponent + { label && ( + + ) }