define(["require", "exports", "react", "@fluentui/react", "@fluentui/date-time-utilities"], function (require, exports, React, react_1, date_time_utilities_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.CalendarInlineMarkedDaysExample = void 0;
    var calendarDayProps = {
        getMarkedDays: function (startingDate, endingDate) { return [date_time_utilities_1.addDays(startingDate, 3), date_time_utilities_1.addDays(startingDate, 4)]; },
    };
    var CalendarInlineMarkedDaysExample = function () {
        var _a = React.useState(new Date()), selectedDate = _a[0], setSelectedDate = _a[1];
        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(react_1.Calendar, { showGoToToday: true, onSelectDate: setSelectedDate, value: selectedDate, 
                // Add the marked days
                calendarDayProps: calendarDayProps })));
    };
    exports.CalendarInlineMarkedDaysExample = CalendarInlineMarkedDaysExample;
});
//# sourceMappingURL=Calendar.Inline.MarkedDays.Example.js.map