diff --git a/common/changes/office-ui-fabric-react/kegorr-DatePicker-OnAfterMenuDismiss_2018-02-21-18-51.json b/common/changes/office-ui-fabric-react/kegorr-DatePicker-OnAfterMenuDismiss_2018-02-21-18-51.json new file mode 100644 index 0000000000000..0b8b7f7237f9e --- /dev/null +++ b/common/changes/office-ui-fabric-react/kegorr-DatePicker-OnAfterMenuDismiss_2018-02-21-18-51.json @@ -0,0 +1,11 @@ +{ + "changes": [ + { + "packageName": "office-ui-fabric-react", + "comment": "DatePicker-onAfterMenuDismiss callback created", + "type": "patch" + } + ], + "packageName": "office-ui-fabric-react", + "email": "kegorr@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 9dc5caacfe1e1..51cbc9bcefaa9 100644 --- a/packages/office-ui-fabric-react/src/components/DatePicker/DatePicker.tsx +++ b/packages/office-ui-fabric-react/src/components/DatePicker/DatePicker.tsx @@ -178,6 +178,13 @@ export class DatePicker extends BaseComponent { * The initially highlighted date in the calendar picker */ initialPickerDate?: Date; + + /** + * Callback that runs after DatePicker's menu (Calendar) is closed + */ + onAfterMenuDismiss?: () => void; } export interface IDatePickerStrings { diff --git a/packages/office-ui-fabric-react/src/components/DatePicker/examples/DatePicker.Basic.Example.tsx b/packages/office-ui-fabric-react/src/components/DatePicker/examples/DatePicker.Basic.Example.tsx index 4218f5276044c..2376899485f21 100644 --- a/packages/office-ui-fabric-react/src/components/DatePicker/examples/DatePicker.Basic.Example.tsx +++ b/packages/office-ui-fabric-react/src/components/DatePicker/examples/DatePicker.Basic.Example.tsx @@ -79,7 +79,14 @@ export class DatePickerBasicExample extends React.Component<{}, IDatePickerBasic return (
- + console.log('onAfterMenuDismiss called') } + // tslint:enable:jsx-no-lambda + />