"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.WeeklyDayPickerInlineMarkedDaysExample = void 0;
var React = require("react");
var react_1 = require("@fluentui/react");
var style_utilities_1 = require("@fluentui/style-utilities");
var styles = style_utilities_1.mergeStyleSets({
    wrapper: { height: 340 },
    button: { margin: '17px 10px 0 0' },
});
var WeeklyDayPickerInlineMarkedDaysExample = function () {
    var _a = React.useState(new Date()), selectedDate = _a[0], setSelectedDate = _a[1];
    return (React.createElement("div", { className: styles.wrapper },
        React.createElement("div", null,
            "Selected date(s): ",
            React.createElement("span", null, !selectedDate ? 'Not set' : selectedDate.toLocaleString())),
        React.createElement(react_1.WeeklyDayPicker, { onSelectDate: setSelectedDate, firstDayOfWeek: react_1.DayOfWeek.Sunday, strings: react_1.defaultWeeklyDayPickerStrings, initialDate: selectedDate, getMarkedDays: getMarkedDays })));
};
exports.WeeklyDayPickerInlineMarkedDaysExample = WeeklyDayPickerInlineMarkedDaysExample;
function getMarkedDays(startingDate, endingDate) {
    return [react_1.addDays(startingDate, 3), react_1.addDays(startingDate, 4)];
}
//# sourceMappingURL=WeeklyDayPicker.Inline.MarkedDays.Example.js.map