define(["require", "exports", "react", "@fluentui/react"], function (require, exports, React, react_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.DatePickerRequiredExample = void 0;
    var styles = react_1.mergeStyleSets({
        root: { selectors: { '> *': { marginBottom: 15 } } },
        control: { maxWidth: 300, marginBottom: 15 },
    });
    var DatePickerRequiredExample = function () {
        return (React.createElement("div", { className: styles.root },
            React.createElement("div", null, "Validation will happen when the DatePicker loses focus."),
            React.createElement(react_1.DatePicker, { isRequired: true, label: "Date required (with label)", placeholder: "Select a date...", ariaLabel: "Select a date", className: styles.control }),
            React.createElement(react_1.DatePicker, { isRequired: true, placeholder: "Date required with no label...", ariaLabel: "Select a date", className: styles.control })));
    };
    exports.DatePickerRequiredExample = DatePickerRequiredExample;
});
//# sourceMappingURL=DatePicker.Required.Example.js.map