import * as React from 'react';
import { WeeklyDayPicker, DayOfWeek, addDays, defaultWeeklyDayPickerStrings } from '@uifabric/date-time';
import { mergeStyleSets } from '@uifabric/styling';
var styles = mergeStyleSets({
    wrapper: { height: 340 },
    button: { margin: '17px 10px 0 0' },
});
export 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(WeeklyDayPicker, { onSelectDate: setSelectedDate, firstDayOfWeek: DayOfWeek.Sunday, strings: defaultWeeklyDayPickerStrings, initialDate: selectedDate, getMarkedDays: getMarkedDays })));
};
function getMarkedDays(startingDate, endingDate) {
    return [addDays(startingDate, 3), addDays(startingDate, 4)];
}
//# sourceMappingURL=WeeklyDayPicker.Inline.MarkedDays.Example.js.map