define(["require", "exports", "react", "@fluentui/react"], function (require, exports, React, react_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.CalendarInlineContiguousWorkWeekDaysExample = void 0;
    var workWeekDays = [react_1.DayOfWeek.Monday, react_1.DayOfWeek.Tuesday, react_1.DayOfWeek.Wednesday, react_1.DayOfWeek.Thursday, react_1.DayOfWeek.Friday];
    var CalendarInlineContiguousWorkWeekDaysExample = function () {
        var _a = React.useState(), selectedDateRange = _a[0], setSelectedDateRange = _a[1];
        var _b = React.useState(), selectedDate = _b[0], setSelectedDate = _b[1];
        var onSelectDate = React.useCallback(function (date, dateRangeArray) {
            setSelectedDate(date);
            setSelectedDateRange(dateRangeArray);
        }, []);
        var dateRangeString = 'Not set';
        if (selectedDateRange) {
            var rangeStart = selectedDateRange[0];
            var rangeEnd = selectedDateRange[selectedDateRange.length - 1];
            dateRangeString = rangeStart.toLocaleDateString() + '-' + rangeEnd.toLocaleDateString();
        }
        return (React.createElement("div", { style: { height: 'auto' } },
            React.createElement("div", null,
                "Selected date: ",
                (selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.toLocaleString()) || 'Not set'),
            React.createElement("div", null,
                "Selected range: ",
                dateRangeString),
            React.createElement(react_1.Calendar, { dateRangeType: react_1.DateRangeType.WorkWeek, highlightSelectedMonth: true, showGoToToday: true, workWeekDays: workWeekDays, onSelectDate: onSelectDate, value: selectedDate })));
    };
    exports.CalendarInlineContiguousWorkWeekDaysExample = CalendarInlineContiguousWorkWeekDaysExample;
});
//# sourceMappingURL=Calendar.Inline.ContiguousWorkWeekDays.Example.js.map