"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.CalendarInlineOverlaidMonthExample = void 0;
var React = require("react");
var react_1 = require("@fluentui/react");
var CalendarInlineOverlaidMonthExample = function () {
    var _a = React.useState(), selectedDate = _a[0], setSelectedDate = _a[1];
    var onSelectDate = React.useCallback(function (date, dateRangeArray) {
        setSelectedDate(date);
    }, []);
    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, { showMonthPickerAsOverlay: true, highlightSelectedMonth: true, showGoToToday: false, onSelectDate: onSelectDate, value: selectedDate })));
};
exports.CalendarInlineOverlaidMonthExample = CalendarInlineOverlaidMonthExample;
//# sourceMappingURL=Calendar.Inline.OverlaidMonthPicker.Example.js.map