"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.CalendarInlineNonContiguousWorkWeekDaysExample = void 0;
var React = require("react");
var react_1 = require("@fluentui/react");
var workWeekDays = [react_1.DayOfWeek.Tuesday, react_1.DayOfWeek.Saturday, react_1.DayOfWeek.Wednesday, react_1.DayOfWeek.Friday];
var CalendarInlineNonContiguousWorkWeekDaysExample = 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: '360px' } },
        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, workWeekDays: workWeekDays, firstDayOfWeek: react_1.DayOfWeek.Monday, highlightSelectedMonth: true, showGoToToday: true, onSelectDate: onSelectDate, value: selectedDate })));
};
exports.CalendarInlineNonContiguousWorkWeekDaysExample = CalendarInlineNonContiguousWorkWeekDaysExample;
//# sourceMappingURL=Calendar.Inline.NonContiguousWorkWeekDays.Example.js.map