define(["require", "exports", "tslib", "react", "@fluentui/react/lib/DatePicker", "@fluentui/date-time-utilities", "@fluentui/react/lib/Styling"], function (require, exports, tslib_1, React, DatePicker_1, date_time_utilities_1, Styling_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.DatePickerBoundedExample = void 0;
    var today = new Date(Date.now());
    var minDate = date_time_utilities_1.addMonths(today, -1);
    var maxDate = date_time_utilities_1.addYears(today, 1);
    var DayPickerStrings = tslib_1.__assign(tslib_1.__assign({}, DatePicker_1.defaultDatePickerStrings), { isRequiredErrorMessage: 'Field is required.', invalidInputErrorMessage: 'Invalid date format.', isOutOfBoundsErrorMessage: "Date must be between " + minDate.toLocaleDateString() + "-" + maxDate.toLocaleDateString() });
    var controlClass = Styling_1.mergeStyleSets({
        control: {
            margin: '0 0 15px 0',
            maxWidth: '300px',
        },
    });
    var DatePickerBoundedExample = function () { return (React.createElement("div", null,
        React.createElement(DatePicker_1.DatePicker, { className: controlClass.control, strings: DayPickerStrings, placeholder: "Select a date...", ariaLabel: "Select a date", minDate: minDate, maxDate: maxDate, allowTextInput: true, value: today }),
        React.createElement(DatePicker_1.DatePicker, { className: controlClass.control, strings: DayPickerStrings, placeholder: "Select a date...", ariaLabel: "Select a date", disabled: true }),
        React.createElement(DatePicker_1.DatePicker, { className: controlClass.control, label: "Disabled (with label)", strings: DayPickerStrings, placeholder: "Select a date...", ariaLabel: "Select a date", disabled: true, value: today }),
        React.createElement(DatePicker_1.DatePicker, { className: controlClass.control, strings: DayPickerStrings, placeholder: "Select a date...", ariaLabel: "Select a date", minDate: minDate, maxDate: maxDate, allowTextInput: true }))); };
    exports.DatePickerBoundedExample = DatePickerBoundedExample;
});
//# sourceMappingURL=dateBoundary.stories.js.map