import { __assign } from "tslib";
import * as React from 'react';
import { DatePicker, defaultDatePickerStrings } from '@fluentui/react/lib/DatePicker';
import { addMonths, addYears } from '@fluentui/date-time-utilities';
import { mergeStyleSets } from '@fluentui/react/lib/Styling';
var today = new Date(Date.now());
var minDate = addMonths(today, -1);
var maxDate = addYears(today, 1);
var DayPickerStrings = __assign(__assign({}, defaultDatePickerStrings), { isRequiredErrorMessage: 'Field is required.', invalidInputErrorMessage: 'Invalid date format.', isOutOfBoundsErrorMessage: "Date must be between " + minDate.toLocaleDateString() + "-" + maxDate.toLocaleDateString() });
var controlClass = mergeStyleSets({
    control: {
        margin: '0 0 15px 0',
        maxWidth: '300px',
    },
});
export var DatePickerBoundedExample = function () { return (React.createElement("div", null,
    React.createElement(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, { className: controlClass.control, strings: DayPickerStrings, placeholder: "Select a date...", ariaLabel: "Select a date", disabled: true }),
    React.createElement(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, { className: controlClass.control, strings: DayPickerStrings, placeholder: "Select a date...", ariaLabel: "Select a date", minDate: minDate, maxDate: maxDate, allowTextInput: true }))); };
//# sourceMappingURL=dateBoundary.stories.js.map