define(["require", "exports", "react", "@uifabric/date-time", "@fluentui/date-time-utilities", "@uifabric/styling"], function (require, exports, React, date_time_1, date_time_utilities_1, styling_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    var styles = styling_1.mergeStyleSets({
        wrapper: { height: 360 },
        button: { margin: '17px 10px 0 0' },
        dropdown: { width: 230 },
    });
    exports.CalendarInlineMarkedDaysExample = 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(date_time_1.Calendar, { dateRangeType: date_time_1.DateRangeType.Day, showGoToToday: true, onSelectDate: setSelectedDate, value: selectedDate, firstDayOfWeek: date_time_1.DayOfWeek.Sunday, strings: date_time_1.defaultDayPickerStrings, calendarDayProps: { getMarkedDays: getMarkedDays } })));
    };
    function getMarkedDays(startingDate, endingDate) {
        return [date_time_utilities_1.addDays(startingDate, 3), date_time_utilities_1.addDays(startingDate, 4)];
    }
});
//# sourceMappingURL=Calendar.Inline.MarkedDays.Example.js.map