define(["require", "exports", "react", "@fluentui/react"], function (require, exports, React, react_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.DatePickerBasicExample = void 0;
    var days = [
        { text: 'Sunday', key: react_1.DayOfWeek.Sunday },
        { text: 'Monday', key: react_1.DayOfWeek.Monday },
        { text: 'Tuesday', key: react_1.DayOfWeek.Tuesday },
        { text: 'Wednesday', key: react_1.DayOfWeek.Wednesday },
        { text: 'Thursday', key: react_1.DayOfWeek.Thursday },
        { text: 'Friday', key: react_1.DayOfWeek.Friday },
        { text: 'Saturday', key: react_1.DayOfWeek.Saturday },
    ];
    var rootClass = react_1.mergeStyles({ maxWidth: 300, selectors: { '> *': { marginBottom: 15 } } });
    var DatePickerBasicExample = function () {
        var _a = React.useState(react_1.DayOfWeek.Sunday), firstDayOfWeek = _a[0], setFirstDayOfWeek = _a[1];
        var onDropdownChange = React.useCallback(function (event, option) {
            setFirstDayOfWeek(react_1.DayOfWeek[option.key]);
        }, []);
        return (React.createElement("div", { className: rootClass },
            React.createElement(react_1.DatePicker, { firstDayOfWeek: firstDayOfWeek, placeholder: "Select a date...", ariaLabel: "Select a date" }),
            React.createElement(react_1.Dropdown, { label: "Select the first day of the week", options: days, selectedKey: firstDayOfWeek, onChange: onDropdownChange })));
    };
    exports.DatePickerBasicExample = DatePickerBasicExample;
});
//# sourceMappingURL=DatePicker.Basic.Example.js.map