import * as React from 'react';
import { DatePicker, mergeStyleSets } from '@fluentui/react';
var styles = mergeStyleSets({
    root: { selectors: { '> *': { marginBottom: 15 } } },
    control: { maxWidth: 300, marginBottom: 15 },
});
export var DatePickerRequiredExample = function () {
    return (React.createElement("div", { className: styles.root },
        React.createElement("div", null, "Validation will happen when the DatePicker loses focus."),
        React.createElement(DatePicker, { isRequired: true, label: "Date required (with label)", placeholder: "Select a date...", ariaLabel: "Select a date", className: styles.control }),
        React.createElement(DatePicker, { isRequired: true, placeholder: "Date required with no label...", ariaLabel: "Select a date", className: styles.control })));
};
//# sourceMappingURL=DatePicker.Required.Example.js.map