import * as React from 'react';
import { Calendar } from '@fluentui/react';
import { addDays } from '@fluentui/date-time-utilities';
var calendarDayProps = {
    getMarkedDays: function (startingDate, endingDate) { return [addDays(startingDate, 3), addDays(startingDate, 4)]; },
};
export 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(Calendar, { showGoToToday: true, onSelectDate: setSelectedDate, value: selectedDate, 
            // Add the marked days
            calendarDayProps: calendarDayProps })));
};
//# sourceMappingURL=Calendar.Inline.MarkedDays.Example.js.map